chore: add dynamic path aliases using @/ prefix

Author: Josem1801

js/react/lib/components/avatar/avatar.component.tsx

@@ -1,5 +1,5 @@
-import { withAs } from "../../utils/hoc/with-as.hoc";
-import { cn } from "../../utils/tw-merge";
+import { withAs } from "@/utils/hoc";
+import { cn } from "@/utils/tw-merge";
 
 type AvatarProps = {
   avatarUrl: string;

js/react/lib/components/button/button.component.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
-import { cn } from "../../utils/tw-merge";
 import { ButtonVariants, variants } from "./button.const";
-import { withAs } from "../../utils/hoc/with-as.hoc";
+import { withAs } from "@/utils/hoc";
+import { cn } from "@/utils/tw-merge";
 
 export type ButtonProps = {
   variant?: ButtonVariants;

js/react/lib/components/chip/chip.component.tsx

@@ -1,4 +1,4 @@
-import { cn } from "../../utils/tw-merge";
+import { cn } from "@/utils/tw-merge";
 import { ChipVariants, icons, variants } from "./chip.const";
 import React from "react";
 

js/react/lib/components/chip/chip.const.ts

@@ -1,4 +1,4 @@
-import { Location, StarBold } from "../../icons";
+import { Location, StarBold } from "@/icons";
 
 export const variants = {
   featured: [

js/react/lib/components/collaborators/collaborators.component.tsx

@@ -1,8 +1,8 @@
 import { Fragment } from "react/jsx-runtime";
-import { Github } from "../../icons";
 import { Avatar } from "../avatar/avatar.component";
 import { MAX_COLLABORATORS } from "./collaborators.const";
 import { Button } from "../button";
+import { Github } from "@/icons";
 
 type Collaborator = {
   avatarUrl: string;

js/react/lib/components/flap/flap.component.tsx

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from "react";
 import { FLAP_ICONS, FLAP_VARIANTS } from "./flap.const";
-import { cn } from "../../utils/tw-merge";
+import { cn } from "@/utils/tw-merge";
 
 type FlapProps = {
   label: string;

js/react/lib/components/flap/flap.const.ts

@@ -1,4 +1,4 @@
-import { StarBold } from "../../icons";
+import { StarBold } from "@/icons";
 
 export const FLAP_VARIANTS = {
   highlight: "text-primary-400",

js/react/lib/components/level/level.component.tsx

@@ -1,5 +1,5 @@
-import { withAs } from "../../utils/hoc/with-as.hoc";
-import { cn } from "../../utils/tw-merge";
+import { withAs } from "@/utils/hoc";
+import { cn } from "@/utils/tw-merge";
 import { LEVEL_LABELS, LEVEL_VARIANTS, LevelVariants } from "./level.const";
 
 type LevelProps = {

js/react/lib/components/tag/tag.component.tsx

@@ -1,6 +1,6 @@
-import { cn } from "../../utils/tw-merge";
+import { withAs } from "@/utils/hoc";
+import { cn } from "@/utils/tw-merge";
 import { TAG_VARIANTS } from "./tag.const";
-import { withAs } from "../../utils/hoc/with-as.hoc";
 
 type TagProps = {
   label?: string;

js/react/lib/utils/hoc/index.ts

@@ -0,0 +1 @@
+export * from "./with-as.hoc";