Update all imports to use @ relative

editor/components/ui/accordion.tsx

@@ -4,7 +4,7 @@ import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "lucide-react";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function Accordion({
   ...props

editor/components/ui/alert.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "~/editor/lib/utils"
+import { cn } from "@/editor/lib/utils"
 
 type AlertVariant = "default" | "destructive"
 

editor/components/ui/avatar.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function Avatar({
   className,

editor/components/ui/badge.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-[color,box-shadow] overflow-hidden",

editor/components/ui/breadcrumb.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 function Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {
   return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />;

editor/components/ui/button.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva, type VariantProps } from "class-variance-authority";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-ring",

editor/components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function Card({ className, ...props }: React.ComponentProps<"div">) {
   return (

editor/components/ui/carousel.tsx

@@ -6,7 +6,7 @@ import React, {
   useRef,
   useEffect,
 } from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 import { Button } from './button';
 
 interface CarouselContextType {

editor/components/ui/empty.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "~/editor/lib/utils"
+import { cn } from "@/editor/lib/utils"
 
 function Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (

editor/components/ui/input-otp.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { OTPInput, OTPInputContext } from 'input-otp';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 function InputOTP({
   className,

editor/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "~/editor/lib/utils"
+import { cn } from "@/editor/lib/utils"
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

editor/components/ui/navigation-menu.tsx

@@ -5,7 +5,7 @@ import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
 import { ChevronDownIcon } from "lucide-react";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function NavigationMenu({
   className,

editor/components/ui/pagination.tsx

@@ -5,8 +5,8 @@ import {
   MoreHorizontalIcon,
 } from "lucide-react"
 
-import { cn } from "~/editor/lib/utils"
-import { buttonVariants, type Button } from "~/editor/components/ui/button"
+import { cn } from "@/editor/lib/utils"
+import { buttonVariants, type Button } from "@/editor/components/ui/button"
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
   return (

editor/components/ui/select.tsx

@@ -6,7 +6,7 @@ import React, {
   useEffect,
   useCallback,
 } from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 interface SelectContextType {
   open: boolean;

editor/components/ui/separator.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function Separator({
   className,

editor/components/ui/sheet.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useCallback, useContext, createContext } from 'react';
 import { createPortal } from 'react-dom';
 import { motion, AnimatePresence } from 'framer-motion';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 interface SheetContextType {
   open: boolean;

editor/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "~/editor/lib/utils"
+import { cn } from "@/editor/lib/utils"
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
   return (

editor/components/ui/sonner.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { toast } from 'sonner';
 
-import Button from '~/editor/components/ui/button';
+import Button from '@/editor/components/ui/button';
 
 export function SonnerDemo() {
   return (

editor/components/ui/spinner.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 interface SpinnerProps extends React.ComponentProps<'svg'> {
   size?: 'sm' | 'md' | 'lg' | 'xl';

editor/components/ui/switch.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 interface SwitchProps extends Omit<
   React.InputHTMLAttributes<HTMLInputElement>,

editor/components/ui/table.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/editor/lib/utils';
+import { cn } from '@/editor/lib/utils';
 
 function Table({ className, ...props }: React.ComponentProps<'table'>) {
   return (

editor/components/ui/tabs.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 
-import { cn } from "~/editor/lib/utils";
+import { cn } from "@/editor/lib/utils";
 
 function Tabs({
   className,

editor/components/ui/textarea.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "~/editor/lib/utils"
+import { cn } from "@/editor/lib/utils"
 
 function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (