fix: update import paths to use relative paths instead of absolute paths

Author: hotlong

fix-imports.cjs

@@ -0,0 +1,40 @@
+
+const fs = require('fs');
+const path = require('path');
+
+const dir = path.join(process.cwd(), 'packages/components/src/ui');
+
+try {
+  const files = fs.readdirSync(dir);
+  
+  files.forEach(file => {
+    if (!file.endsWith('.tsx')) return;
+    
+    const filePath = path.join(dir, file);
+    let content = fs.readFileSync(filePath, 'utf8');
+    
+    // Check if file contains the incorrect import
+    if (content.includes('registry/')) {
+      console.log(`Fixing imports in ${file}...`);
+      
+      // Replace @/registry/default/ui/ with ./
+      content = content.replace(/@\/registry\/default\/ui\//g, './');
+      
+      // Replace @/registry/new-york/ui/ with ./
+      content = content.replace(/@\/registry\/new-york\/ui\//g, './');
+
+      // Replace @/registry/default/hooks/ with ../hooks/
+      content = content.replace(/@\/registry\/default\/hooks\//g, '../hooks/');
+
+      // Replace @/registry/default/lib/ with ../lib/
+      content = content.replace(/@\/registry\/default\/lib\//g, '../lib/');
+      
+      fs.writeFileSync(filePath, content, 'utf8');
+    }
+  });
+  
+  console.log('Finished fixing imports.');
+} catch (err) {
+  console.error('Error processing files:', err);
+  process.exit(1);
+}

packages/components/src/renderers/complex/resizable.tsx

@@ -19,7 +19,7 @@ import { renderChildren } from '../../lib/utils';
 ComponentRegistry.register('resizable', 
   ({ schema, className, ...props }: { schema: ResizableSchema; className?: string; [key: string]: any }) => (
     <ResizablePanelGroup 
-        direction={schema.direction || 'horizontal'} 
+        orientation={(schema.direction || 'horizontal') as "horizontal" | "vertical"}
         className={className} 
         {...props}
         style={{ minHeight: schema.minHeight || '200px' }}

packages/components/src/ui/alert-dialog.tsx

@@ -12,7 +12,7 @@ import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
 import { cn } from "../lib/utils"
-import { buttonVariants } from "@/registry/default/ui/button"
+import { buttonVariants } from "./button"
 
 const AlertDialog = AlertDialogPrimitive.Root
 

packages/components/src/ui/button.tsx

@@ -32,6 +32,8 @@ const buttonVariants = cva(
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
         icon: "h-10 w-10",
+        "icon-sm": "h-8 w-8",
+        "icon-lg": "h-12 w-12",
       },
     },
     defaultVariants: {

packages/components/src/ui/calendar.tsx

@@ -17,7 +17,7 @@ import {
 import { DayButton, DayPicker, getDefaultClassNames } from "react-day-picker"
 
 import { cn } from "../lib/utils"
-import { Button, buttonVariants } from "@/registry/new-york/ui/button"
+import { Button, buttonVariants } from "./button"
 
 function Calendar({
   className,

packages/components/src/ui/carousel.tsx

@@ -15,7 +15,7 @@ import useEmblaCarousel, {
 import { ArrowLeft, ArrowRight } from "lucide-react"
 
 import { cn } from "../lib/utils"
-import { Button } from "@/registry/default/ui/button"
+import { Button } from "./button"
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>

packages/components/src/ui/command.tsx

@@ -14,7 +14,7 @@ import { Command as CommandPrimitive } from "cmdk"
 import { Search } from "lucide-react"
 
 import { cn } from "../lib/utils"
-import { Dialog, DialogContent } from "@/registry/default/ui/dialog"
+import { Dialog, DialogContent } from "./dialog"
 
 const Command = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive>,

packages/components/src/ui/form.tsx

@@ -21,7 +21,7 @@ import {
 } from "react-hook-form"
 
 import { cn } from "../lib/utils"
-import { Label } from "@/registry/default/ui/label"
+import { Label } from "./label"
 
 const Form = FormProvider
 

packages/components/src/ui/pagination.tsx

@@ -10,7 +10,7 @@ import * as React from "react"
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
 
 import { cn } from "../lib/utils"
-import { ButtonProps, buttonVariants } from "@/registry/default/ui/button"
+import { ButtonProps, buttonVariants } from "./button"
 
 const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav

packages/components/src/ui/resizable.tsx

@@ -16,8 +16,8 @@ import { cn } from "../lib/utils"
 const ResizablePanelGroup = ({
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
-  <ResizablePrimitive.PanelGroup
+}: React.ComponentProps<typeof ResizablePrimitive.Group>) => (
+  <ResizablePrimitive.Group
     className={cn(
       "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
       className
@@ -32,10 +32,10 @@ const ResizableHandle = ({
   withHandle,
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
   withHandle?: boolean
 }) => (
-  <ResizablePrimitive.PanelResizeHandle
+  <ResizablePrimitive.Separator
     className={cn(
       "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       className
@@ -47,7 +47,7 @@ const ResizableHandle = ({
         <GripVertical className="h-2.5 w-2.5" />
       </div>
     )}
-  </ResizablePrimitive.PanelResizeHandle>
+  </ResizablePrimitive.Separator>
 )
 
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle }