Update local paths to aliases

.storybook/preview.ts

@@ -1,5 +1,5 @@
 import { Preview } from "@storybook/react"
-import "../src/styles/tailwind.css"
+import "~/styles/tailwind.css"
 
 const preview = {
   parameters: {

src/typography/Heading/Heading.tsx

@@ -2,7 +2,7 @@ import { Slot } from "@radix-ui/react-slot"
 import type { HTMLAttributes } from "react"
 import { forwardRef } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
+import { type VariantProps, cx } from "~/shared/cva"
 
 import { headingVariants } from "./Heading.variants"
 

src/typography/Heading/Heading.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const headingVariants = cva({
   base: "font-medium",

src/typography/Paragraph/Paragraph.tsx

@@ -2,7 +2,7 @@ import { Slot } from "@radix-ui/react-slot"
 import type { HTMLAttributes } from "react"
 import { forwardRef } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
+import { type VariantProps, cx } from "~/shared/cva"
 
 import { paragraphVariants } from "./Paragraph.variants"
 

src/typography/Paragraph/Paragraph.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const paragraphVariants = cva({
   base: "",

src/typography/Subheading/Subheading.tsx

@@ -2,7 +2,7 @@ import { Slot } from "@radix-ui/react-slot"
 import type { HTMLAttributes } from "react"
 import { forwardRef } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
+import { type VariantProps, cx } from "~/shared/cva"
 
 import { subheadingVariants } from "./Subheading.variants"
 

src/typography/Subheading/Subheading.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const subheadingVariants = cva({
   base: "font-medium uppercase",

src/ui/Avatar/Avatar.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react"
 import { IconDiscountCheckFilled, IconUsers } from "@tabler/icons-react"
 
-import { Dot } from "../Dot"
+import { Dot } from "~/ui/Dot"
 
 import { Avatar } from "./Avatar"
 

src/ui/Avatar/Avatar.tsx

@@ -4,9 +4,9 @@ import { IconUser } from "@tabler/icons-react"
 import { forwardRef, isValidElement } from "react"
 import type { ComponentPropsWithoutRef, ElementRef, ReactElement, RefObject } from "react"
 
-import { Loader } from "../Loader"
-import { type VariantProps, cx } from "../../shared/cva"
-import { getInitials, isReactElement } from "../../shared/helpers"
+import { type VariantProps, cx } from "~/shared/cva"
+import { getInitials, isReactElement } from "~/shared/helpers"
+import { Loader } from "~/ui/Loader"
 
 import {
   avatarFallbackVariants,

src/ui/Avatar/Avatar.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const avatarVariants = cva({
   base: "relative flex items-center justify-center shrink-0 bg-gradient-to-b w-auto",

src/ui/Badge/Badge.tsx

@@ -2,8 +2,8 @@ import { Slot } from "@radix-ui/react-slot"
 import { forwardRef, isValidElement } from "react"
 import type { ReactElement, HTMLAttributes } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
-import { Slottable } from "../../utils/Slottable"
+import { type VariantProps, cx } from "~/shared/cva"
+import { Slottable } from "~/utils/Slottable"
 
 import { badgeAffixVariants, badgeVariants } from "./Badge.variants"
 

src/ui/Badge/Badge.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const badgeVariants = cva({
   base: [

src/ui/Button/Button.tsx

@@ -2,10 +2,10 @@ import { Slot } from "@radix-ui/react-slot"
 import type { ButtonHTMLAttributes, ReactElement } from "react"
 import { forwardRef, isValidElement } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
-import { isChildrenEmpty } from "../../shared/helpers"
-import { Slottable } from "../../utils/Slottable"
-import { Loader } from "../Loader"
+import { type VariantProps, cx } from "~/shared/cva"
+import { isChildrenEmpty } from "~/shared/helpers"
+import { Loader } from "~/ui/Loader"
+import { Slottable } from "~/utils/Slottable"
 
 import { buttonAffixVariants, buttonVariants } from "./Button.variants"
 

src/ui/Button/Button.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const buttonVariants = cva({
   base: [

src/ui/Dot/Dot.tsx

@@ -1,7 +1,7 @@
 import { Slot } from "@radix-ui/react-slot"
 import { type HTMLAttributes, forwardRef, isValidElement } from "react"
 
-import { type VariantProps } from "../../shared/cva"
+import { type VariantProps } from "~/shared/cva"
 
 import { dotVariants } from "./Dot.variants"
 

src/ui/Dot/Dot.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const dotVariants = cva({
   base: "block rounded-full border border-transparent text-white",

src/ui/Loader/Loader.tsx

@@ -1,7 +1,7 @@
 import { IconLoader } from "@tabler/icons-react"
 import { type SVGProps, forwardRef } from "react"
 
-import { cx } from "../../shared/cva"
+import { cx } from "~/shared/cva"
 
 export type LoaderProps = SVGProps<SVGSVGElement>
 

src/ui/Status/Status.tsx

@@ -2,8 +2,8 @@ import { Slot } from "@radix-ui/react-slot"
 import { forwardRef, isValidElement } from "react"
 import type { ReactElement, HTMLAttributes } from "react"
 
-import { type VariantProps, cx } from "../../shared/cva"
-import { Slottable } from "../../utils/Slottable"
+import { type VariantProps, cx } from "~/shared/cva"
+import { Slottable } from "~/utils/Slottable"
 
 import { statusAffixVariants, statusVariants } from "./Status.variants"
 

src/ui/Status/Status.variants.ts

@@ -1,4 +1,4 @@
-import { cva } from "../../shared/cva"
+import { cva } from "~/shared/cva"
 
 export const statusVariants = cva({
   base: [