diff --git a/apps/www/__registry__/index.tsx b/apps/www/__registry__/index.tsx
index eb5dd3ddc30..b217c0de7cb 100644
--- a/apps/www/__registry__/index.tsx
+++ b/apps/www/__registry__/index.tsx
@@ -10,7 +10,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/accordion.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/accordion.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/accordion.tsx")),
       source: "",
       category: "",
@@ -22,7 +26,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/alert.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/alert.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/alert.tsx")),
       source: "",
       category: "",
@@ -34,7 +42,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/new-york/ui/alert-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/alert-dialog.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/alert-dialog.tsx")),
       source: "",
       category: "",
@@ -46,7 +58,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/aspect-ratio.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/aspect-ratio.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/aspect-ratio.tsx")),
       source: "",
       category: "",
@@ -58,7 +74,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/avatar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/avatar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/avatar.tsx")),
       source: "",
       category: "",
@@ -70,7 +90,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/badge.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/badge.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/badge.tsx")),
       source: "",
       category: "",
@@ -82,7 +106,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/breadcrumb.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/breadcrumb.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/breadcrumb.tsx")),
       source: "",
       category: "",
@@ -94,7 +122,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/button.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/button.tsx")),
       source: "",
       category: "",
@@ -106,7 +138,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/new-york/ui/calendar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/calendar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/calendar.tsx")),
       source: "",
       category: "",
@@ -118,7 +154,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/card.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/card.tsx")),
       source: "",
       category: "",
@@ -130,7 +170,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/new-york/ui/carousel.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/carousel.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/carousel.tsx")),
       source: "",
       category: "",
@@ -142,7 +186,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["card"],
-      files: ["registry/new-york/ui/chart.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/chart.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/chart.tsx")),
       source: "",
       category: "",
@@ -154,7 +202,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/checkbox.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/checkbox.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/checkbox.tsx")),
       source: "",
       category: "",
@@ -166,7 +218,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/collapsible.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/collapsible.tsx")),
       source: "",
       category: "",
@@ -178,7 +234,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["dialog"],
-      files: ["registry/new-york/ui/command.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/command.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/command.tsx")),
       source: "",
       category: "",
@@ -190,7 +250,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/context-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/context-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/context-menu.tsx")),
       source: "",
       category: "",
@@ -202,7 +266,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/dialog.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/dialog.tsx")),
       source: "",
       category: "",
@@ -214,7 +282,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/drawer.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/drawer.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/drawer.tsx")),
       source: "",
       category: "",
@@ -226,7 +298,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/dropdown-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/dropdown-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/dropdown-menu.tsx")),
       source: "",
       category: "",
@@ -238,7 +314,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button","label"],
-      files: ["registry/new-york/ui/form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/form.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/form.tsx")),
       source: "",
       category: "",
@@ -250,7 +330,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/hover-card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/hover-card.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/hover-card.tsx")),
       source: "",
       category: "",
@@ -262,7 +346,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/input.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/input.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/input.tsx")),
       source: "",
       category: "",
@@ -274,7 +362,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/input-otp.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/input-otp.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/input-otp.tsx")),
       source: "",
       category: "",
@@ -286,7 +378,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/label.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/label.tsx")),
       source: "",
       category: "",
@@ -298,7 +394,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/menubar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/menubar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/menubar.tsx")),
       source: "",
       category: "",
@@ -310,7 +410,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/navigation-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/navigation-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/navigation-menu.tsx")),
       source: "",
       category: "",
@@ -322,7 +426,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/new-york/ui/pagination.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/pagination.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/pagination.tsx")),
       source: "",
       category: "",
@@ -334,7 +442,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/popover.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/popover.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/popover.tsx")),
       source: "",
       category: "",
@@ -346,7 +458,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/progress.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/progress.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/progress.tsx")),
       source: "",
       category: "",
@@ -358,7 +474,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/radio-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/radio-group.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/radio-group.tsx")),
       source: "",
       category: "",
@@ -370,7 +490,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/resizable.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/resizable.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/resizable.tsx")),
       source: "",
       category: "",
@@ -382,7 +506,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/scroll-area.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/scroll-area.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/scroll-area.tsx")),
       source: "",
       category: "",
@@ -394,7 +522,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/select.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/select.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/select.tsx")),
       source: "",
       category: "",
@@ -406,7 +538,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/separator.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/separator.tsx")),
       source: "",
       category: "",
@@ -418,7 +554,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/sheet.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/sheet.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/sheet.tsx")),
       source: "",
       category: "",
@@ -430,7 +570,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button","separator","sheet","tooltip","input","use-mobile","skeleton"],
-      files: ["registry/new-york/ui/sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/sidebar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/sidebar.tsx")),
       source: "",
       category: "",
@@ -442,7 +586,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/skeleton.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/skeleton.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/skeleton.tsx")),
       source: "",
       category: "",
@@ -454,7 +602,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/slider.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/slider.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/slider.tsx")),
       source: "",
       category: "",
@@ -466,7 +618,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/sonner.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/sonner.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/sonner.tsx")),
       source: "",
       category: "",
@@ -478,7 +634,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/switch.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/switch.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/switch.tsx")),
       source: "",
       category: "",
@@ -490,7 +650,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/table.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/table.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/table.tsx")),
       source: "",
       category: "",
@@ -502,7 +666,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/tabs.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/tabs.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/tabs.tsx")),
       source: "",
       category: "",
@@ -514,7 +682,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/textarea.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/textarea.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/textarea.tsx")),
       source: "",
       category: "",
@@ -526,7 +698,19 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/toast.tsx","registry/new-york/hooks/use-toast.ts","registry/new-york/ui/toaster.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/toast.tsx",
+        type: "registry:ui",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/hooks/use-toast.ts",
+        type: "registry:hook",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/toaster.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/toast.tsx")),
       source: "",
       category: "",
@@ -538,7 +722,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/toggle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/toggle.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/toggle.tsx")),
       source: "",
       category: "",
@@ -550,7 +738,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/ui/toggle-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/toggle-group.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/toggle-group.tsx")),
       source: "",
       category: "",
@@ -562,7 +754,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/new-york/ui/tooltip.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/ui/tooltip.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/ui/tooltip.tsx")),
       source: "",
       category: "",
@@ -574,7 +770,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["accordion"],
-      files: ["registry/new-york/example/accordion-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/accordion-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/accordion-demo.tsx")),
       source: "",
       category: "",
@@ -586,7 +786,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert"],
-      files: ["registry/new-york/example/alert-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/alert-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/alert-demo.tsx")),
       source: "",
       category: "",
@@ -598,7 +802,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert"],
-      files: ["registry/new-york/example/alert-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/alert-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/alert-destructive.tsx")),
       source: "",
       category: "",
@@ -610,7 +818,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert-dialog","button"],
-      files: ["registry/new-york/example/alert-dialog-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/alert-dialog-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/alert-dialog-demo.tsx")),
       source: "",
       category: "",
@@ -622,7 +834,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["aspect-ratio"],
-      files: ["registry/new-york/example/aspect-ratio-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/aspect-ratio-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/aspect-ratio-demo.tsx")),
       source: "",
       category: "",
@@ -634,7 +850,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["avatar"],
-      files: ["registry/new-york/example/avatar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/avatar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/avatar-demo.tsx")),
       source: "",
       category: "",
@@ -646,7 +866,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/new-york/example/badge-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/badge-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/badge-demo.tsx")),
       source: "",
       category: "",
@@ -658,7 +882,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/new-york/example/badge-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/badge-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/badge-destructive.tsx")),
       source: "",
       category: "",
@@ -670,7 +898,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/new-york/example/badge-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/badge-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/badge-outline.tsx")),
       source: "",
       category: "",
@@ -682,7 +914,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/new-york/example/badge-secondary.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/badge-secondary.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/badge-secondary.tsx")),
       source: "",
       category: "",
@@ -694,7 +930,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-demo.tsx")),
       source: "",
       category: "",
@@ -706,7 +946,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-separator.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-separator.tsx")),
       source: "",
       category: "",
@@ -718,7 +962,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-dropdown.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-dropdown.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-dropdown.tsx")),
       source: "",
       category: "",
@@ -730,7 +978,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-ellipsis.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-ellipsis.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-ellipsis.tsx")),
       source: "",
       category: "",
@@ -742,7 +994,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-link.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-link.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-link.tsx")),
       source: "",
       category: "",
@@ -754,7 +1010,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/new-york/example/breadcrumb-responsive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/breadcrumb-responsive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/breadcrumb-responsive.tsx")),
       source: "",
       category: "",
@@ -766,7 +1026,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-demo.tsx")),
       source: "",
       category: "",
@@ -778,7 +1042,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-secondary.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-secondary.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-secondary.tsx")),
       source: "",
       category: "",
@@ -790,7 +1058,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-destructive.tsx")),
       source: "",
       category: "",
@@ -802,7 +1074,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-outline.tsx")),
       source: "",
       category: "",
@@ -814,7 +1090,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-ghost.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-ghost.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-ghost.tsx")),
       source: "",
       category: "",
@@ -826,7 +1106,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-link.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-link.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-link.tsx")),
       source: "",
       category: "",
@@ -838,7 +1122,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-with-icon.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-with-icon.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-with-icon.tsx")),
       source: "",
       category: "",
@@ -850,7 +1138,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-loading.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-loading.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-loading.tsx")),
       source: "",
       category: "",
@@ -862,7 +1154,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-icon.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-icon.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-icon.tsx")),
       source: "",
       category: "",
@@ -874,7 +1170,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/new-york/example/button-as-child.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/button-as-child.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/button-as-child.tsx")),
       source: "",
       category: "",
@@ -886,7 +1186,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["calendar"],
-      files: ["registry/new-york/example/calendar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/calendar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/calendar-demo.tsx")),
       source: "",
       category: "",
@@ -898,7 +1202,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["calendar","form","popover"],
-      files: ["registry/new-york/example/calendar-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/calendar-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/calendar-form.tsx")),
       source: "",
       category: "",
@@ -910,7 +1218,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["card","button","switch"],
-      files: ["registry/new-york/example/card-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/card-demo.tsx")),
       source: "",
       category: "",
@@ -922,7 +1234,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","card","input","label","select"],
-      files: ["registry/new-york/example/card-with-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/card-with-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/card-with-form.tsx")),
       source: "",
       category: "",
@@ -934,7 +1250,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-demo.tsx")),
       source: "",
       category: "",
@@ -946,7 +1266,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-size.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-size.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-size.tsx")),
       source: "",
       category: "",
@@ -958,7 +1282,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-spacing.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-spacing.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-spacing.tsx")),
       source: "",
       category: "",
@@ -970,7 +1298,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-orientation.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-orientation.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-orientation.tsx")),
       source: "",
       category: "",
@@ -982,7 +1314,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-api.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-api.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-api.tsx")),
       source: "",
       category: "",
@@ -994,7 +1330,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/new-york/example/carousel-plugin.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/carousel-plugin.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/carousel-plugin.tsx")),
       source: "",
       category: "",
@@ -1006,7 +1346,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/new-york/example/checkbox-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/checkbox-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/checkbox-demo.tsx")),
       source: "",
       category: "",
@@ -1018,7 +1362,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/new-york/example/checkbox-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/checkbox-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/checkbox-disabled.tsx")),
       source: "",
       category: "",
@@ -1030,7 +1378,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox","form"],
-      files: ["registry/new-york/example/checkbox-form-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/checkbox-form-multiple.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/checkbox-form-multiple.tsx")),
       source: "",
       category: "",
@@ -1042,7 +1394,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox","form"],
-      files: ["registry/new-york/example/checkbox-form-single.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/checkbox-form-single.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/checkbox-form-single.tsx")),
       source: "",
       category: "",
@@ -1054,7 +1410,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/new-york/example/checkbox-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/checkbox-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/checkbox-with-text.tsx")),
       source: "",
       category: "",
@@ -1066,7 +1426,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["collapsible"],
-      files: ["registry/new-york/example/collapsible-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/collapsible-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/collapsible-demo.tsx")),
       source: "",
       category: "",
@@ -1078,7 +1442,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command"],
-      files: ["registry/new-york/example/combobox-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/combobox-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/combobox-demo.tsx")),
       source: "",
       category: "",
@@ -1090,7 +1458,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","dropdown-menu","button"],
-      files: ["registry/new-york/example/combobox-dropdown-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/combobox-dropdown-menu.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/combobox-dropdown-menu.tsx")),
       source: "",
       category: "",
@@ -1102,7 +1474,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","form"],
-      files: ["registry/new-york/example/combobox-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/combobox-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/combobox-form.tsx")),
       source: "",
       category: "",
@@ -1114,7 +1490,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["combobox","popover"],
-      files: ["registry/new-york/example/combobox-popover.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/combobox-popover.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/combobox-popover.tsx")),
       source: "",
       category: "",
@@ -1126,7 +1506,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["combobox","popover","drawer"],
-      files: ["registry/new-york/example/combobox-responsive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/combobox-responsive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/combobox-responsive.tsx")),
       source: "",
       category: "",
@@ -1138,7 +1522,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command"],
-      files: ["registry/new-york/example/command-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/command-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/command-demo.tsx")),
       source: "",
       category: "",
@@ -1150,7 +1538,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","dialog"],
-      files: ["registry/new-york/example/command-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/command-dialog.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/command-dialog.tsx")),
       source: "",
       category: "",
@@ -1162,7 +1554,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["context-menu"],
-      files: ["registry/new-york/example/context-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/context-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/context-menu-demo.tsx")),
       source: "",
       category: "",
@@ -1174,7 +1570,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["data-table"],
-      files: ["registry/new-york/example/data-table-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/data-table-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/data-table-demo.tsx")),
       source: "",
       category: "",
@@ -1186,7 +1586,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover"],
-      files: ["registry/new-york/example/date-picker-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/date-picker-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/date-picker-demo.tsx")),
       source: "",
       category: "",
@@ -1198,7 +1602,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","form","popover"],
-      files: ["registry/new-york/example/date-picker-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/date-picker-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/date-picker-form.tsx")),
       source: "",
       category: "",
@@ -1210,7 +1618,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover","select"],
-      files: ["registry/new-york/example/date-picker-with-presets.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/date-picker-with-presets.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/date-picker-with-presets.tsx")),
       source: "",
       category: "",
@@ -1222,7 +1634,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover"],
-      files: ["registry/new-york/example/date-picker-with-range.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/date-picker-with-range.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/date-picker-with-range.tsx")),
       source: "",
       category: "",
@@ -1234,7 +1650,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dialog"],
-      files: ["registry/new-york/example/dialog-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/dialog-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/dialog-demo.tsx")),
       source: "",
       category: "",
@@ -1246,7 +1666,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dialog","button"],
-      files: ["registry/new-york/example/dialog-close-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/dialog-close-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/dialog-close-button.tsx")),
       source: "",
       category: "",
@@ -1258,7 +1682,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["drawer"],
-      files: ["registry/new-york/example/drawer-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/drawer-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/drawer-demo.tsx")),
       source: "",
       category: "",
@@ -1270,7 +1698,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["drawer","dialog"],
-      files: ["registry/new-york/example/drawer-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/drawer-dialog.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/drawer-dialog.tsx")),
       source: "",
       category: "",
@@ -1282,7 +1714,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu"],
-      files: ["registry/new-york/example/dropdown-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/dropdown-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/dropdown-menu-demo.tsx")),
       source: "",
       category: "",
@@ -1294,7 +1730,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu","checkbox"],
-      files: ["registry/new-york/example/dropdown-menu-checkboxes.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/dropdown-menu-checkboxes.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/dropdown-menu-checkboxes.tsx")),
       source: "",
       category: "",
@@ -1306,7 +1746,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu","radio-group"],
-      files: ["registry/new-york/example/dropdown-menu-radio-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/dropdown-menu-radio-group.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/dropdown-menu-radio-group.tsx")),
       source: "",
       category: "",
@@ -1318,7 +1762,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["hover-card"],
-      files: ["registry/new-york/example/hover-card-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/hover-card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/hover-card-demo.tsx")),
       source: "",
       category: "",
@@ -1330,7 +1778,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/new-york/example/input-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-demo.tsx")),
       source: "",
       category: "",
@@ -1342,7 +1794,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/new-york/example/input-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-disabled.tsx")),
       source: "",
       category: "",
@@ -1354,7 +1810,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/new-york/example/input-file.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-file.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-file.tsx")),
       source: "",
       category: "",
@@ -1366,7 +1826,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","form"],
-      files: ["registry/new-york/example/input-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-form.tsx")),
       source: "",
       category: "",
@@ -1378,7 +1842,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button"],
-      files: ["registry/new-york/example/input-with-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-with-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-with-button.tsx")),
       source: "",
       category: "",
@@ -1390,7 +1858,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","label"],
-      files: ["registry/new-york/example/input-with-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-with-label.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-with-label.tsx")),
       source: "",
       category: "",
@@ -1402,7 +1874,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","label"],
-      files: ["registry/new-york/example/input-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-with-text.tsx")),
       source: "",
       category: "",
@@ -1414,7 +1890,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/new-york/example/input-otp-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-otp-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-otp-demo.tsx")),
       source: "",
       category: "",
@@ -1426,7 +1906,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/new-york/example/input-otp-pattern.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-otp-pattern.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-otp-pattern.tsx")),
       source: "",
       category: "",
@@ -1438,7 +1922,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/new-york/example/input-otp-separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-otp-separator.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-otp-separator.tsx")),
       source: "",
       category: "",
@@ -1450,7 +1938,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/new-york/example/input-otp-controlled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-otp-controlled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-otp-controlled.tsx")),
       source: "",
       category: "",
@@ -1462,7 +1954,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp","form"],
-      files: ["registry/new-york/example/input-otp-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/input-otp-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/input-otp-form.tsx")),
       source: "",
       category: "",
@@ -1474,7 +1970,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["label"],
-      files: ["registry/new-york/example/label-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/label-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/label-demo.tsx")),
       source: "",
       category: "",
@@ -1486,7 +1986,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["menubar"],
-      files: ["registry/new-york/example/menubar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/menubar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/menubar-demo.tsx")),
       source: "",
       category: "",
@@ -1498,7 +2002,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["navigation-menu"],
-      files: ["registry/new-york/example/navigation-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/navigation-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/navigation-menu-demo.tsx")),
       source: "",
       category: "",
@@ -1510,7 +2018,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["pagination"],
-      files: ["registry/new-york/example/pagination-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/pagination-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/pagination-demo.tsx")),
       source: "",
       category: "",
@@ -1522,7 +2034,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["popover"],
-      files: ["registry/new-york/example/popover-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/popover-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/popover-demo.tsx")),
       source: "",
       category: "",
@@ -1534,7 +2050,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["progress"],
-      files: ["registry/new-york/example/progress-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/progress-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/progress-demo.tsx")),
       source: "",
       category: "",
@@ -1546,7 +2066,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["radio-group"],
-      files: ["registry/new-york/example/radio-group-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/radio-group-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/radio-group-demo.tsx")),
       source: "",
       category: "",
@@ -1558,7 +2082,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["radio-group","form"],
-      files: ["registry/new-york/example/radio-group-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/radio-group-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/radio-group-form.tsx")),
       source: "",
       category: "",
@@ -1570,7 +2098,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/new-york/example/resizable-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/resizable-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/resizable-demo.tsx")),
       source: "",
       category: "",
@@ -1582,7 +2114,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/new-york/example/resizable-demo-with-handle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/resizable-demo-with-handle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/resizable-demo-with-handle.tsx")),
       source: "",
       category: "",
@@ -1594,7 +2130,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/new-york/example/resizable-vertical.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/resizable-vertical.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/resizable-vertical.tsx")),
       source: "",
       category: "",
@@ -1606,7 +2146,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/new-york/example/resizable-handle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/resizable-handle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/resizable-handle.tsx")),
       source: "",
       category: "",
@@ -1618,7 +2162,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["scroll-area"],
-      files: ["registry/new-york/example/scroll-area-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/scroll-area-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/scroll-area-demo.tsx")),
       source: "",
       category: "",
@@ -1630,7 +2178,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["scroll-area"],
-      files: ["registry/new-york/example/scroll-area-horizontal-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/scroll-area-horizontal-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/scroll-area-horizontal-demo.tsx")),
       source: "",
       category: "",
@@ -1642,7 +2194,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/new-york/example/select-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/select-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/select-demo.tsx")),
       source: "",
       category: "",
@@ -1654,7 +2210,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/new-york/example/select-scrollable.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/select-scrollable.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/select-scrollable.tsx")),
       source: "",
       category: "",
@@ -1666,7 +2226,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/new-york/example/select-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/select-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/select-form.tsx")),
       source: "",
       category: "",
@@ -1678,7 +2242,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["separator"],
-      files: ["registry/new-york/example/separator-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/separator-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/separator-demo.tsx")),
       source: "",
       category: "",
@@ -1690,7 +2258,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sheet"],
-      files: ["registry/new-york/example/sheet-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/sheet-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/sheet-demo.tsx")),
       source: "",
       category: "",
@@ -1702,7 +2274,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sheet"],
-      files: ["registry/new-york/example/sheet-side.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/sheet-side.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/sheet-side.tsx")),
       source: "",
       category: "",
@@ -1714,7 +2290,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["skeleton"],
-      files: ["registry/new-york/example/skeleton-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/skeleton-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/skeleton-demo.tsx")),
       source: "",
       category: "",
@@ -1726,7 +2306,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["skeleton"],
-      files: ["registry/new-york/example/skeleton-card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/skeleton-card.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/skeleton-card.tsx")),
       source: "",
       category: "",
@@ -1738,7 +2322,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["slider"],
-      files: ["registry/new-york/example/slider-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/slider-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/slider-demo.tsx")),
       source: "",
       category: "",
@@ -1750,7 +2338,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sonner"],
-      files: ["registry/new-york/example/sonner-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/sonner-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/sonner-demo.tsx")),
       source: "",
       category: "",
@@ -1762,7 +2354,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["switch"],
-      files: ["registry/new-york/example/switch-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/switch-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/switch-demo.tsx")),
       source: "",
       category: "",
@@ -1774,7 +2370,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["switch","form"],
-      files: ["registry/new-york/example/switch-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/switch-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/switch-form.tsx")),
       source: "",
       category: "",
@@ -1786,7 +2386,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["table"],
-      files: ["registry/new-york/example/table-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/table-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/table-demo.tsx")),
       source: "",
       category: "",
@@ -1798,7 +2402,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["tabs"],
-      files: ["registry/new-york/example/tabs-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/tabs-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/tabs-demo.tsx")),
       source: "",
       category: "",
@@ -1810,7 +2418,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea"],
-      files: ["registry/new-york/example/textarea-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-demo.tsx")),
       source: "",
       category: "",
@@ -1822,7 +2434,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea"],
-      files: ["registry/new-york/example/textarea-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-disabled.tsx")),
       source: "",
       category: "",
@@ -1834,7 +2450,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","form"],
-      files: ["registry/new-york/example/textarea-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-form.tsx")),
       source: "",
       category: "",
@@ -1846,7 +2466,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","button"],
-      files: ["registry/new-york/example/textarea-with-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-with-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-with-button.tsx")),
       source: "",
       category: "",
@@ -1858,7 +2482,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","label"],
-      files: ["registry/new-york/example/textarea-with-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-with-label.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-with-label.tsx")),
       source: "",
       category: "",
@@ -1870,7 +2498,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","label"],
-      files: ["registry/new-york/example/textarea-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/textarea-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/textarea-with-text.tsx")),
       source: "",
       category: "",
@@ -1882,7 +2514,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/new-york/example/toast-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toast-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toast-demo.tsx")),
       source: "",
       category: "",
@@ -1894,7 +2530,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/new-york/example/toast-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toast-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toast-destructive.tsx")),
       source: "",
       category: "",
@@ -1906,7 +2546,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/new-york/example/toast-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toast-simple.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toast-simple.tsx")),
       source: "",
       category: "",
@@ -1918,7 +2562,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/new-york/example/toast-with-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toast-with-action.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toast-with-action.tsx")),
       source: "",
       category: "",
@@ -1930,7 +2578,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/new-york/example/toast-with-title.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toast-with-title.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toast-with-title.tsx")),
       source: "",
       category: "",
@@ -1942,7 +2594,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-demo.tsx")),
       source: "",
       category: "",
@@ -1954,7 +2610,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-disabled.tsx")),
       source: "",
       category: "",
@@ -1966,7 +2626,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-lg.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-lg.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-lg.tsx")),
       source: "",
       category: "",
@@ -1978,7 +2642,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-outline.tsx")),
       source: "",
       category: "",
@@ -1990,7 +2658,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-sm.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-sm.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-sm.tsx")),
       source: "",
       category: "",
@@ -2002,7 +2674,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/new-york/example/toggle-group-single.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-group-single.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-group-single.tsx")),
       source: "",
       category: "",
@@ -2014,7 +2690,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-demo.tsx")),
       source: "",
       category: "",
@@ -2026,7 +2706,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-disabled.tsx")),
       source: "",
       category: "",
@@ -2038,7 +2722,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-lg.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-lg.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-lg.tsx")),
       source: "",
       category: "",
@@ -2050,7 +2738,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-outline.tsx")),
       source: "",
       category: "",
@@ -2062,7 +2754,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-sm.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-sm.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-sm.tsx")),
       source: "",
       category: "",
@@ -2074,7 +2770,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/new-york/example/toggle-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/toggle-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/toggle-with-text.tsx")),
       source: "",
       category: "",
@@ -2086,7 +2786,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["tooltip"],
-      files: ["registry/new-york/example/tooltip-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/tooltip-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/tooltip-demo.tsx")),
       source: "",
       category: "",
@@ -2098,7 +2802,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-blockquote.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-blockquote.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-blockquote.tsx")),
       source: "",
       category: "",
@@ -2110,7 +2818,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-demo.tsx")),
       source: "",
       category: "",
@@ -2122,7 +2834,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-h1.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-h1.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-h1.tsx")),
       source: "",
       category: "",
@@ -2134,7 +2850,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-h2.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-h2.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-h2.tsx")),
       source: "",
       category: "",
@@ -2146,7 +2866,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-h3.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-h3.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-h3.tsx")),
       source: "",
       category: "",
@@ -2158,7 +2882,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-h4.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-h4.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-h4.tsx")),
       source: "",
       category: "",
@@ -2170,7 +2898,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-inline-code.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-inline-code.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-inline-code.tsx")),
       source: "",
       category: "",
@@ -2182,7 +2914,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-large.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-large.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-large.tsx")),
       source: "",
       category: "",
@@ -2194,7 +2930,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-lead.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-lead.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-lead.tsx")),
       source: "",
       category: "",
@@ -2206,7 +2946,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-list.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-list.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-list.tsx")),
       source: "",
       category: "",
@@ -2218,7 +2962,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-muted.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-muted.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-muted.tsx")),
       source: "",
       category: "",
@@ -2230,7 +2978,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-p.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-p.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-p.tsx")),
       source: "",
       category: "",
@@ -2242,7 +2994,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-small.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-small.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-small.tsx")),
       source: "",
       category: "",
@@ -2254,7 +3010,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/typography-table.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/typography-table.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/typography-table.tsx")),
       source: "",
       category: "",
@@ -2266,7 +3026,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/mode-toggle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/mode-toggle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/mode-toggle.tsx")),
       source: "",
       category: "",
@@ -2278,7 +3042,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-bar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-bar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-bar-demo.tsx")),
       source: "",
       category: "",
@@ -2290,7 +3058,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-bar-demo-grid.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-bar-demo-grid.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-bar-demo-grid.tsx")),
       source: "",
       category: "",
@@ -2302,7 +3074,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-bar-demo-axis.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-bar-demo-axis.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-bar-demo-axis.tsx")),
       source: "",
       category: "",
@@ -2314,7 +3090,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-bar-demo-tooltip.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-bar-demo-tooltip.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-bar-demo-tooltip.tsx")),
       source: "",
       category: "",
@@ -2326,7 +3106,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-bar-demo-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-bar-demo-legend.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-bar-demo-legend.tsx")),
       source: "",
       category: "",
@@ -2338,7 +3122,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/new-york/example/chart-tooltip-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/example/chart-tooltip-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/example/chart-tooltip-demo.tsx")),
       source: "",
       category: "",
@@ -2350,7 +3138,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar.tsx")),
       source: "__registry__/new-york/block/demo-sidebar.tsx",
       category: "",
@@ -2362,7 +3154,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-header.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-header.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-header.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-header.tsx",
       category: "",
@@ -2374,7 +3170,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-footer.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-footer.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-footer.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-footer.tsx",
       category: "",
@@ -2386,7 +3186,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-group.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-group.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-group.tsx",
       category: "",
@@ -2398,7 +3202,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-group-collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-group-collapsible.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-group-collapsible.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-group-collapsible.tsx",
       category: "",
@@ -2410,7 +3218,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-group-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-group-action.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-group-action.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-group-action.tsx",
       category: "",
@@ -2422,7 +3234,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-menu.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-menu.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-menu.tsx",
       category: "",
@@ -2434,7 +3250,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-menu-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-menu-action.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-menu-action.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-menu-action.tsx",
       category: "",
@@ -2446,7 +3266,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-menu-sub.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-menu-sub.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-menu-sub.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-menu-sub.tsx",
       category: "",
@@ -2458,7 +3282,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-menu-collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-menu-collapsible.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-menu-collapsible.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-menu-collapsible.tsx",
       category: "",
@@ -2470,7 +3298,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-menu-badge.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-menu-badge.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-menu-badge.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-menu-badge.tsx",
       category: "",
@@ -2482,7 +3314,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-rsc.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-rsc.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-rsc.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-rsc.tsx",
       category: "",
@@ -2494,7 +3330,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/new-york/block/demo-sidebar-controlled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/demo-sidebar-controlled.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/demo-sidebar-controlled.tsx")),
       source: "__registry__/new-york/block/demo-sidebar-controlled.tsx",
       category: "",
@@ -2506,7 +3346,271 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: ["accordion","alert","alert-dialog","aspect-ratio","avatar","badge","breadcrumb","button","calendar","card","carousel","chart","checkbox","collapsible","command","context-menu","dialog","drawer","dropdown-menu","hover-card","input","input-otp","label","menubar","navigation-menu","pagination","popover","progress","radio-group","resizable","scroll-area","select","separator","sheet","sidebar","skeleton","slider","sonner","switch","table","tabs","textarea","toast","toggle","toggle-group","tooltip"],
-      files: ["registry/new-york/block/_sink/page.tsx","registry/new-york/block/_sink/components/app-sidebar.tsx","registry/new-york/block/_sink/components/component-wrapper.tsx","registry/new-york/block/_sink/components/nav-main.tsx","registry/new-york/block/_sink/components/nav-projects.tsx","registry/new-york/block/_sink/components/nav-user.tsx","registry/new-york/block/_sink/components/team-switcher.tsx","registry/new-york/block/_sink/components/accordion-demo.tsx","registry/new-york/block/_sink/components/alert-demo.tsx","registry/new-york/block/_sink/components/alert-dialog-demo.tsx","registry/new-york/block/_sink/components/aspect-ratio-demo.tsx","registry/new-york/block/_sink/components/avatar-demo.tsx","registry/new-york/block/_sink/components/badge-demo.tsx","registry/new-york/block/_sink/components/breadcrumb-demo.tsx","registry/new-york/block/_sink/components/button-demo.tsx","registry/new-york/block/_sink/components/calendar-demo.tsx","registry/new-york/block/_sink/components/card-demo.tsx","registry/new-york/block/_sink/components/carousel-demo.tsx","registry/new-york/block/_sink/components/checkbox-demo.tsx","registry/new-york/block/_sink/components/collapsible-demo.tsx","registry/new-york/block/_sink/components/combobox-demo.tsx","registry/new-york/block/_sink/components/command-demo.tsx","registry/new-york/block/_sink/components/context-menu-demo.tsx","registry/new-york/block/_sink/components/date-picker-demo.tsx","registry/new-york/block/_sink/components/dialog-demo.tsx","registry/new-york/block/_sink/components/drawer-demo.tsx","registry/new-york/block/_sink/components/dropdown-menu-demo.tsx","registry/new-york/block/_sink/components/hover-card-demo.tsx","registry/new-york/block/_sink/components/input-demo.tsx","registry/new-york/block/_sink/components/input-otp-demo.tsx","registry/new-york/block/_sink/components/label-demo.tsx","registry/new-york/block/_sink/components/menubar-demo.tsx","registry/new-york/block/_sink/components/navigation-menu-demo.tsx","registry/new-york/block/_sink/components/pagination-demo.tsx","registry/new-york/block/_sink/components/popover-demo.tsx","registry/new-york/block/_sink/components/progress-demo.tsx","registry/new-york/block/_sink/components/radio-group-demo.tsx","registry/new-york/block/_sink/components/resizable-handle.tsx","registry/new-york/block/_sink/components/scroll-area-demo.tsx","registry/new-york/block/_sink/components/select-demo.tsx","registry/new-york/block/_sink/components/separator-demo.tsx","registry/new-york/block/_sink/components/sheet-demo.tsx","registry/new-york/block/_sink/components/skeleton-demo.tsx","registry/new-york/block/_sink/components/slider-demo.tsx","registry/new-york/block/_sink/components/sonner-demo.tsx","registry/new-york/block/_sink/components/switch-demo.tsx","registry/new-york/block/_sink/components/table-demo.tsx","registry/new-york/block/_sink/components/tabs-demo.tsx","registry/new-york/block/_sink/components/textarea-demo.tsx","registry/new-york/block/_sink/components/toast-demo.tsx","registry/new-york/block/_sink/components/toggle-demo.tsx","registry/new-york/block/_sink/components/toggle-group-demo.tsx","registry/new-york/block/_sink/components/tooltip-demo.tsx","registry/new-york/block/_sink/components/badge-destructive.tsx","registry/new-york/block/_sink/components/badge-outline.tsx","registry/new-york/block/_sink/components/badge-secondary.tsx","registry/new-york/block/_sink/components/button-destructive.tsx","registry/new-york/block/_sink/components/button-ghost.tsx","registry/new-york/block/_sink/components/button-link.tsx","registry/new-york/block/_sink/components/button-loading.tsx","registry/new-york/block/_sink/components/button-outline.tsx","registry/new-york/block/_sink/components/button-secondary.tsx","registry/new-york/block/_sink/components/button-with-icon.tsx","registry/new-york/block/_sink/components/toggle-disabled.tsx","registry/new-york/block/_sink/components/toggle-outline.tsx","registry/new-york/block/_sink/components/toggle-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/page.tsx",
+        type: "registry:page",
+        target: "app/sink/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/component-wrapper.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/accordion-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/alert-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/alert-dialog-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/aspect-ratio-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/avatar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/badge-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/breadcrumb-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/calendar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/card-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/carousel-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/checkbox-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/collapsible-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/combobox-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/command-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/context-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/date-picker-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/dialog-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/drawer-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/dropdown-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/hover-card-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/input-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/input-otp-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/label-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/menubar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/navigation-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/pagination-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/popover-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/progress-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/radio-group-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/resizable-handle.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/scroll-area-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/select-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/separator-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/sheet-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/skeleton-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/slider-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/sonner-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/switch-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/table-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/tabs-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/textarea-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toast-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toggle-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toggle-group-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/tooltip-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/badge-destructive.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/badge-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/badge-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-destructive.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-ghost.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-link.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-loading.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/button-with-icon.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toggle-disabled.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toggle-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/_sink/components/toggle-with-text.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/_sink/page.tsx")),
       source: "__registry__/new-york/block/_sink/page.tsx",
       category: "",
@@ -2518,7 +3622,23 @@ export const Index: Record<string, any> = {
       description: "A simple sidebar with navigation grouped by section.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/new-york/block/sidebar-01/page.tsx","registry/new-york/block/sidebar-01/components/app-sidebar.tsx","registry/new-york/block/sidebar-01/components/search-form.tsx","registry/new-york/block/sidebar-01/components/version-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-01/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-01/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-01/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-01/components/version-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-01/page.tsx")),
       source: "__registry__/new-york/block/sidebar-01/page.tsx",
       category: "Application",
@@ -2530,7 +3650,23 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible sections.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/new-york/block/sidebar-02/page.tsx","registry/new-york/block/sidebar-02/components/app-sidebar.tsx","registry/new-york/block/sidebar-02/components/search-form.tsx","registry/new-york/block/sidebar-02/components/version-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-02/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-02/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-02/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-02/components/version-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-02/page.tsx")),
       source: "__registry__/new-york/block/sidebar-02/page.tsx",
       category: "Application",
@@ -2542,7 +3678,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/new-york/block/sidebar-03/page.tsx","registry/new-york/block/sidebar-03/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-03/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-03/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-03/page.tsx")),
       source: "__registry__/new-york/block/sidebar-03/page.tsx",
       category: "Application",
@@ -2554,7 +3698,15 @@ export const Index: Record<string, any> = {
       description: "A floating sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator"],
-      files: ["registry/new-york/block/sidebar-04/page.tsx","registry/new-york/block/sidebar-04/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-04/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-04/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-04/page.tsx")),
       source: "__registry__/new-york/block/sidebar-04/page.tsx",
       category: "Application",
@@ -2566,7 +3718,19 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"],
-      files: ["registry/new-york/block/sidebar-05/page.tsx","registry/new-york/block/sidebar-05/components/app-sidebar.tsx","registry/new-york/block/sidebar-05/components/search-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-05/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-05/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-05/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-05/page.tsx")),
       source: "__registry__/new-york/block/sidebar-05/page.tsx",
       category: "Application",
@@ -2578,7 +3742,23 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus as dropdowns.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"],
-      files: ["registry/new-york/block/sidebar-06/page.tsx","registry/new-york/block/sidebar-06/components/app-sidebar.tsx","registry/new-york/block/sidebar-06/components/nav-main.tsx","registry/new-york/block/sidebar-06/components/sidebar-opt-in-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-06/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-06/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-06/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-06/components/sidebar-opt-in-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-06/page.tsx")),
       source: "__registry__/new-york/block/sidebar-06/page.tsx",
       category: "Application",
@@ -2590,7 +3770,31 @@ export const Index: Record<string, any> = {
       description: "A sidebar that collapses to icons.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/new-york/block/sidebar-07/page.tsx","registry/new-york/block/sidebar-07/components/app-sidebar.tsx","registry/new-york/block/sidebar-07/components/nav-main.tsx","registry/new-york/block/sidebar-07/components/nav-projects.tsx","registry/new-york/block/sidebar-07/components/nav-user.tsx","registry/new-york/block/sidebar-07/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-07/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-07/page.tsx")),
       source: "__registry__/new-york/block/sidebar-07/page.tsx",
       category: "Application",
@@ -2602,7 +3806,31 @@ export const Index: Record<string, any> = {
       description: "An inset sidebar with secondary navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/new-york/block/sidebar-08/page.tsx","registry/new-york/block/sidebar-08/components/app-sidebar.tsx","registry/new-york/block/sidebar-08/components/nav-main.tsx","registry/new-york/block/sidebar-08/components/nav-projects.tsx","registry/new-york/block/sidebar-08/components/nav-secondary.tsx","registry/new-york/block/sidebar-08/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-08/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-08/page.tsx")),
       source: "__registry__/new-york/block/sidebar-08/page.tsx",
       category: "Application",
@@ -2614,7 +3842,19 @@ export const Index: Record<string, any> = {
       description: "Collapsible nested sidebars.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"],
-      files: ["registry/new-york/block/sidebar-09/page.tsx","registry/new-york/block/sidebar-09/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-09/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-09/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-09/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-09/page.tsx")),
       source: "__registry__/new-york/block/sidebar-09/page.tsx",
       category: "Application",
@@ -2626,7 +3866,39 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a popover.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"],
-      files: ["registry/new-york/block/sidebar-10/page.tsx","registry/new-york/block/sidebar-10/components/app-sidebar.tsx","registry/new-york/block/sidebar-10/components/nav-actions.tsx","registry/new-york/block/sidebar-10/components/nav-favorites.tsx","registry/new-york/block/sidebar-10/components/nav-main.tsx","registry/new-york/block/sidebar-10/components/nav-secondary.tsx","registry/new-york/block/sidebar-10/components/nav-workspaces.tsx","registry/new-york/block/sidebar-10/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/nav-actions.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/nav-favorites.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/nav-workspaces.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-10/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-10/page.tsx")),
       source: "__registry__/new-york/block/sidebar-10/page.tsx",
       category: "Application",
@@ -2638,7 +3910,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a collapsible file tree.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible"],
-      files: ["registry/new-york/block/sidebar-11/page.tsx","registry/new-york/block/sidebar-11/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-11/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-11/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-11/page.tsx")),
       source: "__registry__/new-york/block/sidebar-11/page.tsx",
       category: "Application",
@@ -2650,7 +3930,27 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a calendar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"],
-      files: ["registry/new-york/block/sidebar-12/page.tsx","registry/new-york/block/sidebar-12/components/app-sidebar.tsx","registry/new-york/block/sidebar-12/components/calendars.tsx","registry/new-york/block/sidebar-12/components/date-picker.tsx","registry/new-york/block/sidebar-12/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-12/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-12/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-12/components/calendars.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-12/components/date-picker.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-12/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-12/page.tsx")),
       source: "__registry__/new-york/block/sidebar-12/page.tsx",
       category: "Application",
@@ -2662,7 +3962,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a dialog.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","button","dialog"],
-      files: ["registry/new-york/block/sidebar-13/page.tsx","registry/new-york/block/sidebar-13/components/settings-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-13/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-13/components/settings-dialog.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-13/page.tsx")),
       source: "__registry__/new-york/block/sidebar-13/page.tsx",
       category: "Application",
@@ -2674,7 +3982,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar on the right.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/new-york/block/sidebar-14/page.tsx","registry/new-york/block/sidebar-14/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-14/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-14/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-14/page.tsx")),
       source: "__registry__/new-york/block/sidebar-14/page.tsx",
       category: "Application",
@@ -2686,7 +4002,51 @@ export const Index: Record<string, any> = {
       description: "A left and right sidebar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"],
-      files: ["registry/new-york/block/sidebar-15/page.tsx","registry/new-york/block/sidebar-15/components/calendars.tsx","registry/new-york/block/sidebar-15/components/date-picker.tsx","registry/new-york/block/sidebar-15/components/nav-favorites.tsx","registry/new-york/block/sidebar-15/components/nav-main.tsx","registry/new-york/block/sidebar-15/components/nav-secondary.tsx","registry/new-york/block/sidebar-15/components/nav-user.tsx","registry/new-york/block/sidebar-15/components/nav-workspaces.tsx","registry/new-york/block/sidebar-15/components/sidebar-left.tsx","registry/new-york/block/sidebar-15/components/sidebar-right.tsx","registry/new-york/block/sidebar-15/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/calendars.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/date-picker.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/nav-favorites.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/nav-workspaces.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/sidebar-left.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/sidebar-right.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/sidebar-15/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/sidebar-15/page.tsx")),
       source: "__registry__/new-york/block/sidebar-15/page.tsx",
       category: "Application",
@@ -2698,7 +4058,15 @@ export const Index: Record<string, any> = {
       description: "A simple login form.",
       type: "registry:block",
       registryDependencies: ["button","card","input","label"],
-      files: ["registry/new-york/block/login-01/page.tsx","registry/new-york/block/login-01/components/login-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/login-01/page.tsx",
+        type: "registry:page",
+        target: "app/login/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/login-01/components/login-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/login-01/page.tsx")),
       source: "__registry__/new-york/block/login-01/page.tsx",
       category: "Authentication",
@@ -2710,7 +4078,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with axes",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-axes.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-axes.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-axes.tsx")),
       source: "__registry__/new-york/block/chart-area-axes.tsx",
       category: "Charts",
@@ -2722,7 +4094,11 @@ export const Index: Record<string, any> = {
       description: "A simple area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-default.tsx")),
       source: "__registry__/new-york/block/chart-area-default.tsx",
       category: "Charts",
@@ -2734,7 +4110,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with gradient fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-gradient.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-gradient.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-gradient.tsx")),
       source: "__registry__/new-york/block/chart-area-gradient.tsx",
       category: "Charts",
@@ -2746,7 +4126,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with icons",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-icons.tsx")),
       source: "__registry__/new-york/block/chart-area-icons.tsx",
       category: "Charts",
@@ -2758,7 +4142,11 @@ export const Index: Record<string, any> = {
       description: "An interactive area chart",
       type: "registry:block",
       registryDependencies: ["card","chart","select"],
-      files: ["registry/new-york/block/chart-area-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-interactive.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-interactive.tsx")),
       source: "__registry__/new-york/block/chart-area-interactive.tsx",
       category: "Charts",
@@ -2770,7 +4158,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-legend.tsx")),
       source: "__registry__/new-york/block/chart-area-legend.tsx",
       category: "Charts",
@@ -2782,7 +4174,11 @@ export const Index: Record<string, any> = {
       description: "A linear area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-linear.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-linear.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-linear.tsx")),
       source: "__registry__/new-york/block/chart-area-linear.tsx",
       category: "Charts",
@@ -2794,7 +4190,11 @@ export const Index: Record<string, any> = {
       description: "A stacked area chart with expand stacking",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-stacked-expand.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-stacked-expand.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-stacked-expand.tsx")),
       source: "__registry__/new-york/block/chart-area-stacked-expand.tsx",
       category: "Charts",
@@ -2806,7 +4206,11 @@ export const Index: Record<string, any> = {
       description: "A stacked area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-stacked.tsx")),
       source: "__registry__/new-york/block/chart-area-stacked.tsx",
       category: "Charts",
@@ -2818,7 +4222,11 @@ export const Index: Record<string, any> = {
       description: "A step area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-area-step.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-area-step.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-area-step.tsx")),
       source: "__registry__/new-york/block/chart-area-step.tsx",
       category: "Charts",
@@ -2830,7 +4238,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with an active bar",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-active.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-active.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-active.tsx")),
       source: "__registry__/new-york/block/chart-bar-active.tsx",
       category: "Charts",
@@ -2842,7 +4254,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-default.tsx")),
       source: "__registry__/new-york/block/chart-bar-default.tsx",
       category: "Charts",
@@ -2854,7 +4270,11 @@ export const Index: Record<string, any> = {
       description: "A horizontal bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-horizontal.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-horizontal.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-horizontal.tsx")),
       source: "__registry__/new-york/block/chart-bar-horizontal.tsx",
       category: "Charts",
@@ -2866,7 +4286,11 @@ export const Index: Record<string, any> = {
       description: "An interactive bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-interactive.tsx")),
       source: "__registry__/new-york/block/chart-bar-interactive.tsx",
       category: "Charts",
@@ -2878,7 +4302,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-label-custom.tsx")),
       source: "__registry__/new-york/block/chart-bar-label-custom.tsx",
       category: "Charts",
@@ -2890,7 +4318,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-label.tsx")),
       source: "__registry__/new-york/block/chart-bar-label.tsx",
       category: "Charts",
@@ -2902,7 +4334,11 @@ export const Index: Record<string, any> = {
       description: "A mixed bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-mixed.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-mixed.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-mixed.tsx")),
       source: "__registry__/new-york/block/chart-bar-mixed.tsx",
       category: "Charts",
@@ -2914,7 +4350,11 @@ export const Index: Record<string, any> = {
       description: "A multiple bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-multiple.tsx")),
       source: "__registry__/new-york/block/chart-bar-multiple.tsx",
       category: "Charts",
@@ -2926,7 +4366,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with negative values",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-negative.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-negative.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-negative.tsx")),
       source: "__registry__/new-york/block/chart-bar-negative.tsx",
       category: "Charts",
@@ -2938,7 +4382,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-bar-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-bar-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-bar-stacked.tsx")),
       source: "__registry__/new-york/block/chart-bar-stacked.tsx",
       category: "Charts",
@@ -2950,7 +4398,11 @@ export const Index: Record<string, any> = {
       description: "A line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-default.tsx")),
       source: "__registry__/new-york/block/chart-line-default.tsx",
       category: "Charts",
@@ -2962,7 +4414,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with dots and colors",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-dots-colors.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-dots-colors.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-dots-colors.tsx")),
       source: "__registry__/new-york/block/chart-line-dots-colors.tsx",
       category: "Charts",
@@ -2974,7 +4430,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with custom dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-dots-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-dots-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-dots-custom.tsx")),
       source: "__registry__/new-york/block/chart-line-dots-custom.tsx",
       category: "Charts",
@@ -2986,7 +4446,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-dots.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-dots.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-dots.tsx")),
       source: "__registry__/new-york/block/chart-line-dots.tsx",
       category: "Charts",
@@ -2998,7 +4462,11 @@ export const Index: Record<string, any> = {
       description: "An interactive line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-interactive.tsx")),
       source: "__registry__/new-york/block/chart-line-interactive.tsx",
       category: "Charts",
@@ -3010,7 +4478,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-label-custom.tsx")),
       source: "__registry__/new-york/block/chart-line-label-custom.tsx",
       category: "Charts",
@@ -3022,7 +4494,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-label.tsx")),
       source: "__registry__/new-york/block/chart-line-label.tsx",
       category: "Charts",
@@ -3034,7 +4510,11 @@ export const Index: Record<string, any> = {
       description: "A linear line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-linear.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-linear.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-linear.tsx")),
       source: "__registry__/new-york/block/chart-line-linear.tsx",
       category: "Charts",
@@ -3046,7 +4526,11 @@ export const Index: Record<string, any> = {
       description: "A multiple line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-multiple.tsx")),
       source: "__registry__/new-york/block/chart-line-multiple.tsx",
       category: "Charts",
@@ -3058,7 +4542,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with step",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-line-step.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-line-step.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-line-step.tsx")),
       source: "__registry__/new-york/block/chart-line-step.tsx",
       category: "Charts",
@@ -3070,7 +4558,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart with an active sector",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-donut-active.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-donut-active.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-donut-active.tsx")),
       source: "__registry__/new-york/block/chart-pie-donut-active.tsx",
       category: "Charts",
@@ -3082,7 +4574,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart with text",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-donut-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-donut-text.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-donut-text.tsx")),
       source: "__registry__/new-york/block/chart-pie-donut-text.tsx",
       category: "Charts",
@@ -3094,7 +4590,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-donut.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-donut.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-donut.tsx")),
       source: "__registry__/new-york/block/chart-pie-donut.tsx",
       category: "Charts",
@@ -3106,7 +4606,11 @@ export const Index: Record<string, any> = {
       description: "An interactive pie chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-interactive.tsx")),
       source: "__registry__/new-york/block/chart-pie-interactive.tsx",
       category: "Charts",
@@ -3118,7 +4622,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-label-custom.tsx")),
       source: "__registry__/new-york/block/chart-pie-label-custom.tsx",
       category: "Charts",
@@ -3130,7 +4638,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a label list",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-label-list.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-label-list.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-label-list.tsx")),
       source: "__registry__/new-york/block/chart-pie-label-list.tsx",
       category: "Charts",
@@ -3142,7 +4654,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-label.tsx")),
       source: "__registry__/new-york/block/chart-pie-label.tsx",
       category: "Charts",
@@ -3154,7 +4670,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-legend.tsx")),
       source: "__registry__/new-york/block/chart-pie-legend.tsx",
       category: "Charts",
@@ -3166,7 +4686,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with no separator",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-separator-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-separator-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-separator-none.tsx")),
       source: "__registry__/new-york/block/chart-pie-separator-none.tsx",
       category: "Charts",
@@ -3178,7 +4702,11 @@ export const Index: Record<string, any> = {
       description: "A simple pie chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-simple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-simple.tsx")),
       source: "__registry__/new-york/block/chart-pie-simple.tsx",
       category: "Charts",
@@ -3190,7 +4718,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with stacked sections",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-pie-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-pie-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-pie-stacked.tsx")),
       source: "__registry__/new-york/block/chart-pie-stacked.tsx",
       category: "Charts",
@@ -3202,7 +4734,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-default.tsx")),
       source: "__registry__/new-york/block/chart-radar-default.tsx",
       category: "Charts",
@@ -3214,7 +4750,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-dots.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-dots.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-dots.tsx")),
       source: "__registry__/new-york/block/chart-radar-dots.tsx",
       category: "Charts",
@@ -3226,7 +4766,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-circle-fill.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-circle-fill.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-circle-fill.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-circle-fill.tsx",
       category: "Charts",
@@ -3238,7 +4782,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-circle-no-lines.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-circle-no-lines.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-circle-no-lines.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-circle-no-lines.tsx",
       category: "Charts",
@@ -3250,7 +4798,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-circle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-circle.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-circle.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-circle.tsx",
       category: "Charts",
@@ -3262,7 +4814,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a custom grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-custom.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-custom.tsx",
       category: "Charts",
@@ -3274,7 +4830,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid filled",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-fill.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-fill.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-fill.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-fill.tsx",
       category: "Charts",
@@ -3286,7 +4846,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with no grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-grid-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-grid-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-grid-none.tsx")),
       source: "__registry__/new-york/block/chart-radar-grid-none.tsx",
       category: "Charts",
@@ -3298,7 +4862,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with icons",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-icons.tsx")),
       source: "__registry__/new-york/block/chart-radar-icons.tsx",
       category: "Charts",
@@ -3310,7 +4878,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-label-custom.tsx")),
       source: "__registry__/new-york/block/chart-radar-label-custom.tsx",
       category: "Charts",
@@ -3322,7 +4894,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-legend.tsx")),
       source: "__registry__/new-york/block/chart-radar-legend.tsx",
       category: "Charts",
@@ -3334,7 +4910,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with lines only",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-lines-only.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-lines-only.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-lines-only.tsx")),
       source: "__registry__/new-york/block/chart-radar-lines-only.tsx",
       category: "Charts",
@@ -3346,7 +4926,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with multiple data",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-multiple.tsx")),
       source: "__registry__/new-york/block/chart-radar-multiple.tsx",
       category: "Charts",
@@ -3358,7 +4942,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a radius axis",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radar-radius.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radar-radius.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radar-radius.tsx")),
       source: "__registry__/new-york/block/chart-radar-radius.tsx",
       category: "Charts",
@@ -3370,7 +4958,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-grid.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-grid.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-grid.tsx")),
       source: "__registry__/new-york/block/chart-radial-grid.tsx",
       category: "Charts",
@@ -3382,7 +4974,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-label.tsx")),
       source: "__registry__/new-york/block/chart-radial-label.tsx",
       category: "Charts",
@@ -3394,7 +4990,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a custom shape",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-shape.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-shape.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-shape.tsx")),
       source: "__registry__/new-york/block/chart-radial-shape.tsx",
       category: "Charts",
@@ -3406,7 +5006,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-simple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-simple.tsx")),
       source: "__registry__/new-york/block/chart-radial-simple.tsx",
       category: "Charts",
@@ -3418,7 +5022,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with stacked sections",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-stacked.tsx")),
       source: "__registry__/new-york/block/chart-radial-stacked.tsx",
       category: "Charts",
@@ -3430,7 +5038,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with text",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-radial-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-radial-text.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-radial-text.tsx")),
       source: "__registry__/new-york/block/chart-radial-text.tsx",
       category: "Charts",
@@ -3442,7 +5054,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-default.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-default.tsx",
       category: "Charts",
@@ -3454,7 +5070,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-indicator-line.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-indicator-line.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-indicator-line.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-indicator-line.tsx",
       category: "Charts",
@@ -3466,7 +5086,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-indicator-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-indicator-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-indicator-none.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-indicator-none.tsx",
       category: "Charts",
@@ -3478,7 +5102,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-label-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-label-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-label-none.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-label-none.tsx",
       category: "Charts",
@@ -3490,7 +5118,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-label-custom.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-label-custom.tsx",
       category: "Charts",
@@ -3502,7 +5134,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-label-formatter.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-label-formatter.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-label-formatter.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-label-formatter.tsx",
       category: "Charts",
@@ -3514,7 +5150,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-formatter.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-formatter.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-formatter.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-formatter.tsx",
       category: "Charts",
@@ -3526,7 +5166,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-icons.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-icons.tsx",
       category: "Charts",
@@ -3538,7 +5182,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/new-york/block/chart-tooltip-advanced.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/block/chart-tooltip-advanced.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/block/chart-tooltip-advanced.tsx")),
       source: "__registry__/new-york/block/chart-tooltip-advanced.tsx",
       category: "Charts",
@@ -3550,7 +5198,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:lib",
       registryDependencies: undefined,
-      files: ["registry/new-york/lib/utils.ts"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/lib/utils.ts",
+        type: "registry:lib",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/lib/utils.ts")),
       source: "",
       category: "",
@@ -3562,7 +5214,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:hook",
       registryDependencies: undefined,
-      files: ["registry/new-york/hooks/use-mobile.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/hooks/use-mobile.tsx",
+        type: "registry:hook",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/hooks/use-mobile.tsx")),
       source: "",
       category: "",
@@ -3574,7 +5230,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:hook",
       registryDependencies: undefined,
-      files: ["registry/new-york/hooks/use-toast.ts"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/hooks/use-toast.ts",
+        type: "registry:hook",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/hooks/use-toast.ts")),
       source: "",
       category: "",
@@ -3586,7 +5246,11 @@ export const Index: Record<string, any> = {
       description: "A simple sidebar with navigation grouped by section.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/new-york/v0/sidebar-01.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-01.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-01.tsx")),
       source: "__registry__/new-york/v0/sidebar-01.tsx",
       category: "Application",
@@ -3598,7 +5262,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible sections.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/new-york/v0/sidebar-02.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-02.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-02.tsx")),
       source: "__registry__/new-york/v0/sidebar-02.tsx",
       category: "Application",
@@ -3610,7 +5278,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with nested navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/new-york/v0/sidebar-03.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-03.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-03.tsx")),
       source: "__registry__/new-york/v0/sidebar-03.tsx",
       category: "Application",
@@ -3622,7 +5294,11 @@ export const Index: Record<string, any> = {
       description: "A floating sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator"],
-      files: ["registry/new-york/v0/sidebar-04.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-04.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-04.tsx")),
       source: "__registry__/new-york/v0/sidebar-04.tsx",
       category: "Application",
@@ -3634,7 +5310,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"],
-      files: ["registry/new-york/v0/sidebar-05.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-05.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-05.tsx")),
       source: "__registry__/new-york/v0/sidebar-05.tsx",
       category: "Application",
@@ -3646,7 +5326,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus as dropdowns.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"],
-      files: ["registry/new-york/v0/sidebar-06.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-06.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-06.tsx")),
       source: "__registry__/new-york/v0/sidebar-06.tsx",
       category: "Application",
@@ -3658,7 +5342,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar that collapses to icons.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/new-york/v0/sidebar-07.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-07.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-07.tsx")),
       source: "__registry__/new-york/v0/sidebar-07.tsx",
       category: "Application",
@@ -3670,7 +5358,11 @@ export const Index: Record<string, any> = {
       description: "An inset sidebar with secondary navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/new-york/v0/sidebar-08.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-08.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-08.tsx")),
       source: "__registry__/new-york/v0/sidebar-08.tsx",
       category: "Application",
@@ -3682,7 +5374,11 @@ export const Index: Record<string, any> = {
       description: "Collapsible nested sidebars.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"],
-      files: ["registry/new-york/v0/sidebar-09.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-09.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-09.tsx")),
       source: "__registry__/new-york/v0/sidebar-09.tsx",
       category: "Application",
@@ -3694,7 +5390,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a popover.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"],
-      files: ["registry/new-york/v0/sidebar-10.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-10.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-10.tsx")),
       source: "__registry__/new-york/v0/sidebar-10.tsx",
       category: "Application",
@@ -3706,7 +5406,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a collapsible file tree.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible"],
-      files: ["registry/new-york/v0/sidebar-11.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-11.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-11.tsx")),
       source: "__registry__/new-york/v0/sidebar-11.tsx",
       category: "Application",
@@ -3718,7 +5422,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a calendar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"],
-      files: ["registry/new-york/v0/sidebar-12.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-12.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-12.tsx")),
       source: "__registry__/new-york/v0/sidebar-12.tsx",
       category: "Application",
@@ -3730,7 +5438,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a dialog.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","button","dialog"],
-      files: ["registry/new-york/v0/sidebar-13.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-13.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-13.tsx")),
       source: "__registry__/new-york/v0/sidebar-13.tsx",
       category: "Application",
@@ -3742,7 +5454,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar on the right.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/new-york/v0/sidebar-14.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-14.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-14.tsx")),
       source: "__registry__/new-york/v0/sidebar-14.tsx",
       category: "Application",
@@ -3754,7 +5470,11 @@ export const Index: Record<string, any> = {
       description: "A left and right sidebar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"],
-      files: ["registry/new-york/v0/sidebar-15.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/sidebar-15.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/sidebar-15.tsx")),
       source: "__registry__/new-york/v0/sidebar-15.tsx",
       category: "Application",
@@ -3766,7 +5486,11 @@ export const Index: Record<string, any> = {
       description: "A simple login form.",
       type: "registry:block",
       registryDependencies: ["button","card","input","label"],
-      files: ["registry/new-york/v0/login-01.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/new-york/v0/login-01.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/new-york/v0/login-01.tsx")),
       source: "__registry__/new-york/v0/login-01.tsx",
       category: "Authentication",
@@ -3779,7 +5503,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/accordion.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/accordion.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/accordion.tsx")),
       source: "",
       category: "",
@@ -3791,7 +5519,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/alert.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/alert.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/alert.tsx")),
       source: "",
       category: "",
@@ -3803,7 +5535,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/default/ui/alert-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/alert-dialog.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/alert-dialog.tsx")),
       source: "",
       category: "",
@@ -3815,7 +5551,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/aspect-ratio.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/aspect-ratio.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/aspect-ratio.tsx")),
       source: "",
       category: "",
@@ -3827,7 +5567,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/avatar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/avatar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/avatar.tsx")),
       source: "",
       category: "",
@@ -3839,7 +5583,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/badge.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/badge.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/badge.tsx")),
       source: "",
       category: "",
@@ -3851,7 +5599,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/breadcrumb.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/breadcrumb.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/breadcrumb.tsx")),
       source: "",
       category: "",
@@ -3863,7 +5615,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/button.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/button.tsx")),
       source: "",
       category: "",
@@ -3875,7 +5631,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/default/ui/calendar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/calendar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/calendar.tsx")),
       source: "",
       category: "",
@@ -3887,7 +5647,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/card.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/card.tsx")),
       source: "",
       category: "",
@@ -3899,7 +5663,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/default/ui/carousel.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/carousel.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/carousel.tsx")),
       source: "",
       category: "",
@@ -3911,7 +5679,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["card"],
-      files: ["registry/default/ui/chart.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/chart.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/chart.tsx")),
       source: "",
       category: "",
@@ -3923,7 +5695,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/checkbox.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/checkbox.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/checkbox.tsx")),
       source: "",
       category: "",
@@ -3935,7 +5711,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/collapsible.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/collapsible.tsx")),
       source: "",
       category: "",
@@ -3947,7 +5727,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["dialog"],
-      files: ["registry/default/ui/command.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/command.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/command.tsx")),
       source: "",
       category: "",
@@ -3959,7 +5743,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/context-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/context-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/context-menu.tsx")),
       source: "",
       category: "",
@@ -3971,7 +5759,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/dialog.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/dialog.tsx")),
       source: "",
       category: "",
@@ -3983,7 +5775,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/drawer.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/drawer.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/drawer.tsx")),
       source: "",
       category: "",
@@ -3995,7 +5791,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/dropdown-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/dropdown-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/dropdown-menu.tsx")),
       source: "",
       category: "",
@@ -4007,7 +5807,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button","label"],
-      files: ["registry/default/ui/form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/form.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/form.tsx")),
       source: "",
       category: "",
@@ -4019,7 +5823,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/hover-card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/hover-card.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/hover-card.tsx")),
       source: "",
       category: "",
@@ -4031,7 +5839,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/input.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/input.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/input.tsx")),
       source: "",
       category: "",
@@ -4043,7 +5855,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/input-otp.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/input-otp.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/input-otp.tsx")),
       source: "",
       category: "",
@@ -4055,7 +5871,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/label.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/label.tsx")),
       source: "",
       category: "",
@@ -4067,7 +5887,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/menubar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/menubar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/menubar.tsx")),
       source: "",
       category: "",
@@ -4079,7 +5903,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/navigation-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/navigation-menu.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/navigation-menu.tsx")),
       source: "",
       category: "",
@@ -4091,7 +5919,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button"],
-      files: ["registry/default/ui/pagination.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/pagination.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/pagination.tsx")),
       source: "",
       category: "",
@@ -4103,7 +5935,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/popover.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/popover.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/popover.tsx")),
       source: "",
       category: "",
@@ -4115,7 +5951,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/progress.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/progress.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/progress.tsx")),
       source: "",
       category: "",
@@ -4127,7 +5967,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/radio-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/radio-group.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/radio-group.tsx")),
       source: "",
       category: "",
@@ -4139,7 +5983,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/resizable.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/resizable.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/resizable.tsx")),
       source: "",
       category: "",
@@ -4151,7 +5999,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/scroll-area.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/scroll-area.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/scroll-area.tsx")),
       source: "",
       category: "",
@@ -4163,7 +6015,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/select.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/select.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/select.tsx")),
       source: "",
       category: "",
@@ -4175,7 +6031,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/separator.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/separator.tsx")),
       source: "",
       category: "",
@@ -4187,7 +6047,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/sheet.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/sheet.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/sheet.tsx")),
       source: "",
       category: "",
@@ -4199,7 +6063,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["button","separator","sheet","tooltip","input","use-mobile","skeleton"],
-      files: ["registry/default/ui/sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/sidebar.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/sidebar.tsx")),
       source: "",
       category: "",
@@ -4211,7 +6079,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/skeleton.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/skeleton.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/skeleton.tsx")),
       source: "",
       category: "",
@@ -4223,7 +6095,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/slider.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/slider.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/slider.tsx")),
       source: "",
       category: "",
@@ -4235,7 +6111,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/sonner.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/sonner.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/sonner.tsx")),
       source: "",
       category: "",
@@ -4247,7 +6127,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/switch.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/switch.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/switch.tsx")),
       source: "",
       category: "",
@@ -4259,7 +6143,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/table.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/table.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/table.tsx")),
       source: "",
       category: "",
@@ -4271,7 +6159,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/tabs.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/tabs.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/tabs.tsx")),
       source: "",
       category: "",
@@ -4283,7 +6175,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/textarea.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/textarea.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/textarea.tsx")),
       source: "",
       category: "",
@@ -4295,7 +6191,19 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/toast.tsx","registry/default/hooks/use-toast.ts","registry/default/ui/toaster.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/toast.tsx",
+        type: "registry:ui",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/hooks/use-toast.ts",
+        type: "registry:hook",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/toaster.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/toast.tsx")),
       source: "",
       category: "",
@@ -4307,7 +6215,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/toggle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/toggle.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/toggle.tsx")),
       source: "",
       category: "",
@@ -4319,7 +6231,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: ["toggle"],
-      files: ["registry/default/ui/toggle-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/toggle-group.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/toggle-group.tsx")),
       source: "",
       category: "",
@@ -4331,7 +6247,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:ui",
       registryDependencies: undefined,
-      files: ["registry/default/ui/tooltip.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/ui/tooltip.tsx",
+        type: "registry:ui",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/ui/tooltip.tsx")),
       source: "",
       category: "",
@@ -4343,7 +6263,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["accordion"],
-      files: ["registry/default/example/accordion-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/accordion-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/accordion-demo.tsx")),
       source: "",
       category: "",
@@ -4355,7 +6279,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert"],
-      files: ["registry/default/example/alert-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/alert-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/alert-demo.tsx")),
       source: "",
       category: "",
@@ -4367,7 +6295,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert"],
-      files: ["registry/default/example/alert-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/alert-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/alert-destructive.tsx")),
       source: "",
       category: "",
@@ -4379,7 +6311,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["alert-dialog","button"],
-      files: ["registry/default/example/alert-dialog-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/alert-dialog-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/alert-dialog-demo.tsx")),
       source: "",
       category: "",
@@ -4391,7 +6327,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["aspect-ratio"],
-      files: ["registry/default/example/aspect-ratio-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/aspect-ratio-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/aspect-ratio-demo.tsx")),
       source: "",
       category: "",
@@ -4403,7 +6343,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["avatar"],
-      files: ["registry/default/example/avatar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/avatar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/avatar-demo.tsx")),
       source: "",
       category: "",
@@ -4415,7 +6359,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/default/example/badge-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/badge-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/badge-demo.tsx")),
       source: "",
       category: "",
@@ -4427,7 +6375,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/default/example/badge-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/badge-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/badge-destructive.tsx")),
       source: "",
       category: "",
@@ -4439,7 +6391,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/default/example/badge-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/badge-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/badge-outline.tsx")),
       source: "",
       category: "",
@@ -4451,7 +6407,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["badge"],
-      files: ["registry/default/example/badge-secondary.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/badge-secondary.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/badge-secondary.tsx")),
       source: "",
       category: "",
@@ -4463,7 +6423,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-demo.tsx")),
       source: "",
       category: "",
@@ -4475,7 +6439,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-separator.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-separator.tsx")),
       source: "",
       category: "",
@@ -4487,7 +6455,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-dropdown.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-dropdown.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-dropdown.tsx")),
       source: "",
       category: "",
@@ -4499,7 +6471,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-ellipsis.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-ellipsis.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-ellipsis.tsx")),
       source: "",
       category: "",
@@ -4511,7 +6487,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-link.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-link.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-link.tsx")),
       source: "",
       category: "",
@@ -4523,7 +6503,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["breadcrumb"],
-      files: ["registry/default/example/breadcrumb-responsive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/breadcrumb-responsive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/breadcrumb-responsive.tsx")),
       source: "",
       category: "",
@@ -4535,7 +6519,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-demo.tsx")),
       source: "",
       category: "",
@@ -4547,7 +6535,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-secondary.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-secondary.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-secondary.tsx")),
       source: "",
       category: "",
@@ -4559,7 +6551,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-destructive.tsx")),
       source: "",
       category: "",
@@ -4571,7 +6567,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-outline.tsx")),
       source: "",
       category: "",
@@ -4583,7 +6583,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-ghost.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-ghost.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-ghost.tsx")),
       source: "",
       category: "",
@@ -4595,7 +6599,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-link.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-link.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-link.tsx")),
       source: "",
       category: "",
@@ -4607,7 +6615,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-with-icon.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-with-icon.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-with-icon.tsx")),
       source: "",
       category: "",
@@ -4619,7 +6631,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-loading.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-loading.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-loading.tsx")),
       source: "",
       category: "",
@@ -4631,7 +6647,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-icon.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-icon.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-icon.tsx")),
       source: "",
       category: "",
@@ -4643,7 +6663,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button"],
-      files: ["registry/default/example/button-as-child.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/button-as-child.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/button-as-child.tsx")),
       source: "",
       category: "",
@@ -4655,7 +6679,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["calendar"],
-      files: ["registry/default/example/calendar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/calendar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/calendar-demo.tsx")),
       source: "",
       category: "",
@@ -4667,7 +6695,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["calendar","form","popover"],
-      files: ["registry/default/example/calendar-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/calendar-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/calendar-form.tsx")),
       source: "",
       category: "",
@@ -4679,7 +6711,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["card","button","switch"],
-      files: ["registry/default/example/card-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/card-demo.tsx")),
       source: "",
       category: "",
@@ -4691,7 +6727,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","card","input","label","select"],
-      files: ["registry/default/example/card-with-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/card-with-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/card-with-form.tsx")),
       source: "",
       category: "",
@@ -4703,7 +6743,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-demo.tsx")),
       source: "",
       category: "",
@@ -4715,7 +6759,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-size.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-size.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-size.tsx")),
       source: "",
       category: "",
@@ -4727,7 +6775,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-spacing.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-spacing.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-spacing.tsx")),
       source: "",
       category: "",
@@ -4739,7 +6791,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-orientation.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-orientation.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-orientation.tsx")),
       source: "",
       category: "",
@@ -4751,7 +6807,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-api.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-api.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-api.tsx")),
       source: "",
       category: "",
@@ -4763,7 +6823,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["carousel"],
-      files: ["registry/default/example/carousel-plugin.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/carousel-plugin.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/carousel-plugin.tsx")),
       source: "",
       category: "",
@@ -4775,7 +6839,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/default/example/checkbox-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/checkbox-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/checkbox-demo.tsx")),
       source: "",
       category: "",
@@ -4787,7 +6855,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/default/example/checkbox-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/checkbox-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/checkbox-disabled.tsx")),
       source: "",
       category: "",
@@ -4799,7 +6871,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox","form"],
-      files: ["registry/default/example/checkbox-form-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/checkbox-form-multiple.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/checkbox-form-multiple.tsx")),
       source: "",
       category: "",
@@ -4811,7 +6887,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox","form"],
-      files: ["registry/default/example/checkbox-form-single.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/checkbox-form-single.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/checkbox-form-single.tsx")),
       source: "",
       category: "",
@@ -4823,7 +6903,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["checkbox"],
-      files: ["registry/default/example/checkbox-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/checkbox-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/checkbox-with-text.tsx")),
       source: "",
       category: "",
@@ -4835,7 +6919,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["collapsible"],
-      files: ["registry/default/example/collapsible-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/collapsible-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/collapsible-demo.tsx")),
       source: "",
       category: "",
@@ -4847,7 +6935,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command"],
-      files: ["registry/default/example/combobox-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/combobox-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/combobox-demo.tsx")),
       source: "",
       category: "",
@@ -4859,7 +6951,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","dropdown-menu","button"],
-      files: ["registry/default/example/combobox-dropdown-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/combobox-dropdown-menu.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/combobox-dropdown-menu.tsx")),
       source: "",
       category: "",
@@ -4871,7 +6967,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","form"],
-      files: ["registry/default/example/combobox-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/combobox-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/combobox-form.tsx")),
       source: "",
       category: "",
@@ -4883,7 +6983,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["combobox","popover"],
-      files: ["registry/default/example/combobox-popover.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/combobox-popover.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/combobox-popover.tsx")),
       source: "",
       category: "",
@@ -4895,7 +6999,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["combobox","popover","drawer"],
-      files: ["registry/default/example/combobox-responsive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/combobox-responsive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/combobox-responsive.tsx")),
       source: "",
       category: "",
@@ -4907,7 +7015,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command"],
-      files: ["registry/default/example/command-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/command-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/command-demo.tsx")),
       source: "",
       category: "",
@@ -4919,7 +7031,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["command","dialog"],
-      files: ["registry/default/example/command-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/command-dialog.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/command-dialog.tsx")),
       source: "",
       category: "",
@@ -4931,7 +7047,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["context-menu"],
-      files: ["registry/default/example/context-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/context-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/context-menu-demo.tsx")),
       source: "",
       category: "",
@@ -4943,7 +7063,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["data-table"],
-      files: ["registry/default/example/data-table-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/data-table-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/data-table-demo.tsx")),
       source: "",
       category: "",
@@ -4955,7 +7079,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover"],
-      files: ["registry/default/example/date-picker-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/date-picker-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/date-picker-demo.tsx")),
       source: "",
       category: "",
@@ -4967,7 +7095,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","form","popover"],
-      files: ["registry/default/example/date-picker-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/date-picker-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/date-picker-form.tsx")),
       source: "",
       category: "",
@@ -4979,7 +7111,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover","select"],
-      files: ["registry/default/example/date-picker-with-presets.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/date-picker-with-presets.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/date-picker-with-presets.tsx")),
       source: "",
       category: "",
@@ -4991,7 +7127,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["button","calendar","popover"],
-      files: ["registry/default/example/date-picker-with-range.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/date-picker-with-range.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/date-picker-with-range.tsx")),
       source: "",
       category: "",
@@ -5003,7 +7143,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dialog"],
-      files: ["registry/default/example/dialog-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/dialog-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/dialog-demo.tsx")),
       source: "",
       category: "",
@@ -5015,7 +7159,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dialog","button"],
-      files: ["registry/default/example/dialog-close-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/dialog-close-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/dialog-close-button.tsx")),
       source: "",
       category: "",
@@ -5027,7 +7175,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["drawer"],
-      files: ["registry/default/example/drawer-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/drawer-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/drawer-demo.tsx")),
       source: "",
       category: "",
@@ -5039,7 +7191,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["drawer","dialog"],
-      files: ["registry/default/example/drawer-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/drawer-dialog.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/drawer-dialog.tsx")),
       source: "",
       category: "",
@@ -5051,7 +7207,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu"],
-      files: ["registry/default/example/dropdown-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/dropdown-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/dropdown-menu-demo.tsx")),
       source: "",
       category: "",
@@ -5063,7 +7223,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu","checkbox"],
-      files: ["registry/default/example/dropdown-menu-checkboxes.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/dropdown-menu-checkboxes.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/dropdown-menu-checkboxes.tsx")),
       source: "",
       category: "",
@@ -5075,7 +7239,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["dropdown-menu","radio-group"],
-      files: ["registry/default/example/dropdown-menu-radio-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/dropdown-menu-radio-group.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/dropdown-menu-radio-group.tsx")),
       source: "",
       category: "",
@@ -5087,7 +7255,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["hover-card"],
-      files: ["registry/default/example/hover-card-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/hover-card-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/hover-card-demo.tsx")),
       source: "",
       category: "",
@@ -5099,7 +7271,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/default/example/input-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-demo.tsx")),
       source: "",
       category: "",
@@ -5111,7 +7287,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/default/example/input-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-disabled.tsx")),
       source: "",
       category: "",
@@ -5123,7 +7303,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input"],
-      files: ["registry/default/example/input-file.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-file.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-file.tsx")),
       source: "",
       category: "",
@@ -5135,7 +7319,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","form"],
-      files: ["registry/default/example/input-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-form.tsx")),
       source: "",
       category: "",
@@ -5147,7 +7335,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button"],
-      files: ["registry/default/example/input-with-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-with-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-with-button.tsx")),
       source: "",
       category: "",
@@ -5159,7 +7351,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","label"],
-      files: ["registry/default/example/input-with-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-with-label.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-with-label.tsx")),
       source: "",
       category: "",
@@ -5171,7 +7367,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input","button","label"],
-      files: ["registry/default/example/input-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-with-text.tsx")),
       source: "",
       category: "",
@@ -5183,7 +7383,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/default/example/input-otp-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-otp-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-otp-demo.tsx")),
       source: "",
       category: "",
@@ -5195,7 +7399,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/default/example/input-otp-pattern.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-otp-pattern.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-otp-pattern.tsx")),
       source: "",
       category: "",
@@ -5207,7 +7415,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/default/example/input-otp-separator.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-otp-separator.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-otp-separator.tsx")),
       source: "",
       category: "",
@@ -5219,7 +7431,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp"],
-      files: ["registry/default/example/input-otp-controlled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-otp-controlled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-otp-controlled.tsx")),
       source: "",
       category: "",
@@ -5231,7 +7447,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["input-otp","form"],
-      files: ["registry/default/example/input-otp-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/input-otp-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/input-otp-form.tsx")),
       source: "",
       category: "",
@@ -5243,7 +7463,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["label"],
-      files: ["registry/default/example/label-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/label-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/label-demo.tsx")),
       source: "",
       category: "",
@@ -5255,7 +7479,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["menubar"],
-      files: ["registry/default/example/menubar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/menubar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/menubar-demo.tsx")),
       source: "",
       category: "",
@@ -5267,7 +7495,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["navigation-menu"],
-      files: ["registry/default/example/navigation-menu-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/navigation-menu-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/navigation-menu-demo.tsx")),
       source: "",
       category: "",
@@ -5279,7 +7511,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["pagination"],
-      files: ["registry/default/example/pagination-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/pagination-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/pagination-demo.tsx")),
       source: "",
       category: "",
@@ -5291,7 +7527,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["popover"],
-      files: ["registry/default/example/popover-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/popover-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/popover-demo.tsx")),
       source: "",
       category: "",
@@ -5303,7 +7543,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["progress"],
-      files: ["registry/default/example/progress-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/progress-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/progress-demo.tsx")),
       source: "",
       category: "",
@@ -5315,7 +7559,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["radio-group"],
-      files: ["registry/default/example/radio-group-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/radio-group-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/radio-group-demo.tsx")),
       source: "",
       category: "",
@@ -5327,7 +7575,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["radio-group","form"],
-      files: ["registry/default/example/radio-group-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/radio-group-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/radio-group-form.tsx")),
       source: "",
       category: "",
@@ -5339,7 +7591,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/default/example/resizable-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/resizable-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/resizable-demo.tsx")),
       source: "",
       category: "",
@@ -5351,7 +7607,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/default/example/resizable-demo-with-handle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/resizable-demo-with-handle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/resizable-demo-with-handle.tsx")),
       source: "",
       category: "",
@@ -5363,7 +7623,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/default/example/resizable-vertical.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/resizable-vertical.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/resizable-vertical.tsx")),
       source: "",
       category: "",
@@ -5375,7 +7639,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["resizable"],
-      files: ["registry/default/example/resizable-handle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/resizable-handle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/resizable-handle.tsx")),
       source: "",
       category: "",
@@ -5387,7 +7655,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["scroll-area"],
-      files: ["registry/default/example/scroll-area-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/scroll-area-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/scroll-area-demo.tsx")),
       source: "",
       category: "",
@@ -5399,7 +7671,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["scroll-area"],
-      files: ["registry/default/example/scroll-area-horizontal-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/scroll-area-horizontal-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/scroll-area-horizontal-demo.tsx")),
       source: "",
       category: "",
@@ -5411,7 +7687,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/default/example/select-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/select-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/select-demo.tsx")),
       source: "",
       category: "",
@@ -5423,7 +7703,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/default/example/select-scrollable.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/select-scrollable.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/select-scrollable.tsx")),
       source: "",
       category: "",
@@ -5435,7 +7719,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["select"],
-      files: ["registry/default/example/select-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/select-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/select-form.tsx")),
       source: "",
       category: "",
@@ -5447,7 +7735,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["separator"],
-      files: ["registry/default/example/separator-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/separator-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/separator-demo.tsx")),
       source: "",
       category: "",
@@ -5459,7 +7751,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sheet"],
-      files: ["registry/default/example/sheet-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/sheet-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/sheet-demo.tsx")),
       source: "",
       category: "",
@@ -5471,7 +7767,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sheet"],
-      files: ["registry/default/example/sheet-side.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/sheet-side.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/sheet-side.tsx")),
       source: "",
       category: "",
@@ -5483,7 +7783,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["skeleton"],
-      files: ["registry/default/example/skeleton-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/skeleton-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/skeleton-demo.tsx")),
       source: "",
       category: "",
@@ -5495,7 +7799,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["skeleton"],
-      files: ["registry/default/example/skeleton-card.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/skeleton-card.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/skeleton-card.tsx")),
       source: "",
       category: "",
@@ -5507,7 +7815,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["slider"],
-      files: ["registry/default/example/slider-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/slider-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/slider-demo.tsx")),
       source: "",
       category: "",
@@ -5519,7 +7831,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["sonner"],
-      files: ["registry/default/example/sonner-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/sonner-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/sonner-demo.tsx")),
       source: "",
       category: "",
@@ -5531,7 +7847,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["switch"],
-      files: ["registry/default/example/switch-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/switch-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/switch-demo.tsx")),
       source: "",
       category: "",
@@ -5543,7 +7863,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["switch","form"],
-      files: ["registry/default/example/switch-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/switch-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/switch-form.tsx")),
       source: "",
       category: "",
@@ -5555,7 +7879,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["table"],
-      files: ["registry/default/example/table-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/table-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/table-demo.tsx")),
       source: "",
       category: "",
@@ -5567,7 +7895,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["tabs"],
-      files: ["registry/default/example/tabs-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/tabs-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/tabs-demo.tsx")),
       source: "",
       category: "",
@@ -5579,7 +7911,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea"],
-      files: ["registry/default/example/textarea-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-demo.tsx")),
       source: "",
       category: "",
@@ -5591,7 +7927,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea"],
-      files: ["registry/default/example/textarea-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-disabled.tsx")),
       source: "",
       category: "",
@@ -5603,7 +7943,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","form"],
-      files: ["registry/default/example/textarea-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-form.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-form.tsx")),
       source: "",
       category: "",
@@ -5615,7 +7959,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","button"],
-      files: ["registry/default/example/textarea-with-button.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-with-button.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-with-button.tsx")),
       source: "",
       category: "",
@@ -5627,7 +7975,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","label"],
-      files: ["registry/default/example/textarea-with-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-with-label.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-with-label.tsx")),
       source: "",
       category: "",
@@ -5639,7 +7991,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["textarea","label"],
-      files: ["registry/default/example/textarea-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/textarea-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/textarea-with-text.tsx")),
       source: "",
       category: "",
@@ -5651,7 +8007,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/default/example/toast-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toast-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toast-demo.tsx")),
       source: "",
       category: "",
@@ -5663,7 +8023,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/default/example/toast-destructive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toast-destructive.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toast-destructive.tsx")),
       source: "",
       category: "",
@@ -5675,7 +8039,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/default/example/toast-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toast-simple.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toast-simple.tsx")),
       source: "",
       category: "",
@@ -5687,7 +8055,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/default/example/toast-with-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toast-with-action.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toast-with-action.tsx")),
       source: "",
       category: "",
@@ -5699,7 +8071,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toast"],
-      files: ["registry/default/example/toast-with-title.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toast-with-title.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toast-with-title.tsx")),
       source: "",
       category: "",
@@ -5711,7 +8087,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-demo.tsx")),
       source: "",
       category: "",
@@ -5723,7 +8103,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-disabled.tsx")),
       source: "",
       category: "",
@@ -5735,7 +8119,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-lg.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-lg.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-lg.tsx")),
       source: "",
       category: "",
@@ -5747,7 +8135,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-outline.tsx")),
       source: "",
       category: "",
@@ -5759,7 +8151,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-sm.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-sm.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-sm.tsx")),
       source: "",
       category: "",
@@ -5771,7 +8167,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle-group"],
-      files: ["registry/default/example/toggle-group-single.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-group-single.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-group-single.tsx")),
       source: "",
       category: "",
@@ -5783,7 +8183,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-demo.tsx")),
       source: "",
       category: "",
@@ -5795,7 +8199,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-disabled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-disabled.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-disabled.tsx")),
       source: "",
       category: "",
@@ -5807,7 +8215,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-lg.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-lg.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-lg.tsx")),
       source: "",
       category: "",
@@ -5819,7 +8231,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-outline.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-outline.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-outline.tsx")),
       source: "",
       category: "",
@@ -5831,7 +8247,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-sm.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-sm.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-sm.tsx")),
       source: "",
       category: "",
@@ -5843,7 +8263,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["toggle"],
-      files: ["registry/default/example/toggle-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/toggle-with-text.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/toggle-with-text.tsx")),
       source: "",
       category: "",
@@ -5855,7 +8279,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: ["tooltip"],
-      files: ["registry/default/example/tooltip-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/tooltip-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/tooltip-demo.tsx")),
       source: "",
       category: "",
@@ -5867,7 +8295,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-blockquote.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-blockquote.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-blockquote.tsx")),
       source: "",
       category: "",
@@ -5879,7 +8311,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-demo.tsx")),
       source: "",
       category: "",
@@ -5891,7 +8327,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-h1.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-h1.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-h1.tsx")),
       source: "",
       category: "",
@@ -5903,7 +8343,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-h2.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-h2.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-h2.tsx")),
       source: "",
       category: "",
@@ -5915,7 +8359,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-h3.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-h3.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-h3.tsx")),
       source: "",
       category: "",
@@ -5927,7 +8375,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-h4.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-h4.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-h4.tsx")),
       source: "",
       category: "",
@@ -5939,7 +8391,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-inline-code.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-inline-code.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-inline-code.tsx")),
       source: "",
       category: "",
@@ -5951,7 +8407,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-large.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-large.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-large.tsx")),
       source: "",
       category: "",
@@ -5963,7 +8423,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-lead.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-lead.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-lead.tsx")),
       source: "",
       category: "",
@@ -5975,7 +8439,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-list.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-list.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-list.tsx")),
       source: "",
       category: "",
@@ -5987,7 +8455,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-muted.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-muted.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-muted.tsx")),
       source: "",
       category: "",
@@ -5999,7 +8471,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-p.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-p.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-p.tsx")),
       source: "",
       category: "",
@@ -6011,7 +8487,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-small.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-small.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-small.tsx")),
       source: "",
       category: "",
@@ -6023,7 +8503,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/typography-table.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/typography-table.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/typography-table.tsx")),
       source: "",
       category: "",
@@ -6035,7 +8519,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/mode-toggle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/mode-toggle.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/mode-toggle.tsx")),
       source: "",
       category: "",
@@ -6047,7 +8535,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-bar-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-bar-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-bar-demo.tsx")),
       source: "",
       category: "",
@@ -6059,7 +8551,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-bar-demo-grid.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-bar-demo-grid.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-bar-demo-grid.tsx")),
       source: "",
       category: "",
@@ -6071,7 +8567,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-bar-demo-axis.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-bar-demo-axis.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-bar-demo-axis.tsx")),
       source: "",
       category: "",
@@ -6083,7 +8583,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-bar-demo-tooltip.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-bar-demo-tooltip.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-bar-demo-tooltip.tsx")),
       source: "",
       category: "",
@@ -6095,7 +8599,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-bar-demo-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-bar-demo-legend.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-bar-demo-legend.tsx")),
       source: "",
       category: "",
@@ -6107,7 +8615,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:example",
       registryDependencies: undefined,
-      files: ["registry/default/example/chart-tooltip-demo.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/example/chart-tooltip-demo.tsx",
+        type: "registry:example",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/example/chart-tooltip-demo.tsx")),
       source: "",
       category: "",
@@ -6119,7 +8631,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar.tsx")),
       source: "__registry__/default/block/demo-sidebar.tsx",
       category: "",
@@ -6131,7 +8647,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-header.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-header.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-header.tsx")),
       source: "__registry__/default/block/demo-sidebar-header.tsx",
       category: "",
@@ -6143,7 +8663,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-footer.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-footer.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-footer.tsx")),
       source: "__registry__/default/block/demo-sidebar-footer.tsx",
       category: "",
@@ -6155,7 +8679,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-group.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-group.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-group.tsx")),
       source: "__registry__/default/block/demo-sidebar-group.tsx",
       category: "",
@@ -6167,7 +8695,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-group-collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-group-collapsible.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-group-collapsible.tsx")),
       source: "__registry__/default/block/demo-sidebar-group-collapsible.tsx",
       category: "",
@@ -6179,7 +8711,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-group-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-group-action.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-group-action.tsx")),
       source: "__registry__/default/block/demo-sidebar-group-action.tsx",
       category: "",
@@ -6191,7 +8727,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-menu.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-menu.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-menu.tsx")),
       source: "__registry__/default/block/demo-sidebar-menu.tsx",
       category: "",
@@ -6203,7 +8743,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-menu-action.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-menu-action.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-menu-action.tsx")),
       source: "__registry__/default/block/demo-sidebar-menu-action.tsx",
       category: "",
@@ -6215,7 +8759,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-menu-sub.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-menu-sub.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-menu-sub.tsx")),
       source: "__registry__/default/block/demo-sidebar-menu-sub.tsx",
       category: "",
@@ -6227,7 +8775,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-menu-collapsible.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-menu-collapsible.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-menu-collapsible.tsx")),
       source: "__registry__/default/block/demo-sidebar-menu-collapsible.tsx",
       category: "",
@@ -6239,7 +8791,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-menu-badge.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-menu-badge.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-menu-badge.tsx")),
       source: "__registry__/default/block/demo-sidebar-menu-badge.tsx",
       category: "",
@@ -6251,7 +8807,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-rsc.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-rsc.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-rsc.tsx")),
       source: "__registry__/default/block/demo-sidebar-rsc.tsx",
       category: "",
@@ -6263,7 +8823,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: undefined,
-      files: ["registry/default/block/demo-sidebar-controlled.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/demo-sidebar-controlled.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/demo-sidebar-controlled.tsx")),
       source: "__registry__/default/block/demo-sidebar-controlled.tsx",
       category: "",
@@ -6275,7 +8839,271 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:block",
       registryDependencies: ["accordion","alert","alert-dialog","aspect-ratio","avatar","badge","breadcrumb","button","calendar","card","carousel","chart","checkbox","collapsible","command","context-menu","dialog","drawer","dropdown-menu","hover-card","input","input-otp","label","menubar","navigation-menu","pagination","popover","progress","radio-group","resizable","scroll-area","select","separator","sheet","sidebar","skeleton","slider","sonner","switch","table","tabs","textarea","toast","toggle","toggle-group","tooltip"],
-      files: ["registry/default/block/_sink/page.tsx","registry/default/block/_sink/components/app-sidebar.tsx","registry/default/block/_sink/components/component-wrapper.tsx","registry/default/block/_sink/components/nav-main.tsx","registry/default/block/_sink/components/nav-projects.tsx","registry/default/block/_sink/components/nav-user.tsx","registry/default/block/_sink/components/team-switcher.tsx","registry/default/block/_sink/components/accordion-demo.tsx","registry/default/block/_sink/components/alert-demo.tsx","registry/default/block/_sink/components/alert-dialog-demo.tsx","registry/default/block/_sink/components/aspect-ratio-demo.tsx","registry/default/block/_sink/components/avatar-demo.tsx","registry/default/block/_sink/components/badge-demo.tsx","registry/default/block/_sink/components/breadcrumb-demo.tsx","registry/default/block/_sink/components/button-demo.tsx","registry/default/block/_sink/components/calendar-demo.tsx","registry/default/block/_sink/components/card-demo.tsx","registry/default/block/_sink/components/carousel-demo.tsx","registry/default/block/_sink/components/checkbox-demo.tsx","registry/default/block/_sink/components/collapsible-demo.tsx","registry/default/block/_sink/components/combobox-demo.tsx","registry/default/block/_sink/components/command-demo.tsx","registry/default/block/_sink/components/context-menu-demo.tsx","registry/default/block/_sink/components/date-picker-demo.tsx","registry/default/block/_sink/components/dialog-demo.tsx","registry/default/block/_sink/components/drawer-demo.tsx","registry/default/block/_sink/components/dropdown-menu-demo.tsx","registry/default/block/_sink/components/hover-card-demo.tsx","registry/default/block/_sink/components/input-demo.tsx","registry/default/block/_sink/components/input-otp-demo.tsx","registry/default/block/_sink/components/label-demo.tsx","registry/default/block/_sink/components/menubar-demo.tsx","registry/default/block/_sink/components/navigation-menu-demo.tsx","registry/default/block/_sink/components/pagination-demo.tsx","registry/default/block/_sink/components/popover-demo.tsx","registry/default/block/_sink/components/progress-demo.tsx","registry/default/block/_sink/components/radio-group-demo.tsx","registry/default/block/_sink/components/resizable-handle.tsx","registry/default/block/_sink/components/scroll-area-demo.tsx","registry/default/block/_sink/components/select-demo.tsx","registry/default/block/_sink/components/separator-demo.tsx","registry/default/block/_sink/components/sheet-demo.tsx","registry/default/block/_sink/components/skeleton-demo.tsx","registry/default/block/_sink/components/slider-demo.tsx","registry/default/block/_sink/components/sonner-demo.tsx","registry/default/block/_sink/components/switch-demo.tsx","registry/default/block/_sink/components/table-demo.tsx","registry/default/block/_sink/components/tabs-demo.tsx","registry/default/block/_sink/components/textarea-demo.tsx","registry/default/block/_sink/components/toast-demo.tsx","registry/default/block/_sink/components/toggle-demo.tsx","registry/default/block/_sink/components/toggle-group-demo.tsx","registry/default/block/_sink/components/tooltip-demo.tsx","registry/default/block/_sink/components/badge-destructive.tsx","registry/default/block/_sink/components/badge-outline.tsx","registry/default/block/_sink/components/badge-secondary.tsx","registry/default/block/_sink/components/button-destructive.tsx","registry/default/block/_sink/components/button-ghost.tsx","registry/default/block/_sink/components/button-link.tsx","registry/default/block/_sink/components/button-loading.tsx","registry/default/block/_sink/components/button-outline.tsx","registry/default/block/_sink/components/button-secondary.tsx","registry/default/block/_sink/components/button-with-icon.tsx","registry/default/block/_sink/components/toggle-disabled.tsx","registry/default/block/_sink/components/toggle-outline.tsx","registry/default/block/_sink/components/toggle-with-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/page.tsx",
+        type: "registry:page",
+        target: "app/sink/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/component-wrapper.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/accordion-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/alert-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/alert-dialog-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/aspect-ratio-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/avatar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/badge-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/breadcrumb-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/calendar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/card-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/carousel-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/checkbox-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/collapsible-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/combobox-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/command-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/context-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/date-picker-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/dialog-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/drawer-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/dropdown-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/hover-card-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/input-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/input-otp-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/label-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/menubar-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/navigation-menu-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/pagination-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/popover-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/progress-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/radio-group-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/resizable-handle.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/scroll-area-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/select-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/separator-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/sheet-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/skeleton-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/slider-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/sonner-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/switch-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/table-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/tabs-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/textarea-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toast-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toggle-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toggle-group-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/tooltip-demo.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/badge-destructive.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/badge-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/badge-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-destructive.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-ghost.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-link.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-loading.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/button-with-icon.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toggle-disabled.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toggle-outline.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/_sink/components/toggle-with-text.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/_sink/page.tsx")),
       source: "__registry__/default/block/_sink/page.tsx",
       category: "",
@@ -6287,7 +9115,23 @@ export const Index: Record<string, any> = {
       description: "A simple sidebar with navigation grouped by section.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/default/block/sidebar-01/page.tsx","registry/default/block/sidebar-01/components/app-sidebar.tsx","registry/default/block/sidebar-01/components/search-form.tsx","registry/default/block/sidebar-01/components/version-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-01/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-01/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-01/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-01/components/version-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-01/page.tsx")),
       source: "__registry__/default/block/sidebar-01/page.tsx",
       category: "Application",
@@ -6299,7 +9143,23 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible sections.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/default/block/sidebar-02/page.tsx","registry/default/block/sidebar-02/components/app-sidebar.tsx","registry/default/block/sidebar-02/components/search-form.tsx","registry/default/block/sidebar-02/components/version-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-02/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-02/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-02/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-02/components/version-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-02/page.tsx")),
       source: "__registry__/default/block/sidebar-02/page.tsx",
       category: "Application",
@@ -6311,7 +9171,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/default/block/sidebar-03/page.tsx","registry/default/block/sidebar-03/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-03/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-03/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-03/page.tsx")),
       source: "__registry__/default/block/sidebar-03/page.tsx",
       category: "Application",
@@ -6323,7 +9191,15 @@ export const Index: Record<string, any> = {
       description: "A floating sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator"],
-      files: ["registry/default/block/sidebar-04/page.tsx","registry/default/block/sidebar-04/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-04/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-04/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-04/page.tsx")),
       source: "__registry__/default/block/sidebar-04/page.tsx",
       category: "Application",
@@ -6335,7 +9211,19 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"],
-      files: ["registry/default/block/sidebar-05/page.tsx","registry/default/block/sidebar-05/components/app-sidebar.tsx","registry/default/block/sidebar-05/components/search-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-05/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-05/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-05/components/search-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-05/page.tsx")),
       source: "__registry__/default/block/sidebar-05/page.tsx",
       category: "Application",
@@ -6347,7 +9235,23 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus as dropdowns.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"],
-      files: ["registry/default/block/sidebar-06/page.tsx","registry/default/block/sidebar-06/components/app-sidebar.tsx","registry/default/block/sidebar-06/components/nav-main.tsx","registry/default/block/sidebar-06/components/sidebar-opt-in-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-06/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-06/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-06/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-06/components/sidebar-opt-in-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-06/page.tsx")),
       source: "__registry__/default/block/sidebar-06/page.tsx",
       category: "Application",
@@ -6359,7 +9263,31 @@ export const Index: Record<string, any> = {
       description: "A sidebar that collapses to icons.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/default/block/sidebar-07/page.tsx","registry/default/block/sidebar-07/components/app-sidebar.tsx","registry/default/block/sidebar-07/components/nav-main.tsx","registry/default/block/sidebar-07/components/nav-projects.tsx","registry/default/block/sidebar-07/components/nav-user.tsx","registry/default/block/sidebar-07/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-07/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-07/page.tsx")),
       source: "__registry__/default/block/sidebar-07/page.tsx",
       category: "Application",
@@ -6371,7 +9299,31 @@ export const Index: Record<string, any> = {
       description: "An inset sidebar with secondary navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/default/block/sidebar-08/page.tsx","registry/default/block/sidebar-08/components/app-sidebar.tsx","registry/default/block/sidebar-08/components/nav-main.tsx","registry/default/block/sidebar-08/components/nav-projects.tsx","registry/default/block/sidebar-08/components/nav-secondary.tsx","registry/default/block/sidebar-08/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/components/nav-projects.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-08/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-08/page.tsx")),
       source: "__registry__/default/block/sidebar-08/page.tsx",
       category: "Application",
@@ -6383,7 +9335,19 @@ export const Index: Record<string, any> = {
       description: "Collapsible nested sidebars.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"],
-      files: ["registry/default/block/sidebar-09/page.tsx","registry/default/block/sidebar-09/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-09/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-09/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-09/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-09/page.tsx")),
       source: "__registry__/default/block/sidebar-09/page.tsx",
       category: "Application",
@@ -6395,7 +9359,39 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a popover.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"],
-      files: ["registry/default/block/sidebar-10/page.tsx","registry/default/block/sidebar-10/components/app-sidebar.tsx","registry/default/block/sidebar-10/components/nav-actions.tsx","registry/default/block/sidebar-10/components/nav-favorites.tsx","registry/default/block/sidebar-10/components/nav-main.tsx","registry/default/block/sidebar-10/components/nav-secondary.tsx","registry/default/block/sidebar-10/components/nav-workspaces.tsx","registry/default/block/sidebar-10/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/nav-actions.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/nav-favorites.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/nav-workspaces.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-10/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-10/page.tsx")),
       source: "__registry__/default/block/sidebar-10/page.tsx",
       category: "Application",
@@ -6407,7 +9403,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a collapsible file tree.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible"],
-      files: ["registry/default/block/sidebar-11/page.tsx","registry/default/block/sidebar-11/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-11/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-11/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-11/page.tsx")),
       source: "__registry__/default/block/sidebar-11/page.tsx",
       category: "Application",
@@ -6419,7 +9423,27 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a calendar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"],
-      files: ["registry/default/block/sidebar-12/page.tsx","registry/default/block/sidebar-12/components/app-sidebar.tsx","registry/default/block/sidebar-12/components/calendars.tsx","registry/default/block/sidebar-12/components/date-picker.tsx","registry/default/block/sidebar-12/components/nav-user.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-12/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-12/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-12/components/calendars.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-12/components/date-picker.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-12/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-12/page.tsx")),
       source: "__registry__/default/block/sidebar-12/page.tsx",
       category: "Application",
@@ -6431,7 +9455,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a dialog.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","button","dialog"],
-      files: ["registry/default/block/sidebar-13/page.tsx","registry/default/block/sidebar-13/components/settings-dialog.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-13/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-13/components/settings-dialog.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-13/page.tsx")),
       source: "__registry__/default/block/sidebar-13/page.tsx",
       category: "Application",
@@ -6443,7 +9475,15 @@ export const Index: Record<string, any> = {
       description: "A sidebar on the right.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/default/block/sidebar-14/page.tsx","registry/default/block/sidebar-14/components/app-sidebar.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-14/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-14/components/app-sidebar.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-14/page.tsx")),
       source: "__registry__/default/block/sidebar-14/page.tsx",
       category: "Application",
@@ -6455,7 +9495,51 @@ export const Index: Record<string, any> = {
       description: "A left and right sidebar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"],
-      files: ["registry/default/block/sidebar-15/page.tsx","registry/default/block/sidebar-15/components/calendars.tsx","registry/default/block/sidebar-15/components/date-picker.tsx","registry/default/block/sidebar-15/components/nav-favorites.tsx","registry/default/block/sidebar-15/components/nav-main.tsx","registry/default/block/sidebar-15/components/nav-secondary.tsx","registry/default/block/sidebar-15/components/nav-user.tsx","registry/default/block/sidebar-15/components/nav-workspaces.tsx","registry/default/block/sidebar-15/components/sidebar-left.tsx","registry/default/block/sidebar-15/components/sidebar-right.tsx","registry/default/block/sidebar-15/components/team-switcher.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/page.tsx",
+        type: "registry:page",
+        target: "app/dashboard/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/calendars.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/date-picker.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/nav-favorites.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/nav-main.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/nav-secondary.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/nav-user.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/nav-workspaces.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/sidebar-left.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/sidebar-right.tsx",
+        type: "registry:component",
+        target: ""
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/sidebar-15/components/team-switcher.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/sidebar-15/page.tsx")),
       source: "__registry__/default/block/sidebar-15/page.tsx",
       category: "Application",
@@ -6467,7 +9551,15 @@ export const Index: Record<string, any> = {
       description: "A simple login form.",
       type: "registry:block",
       registryDependencies: ["button","card","input","label"],
-      files: ["registry/default/block/login-01/page.tsx","registry/default/block/login-01/components/login-form.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/login-01/page.tsx",
+        type: "registry:page",
+        target: "app/login/page.tsx"
+      },{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/login-01/components/login-form.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/login-01/page.tsx")),
       source: "__registry__/default/block/login-01/page.tsx",
       category: "Authentication",
@@ -6479,7 +9571,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with axes",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-axes.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-axes.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-axes.tsx")),
       source: "__registry__/default/block/chart-area-axes.tsx",
       category: "Charts",
@@ -6491,7 +9587,11 @@ export const Index: Record<string, any> = {
       description: "A simple area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-default.tsx")),
       source: "__registry__/default/block/chart-area-default.tsx",
       category: "Charts",
@@ -6503,7 +9603,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with gradient fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-gradient.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-gradient.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-gradient.tsx")),
       source: "__registry__/default/block/chart-area-gradient.tsx",
       category: "Charts",
@@ -6515,7 +9619,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with icons",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-icons.tsx")),
       source: "__registry__/default/block/chart-area-icons.tsx",
       category: "Charts",
@@ -6527,7 +9635,11 @@ export const Index: Record<string, any> = {
       description: "An interactive area chart",
       type: "registry:block",
       registryDependencies: ["card","chart","select"],
-      files: ["registry/default/block/chart-area-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-interactive.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-interactive.tsx")),
       source: "__registry__/default/block/chart-area-interactive.tsx",
       category: "Charts",
@@ -6539,7 +9651,11 @@ export const Index: Record<string, any> = {
       description: "An area chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-legend.tsx")),
       source: "__registry__/default/block/chart-area-legend.tsx",
       category: "Charts",
@@ -6551,7 +9667,11 @@ export const Index: Record<string, any> = {
       description: "A linear area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-linear.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-linear.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-linear.tsx")),
       source: "__registry__/default/block/chart-area-linear.tsx",
       category: "Charts",
@@ -6563,7 +9683,11 @@ export const Index: Record<string, any> = {
       description: "A stacked area chart with expand stacking",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-stacked-expand.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-stacked-expand.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-stacked-expand.tsx")),
       source: "__registry__/default/block/chart-area-stacked-expand.tsx",
       category: "Charts",
@@ -6575,7 +9699,11 @@ export const Index: Record<string, any> = {
       description: "A stacked area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-stacked.tsx")),
       source: "__registry__/default/block/chart-area-stacked.tsx",
       category: "Charts",
@@ -6587,7 +9715,11 @@ export const Index: Record<string, any> = {
       description: "A step area chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-area-step.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-area-step.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-area-step.tsx")),
       source: "__registry__/default/block/chart-area-step.tsx",
       category: "Charts",
@@ -6599,7 +9731,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with an active bar",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-active.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-active.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-active.tsx")),
       source: "__registry__/default/block/chart-bar-active.tsx",
       category: "Charts",
@@ -6611,7 +9747,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-default.tsx")),
       source: "__registry__/default/block/chart-bar-default.tsx",
       category: "Charts",
@@ -6623,7 +9763,11 @@ export const Index: Record<string, any> = {
       description: "A horizontal bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-horizontal.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-horizontal.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-horizontal.tsx")),
       source: "__registry__/default/block/chart-bar-horizontal.tsx",
       category: "Charts",
@@ -6635,7 +9779,11 @@ export const Index: Record<string, any> = {
       description: "An interactive bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-interactive.tsx")),
       source: "__registry__/default/block/chart-bar-interactive.tsx",
       category: "Charts",
@@ -6647,7 +9795,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-label-custom.tsx")),
       source: "__registry__/default/block/chart-bar-label-custom.tsx",
       category: "Charts",
@@ -6659,7 +9811,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-label.tsx")),
       source: "__registry__/default/block/chart-bar-label.tsx",
       category: "Charts",
@@ -6671,7 +9827,11 @@ export const Index: Record<string, any> = {
       description: "A mixed bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-mixed.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-mixed.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-mixed.tsx")),
       source: "__registry__/default/block/chart-bar-mixed.tsx",
       category: "Charts",
@@ -6683,7 +9843,11 @@ export const Index: Record<string, any> = {
       description: "A multiple bar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-multiple.tsx")),
       source: "__registry__/default/block/chart-bar-multiple.tsx",
       category: "Charts",
@@ -6695,7 +9859,11 @@ export const Index: Record<string, any> = {
       description: "A bar chart with negative values",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-negative.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-negative.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-negative.tsx")),
       source: "__registry__/default/block/chart-bar-negative.tsx",
       category: "Charts",
@@ -6707,7 +9875,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-bar-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-bar-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-bar-stacked.tsx")),
       source: "__registry__/default/block/chart-bar-stacked.tsx",
       category: "Charts",
@@ -6719,7 +9891,11 @@ export const Index: Record<string, any> = {
       description: "A line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-default.tsx")),
       source: "__registry__/default/block/chart-line-default.tsx",
       category: "Charts",
@@ -6731,7 +9907,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with dots and colors",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-dots-colors.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-dots-colors.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-dots-colors.tsx")),
       source: "__registry__/default/block/chart-line-dots-colors.tsx",
       category: "Charts",
@@ -6743,7 +9923,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with custom dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-dots-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-dots-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-dots-custom.tsx")),
       source: "__registry__/default/block/chart-line-dots-custom.tsx",
       category: "Charts",
@@ -6755,7 +9939,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-dots.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-dots.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-dots.tsx")),
       source: "__registry__/default/block/chart-line-dots.tsx",
       category: "Charts",
@@ -6767,7 +9955,11 @@ export const Index: Record<string, any> = {
       description: "An interactive line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-interactive.tsx")),
       source: "__registry__/default/block/chart-line-interactive.tsx",
       category: "Charts",
@@ -6779,7 +9971,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-label-custom.tsx")),
       source: "__registry__/default/block/chart-line-label-custom.tsx",
       category: "Charts",
@@ -6791,7 +9987,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-label.tsx")),
       source: "__registry__/default/block/chart-line-label.tsx",
       category: "Charts",
@@ -6803,7 +10003,11 @@ export const Index: Record<string, any> = {
       description: "A linear line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-linear.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-linear.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-linear.tsx")),
       source: "__registry__/default/block/chart-line-linear.tsx",
       category: "Charts",
@@ -6815,7 +10019,11 @@ export const Index: Record<string, any> = {
       description: "A multiple line chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-multiple.tsx")),
       source: "__registry__/default/block/chart-line-multiple.tsx",
       category: "Charts",
@@ -6827,7 +10035,11 @@ export const Index: Record<string, any> = {
       description: "A line chart with step",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-line-step.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-line-step.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-line-step.tsx")),
       source: "__registry__/default/block/chart-line-step.tsx",
       category: "Charts",
@@ -6839,7 +10051,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart with an active sector",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-donut-active.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-donut-active.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-donut-active.tsx")),
       source: "__registry__/default/block/chart-pie-donut-active.tsx",
       category: "Charts",
@@ -6851,7 +10067,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart with text",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-donut-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-donut-text.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-donut-text.tsx")),
       source: "__registry__/default/block/chart-pie-donut-text.tsx",
       category: "Charts",
@@ -6863,7 +10083,11 @@ export const Index: Record<string, any> = {
       description: "A donut chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-donut.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-donut.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-donut.tsx")),
       source: "__registry__/default/block/chart-pie-donut.tsx",
       category: "Charts",
@@ -6875,7 +10099,11 @@ export const Index: Record<string, any> = {
       description: "An interactive pie chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-interactive.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-interactive.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-interactive.tsx")),
       source: "__registry__/default/block/chart-pie-interactive.tsx",
       category: "Charts",
@@ -6887,7 +10115,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-label-custom.tsx")),
       source: "__registry__/default/block/chart-pie-label-custom.tsx",
       category: "Charts",
@@ -6899,7 +10131,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a label list",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-label-list.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-label-list.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-label-list.tsx")),
       source: "__registry__/default/block/chart-pie-label-list.tsx",
       category: "Charts",
@@ -6911,7 +10147,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-label.tsx")),
       source: "__registry__/default/block/chart-pie-label.tsx",
       category: "Charts",
@@ -6923,7 +10163,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-legend.tsx")),
       source: "__registry__/default/block/chart-pie-legend.tsx",
       category: "Charts",
@@ -6935,7 +10179,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with no separator",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-separator-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-separator-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-separator-none.tsx")),
       source: "__registry__/default/block/chart-pie-separator-none.tsx",
       category: "Charts",
@@ -6947,7 +10195,11 @@ export const Index: Record<string, any> = {
       description: "A simple pie chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-simple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-simple.tsx")),
       source: "__registry__/default/block/chart-pie-simple.tsx",
       category: "Charts",
@@ -6959,7 +10211,11 @@ export const Index: Record<string, any> = {
       description: "A pie chart with stacked sections",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-pie-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-pie-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-pie-stacked.tsx")),
       source: "__registry__/default/block/chart-pie-stacked.tsx",
       category: "Charts",
@@ -6971,7 +10227,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-default.tsx")),
       source: "__registry__/default/block/chart-radar-default.tsx",
       category: "Charts",
@@ -6983,7 +10243,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with dots",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-dots.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-dots.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-dots.tsx")),
       source: "__registry__/default/block/chart-radar-dots.tsx",
       category: "Charts",
@@ -6995,7 +10259,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-circle-fill.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-circle-fill.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-circle-fill.tsx")),
       source: "__registry__/default/block/chart-radar-grid-circle-fill.tsx",
       category: "Charts",
@@ -7007,7 +10275,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle fill",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-circle-no-lines.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-circle-no-lines.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-circle-no-lines.tsx")),
       source: "__registry__/default/block/chart-radar-grid-circle-no-lines.tsx",
       category: "Charts",
@@ -7019,7 +10291,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid and circle",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-circle.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-circle.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-circle.tsx")),
       source: "__registry__/default/block/chart-radar-grid-circle.tsx",
       category: "Charts",
@@ -7031,7 +10307,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a custom grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-custom.tsx")),
       source: "__registry__/default/block/chart-radar-grid-custom.tsx",
       category: "Charts",
@@ -7043,7 +10323,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a grid filled",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-fill.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-fill.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-fill.tsx")),
       source: "__registry__/default/block/chart-radar-grid-fill.tsx",
       category: "Charts",
@@ -7055,7 +10339,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with no grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-grid-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-grid-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-grid-none.tsx")),
       source: "__registry__/default/block/chart-radar-grid-none.tsx",
       category: "Charts",
@@ -7067,7 +10355,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with icons",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-icons.tsx")),
       source: "__registry__/default/block/chart-radar-icons.tsx",
       category: "Charts",
@@ -7079,7 +10371,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a custom label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-label-custom.tsx")),
       source: "__registry__/default/block/chart-radar-label-custom.tsx",
       category: "Charts",
@@ -7091,7 +10387,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-legend.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-legend.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-legend.tsx")),
       source: "__registry__/default/block/chart-radar-legend.tsx",
       category: "Charts",
@@ -7103,7 +10403,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with lines only",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-lines-only.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-lines-only.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-lines-only.tsx")),
       source: "__registry__/default/block/chart-radar-lines-only.tsx",
       category: "Charts",
@@ -7115,7 +10419,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with multiple data",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-multiple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-multiple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-multiple.tsx")),
       source: "__registry__/default/block/chart-radar-multiple.tsx",
       category: "Charts",
@@ -7127,7 +10435,11 @@ export const Index: Record<string, any> = {
       description: "A radar chart with a radius axis",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radar-radius.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radar-radius.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radar-radius.tsx")),
       source: "__registry__/default/block/chart-radar-radius.tsx",
       category: "Charts",
@@ -7139,7 +10451,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a grid",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-grid.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-grid.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-grid.tsx")),
       source: "__registry__/default/block/chart-radial-grid.tsx",
       category: "Charts",
@@ -7151,7 +10467,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a label",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-label.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-label.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-label.tsx")),
       source: "__registry__/default/block/chart-radial-label.tsx",
       category: "Charts",
@@ -7163,7 +10483,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with a custom shape",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-shape.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-shape.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-shape.tsx")),
       source: "__registry__/default/block/chart-radial-shape.tsx",
       category: "Charts",
@@ -7175,7 +10499,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-simple.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-simple.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-simple.tsx")),
       source: "__registry__/default/block/chart-radial-simple.tsx",
       category: "Charts",
@@ -7187,7 +10515,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with stacked sections",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-stacked.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-stacked.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-stacked.tsx")),
       source: "__registry__/default/block/chart-radial-stacked.tsx",
       category: "Charts",
@@ -7199,7 +10531,11 @@ export const Index: Record<string, any> = {
       description: "A radial chart with text",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-radial-text.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-radial-text.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-radial-text.tsx")),
       source: "__registry__/default/block/chart-radial-text.tsx",
       category: "Charts",
@@ -7211,7 +10547,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-default.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-default.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-default.tsx")),
       source: "__registry__/default/block/chart-tooltip-default.tsx",
       category: "Charts",
@@ -7223,7 +10563,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-indicator-line.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-indicator-line.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-indicator-line.tsx")),
       source: "__registry__/default/block/chart-tooltip-indicator-line.tsx",
       category: "Charts",
@@ -7235,7 +10579,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-indicator-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-indicator-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-indicator-none.tsx")),
       source: "__registry__/default/block/chart-tooltip-indicator-none.tsx",
       category: "Charts",
@@ -7247,7 +10595,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-label-none.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-label-none.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-label-none.tsx")),
       source: "__registry__/default/block/chart-tooltip-label-none.tsx",
       category: "Charts",
@@ -7259,7 +10611,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-label-custom.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-label-custom.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-label-custom.tsx")),
       source: "__registry__/default/block/chart-tooltip-label-custom.tsx",
       category: "Charts",
@@ -7271,7 +10627,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-label-formatter.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-label-formatter.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-label-formatter.tsx")),
       source: "__registry__/default/block/chart-tooltip-label-formatter.tsx",
       category: "Charts",
@@ -7283,7 +10643,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-formatter.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-formatter.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-formatter.tsx")),
       source: "__registry__/default/block/chart-tooltip-formatter.tsx",
       category: "Charts",
@@ -7295,7 +10659,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-icons.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-icons.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-icons.tsx")),
       source: "__registry__/default/block/chart-tooltip-icons.tsx",
       category: "Charts",
@@ -7307,7 +10675,11 @@ export const Index: Record<string, any> = {
       description: "A stacked bar chart with a legend",
       type: "registry:block",
       registryDependencies: ["card","chart"],
-      files: ["registry/default/block/chart-tooltip-advanced.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/block/chart-tooltip-advanced.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/block/chart-tooltip-advanced.tsx")),
       source: "__registry__/default/block/chart-tooltip-advanced.tsx",
       category: "Charts",
@@ -7319,7 +10691,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:lib",
       registryDependencies: undefined,
-      files: ["registry/default/lib/utils.ts"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/lib/utils.ts",
+        type: "registry:lib",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/lib/utils.ts")),
       source: "",
       category: "",
@@ -7331,7 +10707,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:hook",
       registryDependencies: undefined,
-      files: ["registry/default/hooks/use-mobile.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/hooks/use-mobile.tsx",
+        type: "registry:hook",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/hooks/use-mobile.tsx")),
       source: "",
       category: "",
@@ -7343,7 +10723,11 @@ export const Index: Record<string, any> = {
       description: "",
       type: "registry:hook",
       registryDependencies: undefined,
-      files: ["registry/default/hooks/use-toast.ts"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/hooks/use-toast.ts",
+        type: "registry:hook",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/hooks/use-toast.ts")),
       source: "",
       category: "",
@@ -7355,7 +10739,11 @@ export const Index: Record<string, any> = {
       description: "A simple sidebar with navigation grouped by section.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/default/v0/sidebar-01.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-01.tsx",
+        type: "registry:component",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-01.tsx")),
       source: "__registry__/default/v0/sidebar-01.tsx",
       category: "Application",
@@ -7367,7 +10755,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible sections.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"],
-      files: ["registry/default/v0/sidebar-02.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-02.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-02.tsx")),
       source: "__registry__/default/v0/sidebar-02.tsx",
       category: "Application",
@@ -7379,7 +10771,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with nested navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/default/v0/sidebar-03.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-03.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-03.tsx")),
       source: "__registry__/default/v0/sidebar-03.tsx",
       category: "Application",
@@ -7391,7 +10787,11 @@ export const Index: Record<string, any> = {
       description: "A floating sidebar with submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator"],
-      files: ["registry/default/v0/sidebar-04.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-04.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-04.tsx")),
       source: "__registry__/default/v0/sidebar-04.tsx",
       category: "Application",
@@ -7403,7 +10803,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with collapsible submenus.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"],
-      files: ["registry/default/v0/sidebar-05.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-05.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-05.tsx")),
       source: "__registry__/default/v0/sidebar-05.tsx",
       category: "Application",
@@ -7415,7 +10819,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with submenus as dropdowns.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"],
-      files: ["registry/default/v0/sidebar-06.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-06.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-06.tsx")),
       source: "__registry__/default/v0/sidebar-06.tsx",
       category: "Application",
@@ -7427,7 +10835,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar that collapses to icons.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/default/v0/sidebar-07.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-07.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-07.tsx")),
       source: "__registry__/default/v0/sidebar-07.tsx",
       category: "Application",
@@ -7439,7 +10851,11 @@ export const Index: Record<string, any> = {
       description: "An inset sidebar with secondary navigation.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"],
-      files: ["registry/default/v0/sidebar-08.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-08.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-08.tsx")),
       source: "__registry__/default/v0/sidebar-08.tsx",
       category: "Application",
@@ -7451,7 +10867,11 @@ export const Index: Record<string, any> = {
       description: "Collapsible nested sidebars.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"],
-      files: ["registry/default/v0/sidebar-09.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-09.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-09.tsx")),
       source: "__registry__/default/v0/sidebar-09.tsx",
       category: "Application",
@@ -7463,7 +10883,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a popover.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"],
-      files: ["registry/default/v0/sidebar-10.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-10.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-10.tsx")),
       source: "__registry__/default/v0/sidebar-10.tsx",
       category: "Application",
@@ -7475,7 +10899,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a collapsible file tree.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible"],
-      files: ["registry/default/v0/sidebar-11.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-11.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-11.tsx")),
       source: "__registry__/default/v0/sidebar-11.tsx",
       category: "Application",
@@ -7487,7 +10915,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar with a calendar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"],
-      files: ["registry/default/v0/sidebar-12.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-12.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-12.tsx")),
       source: "__registry__/default/v0/sidebar-12.tsx",
       category: "Application",
@@ -7499,7 +10931,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar in a dialog.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","button","dialog"],
-      files: ["registry/default/v0/sidebar-13.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-13.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-13.tsx")),
       source: "__registry__/default/v0/sidebar-13.tsx",
       category: "Application",
@@ -7511,7 +10947,11 @@ export const Index: Record<string, any> = {
       description: "A sidebar on the right.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb"],
-      files: ["registry/default/v0/sidebar-14.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-14.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-14.tsx")),
       source: "__registry__/default/v0/sidebar-14.tsx",
       category: "Application",
@@ -7523,7 +10963,11 @@ export const Index: Record<string, any> = {
       description: "A left and right sidebar.",
       type: "registry:block",
       registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"],
-      files: ["registry/default/v0/sidebar-15.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/sidebar-15.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/sidebar-15.tsx")),
       source: "__registry__/default/v0/sidebar-15.tsx",
       category: "Application",
@@ -7535,7 +10979,11 @@ export const Index: Record<string, any> = {
       description: "A simple login form.",
       type: "registry:block",
       registryDependencies: ["button","card","input","label"],
-      files: ["registry/default/v0/login-01.tsx"],
+      files: [{
+        path: "/Users/shadcn/Code/shadcn/ui/apps/www/registry/default/v0/login-01.tsx",
+        type: "registry:block",
+        target: ""
+      }],
       component: React.lazy(() => import("@/registry/default/v0/login-01.tsx")),
       source: "__registry__/default/v0/login-01.tsx",
       category: "Authentication",
diff --git a/apps/www/app/(app)/blocks/page.tsx b/apps/www/app/(app)/blocks/page.tsx
index bc50d372159..cdbfad921e9 100644
--- a/apps/www/app/(app)/blocks/page.tsx
+++ b/apps/www/app/(app)/blocks/page.tsx
@@ -1,27 +1,18 @@
 import * as React from "react"
-import { unstable_cache } from "next/cache"
 
 import { getAllBlockIds } from "@/lib/blocks"
 import { BlockDisplay } from "@/components/block-display"
 
-const BLOCKS_WHITELIST_PREFIXES = ["sidebar", "login"]
-
-const getBlocks = unstable_cache(async () => {
-  return (await getAllBlockIds()).filter((name) =>
-    BLOCKS_WHITELIST_PREFIXES.some((prefix) => name.startsWith(prefix))
-  )
-}, ["blocks"])
+import "@/styles/mdx.css"
 
 export default async function BlocksPage() {
-  const blocks = await getBlocks()
+  const blocks = await getAllBlockIds()
 
   return (
     <div className="gap-3 md:flex md:flex-row-reverse md:items-start">
       <div className="grid flex-1 gap-12 md:gap-24 lg:gap-48">
-        {blocks.map((name, index) => (
-          <React.Suspense key={`${name}-${index}`}>
-            <BlockDisplay name={name} />
-          </React.Suspense>
+        {blocks.map((name) => (
+          <BlockDisplay key={name} name={name} />
         ))}
       </div>
     </div>
diff --git a/apps/www/app/(blocks)/blocks/[style]/[name]/page.tsx b/apps/www/app/(blocks)/blocks/[style]/[name]/page.tsx
index 35668786630..f283aa38a6e 100644
--- a/apps/www/app/(blocks)/blocks/[style]/[name]/page.tsx
+++ b/apps/www/app/(blocks)/blocks/[style]/[name]/page.tsx
@@ -1,14 +1,20 @@
+import * as React from "react"
 import { Metadata } from "next"
 import { notFound } from "next/navigation"
 
 import { siteConfig } from "@/config/site"
-import { getAllBlockIds, getBlock } from "@/lib/blocks"
+import { getAllBlockIds } from "@/lib/blocks"
 import { absoluteUrl, cn } from "@/lib/utils"
-import { BlockChunk } from "@/components/block-chunk"
-import { BlockWrapper } from "@/components/block-wrapper"
 import { Style, styles } from "@/registry/registry-styles"
 
 import "@/styles/mdx.css"
+import { getRegistryComponent, getRegistryItem } from "@/lib/registry"
+
+const getCachedRegistryItem = React.cache(
+  async (name: string, style: Style["name"]) => {
+    return await getRegistryItem(name, style)
+  }
+)
 
 export async function generateMetadata({
   params,
@@ -19,23 +25,23 @@ export async function generateMetadata({
   }
 }): Promise<Metadata> {
   const { name, style } = params
-  const block = await getBlock(name, style)
+  const item = await getCachedRegistryItem(name, style)
 
-  if (!block) {
+  if (!item) {
     return {}
   }
 
-  const title = block.name
-  const description = block.description
+  const title = item.name
+  const description = item.description
 
   return {
-    title: `${block.description} - ${block.name}`,
+    title: `${item.name}${item.description ? ` - ${item.description}` : ""}`,
     description,
     openGraph: {
       title,
       description,
       type: "article",
-      url: absoluteUrl(`/blocks/${block.name}`),
+      url: absoluteUrl(`/blocks/${style}/${item.name}`),
       images: [
         {
           url: siteConfig.ogImage,
@@ -76,39 +82,22 @@ export default async function BlockPage({
   }
 }) {
   const { name, style } = params
-  const block = await getBlock(name, style)
+  const item = await getCachedRegistryItem(name, style)
+  const Component = getRegistryComponent(name, style)
 
-  if (!block) {
+  if (!item || !Component) {
     return notFound()
   }
 
-  const Component = block.component
-
-  const chunks = block.chunks?.map((chunk) => ({ ...chunk }))
-  delete block.component
-  block.chunks?.map((chunk) => delete chunk.component)
-
   return (
     <>
-      {/* <ThemesStyle /> */}
       <div
         className={cn(
           "themes-wrapper bg-background",
-          block.container?.className
+          item.meta?.containerClassName
         )}
       >
-        <BlockWrapper block={block}>
-          <Component />
-          {chunks?.map((chunk, index) => (
-            <BlockChunk
-              key={chunk.name}
-              block={block}
-              chunk={block.chunks?.[index]}
-            >
-              <chunk.component />
-            </BlockChunk>
-          ))}
-        </BlockWrapper>
+        <Component />
       </div>
     </>
   )
diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx
index bf15a207050..411b1bedf70 100644
--- a/apps/www/app/layout.tsx
+++ b/apps/www/app/layout.tsx
@@ -2,7 +2,7 @@ import "@/styles/globals.css"
 import { Metadata, Viewport } from "next"
 
 import { META_THEME_COLORS, siteConfig } from "@/config/site"
-import { fontSans } from "@/lib/fonts"
+import { fontMono, fontSans } from "@/lib/fonts"
 import { cn } from "@/lib/utils"
 import { Analytics } from "@/components/analytics"
 import { ThemeProvider } from "@/components/providers"
@@ -92,7 +92,8 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <body
           className={cn(
             "min-h-screen bg-background font-sans antialiased",
-            fontSans.variable
+            fontSans.variable,
+            fontMono.variable
           )}
         >
           <ThemeProvider
diff --git a/apps/www/components/block-chunk.tsx b/apps/www/components/block-chunk.tsx
deleted file mode 100644
index a25df546932..00000000000
--- a/apps/www/components/block-chunk.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { AnimatePresence, motion } from "framer-motion"
-
-import { cn } from "@/lib/utils"
-import { useLiftMode } from "@/hooks/use-lift-mode"
-import { BlockCopyButton } from "@/components/block-copy-button"
-import { V0Button } from "@/components/v0-button"
-import { Block, type BlockChunk } from "@/registry/schema"
-
-export function BlockChunk({
-  block,
-  chunk,
-  children,
-  ...props
-}: React.PropsWithChildren<{ block: Block; chunk?: BlockChunk }>) {
-  const { isLiftMode } = useLiftMode(block.name)
-
-  if (!chunk) {
-    return null
-  }
-
-  return (
-    <AnimatePresence>
-      {isLiftMode && (
-        <motion.div
-          key={chunk.name}
-          x-chunk-container={chunk.name}
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          exit={{ opacity: 0, transition: { ease: "easeOut", duration: 0.2 } }}
-          transition={{ ease: "easeIn", duration: 0.2 }}
-          className={cn(
-            "group rounded-xl bg-background shadow-xl transition",
-            chunk.container?.className
-          )}
-          {...props}
-        >
-          <div className="relative z-30">{children}</div>
-          {chunk.code && (
-            <div className="absolute inset-x-0 top-0 z-30 flex px-4 py-3 opacity-0 transition-all duration-200 ease-in group-hover:-translate-y-12 group-hover:opacity-100">
-              <div className="flex w-full items-center justify-end gap-2">
-                <BlockCopyButton
-                  event="copy_chunk_code"
-                  name={chunk.name}
-                  code={chunk.code}
-                />
-                <V0Button size="icon" name={chunk.name} />
-              </div>
-            </div>
-          )}
-        </motion.div>
-      )}
-    </AnimatePresence>
-  )
-}
diff --git a/apps/www/components/block-display.tsx b/apps/www/components/block-display.tsx
index 31fdb596a95..ad352f0bdab 100644
--- a/apps/www/components/block-display.tsx
+++ b/apps/www/components/block-display.tsx
@@ -1,32 +1,52 @@
-import { unstable_cache } from "next/cache"
+import * as React from "react"
+import { z } from "zod"
 
-import { getBlock } from "@/lib/blocks"
-import { BlockPreview } from "@/components/block-preview"
+import { highlightCode } from "@/lib/highlight-code"
+import {
+  createFileTreeForRegistryItemFiles,
+  getRegistryItem,
+} from "@/lib/registry"
+import { BlockViewer } from "@/components/block-viewer"
+import { registryItemFileSchema } from "@/registry/schema"
 
-const getBlockByName = unstable_cache(
-  async (name: string) => {
-    const block = await getBlock(name)
+export async function BlockDisplay({ name }: { name: string }) {
+  const item = await getCachedRegistryItem(name)
+
+  if (!item?.files) {
+    return null
+  }
+
+  const [tree, highlightedFiles] = await Promise.all([
+    getCachedFileTree(item.files),
+    getCachedHighlightedFiles(item.files),
+  ])
+
+  return (
+    <BlockViewer item={item} tree={tree} highlightedFiles={highlightedFiles} />
+  )
+}
+
+const getCachedRegistryItem = React.cache(async (name: string) => {
+  return await getRegistryItem(name)
+})
 
-    if (!block) {
+const getCachedFileTree = React.cache(
+  async (files: Array<{ path: string; target?: string }>) => {
+    if (!files) {
       return null
     }
 
-    return {
-      name: block.name,
-      style: block.style,
-      description: block.description,
-      container: block.container,
-    }
-  },
-  ["block"]
+    return await createFileTreeForRegistryItemFiles(files)
+  }
 )
 
-export async function BlockDisplay({ name }: { name: string }) {
-  const block = await getBlockByName(name)
-
-  if (!block) {
-    return null
+const getCachedHighlightedFiles = React.cache(
+  async (files: z.infer<typeof registryItemFileSchema>[]) => {
+    return await Promise.all(
+      files.map(async (file) => ({
+        ...file,
+        highlightedContent: await highlightCode(file.content ?? ""),
+      }))
+    )
   }
-
-  return <BlockPreview key={block.name} block={block} />
-}
+)
diff --git a/apps/www/components/block-preview.tsx b/apps/www/components/block-preview.tsx
deleted file mode 100644
index 8caa40597f6..00000000000
--- a/apps/www/components/block-preview.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-"use client"
-
-import * as React from "react"
-import Image from "next/image"
-import { ImperativePanelHandle } from "react-resizable-panels"
-
-import { BlockToolbar } from "@/components/block-toolbar"
-import {
-  ResizableHandle,
-  ResizablePanel,
-  ResizablePanelGroup,
-} from "@/registry/new-york/ui/resizable"
-import { type Block } from "@/registry/schema"
-
-export function BlockPreview({
-  block,
-}: {
-  block: Pick<Block, "name" | "style" | "description" | "container">
-}) {
-  const ref = React.useRef<ImperativePanelHandle>(null)
-
-  return (
-    <div
-      id={block.name}
-      className="relative grid w-full scroll-m-20 gap-4"
-      style={
-        {
-          "--container-height": block.container?.height,
-        } as React.CSSProperties
-      }
-    >
-      <BlockToolbar block={block} resizablePanelRef={ref} />
-      <ResizablePanelGroup direction="horizontal" className="relative z-10">
-        <ResizablePanel
-          ref={ref}
-          className="relative aspect-[4/2.5] rounded-lg border bg-background md:aspect-auto"
-          defaultSize={100}
-          minSize={30}
-        >
-          <Image
-            src={`/images/blocks/${block.name}.png`}
-            alt={block.name}
-            data-block={block.name}
-            width={1440}
-            height={900}
-            className="absolute left-0 top-0 z-20 w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:hidden sm:w-[1280px] md:hidden md:dark:hidden"
-          />
-          <Image
-            src={`/images/blocks/${block.name}-dark.png`}
-            alt={block.name}
-            data-block={block.name}
-            width={1440}
-            height={900}
-            className="absolute left-0 top-0 z-20 hidden w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:block sm:w-[1280px] md:hidden md:dark:hidden"
-          />
-          <iframe
-            src={`/blocks/${block.style}/${block.name}`}
-            height={block.container?.height ?? 450}
-            className="chunk-mode relative z-20 hidden w-full bg-background md:block"
-          />
-        </ResizablePanel>
-        <ResizableHandle className="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-y-1/2 after:translate-x-[-1px] after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block" />
-        <ResizablePanel defaultSize={0} minSize={0} />
-      </ResizablePanelGroup>
-    </div>
-  )
-}
diff --git a/apps/www/components/block-toolbar.tsx b/apps/www/components/block-toolbar.tsx
deleted file mode 100644
index 260477cd3d7..00000000000
--- a/apps/www/components/block-toolbar.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-"use client"
-
-import * as React from "react"
-import Link from "next/link"
-import {
-  Check,
-  Fullscreen,
-  Monitor,
-  Smartphone,
-  Tablet,
-  Terminal,
-} from "lucide-react"
-import { ImperativePanelHandle } from "react-resizable-panels"
-
-import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard"
-import { V0Button } from "@/components/v0-button"
-import { Button } from "@/registry/new-york/ui/button"
-import { Separator } from "@/registry/new-york/ui/separator"
-import {
-  ToggleGroup,
-  ToggleGroupItem,
-} from "@/registry/new-york/ui/toggle-group"
-import { Block } from "@/registry/schema"
-
-export function BlockToolbar({
-  block,
-  resizablePanelRef,
-}: {
-  block: Pick<Block, "name" | "style" | "description" | "container">
-  resizablePanelRef: React.RefObject<ImperativePanelHandle>
-}) {
-  const { copyToClipboard, isCopied } = useCopyToClipboard()
-
-  return (
-    <div className="flex items-center gap-2 md:gap-4">
-      <Button asChild variant="link" className="whitespace-normal px-1 md:px-2">
-        <a href={`#${block.name}`}>{block.description}</a>
-      </Button>
-      <div className="ml-auto hidden items-center gap-2 md:flex md:pr-[14px]">
-        <Button
-          variant="ghost"
-          className="h-7 rounded-md border bg-muted shadow-none"
-          size="sm"
-          onClick={() => {
-            copyToClipboard(`npx shadcn@latest add ${block.name}`)
-          }}
-        >
-          {isCopied ? <Check /> : <Terminal />}
-          npx shadcn add {block.name}
-        </Button>
-        <Separator orientation="vertical" className="mx-2 hidden h-4 md:flex" />
-        <div className="hidden h-7 items-center gap-1.5 rounded-md border p-[2px] shadow-none md:flex">
-          <ToggleGroup
-            type="single"
-            defaultValue="100"
-            onValueChange={(value) => {
-              if (resizablePanelRef.current) {
-                resizablePanelRef.current.resize(parseInt(value))
-              }
-            }}
-          >
-            <ToggleGroupItem
-              value="100"
-              className="h-[22px] w-[22px] rounded-sm p-0"
-              title="Desktop"
-            >
-              <Monitor className="h-3.5 w-3.5" />
-            </ToggleGroupItem>
-            <ToggleGroupItem
-              value="60"
-              className="h-[22px] w-[22px] rounded-sm p-0"
-              title="Tablet"
-            >
-              <Tablet className="h-3.5 w-3.5" />
-            </ToggleGroupItem>
-            <ToggleGroupItem
-              value="30"
-              className="h-[22px] w-[22px] rounded-sm p-0"
-              title="Mobile"
-            >
-              <Smartphone className="h-3.5 w-3.5" />
-            </ToggleGroupItem>
-            <Separator orientation="vertical" className="h-4" />
-            <Button
-              size="icon"
-              variant="ghost"
-              className="h-[22px] w-[22px] rounded-sm p-0"
-              asChild
-              title="Open in New Tab"
-            >
-              <Link
-                href={`/blocks/${block.style}/${block.name}`}
-                target="_blank"
-              >
-                <span className="sr-only">Open in New Tab</span>
-                <Fullscreen className="h-3.5 w-3.5" />
-              </Link>
-            </Button>
-          </ToggleGroup>
-        </div>
-        <Separator orientation="vertical" className="mx-2 hidden h-4 md:flex" />
-        <V0Button
-          className="hidden shadow-none md:flex"
-          id={`v0-button-${block.name}`}
-          name={`v0-${block.name}`}
-        />
-      </div>
-    </div>
-  )
-}
diff --git a/apps/www/components/block-viewer.tsx b/apps/www/components/block-viewer.tsx
new file mode 100644
index 00000000000..9fcf2fc752e
--- /dev/null
+++ b/apps/www/components/block-viewer.tsx
@@ -0,0 +1,452 @@
+"use client"
+
+import * as React from "react"
+import Image from "next/image"
+import Link from "next/link"
+import {
+  Check,
+  ChevronRight,
+  Clipboard,
+  File,
+  Folder,
+  Fullscreen,
+  Monitor,
+  Smartphone,
+  Tablet,
+  Terminal,
+} from "lucide-react"
+import { ImperativePanelHandle } from "react-resizable-panels"
+import { z } from "zod"
+
+import { trackEvent } from "@/lib/events"
+import { FileTree, createFileTreeForRegistryItemFiles } from "@/lib/registry"
+import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard"
+import { V0Button } from "@/components/v0-button"
+import { Button } from "@/registry/new-york/ui/button"
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/registry/new-york/ui/collapsible"
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "@/registry/new-york/ui/resizable"
+import { Separator } from "@/registry/new-york/ui/separator"
+import {
+  Sidebar,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarProvider,
+} from "@/registry/new-york/ui/sidebar"
+import { Tabs, TabsList, TabsTrigger } from "@/registry/new-york/ui/tabs"
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@/registry/new-york/ui/toggle-group"
+import { Style } from "@/registry/registry-styles"
+import { registryEntrySchema, registryItemFileSchema } from "@/registry/schema"
+
+type BlockViewerContext = {
+  item: z.infer<typeof registryEntrySchema>
+  view: "code" | "preview"
+  setView: (view: "code" | "preview") => void
+  style?: Style["name"]
+  setStyle: (style: Style["name"]) => void
+  activeFile: string | null
+  setActiveFile: (file: string) => void
+  resizablePanelRef: React.RefObject<ImperativePanelHandle> | null
+  tree: ReturnType<typeof createFileTreeForRegistryItemFiles> | null
+  highlightedFiles:
+    | (z.infer<typeof registryItemFileSchema> & {
+        highlightedContent: string
+      })[]
+    | null
+}
+
+const BlockViewerContext = React.createContext<BlockViewerContext | null>(null)
+
+function useBlockViewer() {
+  const context = React.useContext(BlockViewerContext)
+  if (!context) {
+    throw new Error("useBlockViewer must be used within a BlockViewerProvider.")
+  }
+  return context
+}
+
+function BlockViewerProvider({
+  item,
+  tree,
+  highlightedFiles,
+  children,
+}: Pick<BlockViewerContext, "item" | "tree" | "highlightedFiles"> & {
+  children: React.ReactNode
+}) {
+  const [view, setView] = React.useState<BlockViewerContext["view"]>("preview")
+  const [style, setStyle] =
+    React.useState<BlockViewerContext["style"]>("new-york")
+  const [activeFile, setActiveFile] = React.useState<
+    BlockViewerContext["activeFile"]
+  >(highlightedFiles?.[0].target ?? null)
+  const resizablePanelRef = React.useRef<ImperativePanelHandle>(null)
+
+  return (
+    <BlockViewerContext.Provider
+      value={{
+        item,
+        view,
+        setView,
+        style,
+        setStyle,
+        resizablePanelRef,
+        activeFile,
+        setActiveFile,
+        tree,
+        highlightedFiles,
+      }}
+    >
+      <div
+        id={item.name}
+        data-view={view}
+        className="group/block-view-wrapper flex min-w-0 flex-col items-stretch gap-4"
+        style={
+          {
+            "--height": item.meta?.iframeHeight ?? 450,
+          } as React.CSSProperties
+        }
+      >
+        {children}
+      </div>
+    </BlockViewerContext.Provider>
+  )
+}
+
+function BlockViewerToolbar() {
+  const { setView, item, resizablePanelRef, style } = useBlockViewer()
+  const { copyToClipboard, isCopied } = useCopyToClipboard()
+
+  return (
+    <div className="flex w-full items-center gap-2 md:pr-[14px]">
+      <Tabs
+        defaultValue="preview"
+        onValueChange={(value) => setView(value as "preview" | "code")}
+        className="hidden lg:flex"
+      >
+        <TabsList className="h-7 items-center rounded-md p-0 px-[calc(theme(spacing.1)_-_2px)] py-[theme(spacing.1)]">
+          <TabsTrigger
+            value="preview"
+            className="h-[1.45rem] rounded-sm px-2 text-xs"
+          >
+            Preview
+          </TabsTrigger>
+          <TabsTrigger
+            value="code"
+            className="h-[1.45rem] rounded-sm px-2 text-xs"
+          >
+            Code
+          </TabsTrigger>
+        </TabsList>
+      </Tabs>
+      <Separator orientation="vertical" className="mx-2 hidden h-4 lg:flex" />
+      <a
+        href={`#${item.name}`}
+        className="text-sm font-medium underline-offset-2 hover:underline"
+      >
+        {item.description}
+      </a>
+      <div className="ml-auto flex items-center gap-2">
+        <Button
+          variant="ghost"
+          className="hidden h-7 w-7 rounded-md border bg-transparent shadow-none md:flex lg:w-auto"
+          size="sm"
+          onClick={() => {
+            copyToClipboard(`npx shadcn@latest add ${name}`)
+          }}
+        >
+          {isCopied ? <Check /> : <Terminal />}
+          <span className="hidden lg:inline">npx shadcn add {item.name}</span>
+        </Button>
+        <Separator orientation="vertical" className="mx-2 hidden h-4 md:flex" />
+        <div className="hidden h-7 items-center gap-1.5 rounded-md border p-[2px] shadow-none lg:flex">
+          <ToggleGroup
+            type="single"
+            defaultValue="100"
+            onValueChange={(value) => {
+              if (resizablePanelRef?.current) {
+                resizablePanelRef.current.resize(parseInt(value))
+              }
+            }}
+          >
+            <ToggleGroupItem
+              value="100"
+              className="h-[22px] w-[22px] rounded-sm p-0"
+              title="Desktop"
+            >
+              <Monitor className="h-3.5 w-3.5" />
+            </ToggleGroupItem>
+            <ToggleGroupItem
+              value="60"
+              className="h-[22px] w-[22px] rounded-sm p-0"
+              title="Tablet"
+            >
+              <Tablet className="h-3.5 w-3.5" />
+            </ToggleGroupItem>
+            <ToggleGroupItem
+              value="30"
+              className="h-[22px] w-[22px] rounded-sm p-0"
+              title="Mobile"
+            >
+              <Smartphone className="h-3.5 w-3.5" />
+            </ToggleGroupItem>
+            <Separator orientation="vertical" className="h-4" />
+            <Button
+              size="icon"
+              variant="ghost"
+              className="h-[22px] w-[22px] rounded-sm p-0"
+              asChild
+              title="Open in New Tab"
+            >
+              <Link href={`/blocks/${style}/${item.name}`} target="_blank">
+                <span className="sr-only">Open in New Tab</span>
+                <Fullscreen className="h-3.5 w-3.5" />
+              </Link>
+            </Button>
+          </ToggleGroup>
+        </div>
+        <Separator orientation="vertical" className="mx-2 hidden h-4 xl:flex" />
+        <V0Button
+          className="hidden shadow-none sm:flex"
+          id={`v0-button-${item.name}`}
+          name={`v0-${item.name}`}
+        />
+      </div>
+    </div>
+  )
+}
+
+function BlockViewerView() {
+  const { item, style, resizablePanelRef } = useBlockViewer()
+
+  return (
+    <div className="h-[--height] group-data-[view=code]/block-view-wrapper:hidden">
+      <div className="grid w-full gap-4">
+        <ResizablePanelGroup direction="horizontal" className="relative z-10">
+          <ResizablePanel
+            ref={resizablePanelRef}
+            className="relative aspect-[4/2.5] rounded-xl border bg-background md:aspect-auto"
+            defaultSize={100}
+            minSize={30}
+          >
+            <Image
+              src={`/images/blocks/${item.name}.png`}
+              alt={item.name}
+              data-block={item.name}
+              width={1440}
+              height={900}
+              className="absolute left-0 top-0 z-20 w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:hidden sm:w-[1280px] md:hidden md:dark:hidden"
+            />
+            <Image
+              src={`/images/blocks/${item.name}-dark.png`}
+              alt={item.name}
+              data-block={item.name}
+              width={1440}
+              height={900}
+              className="absolute left-0 top-0 z-20 hidden w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:block sm:w-[1280px] md:hidden md:dark:hidden"
+            />
+            <iframe
+              src={`/blocks/${style}/${item.name}`}
+              height={item.meta?.iframeHeight ?? 450}
+              className="chunk-mode relative z-20 hidden w-full bg-background md:block"
+            />
+          </ResizablePanel>
+          <ResizableHandle className="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-y-1/2 after:translate-x-[-1px] after:rounded-full after:bg-border after:transition-all after:hover:h-10 md:block" />
+          <ResizablePanel defaultSize={0} minSize={0} />
+        </ResizablePanelGroup>
+      </div>
+    </div>
+  )
+}
+
+function BlockViewerCode() {
+  const { activeFile, highlightedFiles } = useBlockViewer()
+
+  const file = React.useMemo(() => {
+    return highlightedFiles?.find((file) => file.target === activeFile)
+  }, [highlightedFiles, activeFile])
+
+  if (!file) {
+    return null
+  }
+
+  return (
+    <div className="mr-[14px] flex h-[--height] overflow-hidden rounded-xl bg-zinc-950 text-white group-data-[view=preview]/block-view-wrapper:hidden">
+      <div className="w-[280px]">
+        <BlockViewerFileTree />
+      </div>
+      <div className="flex min-w-0 flex-1 flex-col">
+        <div className="flex h-12 items-center gap-2 border-b border-zinc-700 bg-zinc-900 px-4 text-sm font-medium">
+          <File className="size-4" />
+          {file.target}
+          <div className="ml-auto flex items-center gap-2">
+            <BlockCopyCodeButton />
+          </div>
+        </div>
+        <div
+          key={file?.path}
+          data-rehype-pretty-code-fragment
+          dangerouslySetInnerHTML={{ __html: file?.highlightedContent ?? "" }}
+          className="relative flex-1 overflow-hidden after:absolute after:inset-y-0 after:left-0 after:w-10 after:bg-zinc-950 [&_.line:before]:sticky [&_.line:before]:left-2 [&_.line:before]:z-10 [&_.line:before]:translate-y-[-1px] [&_.line:before]:pr-1 [&_pre]:h-[--height] [&_pre]:overflow-auto [&_pre]:!bg-transparent [&_pre]:pb-20 [&_pre]:pt-4 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-relaxed"
+        />
+      </div>
+    </div>
+  )
+}
+
+export function BlockViewerFileTree() {
+  const { tree } = useBlockViewer()
+
+  if (!tree) {
+    return null
+  }
+
+  return (
+    <SidebarProvider className="flex !min-h-full flex-col">
+      <Sidebar
+        collapsible="none"
+        className="w-full flex-1 border-r border-zinc-700 bg-zinc-900 text-white"
+      >
+        <SidebarGroupLabel className="h-12 rounded-none border-b border-zinc-700 px-4 text-sm text-white">
+          Files
+        </SidebarGroupLabel>
+        <SidebarGroup className="p-0">
+          <SidebarGroupContent>
+            <SidebarMenu className="gap-1.5">
+              {tree.map((file, index) => (
+                <Tree key={index} item={file} index={1} />
+              ))}
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </SidebarGroup>
+      </Sidebar>
+    </SidebarProvider>
+  )
+}
+
+function Tree({ item, index }: { item: FileTree; index: number }) {
+  const { activeFile, setActiveFile } = useBlockViewer()
+
+  if (!item.children) {
+    return (
+      <SidebarMenuItem>
+        <SidebarMenuButton
+          isActive={item.path === activeFile}
+          onClick={() => item.path && setActiveFile(item.path)}
+          className="whitespace-nowrap rounded-none pl-[--index] hover:bg-zinc-700 hover:text-white focus:bg-zinc-700 focus:text-white focus-visible:bg-zinc-700 focus-visible:text-white active:bg-zinc-700 active:text-white data-[active=true]:bg-zinc-700 data-[active=true]:text-white"
+          data-index={index}
+          style={
+            {
+              "--index": `${index * (index === 2 ? 1.2 : 1.3)}rem`,
+            } as React.CSSProperties
+          }
+        >
+          <ChevronRight className="invisible" />
+          <File className="h-4 w-4" />
+          {item.name}
+        </SidebarMenuButton>
+      </SidebarMenuItem>
+    )
+  }
+
+  return (
+    <SidebarMenuItem>
+      <Collapsible
+        className="group/collapsible [&[data-state=open]>button>svg:first-child]:rotate-90"
+        defaultOpen
+      >
+        <CollapsibleTrigger asChild>
+          <SidebarMenuButton
+            className="whitespace-nowrap rounded-none pl-[--index] hover:bg-zinc-700 hover:text-white focus-visible:bg-zinc-700 focus-visible:text-white active:bg-zinc-700 active:text-white data-[active=true]:bg-zinc-700 data-[active=true]:text-white data-[state=open]:hover:bg-zinc-700 data-[state=open]:hover:text-white"
+            style={
+              {
+                "--index": `${index * (index === 1 ? 1 : 1.2)}rem`,
+              } as React.CSSProperties
+            }
+          >
+            <ChevronRight className="h-4 w-4 transition-transform" />
+            <Folder className="h-4 w-4" />
+            {item.name}
+          </SidebarMenuButton>
+        </CollapsibleTrigger>
+        <CollapsibleContent>
+          <SidebarMenuSub className="m-0 w-full border-none p-0">
+            {item.children.map((subItem, key) => (
+              <Tree key={key} item={subItem} index={index + 1} />
+            ))}
+          </SidebarMenuSub>
+        </CollapsibleContent>
+      </Collapsible>
+    </SidebarMenuItem>
+  )
+}
+
+function BlockCopyCodeButton() {
+  const { activeFile, item } = useBlockViewer()
+  const { copyToClipboard, isCopied } = useCopyToClipboard()
+
+  const file = React.useMemo(() => {
+    return item.files?.find((file) => file.target === activeFile)
+  }, [activeFile, item.files])
+
+  const content = file?.content
+
+  if (!content) {
+    return null
+  }
+
+  return (
+    <Button
+      onClick={() => {
+        copyToClipboard(content)
+        trackEvent({
+          name: "copy_block_code",
+          properties: {
+            name: item.name,
+            file: file.path,
+          },
+        })
+      }}
+      className="h-7 w-7 shrink-0 rounded-lg p-0 hover:bg-zinc-700 hover:text-white focus:bg-zinc-700 focus:text-white focus-visible:bg-zinc-700 focus-visible:text-white active:bg-zinc-700 active:text-white data-[active=true]:bg-zinc-700 data-[active=true]:text-white [&>svg]:size-3"
+      variant="ghost"
+    >
+      {isCopied ? <Check /> : <Clipboard />}
+    </Button>
+  )
+}
+
+function BlockViewer({
+  item,
+  tree,
+  highlightedFiles,
+  ...props
+}: Pick<BlockViewerContext, "item" | "tree" | "highlightedFiles">) {
+  return (
+    <BlockViewerProvider
+      item={item}
+      tree={tree}
+      highlightedFiles={highlightedFiles}
+      {...props}
+    >
+      <BlockViewerToolbar />
+      <BlockViewerView />
+      <BlockViewerCode />
+    </BlockViewerProvider>
+  )
+}
+
+export { BlockViewer }
diff --git a/apps/www/components/block-wrapper.tsx b/apps/www/components/block-wrapper.tsx
deleted file mode 100644
index 088053daf80..00000000000
--- a/apps/www/components/block-wrapper.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { AnimatePresence, motion } from "framer-motion"
-
-import { useLiftMode } from "@/hooks/use-lift-mode"
-import { Block } from "@/registry/schema"
-
-export function BlockWrapper({
-  block,
-  children,
-}: React.PropsWithChildren<{ block: Block }>) {
-  const { isLiftMode } = useLiftMode(block.name)
-
-  React.useEffect(() => {
-    const components = document.querySelectorAll("[x-chunk]")
-    block.chunks?.map((chunk, index) => {
-      const $chunk = document.querySelector<HTMLElement>(
-        `[x-chunk="${chunk.name}"]`
-      )
-      const $wrapper = document.querySelector<HTMLElement>(
-        `[x-chunk-container="${chunk.name}"]`
-      )
-
-      const $component = components[index]
-
-      if (!$chunk || !$component) {
-        return
-      }
-
-      const position = $component.getBoundingClientRect()
-      $chunk.style.zIndex = "40"
-      // $chunk.style.position = "absolute"
-      // $chunk.style.top = `${position.top}px`
-      // $chunk.style.left = `${position.left}px`
-      $chunk.style.width = `${position.width}px`
-      $chunk.style.height = `${position.height}px`
-
-      if ($wrapper) {
-        $wrapper.style.zIndex = "40"
-        $wrapper.style.position = "absolute"
-        $wrapper.style.top = `${position.top}px`
-        $wrapper.style.left = `${position.left}px`
-        $wrapper.style.width = `${position.width}px`
-        $wrapper.style.height = `${position.height}px`
-      }
-    })
-  }, [block.chunks, isLiftMode])
-
-  return (
-    <>
-      {children}
-      <AnimatePresence>
-        {isLiftMode && (
-          <motion.div
-            className="absolute inset-0 z-30 bg-background/90 fill-mode-backwards"
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{
-              opacity: 0,
-              transition: { ease: "easeOut", duration: 0.38 },
-            }}
-            transition={{ ease: "easeOut", duration: 0.2, delay: 0.18 }}
-          />
-        )}
-      </AnimatePresence>
-    </>
-  )
-}
diff --git a/apps/www/components/chart-code-viewer.tsx b/apps/www/components/chart-code-viewer.tsx
index 2ba37cb2442..1d6a3a06c7c 100644
--- a/apps/www/components/chart-code-viewer.tsx
+++ b/apps/www/components/chart-code-viewer.tsx
@@ -3,7 +3,8 @@ import * as React from "react"
 import { cn } from "@/lib/utils"
 import { useMediaQuery } from "@/hooks/use-media-query"
 import { useThemesConfig } from "@/hooks/use-themes-config"
-import { BlockCopyButton } from "@/components/block-copy-button"
+import { ChartCopyButton } from "@/components/chart-copy-button"
+import { Chart } from "@/components/chart-display"
 import { V0Button } from "@/components/v0-button"
 import { Button } from "@/registry/new-york/ui/button"
 import {
@@ -18,13 +19,14 @@ import {
   TabsList,
   TabsTrigger,
 } from "@/registry/new-york/ui/tabs"
-import { Block } from "@/registry/schema"
 
 export function ChartCodeViewer({
   chart,
   className,
   children,
-}: { chart: Block } & React.ComponentProps<"div">) {
+}: {
+  chart: Chart
+} & React.ComponentProps<"div">) {
   const [tab, setTab] = React.useState("code")
   const { themesConfig } = useThemesConfig()
   const isDesktop = useMediaQuery("(min-width: 768px)")
@@ -85,10 +87,10 @@ ${Object.entries(themesConfig?.activeTheme.cssVars.dark || {})
           </TabsList>
           {tab === "code" && (
             <div className="ml-auto flex items-center justify-center gap-2">
-              <BlockCopyButton
+              <ChartCopyButton
                 event="copy_chart_code"
                 name={chart.name}
-                code={chart.code}
+                code={chart.files?.[0]?.content ?? ""}
               />
               <V0Button
                 id={`v0-button-${chart.name}`}
@@ -98,7 +100,7 @@ ${Object.entries(themesConfig?.activeTheme.cssVars.dark || {})
             </div>
           )}
           {tab === "theme" && (
-            <BlockCopyButton
+            <ChartCopyButton
               event="copy_chart_theme"
               name={chart.name}
               code={themeCode}
diff --git a/apps/www/components/block-copy-button.tsx b/apps/www/components/chart-copy-button.tsx
similarity index 97%
rename from apps/www/components/block-copy-button.tsx
rename to apps/www/components/chart-copy-button.tsx
index 4c13b0636f1..7bca49aaa39 100644
--- a/apps/www/components/block-copy-button.tsx
+++ b/apps/www/components/chart-copy-button.tsx
@@ -12,7 +12,7 @@ import {
   TooltipTrigger,
 } from "@/registry/new-york/ui/tooltip"
 
-export function BlockCopyButton({
+export function ChartCopyButton({
   event,
   name,
   code,
diff --git a/apps/www/components/chart-display.tsx b/apps/www/components/chart-display.tsx
index 4945a60bd1a..27ba98e03bf 100644
--- a/apps/www/components/chart-display.tsx
+++ b/apps/www/components/chart-display.tsx
@@ -1,19 +1,27 @@
-import { getBlock } from "@/lib/blocks"
+import * as React from "react"
+import { z } from "zod"
+
+import { highlightCode } from "@/lib/highlight-code"
+import { getRegistryItem } from "@/lib/registry"
 import { cn } from "@/lib/utils"
 import { ChartToolbar } from "@/components/chart-toolbar"
+import { registryEntrySchema } from "@/registry/schema"
+
+export type Chart = z.infer<typeof registryEntrySchema> & {
+  highlightedCode: string
+}
 
 export async function ChartDisplay({
   name,
   children,
   className,
 }: { name: string } & React.ComponentProps<"div">) {
-  const chart = await getBlock(name)
-
-  // Cannot (and don't need to) pass to the client.
-  delete chart?.component
-  delete chart?.chunks
+  const chart = await getCachedRegistryItem(name)
+  const highlightedCode = await getChartHighlightedCode(
+    chart?.files?.[0]?.content ?? ""
+  )
 
-  if (!chart) {
+  if (!chart || !highlightedCode) {
     return null
   }
 
@@ -25,7 +33,7 @@ export async function ChartDisplay({
       )}
     >
       <ChartToolbar
-        chart={chart}
+        chart={{ ...chart, highlightedCode }}
         className="relative z-20 flex justify-end border-b bg-card px-3 py-2.5 text-card-foreground"
       >
         {children}
@@ -36,3 +44,11 @@ export async function ChartDisplay({
     </div>
   )
 }
+
+const getCachedRegistryItem = React.cache(async (name: string) => {
+  return await getRegistryItem(name)
+})
+
+const getChartHighlightedCode = React.cache(async (content: string) => {
+  return await highlightCode(content)
+})
diff --git a/apps/www/components/chart-toolbar.tsx b/apps/www/components/chart-toolbar.tsx
index bd7b07b4c45..6eb8f39a067 100644
--- a/apps/www/components/chart-toolbar.tsx
+++ b/apps/www/components/chart-toolbar.tsx
@@ -1,10 +1,8 @@
 "use client"
 
 import { cn } from "@/lib/utils"
-import { BlockCopyButton } from "@/components/block-copy-button"
 import { ChartCodeViewer } from "@/components/chart-code-viewer"
 import { Separator } from "@/registry/new-york/ui/separator"
-import { Block } from "@/registry/schema"
 
 import "@/styles/mdx.css"
 import {
@@ -17,21 +15,26 @@ import {
   Radar,
 } from "lucide-react"
 
+import { ChartCopyButton } from "@/components/chart-copy-button"
+import { Chart } from "@/components/chart-display"
+
 export function ChartToolbar({
   chart,
   className,
   children,
-}: { chart: Block } & React.ComponentProps<"div">) {
+}: {
+  chart: Chart
+} & React.ComponentProps<"div">) {
   return (
     <div className={cn("flex items-center gap-2", className)}>
       <div className="flex items-center gap-1.5 pl-1 text-[13px] text-muted-foreground [&>svg]:h-[0.9rem] [&>svg]:w-[0.9rem]">
         <ChartTitle chart={chart} />
       </div>
       <div className="ml-auto flex items-center gap-2 [&>form]:flex">
-        <BlockCopyButton
+        <ChartCopyButton
           event="copy_chart_code"
           name={chart.name}
-          code={chart.code}
+          code={chart.files?.[0]?.content ?? ""}
           className="[&_svg]-h-3 h-6 w-6 rounded-[6px] bg-transparent text-foreground shadow-none hover:bg-muted dark:text-foreground [&_svg]:w-3"
         />
         <Separator orientation="vertical" className="mx-0 hidden h-4 md:flex" />
@@ -41,7 +44,7 @@ export function ChartToolbar({
   )
 }
 
-function ChartTitle({ chart }: { chart: Block }) {
+function ChartTitle({ chart }: { chart: Chart }) {
   const { subcategory } = chart
 
   if (!subcategory) {
diff --git a/apps/www/components/color.tsx b/apps/www/components/color.tsx
index f4af2889bc4..fffca62c60d 100644
--- a/apps/www/components/color.tsx
+++ b/apps/www/components/color.tsx
@@ -7,7 +7,6 @@ import { type Color } from "@/lib/colors"
 import { trackEvent } from "@/lib/events"
 import { useColors } from "@/hooks/use-colors"
 import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard"
-import { copyToClipboardWithMeta } from "@/components/copy-button"
 
 export function Color({ color }: { color: Color }) {
   const { format } = useColors()
diff --git a/apps/www/components/command-menu.tsx b/apps/www/components/command-menu.tsx
index 9d8b1d868ec..bbcddc9e8c8 100644
--- a/apps/www/components/command-menu.tsx
+++ b/apps/www/components/command-menu.tsx
@@ -55,7 +55,7 @@ export function CommandMenu({ ...props }: DialogProps) {
       <Button
         variant="outline"
         className={cn(
-          "relative h-8 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-40 lg:w-64"
+          "relative h-8 w-full justify-start rounded-[0.5rem] bg-muted/50 text-sm font-normal text-muted-foreground shadow-none sm:pr-12 md:w-40 lg:w-56 xl:w-64"
         )}
         onClick={() => setOpen(true)}
         {...props}
diff --git a/apps/www/components/main-nav.tsx b/apps/www/components/main-nav.tsx
index efa14264908..0c7bbfc4236 100644
--- a/apps/www/components/main-nav.tsx
+++ b/apps/www/components/main-nav.tsx
@@ -18,7 +18,7 @@ export function MainNav() {
           {siteConfig.name}
         </span>
       </Link>
-      <nav className="flex items-center gap-4 text-sm lg:gap-6">
+      <nav className="flex items-center gap-4 text-sm xl:gap-6">
         <Link
           href="/docs"
           className={cn(
@@ -77,7 +77,7 @@ export function MainNav() {
         <Link
           href="/examples"
           className={cn(
-            "transition-colors hover:text-foreground/80",
+            "hidden transition-colors hover:text-foreground/80 lg:inline-block",
             pathname?.startsWith("/examples")
               ? "text-foreground"
               : "text-foreground/60"
diff --git a/apps/www/lib/blocks.ts b/apps/www/lib/blocks.ts
index 9563245a487..eb8b5a82366 100644
--- a/apps/www/lib/blocks.ts
+++ b/apps/www/lib/blocks.ts
@@ -1,21 +1,14 @@
 "use server"
 
-import { promises as fs } from "fs"
-import { tmpdir } from "os"
-import path from "path"
 import { Index } from "@/__registry__"
-import { Project, ScriptKind, SourceFile, SyntaxKind } from "ts-morph"
 import { z } from "zod"
 
-import { highlightCode } from "@/lib/highlight-code"
 import { Style } from "@/registry/registry-styles"
-import { BlockChunk, blockSchema, registryEntrySchema } from "@/registry/schema"
+import { registryEntrySchema } from "@/registry/schema"
 
 const DEFAULT_BLOCKS_STYLE = "new-york" satisfies Style["name"]
-
-const project = new Project({
-  compilerOptions: {},
-})
+const BLOCKS_WHITELIST_PREFIXES = ["sidebar", "login"]
+const REGISTRY_BLOCK_TYPES = ["registry:block"]
 
 export async function getAllBlockIds(
   style: Style["name"] = DEFAULT_BLOCKS_STYLE
@@ -24,136 +17,14 @@ export async function getAllBlockIds(
   return blocks.map((block) => block.name)
 }
 
-export async function getBlock(
-  name: string,
-  style: Style["name"] = DEFAULT_BLOCKS_STYLE
-) {
-  const entry = Index[style][name]
-
-  const content = await _getBlockContent(name, style)
-
-  const chunks = entry?.chunks
-    ? await Promise.all(
-        entry?.chunks?.map(async (chunk: BlockChunk) => {
-          const code = await readFile(chunk.file)
-
-          const tempFile = await createTempSourceFile(`${chunk.name}.tsx`)
-          const sourceFile = project.createSourceFile(tempFile, code, {
-            scriptKind: ScriptKind.TSX,
-          })
-
-          sourceFile
-            .getDescendantsOfKind(SyntaxKind.JsxOpeningElement)
-            .filter((node) => {
-              return node.getAttribute("x-chunk") !== undefined
-            })
-            ?.map((component) => {
-              component
-                .getAttribute("x-chunk")
-                ?.asKind(SyntaxKind.JsxAttribute)
-                ?.remove()
-            })
-
-          return {
-            ...chunk,
-            code: sourceFile
-              .getText()
-              .replaceAll(`@/registry/${style}/`, "@/components/"),
-          }
-        })
-      )
-    : []
-
-  const block = {
-    style,
-    highlightedCode: content.code ? await highlightCode(content.code) : "",
-    ...entry,
-    ...content,
-    chunks,
-    type: "registry:block",
-  }
-
-  const result = blockSchema.safeParse(block)
-
-  if (!result.success) {
-    console.log(block)
-    return null
-  }
-
-  return result.data
-}
-
 async function _getAllBlocks(style: Style["name"] = DEFAULT_BLOCKS_STYLE) {
   const index = z.record(registryEntrySchema).parse(Index[style])
 
-  return Object.values(index).filter((block) => block.type === "registry:block")
-}
-
-async function _getBlockCode(
-  name: string,
-  style: Style["name"] = DEFAULT_BLOCKS_STYLE
-) {
-  const entry = Index[style][name]
-  if (!entry) {
-    console.error(`Block ${name} not found in style ${style}`)
-    return ""
-  }
-  const block = registryEntrySchema.parse(entry)
-
-  if (!block.source) {
-    return ""
-  }
-
-  return await readFile(block.source)
-}
-
-async function readFile(source: string) {
-  const filepath = path.join(process.cwd(), source)
-  return await fs.readFile(filepath, "utf-8")
-}
-
-async function createTempSourceFile(filename: string) {
-  const dir = await fs.mkdtemp(path.join(tmpdir(), "codex-"))
-  return path.join(dir, filename)
-}
-
-async function _getBlockContent(name: string, style: Style["name"]) {
-  const raw = await _getBlockCode(name, style)
-
-  const tempFile = await createTempSourceFile(`${name}.tsx`)
-  const sourceFile = project.createSourceFile(tempFile, raw, {
-    scriptKind: ScriptKind.TSX,
-  })
-
-  // Extract meta.
-  const iframeHeight = _extractVariable(sourceFile, "iframeHeight")
-  const containerClassName = _extractVariable(sourceFile, "containerClassName")
-
-  // Format the code.
-  let code = sourceFile.getText()
-  code = code.replaceAll(`@/registry/${style}/`, "@/components/")
-  code = code.replaceAll("export default", "export")
-
-  return {
-    code,
-    container: {
-      height: iframeHeight,
-      className: containerClassName,
-    },
-  }
-}
-
-function _extractVariable(sourceFile: SourceFile, name: string) {
-  const variable = sourceFile.getVariableDeclaration(name)
-  if (!variable) {
-    return null
-  }
-
-  const value = variable
-    .getInitializerIfKindOrThrow(SyntaxKind.StringLiteral)
-    .getLiteralValue()
-
-  variable.remove()
-
-  return value
+  return Object.values(index).filter((block) =>
+    BLOCKS_WHITELIST_PREFIXES.some(
+      (prefix) =>
+        block.name.startsWith(prefix) &&
+        REGISTRY_BLOCK_TYPES.includes(block.type)
+    )
+  )
 }
diff --git a/apps/www/lib/fonts.ts b/apps/www/lib/fonts.ts
index 297b0b3acb7..ed245edf98d 100644
--- a/apps/www/lib/fonts.ts
+++ b/apps/www/lib/fonts.ts
@@ -1,15 +1,6 @@
-// import { JetBrains_Mono as FontMono, Inter as FontSans } from "next/font/google"
-import { JetBrains_Mono as FontMono } from "next/font/google"
-// import { GeistMono } from "geist/font/mono"
+import { GeistMono } from "geist/font/mono"
 import { GeistSans } from "geist/font/sans"
 
-// export const fontSans = FontSans({
-//   subsets: ["latin"],
-//   variable: "--font-sans",
-// })
 export const fontSans = GeistSans
 
-export const fontMono = FontMono({
-  subsets: ["latin"],
-  variable: "--font-mono",
-})
+export const fontMono = GeistMono
diff --git a/apps/www/lib/highlight-code.ts b/apps/www/lib/highlight-code.ts
index 447d05fc69e..acc235f2d44 100644
--- a/apps/www/lib/highlight-code.ts
+++ b/apps/www/lib/highlight-code.ts
@@ -1,10 +1,8 @@
-"use server"
-
 import { codeToHtml } from "shiki"
 
 export async function highlightCode(code: string) {
-  const html = codeToHtml(code, {
-    lang: "typescript",
+  const html = await codeToHtml(code, {
+    lang: "jsx",
     theme: "github-dark-default",
     transformers: [
       {
diff --git a/apps/www/lib/registry.test.ts b/apps/www/lib/registry.test.ts
new file mode 100644
index 00000000000..c7808422533
--- /dev/null
+++ b/apps/www/lib/registry.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from "vitest"
+
+import { createFileTreeForRegistryItemFiles } from "@/lib/registry"
+
+describe("createFileTreeForRegistryItemFiles", () => {
+  it("should create a nested file tree structure", async () => {
+    const files = [
+      { path: "page.tsx" },
+      { path: "components/foo.tsx" },
+      { path: "components/baz.tsx" },
+      { path: "components/boo/quip.tsx" },
+    ]
+
+    const expectedOutput = [
+      { name: "page.tsx", path: "page.tsx" },
+      {
+        name: "components",
+        children: [
+          { name: "foo.tsx", path: "components/foo.tsx" },
+          { name: "baz.tsx", path: "components/baz.tsx" },
+          {
+            name: "boo",
+            children: [{ name: "quip.tsx", path: "components/boo/quip.tsx" }],
+          },
+        ],
+      },
+    ]
+
+    const result = await createFileTreeForRegistryItemFiles(files)
+    expect(result).toEqual(expectedOutput)
+  })
+
+  it("should return an empty array for empty input", async () => {
+    const result = await createFileTreeForRegistryItemFiles([])
+    expect(result).toEqual([])
+  })
+})
diff --git a/apps/www/lib/registry.ts b/apps/www/lib/registry.ts
new file mode 100644
index 00000000000..0a8abfa30c0
--- /dev/null
+++ b/apps/www/lib/registry.ts
@@ -0,0 +1,270 @@
+import { promises as fs } from "fs"
+import { tmpdir } from "os"
+import path from "path"
+import { Index } from "@/__registry__"
+import { Project, ScriptKind, SourceFile, SyntaxKind } from "ts-morph"
+import { z } from "zod"
+
+import { Style } from "@/registry/registry-styles"
+import { registryEntrySchema, registryItemFileSchema } from "@/registry/schema"
+
+export const DEFAULT_REGISTRY_STYLE = "new-york" satisfies Style["name"]
+
+const memoizedIndex: typeof Index = Object.fromEntries(
+  Object.entries(Index).map(([style, items]) => [style, { ...items }])
+)
+
+export function getRegistryComponent(
+  name: string,
+  style: Style["name"] = DEFAULT_REGISTRY_STYLE
+) {
+  return memoizedIndex[style][name].component
+}
+
+export async function getRegistryItem(
+  name: string,
+  style: Style["name"] = DEFAULT_REGISTRY_STYLE
+) {
+  const item = memoizedIndex[style][name]
+
+  if (!item) {
+    return null
+  }
+
+  // Convert all file paths to object.
+  // TODO: remove when we migrate to new registry.
+  item.files = item.files.map((file: unknown) =>
+    typeof file === "string" ? { path: file } : file
+  )
+
+  // Fail early before doing expensive file operations.
+  const result = registryEntrySchema.safeParse(item)
+  if (!result.success) {
+    return null
+  }
+
+  let files: typeof result.data.files = []
+  for (const file of item.files) {
+    const content = await getFileContent(file.path)
+    const relativePath = path.relative(process.cwd(), file.path)
+
+    files.push({
+      ...file,
+      path: relativePath,
+      content,
+    })
+  }
+
+  // Get meta.
+  // Assume the first file is the main file.
+  const meta = await getFileMeta(files[0].path)
+
+  // Fix file paths.
+  files = fixFilePaths(files)
+
+  const parsed = registryEntrySchema.safeParse({
+    ...result.data,
+    files,
+    meta,
+  })
+
+  if (!parsed.success) {
+    console.error(parsed.error.message)
+    return null
+  }
+
+  return parsed.data
+}
+
+async function getFileContent(filePath: string) {
+  const raw = await fs.readFile(filePath, "utf-8")
+
+  const project = new Project({
+    compilerOptions: {},
+  })
+
+  const tempFile = await createTempSourceFile(filePath)
+  const sourceFile = project.createSourceFile(tempFile, raw, {
+    scriptKind: ScriptKind.TSX,
+  })
+
+  // Remove meta variables.
+  removeVariable(sourceFile, "iframeHeight")
+  removeVariable(sourceFile, "containerClassName")
+  removeVariable(sourceFile, "description")
+
+  let code = sourceFile.getFullText()
+
+  // Format the code.
+  code = code.replaceAll("export default", "export")
+
+  // Fix imports.
+  code = fixImport(code)
+
+  return code
+}
+
+async function getFileMeta(filePath: string) {
+  const raw = await fs.readFile(filePath, "utf-8")
+
+  const project = new Project({
+    compilerOptions: {},
+  })
+
+  const tempFile = await createTempSourceFile(filePath)
+  const sourceFile = project.createSourceFile(tempFile, raw, {
+    scriptKind: ScriptKind.TSX,
+  })
+
+  const iframeHeight = extractVariable(sourceFile, "iframeHeight")
+  const containerClassName = extractVariable(sourceFile, "containerClassName")
+  const description = extractVariable(sourceFile, "description")
+
+  return {
+    iframeHeight,
+    containerClassName,
+    description,
+  }
+}
+
+function getFileTarget(file: z.infer<typeof registryItemFileSchema>) {
+  let target = file.target
+
+  if (!target || target === "") {
+    const fileName = file.path.split("/").pop()
+    if (
+      file.type === "registry:block" ||
+      file.type === "registry:component" ||
+      file.type === "registry:example"
+    ) {
+      target = `components/${fileName}`
+    }
+
+    if (file.type === "registry:ui") {
+      target = `components/ui/${fileName}`
+    }
+
+    if (file.type === "registry:hook") {
+      target = `hooks/${fileName}`
+    }
+
+    if (file.type === "registry:lib") {
+      target = `lib/${fileName}`
+    }
+  }
+
+  return target
+}
+
+async function createTempSourceFile(filename: string) {
+  const dir = await fs.mkdtemp(path.join(tmpdir(), "shadcn-"))
+  return path.join(dir, filename)
+}
+
+function removeVariable(sourceFile: SourceFile, name: string) {
+  sourceFile.getVariableDeclaration(name)?.remove()
+}
+
+function extractVariable(sourceFile: SourceFile, name: string) {
+  const variable = sourceFile.getVariableDeclaration(name)
+  if (!variable) {
+    return null
+  }
+
+  const value = variable
+    .getInitializerIfKindOrThrow(SyntaxKind.StringLiteral)
+    .getLiteralValue()
+
+  variable.remove()
+
+  return value
+}
+
+function fixFilePaths(files: z.infer<typeof registryEntrySchema>["files"]) {
+  if (!files) {
+    return []
+  }
+
+  // Resolve all paths relative to the first file's directory.
+  const firstFilePath = files[0].path
+  const firstFilePathDir = path.dirname(firstFilePath)
+
+  return files.map((file) => {
+    return {
+      ...file,
+      path: path.relative(firstFilePathDir, file.path),
+      target: getFileTarget(file),
+    }
+  })
+}
+
+export function fixImport(content: string) {
+  const regex = /@\/(.+?)\/((?:.*?\/)?(?:components|ui|hooks|lib))\/([\w-]+)/g
+
+  const replacement = (
+    match: string,
+    path: string,
+    type: string,
+    component: string
+  ) => {
+    if (type.endsWith("components")) {
+      return `@/components/${component}`
+    } else if (type.endsWith("ui")) {
+      return `@/components/ui/${component}`
+    } else if (type.endsWith("hooks")) {
+      return `@/hooks/${component}`
+    } else if (type.endsWith("lib")) {
+      return `@/lib/${component}`
+    }
+
+    return match
+  }
+
+  return content.replace(regex, replacement)
+}
+
+export type FileTree = {
+  name: string
+  path?: string
+  children?: FileTree[]
+}
+
+export function createFileTreeForRegistryItemFiles(
+  files: Array<{ path: string; target?: string }>
+) {
+  const root: FileTree[] = []
+
+  for (const file of files) {
+    const path = file.target ?? file.path
+    const parts = path.split("/")
+    let currentLevel = root
+
+    for (let i = 0; i < parts.length; i++) {
+      const part = parts[i]
+      const isFile = i === parts.length - 1
+      const existingNode = currentLevel.find((node) => node.name === part)
+
+      if (existingNode) {
+        if (isFile) {
+          // Update existing file node with full path
+          existingNode.path = path
+        } else {
+          // Move to next level in the tree
+          currentLevel = existingNode.children!
+        }
+      } else {
+        const newNode: FileTree = isFile
+          ? { name: part, path }
+          : { name: part, children: [] }
+
+        currentLevel.push(newNode)
+
+        if (!isFile) {
+          currentLevel = newNode.children!
+        }
+      }
+    }
+  }
+
+  return root
+}
diff --git a/apps/www/public/r/styles/default/_sink.json b/apps/www/public/r/styles/default/_sink.json
index 771a993e93e..62985367a65 100644
--- a/apps/www/public/r/styles/default/_sink.json
+++ b/apps/www/public/r/styles/default/_sink.json
@@ -60,327 +60,392 @@
     {
       "path": "block/_sink/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  GalleryVerticalEnd,\n  Map,\n  PieChart,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/default/block/sidebar-07/components/nav-main\"\nimport { NavProjects } from \"@/registry/default/block/sidebar-07/components/nav-projects\"\nimport { NavUser } from \"@/registry/default/block/sidebar-07/components/nav-user\"\nimport { TeamSwitcher } from \"@/registry/default/block/sidebar-07/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: GalleryVerticalEnd,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/component-wrapper.tsx",
       "content": "import { cn } from \"@/registry/default/lib/utils\"\n\nexport function ComponentWrapper({\n  className,\n  name,\n  children,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\"> & { name: string }) {\n  return (\n    <div\n      className={cn(\"flex w-full flex-col rounded-lg border\", className)}\n      {...props}\n    >\n      <div className=\"border-b px-4 py-3\">\n        <div className=\"text-sm font-medium\">{name}</div>\n      </div>\n      <div className=\"flex flex-1 flex-col items-center justify-center gap-2 p-4 [&>div]:max-w-full\">\n        {children}\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible\n            key={item.title}\n            asChild\n            defaultOpen={item.isActive}\n            className=\"group/collapsible\"\n          >\n            <SidebarMenuItem>\n              <CollapsibleTrigger asChild>\n                <SidebarMenuButton tooltip={item.title}>\n                  {item.icon && <item.icon />}\n                  <span>{item.title}</span>\n                  <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                </SidebarMenuButton>\n              </CollapsibleTrigger>\n              <CollapsibleContent>\n                <SidebarMenuSub>\n                  {item.items?.map((subItem) => (\n                    <SidebarMenuSubItem key={subItem.title}>\n                      <SidebarMenuSubButton asChild>\n                        <a href={subItem.url}>\n                          <span>{subItem.title}</span>\n                        </a>\n                      </SidebarMenuSubButton>\n                    </SidebarMenuSubItem>\n                  ))}\n                </SidebarMenuSub>\n              </CollapsibleContent>\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  Forward,\n  MoreHorizontal,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Forward className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal className=\"text-sidebar-foreground/70\" />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">\n                  {activeTeam.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeam.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/accordion-demo.tsx",
       "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/default/ui/accordion\"\n\nexport function AccordionDemo() {\n  return (\n    <Accordion type=\"single\" collapsible className=\"w-full\">\n      <AccordionItem value=\"item-1\">\n        <AccordionTrigger>Is it accessible?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It adheres to the WAI-ARIA design pattern.\n        </AccordionContent>\n      </AccordionItem>\n      <AccordionItem value=\"item-2\">\n        <AccordionTrigger>Is it styled?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It comes with default styles that matches the other\n          components&apos; aesthetic.\n        </AccordionContent>\n      </AccordionItem>\n      <AccordionItem value=\"item-3\">\n        <AccordionTrigger>Is it animated?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It's animated by default, but you can disable it if you prefer.\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/alert-demo.tsx",
       "content": "import { Terminal } from \"lucide-react\"\n\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n} from \"@/registry/default/ui/alert\"\n\nexport function AlertDemo() {\n  return (\n    <Alert>\n      <Terminal className=\"h-4 w-4\" />\n      <AlertTitle>Heads up!</AlertTitle>\n      <AlertDescription>\n        You can add components to your app using the cli.\n      </AlertDescription>\n    </Alert>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/alert-dialog-demo.tsx",
       "content": "import {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/registry/default/ui/alert-dialog\"\nimport { Button } from \"@/registry/default/ui/button\"\n\nexport function AlertDialogDemo() {\n  return (\n    <AlertDialog>\n      <AlertDialogTrigger asChild>\n        <Button variant=\"outline\">Show Dialog</Button>\n      </AlertDialogTrigger>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n          <AlertDialogDescription>\n            This action cannot be undone. This will permanently delete your\n            account and remove your data from our servers.\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>Cancel</AlertDialogCancel>\n          <AlertDialogAction>Continue</AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/aspect-ratio-demo.tsx",
       "content": "import Image from \"next/image\"\n\nimport { AspectRatio } from \"@/registry/default/ui/aspect-ratio\"\n\nexport function AspectRatioDemo() {\n  return (\n    <AspectRatio ratio={16 / 9} className=\"bg-muted\">\n      <Image\n        src=\"https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80\"\n        alt=\"Photo by Drew Beamer\"\n        fill\n        className=\"h-full w-full rounded-md object-cover\"\n      />\n    </AspectRatio>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/avatar-demo.tsx",
       "content": "import {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\n\nexport function AvatarDemo() {\n  return (\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-demo.tsx",
       "content": "import { Badge } from \"@/registry/default/ui/badge\"\n\nexport function BadgeDemo() {\n  return <Badge>Badge</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/breadcrumb-demo.tsx",
       "content": "import {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/registry/default/ui/breadcrumb\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\n\nexport function BreadcrumbDemo() {\n  return (\n    <Breadcrumb>\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <DropdownMenu>\n            <DropdownMenuTrigger className=\"flex items-center gap-1\">\n              <BreadcrumbEllipsis className=\"h-4 w-4\" />\n              <span className=\"sr-only\">Toggle menu</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\">\n              <DropdownMenuItem>Documentation</DropdownMenuItem>\n              <DropdownMenuItem>Themes</DropdownMenuItem>\n              <DropdownMenuItem>GitHub</DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"/docs/components\">Components</BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>\n        </BreadcrumbItem>\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonDemo() {\n  return <Button>Button</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/calendar-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Calendar } from \"@/registry/default/ui/calendar\"\n\nexport function CalendarDemo() {\n  const [date, setDate] = React.useState<Date | undefined>(new Date())\n\n  return (\n    <Calendar\n      mode=\"single\"\n      selected={date}\n      onSelect={setDate}\n      className=\"rounded-md border shadow\"\n    />\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/card-demo.tsx",
       "content": "import { BellRing, Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Switch } from \"@/registry/default/ui/switch\"\n\nconst notifications = [\n  {\n    title: \"Your call has been confirmed.\",\n    description: \"1 hour ago\",\n  },\n  {\n    title: \"You have a new message!\",\n    description: \"1 hour ago\",\n  },\n  {\n    title: \"Your subscription is expiring soon!\",\n    description: \"2 hours ago\",\n  },\n]\n\ntype CardProps = React.ComponentProps<typeof Card>\n\nexport function CardDemo({ className, ...props }: CardProps) {\n  return (\n    <Card className={cn(\"w-[380px]\", className)} {...props}>\n      <CardHeader>\n        <CardTitle>Notifications</CardTitle>\n        <CardDescription>You have 3 unread messages.</CardDescription>\n      </CardHeader>\n      <CardContent className=\"grid gap-4\">\n        <div className=\" flex items-center space-x-4 rounded-md border p-4\">\n          <BellRing />\n          <div className=\"flex-1 space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">\n              Push Notifications\n            </p>\n            <p className=\"text-sm text-muted-foreground\">\n              Send notifications to device.\n            </p>\n          </div>\n          <Switch />\n        </div>\n        <div>\n          {notifications.map((notification, index) => (\n            <div\n              key={index}\n              className=\"mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0\"\n            >\n              <span className=\"flex h-2 w-2 translate-y-1 rounded-full bg-sky-500\" />\n              <div className=\"space-y-1\">\n                <p className=\"text-sm font-medium leading-none\">\n                  {notification.title}\n                </p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {notification.description}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </CardContent>\n      <CardFooter>\n        <Button className=\"w-full\">\n          <Check /> Mark all as read\n        </Button>\n      </CardFooter>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/carousel-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport { Card, CardContent } from \"@/registry/default/ui/card\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/registry/default/ui/carousel\"\n\nexport function CarouselDemo() {\n  return (\n    <Carousel className=\"w-full max-w-xs\">\n      <CarouselContent>\n        {Array.from({ length: 5 }).map((_, index) => (\n          <CarouselItem key={index}>\n            <div className=\"p-1\">\n              <Card>\n                <CardContent className=\"flex aspect-square items-center justify-center p-6\">\n                  <span className=\"text-4xl font-semibold\">{index + 1}</span>\n                </CardContent>\n              </Card>\n            </div>\n          </CarouselItem>\n        ))}\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/checkbox-demo.tsx",
       "content": "\"use client\"\n\nimport { Checkbox } from \"@/registry/default/ui/checkbox\"\n\nexport function CheckboxDemo() {\n  return (\n    <div className=\"flex items-center space-x-2\">\n      <Checkbox id=\"terms\" />\n      <label\n        htmlFor=\"terms\"\n        className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/collapsible-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown } from \"lucide-react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\n\nexport function CollapsibleDemo() {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className=\"w-[350px] space-y-2\"\n    >\n      <div className=\"flex items-center justify-between space-x-4 px-4\">\n        <h4 className=\"text-sm font-semibold\">\n          @peduarte starred 3 repositories\n        </h4>\n        <CollapsibleTrigger asChild>\n          <Button variant=\"ghost\" size=\"sm\">\n            <ChevronsUpDown className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Toggle</span>\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n        @radix-ui/primitives\n      </div>\n      <CollapsibleContent className=\"space-y-2\">\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n          @radix-ui/colors\n        </div>\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n          @stitches/react\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/combobox-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/registry/default/ui/command\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/default/ui/popover\"\n\nconst frameworks = [\n  {\n    value: \"next.js\",\n    label: \"Next.js\",\n  },\n  {\n    value: \"sveltekit\",\n    label: \"SvelteKit\",\n  },\n  {\n    value: \"nuxt.js\",\n    label: \"Nuxt.js\",\n  },\n  {\n    value: \"remix\",\n    label: \"Remix\",\n  },\n  {\n    value: \"astro\",\n    label: \"Astro\",\n  },\n]\n\nexport function ComboboxDemo() {\n  const [open, setOpen] = React.useState(false)\n  const [value, setValue] = React.useState(\"\")\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"w-[200px] justify-between\"\n        >\n          {value\n            ? frameworks.find((framework) => framework.value === value)?.label\n            : \"Select framework...\"}\n          <ChevronsUpDown className=\"opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[200px] p-0\">\n        <Command>\n          <CommandInput placeholder=\"Search framework...\" className=\"h-9\" />\n          <CommandList>\n            <CommandEmpty>No framework found.</CommandEmpty>\n            <CommandGroup>\n              {frameworks.map((framework) => (\n                <CommandItem\n                  key={framework.value}\n                  value={framework.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? \"\" : currentValue)\n                    setOpen(false)\n                  }}\n                >\n                  {framework.label}\n                  <Check\n                    className={cn(\n                      \"ml-auto\",\n                      value === framework.value ? \"opacity-100\" : \"opacity-0\"\n                    )}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/command-demo.tsx",
       "content": "import {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from \"lucide-react\"\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/registry/default/ui/command\"\n\nexport function CommandDemo() {\n  return (\n    <Command className=\"rounded-lg border shadow-md md:min-w-[450px]\">\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem>\n            <Calendar />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <Smile />\n            <span>Search Emoji</span>\n          </CommandItem>\n          <CommandItem disabled>\n            <Calculator />\n            <span>Calculator</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n        <CommandGroup heading=\"Settings\">\n          <CommandItem>\n            <User />\n            <span>Profile</span>\n            <CommandShortcut>⌘P</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <CreditCard />\n            <span>Billing</span>\n            <CommandShortcut>⌘B</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <Settings />\n            <span>Settings</span>\n            <CommandShortcut>⌘S</CommandShortcut>\n          </CommandItem>\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/context-menu-demo.tsx",
       "content": "import {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from \"@/registry/default/ui/context-menu\"\n\nexport function ContextMenuDemo() {\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger className=\"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm\">\n        Right click here\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        <ContextMenuItem inset>\n          Back\n          <ContextMenuShortcut>⌘[</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuItem inset disabled>\n          Forward\n          <ContextMenuShortcut>⌘]</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuItem inset>\n          Reload\n          <ContextMenuShortcut>⌘R</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem>\n              Save Page As...\n              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>\n            </ContextMenuItem>\n            <ContextMenuItem>Create Shortcut...</ContextMenuItem>\n            <ContextMenuItem>Name Window...</ContextMenuItem>\n            <ContextMenuSeparator />\n            <ContextMenuItem>Developer Tools</ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem checked>\n          Show Bookmarks Bar\n          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>\n        <ContextMenuSeparator />\n        <ContextMenuRadioGroup value=\"pedro\">\n          <ContextMenuLabel inset>People</ContextMenuLabel>\n          <ContextMenuSeparator />\n          <ContextMenuRadioItem value=\"pedro\">\n            Pedro Duarte\n          </ContextMenuRadioItem>\n          <ContextMenuRadioItem value=\"colm\">Colm Tuite</ContextMenuRadioItem>\n        </ContextMenuRadioGroup>\n      </ContextMenuContent>\n    </ContextMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/date-picker-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { format } from \"date-fns\"\nimport { CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport { Calendar } from \"@/registry/default/ui/calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/default/ui/popover\"\n\nexport function DatePickerDemo() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[240px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\"\n          )}\n        >\n          <CalendarIcon />\n          {date ? format(date, \"PPP\") : <span>Pick a date</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/dialog-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/registry/default/ui/dialog\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport function DialogDemo() {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <Button variant=\"outline\">Edit Profile</Button>\n      </DialogTrigger>\n      <DialogContent className=\"sm:max-w-[425px]\">\n        <DialogHeader>\n          <DialogTitle>Edit profile</DialogTitle>\n          <DialogDescription>\n            Make changes to your profile here. Click save when you're done.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid gap-4 py-4\">\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"name\" className=\"text-right\">\n              Name\n            </Label>\n            <Input id=\"name\" value=\"Pedro Duarte\" className=\"col-span-3\" />\n          </div>\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"username\" className=\"text-right\">\n              Username\n            </Label>\n            <Input id=\"username\" value=\"@peduarte\" className=\"col-span-3\" />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button type=\"submit\">Save changes</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/drawer-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Minus, Plus } from \"lucide-react\"\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/default/ui/drawer\"\n\nconst data = [\n  {\n    goal: 400,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 278,\n  },\n  {\n    goal: 189,\n  },\n  {\n    goal: 239,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 278,\n  },\n  {\n    goal: 189,\n  },\n  {\n    goal: 349,\n  },\n]\n\nexport function DrawerDemo() {\n  const [goal, setGoal] = React.useState(350)\n\n  function onClick(adjustment: number) {\n    setGoal(Math.max(200, Math.min(400, goal + adjustment)))\n  }\n\n  return (\n    <Drawer>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\">Open Drawer</Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mx-auto w-full max-w-sm\">\n          <DrawerHeader>\n            <DrawerTitle>Move Goal</DrawerTitle>\n            <DrawerDescription>Set your daily activity goal.</DrawerDescription>\n          </DrawerHeader>\n          <div className=\"p-4 pb-0\">\n            <div className=\"flex items-center justify-center space-x-2\">\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 rounded-full\"\n                onClick={() => onClick(-10)}\n                disabled={goal <= 200}\n              >\n                <Minus />\n                <span className=\"sr-only\">Decrease</span>\n              </Button>\n              <div className=\"flex-1 text-center\">\n                <div className=\"text-7xl font-bold tracking-tighter\">\n                  {goal}\n                </div>\n                <div className=\"text-[0.70rem] uppercase text-muted-foreground\">\n                  Calories/day\n                </div>\n              </div>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 rounded-full\"\n                onClick={() => onClick(10)}\n                disabled={goal >= 400}\n              >\n                <Plus />\n                <span className=\"sr-only\">Increase</span>\n              </Button>\n            </div>\n            <div className=\"mt-3 h-[120px]\">\n              <ResponsiveContainer width=\"100%\" height=\"100%\">\n                <BarChart data={data}>\n                  <Bar\n                    dataKey=\"goal\"\n                    style={\n                      {\n                        fill: \"hsl(var(--foreground))\",\n                        opacity: 0.9,\n                      } as React.CSSProperties\n                    }\n                  />\n                </BarChart>\n              </ResponsiveContainer>\n            </div>\n          </div>\n          <DrawerFooter>\n            <Button>Submit</Button>\n            <DrawerClose asChild>\n              <Button variant=\"outline\">Cancel</Button>\n            </DrawerClose>\n          </DrawerFooter>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/dropdown-menu-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\n\nexport function DropdownMenuDemo() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">Open</Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"w-56\">\n        <DropdownMenuLabel>My Account</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            Profile\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Billing\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Settings\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Keyboard shortcuts\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>Team</DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>Email</DropdownMenuItem>\n                <DropdownMenuItem>Message</DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>More...</DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            New Team\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>GitHub</DropdownMenuItem>\n        <DropdownMenuItem>Support</DropdownMenuItem>\n        <DropdownMenuItem disabled>API</DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          Log out\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/hover-card-demo.tsx",
       "content": "import { CalendarIcon } from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/registry/default/ui/hover-card\"\n\nexport function HoverCardDemo() {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild>\n        <Button variant=\"link\">@nextjs</Button>\n      </HoverCardTrigger>\n      <HoverCardContent className=\"w-80\">\n        <div className=\"flex justify-between space-x-4\">\n          <Avatar>\n            <AvatarImage src=\"https://github.com/vercel.png\" />\n            <AvatarFallback>VC</AvatarFallback>\n          </Avatar>\n          <div className=\"space-y-1\">\n            <h4 className=\"text-sm font-semibold\">@nextjs</h4>\n            <p className=\"text-sm\">\n              The React Framework – created and maintained by @vercel.\n            </p>\n            <div className=\"flex items-center pt-2\">\n              <CalendarIcon className=\"mr-2 h-4 w-4 opacity-70\" />{\" \"}\n              <span className=\"text-xs text-muted-foreground\">\n                Joined December 2021\n              </span>\n            </div>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/input-demo.tsx",
       "content": "import { Input } from \"@/registry/default/ui/input\"\n\nexport function InputDemo() {\n  return <Input type=\"email\" placeholder=\"Email\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/input-otp-demo.tsx",
       "content": "import {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"@/registry/default/ui/input-otp\"\n\nexport function InputOTPDemo() {\n  return (\n    <InputOTP maxLength={6}>\n      <InputOTPGroup>\n        <InputOTPSlot index={0} />\n        <InputOTPSlot index={1} />\n        <InputOTPSlot index={2} />\n      </InputOTPGroup>\n      <InputOTPSeparator />\n      <InputOTPGroup>\n        <InputOTPSlot index={3} />\n        <InputOTPSlot index={4} />\n        <InputOTPSlot index={5} />\n      </InputOTPGroup>\n    </InputOTP>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/label-demo.tsx",
       "content": "import { Checkbox } from \"@/registry/default/ui/checkbox\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport function LabelDemo() {\n  return (\n    <div>\n      <div className=\"flex items-center space-x-2\">\n        <Checkbox id=\"terms\" />\n        <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/menubar-demo.tsx",
       "content": "import {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarItem,\n  MenubarMenu,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n} from \"@/registry/default/ui/menubar\"\n\nexport function MenubarDemo() {\n  return (\n    <Menubar>\n      <MenubarMenu>\n        <MenubarTrigger>File</MenubarTrigger>\n        <MenubarContent>\n          <MenubarItem>\n            New Tab <MenubarShortcut>⌘T</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem>\n            New Window <MenubarShortcut>⌘N</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem disabled>New Incognito Window</MenubarItem>\n          <MenubarSeparator />\n          <MenubarSub>\n            <MenubarSubTrigger>Share</MenubarSubTrigger>\n            <MenubarSubContent>\n              <MenubarItem>Email link</MenubarItem>\n              <MenubarItem>Messages</MenubarItem>\n              <MenubarItem>Notes</MenubarItem>\n            </MenubarSubContent>\n          </MenubarSub>\n          <MenubarSeparator />\n          <MenubarItem>\n            Print... <MenubarShortcut>⌘P</MenubarShortcut>\n          </MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>Edit</MenubarTrigger>\n        <MenubarContent>\n          <MenubarItem>\n            Undo <MenubarShortcut>⌘Z</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem>\n            Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>\n          </MenubarItem>\n          <MenubarSeparator />\n          <MenubarSub>\n            <MenubarSubTrigger>Find</MenubarSubTrigger>\n            <MenubarSubContent>\n              <MenubarItem>Search the web</MenubarItem>\n              <MenubarSeparator />\n              <MenubarItem>Find...</MenubarItem>\n              <MenubarItem>Find Next</MenubarItem>\n              <MenubarItem>Find Previous</MenubarItem>\n            </MenubarSubContent>\n          </MenubarSub>\n          <MenubarSeparator />\n          <MenubarItem>Cut</MenubarItem>\n          <MenubarItem>Copy</MenubarItem>\n          <MenubarItem>Paste</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>View</MenubarTrigger>\n        <MenubarContent>\n          <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>\n          <MenubarCheckboxItem checked>\n            Always Show Full URLs\n          </MenubarCheckboxItem>\n          <MenubarSeparator />\n          <MenubarItem inset>\n            Reload <MenubarShortcut>⌘R</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem disabled inset>\n            Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>\n          </MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Toggle Fullscreen</MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Hide Sidebar</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>Profiles</MenubarTrigger>\n        <MenubarContent>\n          <MenubarRadioGroup value=\"benoit\">\n            <MenubarRadioItem value=\"andy\">Andy</MenubarRadioItem>\n            <MenubarRadioItem value=\"benoit\">Benoit</MenubarRadioItem>\n            <MenubarRadioItem value=\"Luis\">Luis</MenubarRadioItem>\n          </MenubarRadioGroup>\n          <MenubarSeparator />\n          <MenubarItem inset>Edit...</MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Add Profile...</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n    </Menubar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/navigation-menu-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from \"@/registry/default/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n  {\n    title: \"Alert Dialog\",\n    href: \"/docs/primitives/alert-dialog\",\n    description:\n      \"A modal dialog that interrupts the user with important content and expects a response.\",\n  },\n  {\n    title: \"Hover Card\",\n    href: \"/docs/primitives/hover-card\",\n    description:\n      \"For sighted users to preview content available behind a link.\",\n  },\n  {\n    title: \"Progress\",\n    href: \"/docs/primitives/progress\",\n    description:\n      \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n  },\n  {\n    title: \"Scroll-area\",\n    href: \"/docs/primitives/scroll-area\",\n    description: \"Visually or semantically separates content.\",\n  },\n  {\n    title: \"Tabs\",\n    href: \"/docs/primitives/tabs\",\n    description:\n      \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n  },\n  {\n    title: \"Tooltip\",\n    href: \"/docs/primitives/tooltip\",\n    description:\n      \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n  },\n]\n\nexport function NavigationMenuDemo() {\n  return (\n    <NavigationMenu>\n      <NavigationMenuList>\n        <NavigationMenuItem>\n          <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>\n          <NavigationMenuContent>\n            <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]\">\n              <li className=\"row-span-3\">\n                <NavigationMenuLink asChild>\n                  <a\n                    className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\"\n                    href=\"/\"\n                  >\n                    <div className=\"mb-2 mt-4 text-lg font-medium\">\n                      shadcn/ui\n                    </div>\n                    <p className=\"text-sm leading-tight text-muted-foreground\">\n                      Beautifully designed components built with Radix UI and\n                      Tailwind CSS.\n                    </p>\n                  </a>\n                </NavigationMenuLink>\n              </li>\n              <ListItem href=\"/docs\" title=\"Introduction\">\n                Re-usable components built using Radix UI and Tailwind CSS.\n              </ListItem>\n              <ListItem href=\"/docs/installation\" title=\"Installation\">\n                How to install dependencies and structure your app.\n              </ListItem>\n              <ListItem href=\"/docs/primitives/typography\" title=\"Typography\">\n                Styles for headings, paragraphs, lists...etc\n              </ListItem>\n            </ul>\n          </NavigationMenuContent>\n        </NavigationMenuItem>\n        <NavigationMenuItem>\n          <NavigationMenuTrigger>Components</NavigationMenuTrigger>\n          <NavigationMenuContent>\n            <ul className=\"grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] \">\n              {components.map((component) => (\n                <ListItem\n                  key={component.title}\n                  title={component.title}\n                  href={component.href}\n                >\n                  {component.description}\n                </ListItem>\n              ))}\n            </ul>\n          </NavigationMenuContent>\n        </NavigationMenuItem>\n        <NavigationMenuItem>\n          <Link href=\"/docs\" legacyBehavior passHref>\n            <NavigationMenuLink className={navigationMenuTriggerStyle()}>\n              Documentation\n            </NavigationMenuLink>\n          </Link>\n        </NavigationMenuItem>\n      </NavigationMenuList>\n    </NavigationMenu>\n  )\n}\n\nconst ListItem = React.forwardRef<\n  React.ElementRef<\"a\">,\n  React.ComponentPropsWithoutRef<\"a\">\n>(({ className, title, children, ...props }, ref) => {\n  return (\n    <li>\n      <NavigationMenuLink asChild>\n        <a\n          ref={ref}\n          className={cn(\n            \"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n            className\n          )}\n          {...props}\n        >\n          <div className=\"text-sm font-medium leading-none\">{title}</div>\n          <p className=\"line-clamp-2 text-sm leading-snug text-muted-foreground\">\n            {children}\n          </p>\n        </a>\n      </NavigationMenuLink>\n    </li>\n  )\n})\nListItem.displayName = \"ListItem\"\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/pagination-demo.tsx",
       "content": "import {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"@/registry/default/ui/pagination\"\n\nexport function PaginationDemo() {\n  return (\n    <Pagination>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious href=\"#\" />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">1</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\" isActive>\n            2\n          </PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">3</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationEllipsis />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationNext href=\"#\" />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/popover-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/default/ui/popover\"\n\nexport function PopoverDemo() {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\">Open popover</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80\">\n        <div className=\"grid gap-4\">\n          <div className=\"space-y-2\">\n            <h4 className=\"font-medium leading-none\">Dimensions</h4>\n            <p className=\"text-sm text-muted-foreground\">\n              Set the dimensions for the layer.\n            </p>\n          </div>\n          <div className=\"grid gap-2\">\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"width\">Width</Label>\n              <Input\n                id=\"width\"\n                defaultValue=\"100%\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"maxWidth\">Max. width</Label>\n              <Input\n                id=\"maxWidth\"\n                defaultValue=\"300px\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"height\">Height</Label>\n              <Input\n                id=\"height\"\n                defaultValue=\"25px\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"maxHeight\">Max. height</Label>\n              <Input\n                id=\"maxHeight\"\n                defaultValue=\"none\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/progress-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Progress } from \"@/registry/default/ui/progress\"\n\nexport function ProgressDemo() {\n  const [progress, setProgress] = React.useState(13)\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setProgress(66), 500)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return <Progress value={progress} className=\"w-[60%]\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/radio-group-demo.tsx",
       "content": "import { Label } from \"@/registry/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/default/ui/radio-group\"\n\nexport function RadioGroupDemo() {\n  return (\n    <RadioGroup defaultValue=\"comfortable\">\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"default\" id=\"r1\" />\n        <Label htmlFor=\"r1\">Default</Label>\n      </div>\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"comfortable\" id=\"r2\" />\n        <Label htmlFor=\"r2\">Comfortable</Label>\n      </div>\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"compact\" id=\"r3\" />\n        <Label htmlFor=\"r3\">Compact</Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/resizable-handle.tsx",
       "content": "import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from \"@/registry/default/ui/resizable\"\n\nexport function ResizableHandleDemo() {\n  return (\n    <ResizablePanelGroup\n      direction=\"horizontal\"\n      className=\"min-h-[200px] max-w-md rounded-lg border md:min-w-[450px]\"\n    >\n      <ResizablePanel defaultSize={25}>\n        <div className=\"flex h-full items-center justify-center p-6\">\n          <span className=\"font-semibold\">Sidebar</span>\n        </div>\n      </ResizablePanel>\n      <ResizableHandle withHandle />\n      <ResizablePanel defaultSize={75}>\n        <div className=\"flex h-full items-center justify-center p-6\">\n          <span className=\"font-semibold\">Content</span>\n        </div>\n      </ResizablePanel>\n    </ResizablePanelGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/scroll-area-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport { ScrollArea } from \"@/registry/default/ui/scroll-area\"\nimport { Separator } from \"@/registry/default/ui/separator\"\n\nconst tags = Array.from({ length: 50 }).map(\n  (_, i, a) => `v1.2.0-beta.${a.length - i}`\n)\n\nexport function ScrollAreaDemo() {\n  return (\n    <ScrollArea className=\"h-72 w-48 rounded-md border\">\n      <div className=\"p-4\">\n        <h4 className=\"mb-4 text-sm font-medium leading-none\">Tags</h4>\n        {tags.map((tag) => (\n          <React.Fragment key={tag}>\n            <div className=\"text-sm\">{tag}</div>\n            <Separator className=\"my-2\" />\n          </React.Fragment>\n        ))}\n      </div>\n    </ScrollArea>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/select-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/registry/default/ui/select\"\n\nexport function SelectDemo() {\n  return (\n    <Select>\n      <SelectTrigger className=\"w-[180px]\">\n        <SelectValue placeholder=\"Select a fruit\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Fruits</SelectLabel>\n          <SelectItem value=\"apple\">Apple</SelectItem>\n          <SelectItem value=\"banana\">Banana</SelectItem>\n          <SelectItem value=\"blueberry\">Blueberry</SelectItem>\n          <SelectItem value=\"grapes\">Grapes</SelectItem>\n          <SelectItem value=\"pineapple\">Pineapple</SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/separator-demo.tsx",
       "content": "import { Separator } from \"@/registry/default/ui/separator\"\n\nexport function SeparatorDemo() {\n  return (\n    <div>\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-medium leading-none\">Radix Primitives</h4>\n        <p className=\"text-sm text-muted-foreground\">\n          An open-source UI component library.\n        </p>\n      </div>\n      <Separator className=\"my-4\" />\n      <div className=\"flex h-5 items-center space-x-4 text-sm\">\n        <div>Blog</div>\n        <Separator orientation=\"vertical\" />\n        <div>Docs</div>\n        <Separator orientation=\"vertical\" />\n        <div>Source</div>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/sheet-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/registry/default/ui/sheet\"\n\nexport function SheetDemo() {\n  return (\n    <Sheet>\n      <SheetTrigger asChild>\n        <Button variant=\"outline\">Open</Button>\n      </SheetTrigger>\n      <SheetContent>\n        <SheetHeader>\n          <SheetTitle>Edit profile</SheetTitle>\n          <SheetDescription>\n            Make changes to your profile here. Click save when you're done.\n          </SheetDescription>\n        </SheetHeader>\n        <div className=\"grid gap-4 py-4\">\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"name\" className=\"text-right\">\n              Name\n            </Label>\n            <Input id=\"name\" value=\"Pedro Duarte\" className=\"col-span-3\" />\n          </div>\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"username\" className=\"text-right\">\n              Username\n            </Label>\n            <Input id=\"username\" value=\"@peduarte\" className=\"col-span-3\" />\n          </div>\n        </div>\n        <SheetFooter>\n          <SheetClose asChild>\n            <Button type=\"submit\">Save changes</Button>\n          </SheetClose>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/skeleton-demo.tsx",
       "content": "import { Skeleton } from \"@/registry/default/ui/skeleton\"\n\nexport function SkeletonDemo() {\n  return (\n    <div className=\"flex items-center space-x-4\">\n      <Skeleton className=\"h-12 w-12 rounded-full\" />\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-[250px]\" />\n        <Skeleton className=\"h-4 w-[200px]\" />\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/slider-demo.tsx",
       "content": "import { cn } from \"@/lib/utils\"\nimport { Slider } from \"@/registry/default/ui/slider\"\n\ntype SliderProps = React.ComponentProps<typeof Slider>\n\nexport function SliderDemo({ className, ...props }: SliderProps) {\n  return (\n    <Slider\n      defaultValue={[50]}\n      max={100}\n      step={1}\n      className={cn(\"w-[60%]\", className)}\n      {...props}\n    />\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/sonner-demo.tsx",
       "content": "\"use client\"\n\nimport { toast } from \"sonner\"\n\nimport { Button } from \"@/registry/default/ui/button\"\n\nexport function SonnerDemo() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() =>\n        toast(\"Event has been created\", {\n          description: \"Sunday, December 03, 2023 at 9:00 AM\",\n          action: {\n            label: \"Undo\",\n            onClick: () => console.log(\"Undo\"),\n          },\n        })\n      }\n    >\n      Show Toast\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/switch-demo.tsx",
       "content": "import { Label } from \"@/registry/default/ui/label\"\nimport { Switch } from \"@/registry/default/ui/switch\"\n\nexport function SwitchDemo() {\n  return (\n    <div className=\"flex items-center space-x-2\">\n      <Switch id=\"airplane-mode\" />\n      <Label htmlFor=\"airplane-mode\">Airplane Mode</Label>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/table-demo.tsx",
       "content": "import {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/registry/default/ui/table\"\n\nconst invoices = [\n  {\n    invoice: \"INV001\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$250.00\",\n    paymentMethod: \"Credit Card\",\n  },\n  {\n    invoice: \"INV002\",\n    paymentStatus: \"Pending\",\n    totalAmount: \"$150.00\",\n    paymentMethod: \"PayPal\",\n  },\n  {\n    invoice: \"INV003\",\n    paymentStatus: \"Unpaid\",\n    totalAmount: \"$350.00\",\n    paymentMethod: \"Bank Transfer\",\n  },\n  {\n    invoice: \"INV004\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$450.00\",\n    paymentMethod: \"Credit Card\",\n  },\n  {\n    invoice: \"INV005\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$550.00\",\n    paymentMethod: \"PayPal\",\n  },\n  {\n    invoice: \"INV006\",\n    paymentStatus: \"Pending\",\n    totalAmount: \"$200.00\",\n    paymentMethod: \"Bank Transfer\",\n  },\n  {\n    invoice: \"INV007\",\n    paymentStatus: \"Unpaid\",\n    totalAmount: \"$300.00\",\n    paymentMethod: \"Credit Card\",\n  },\n]\n\nexport function TableDemo() {\n  return (\n    <Table>\n      <TableCaption>A list of your recent invoices.</TableCaption>\n      <TableHeader>\n        <TableRow>\n          <TableHead className=\"w-[100px]\">Invoice</TableHead>\n          <TableHead>Status</TableHead>\n          <TableHead>Method</TableHead>\n          <TableHead className=\"text-right\">Amount</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {invoices.map((invoice) => (\n          <TableRow key={invoice.invoice}>\n            <TableCell className=\"font-medium\">{invoice.invoice}</TableCell>\n            <TableCell>{invoice.paymentStatus}</TableCell>\n            <TableCell>{invoice.paymentMethod}</TableCell>\n            <TableCell className=\"text-right\">{invoice.totalAmount}</TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n      <TableFooter>\n        <TableRow>\n          <TableCell colSpan={3}>Total</TableCell>\n          <TableCell className=\"text-right\">$2,500.00</TableCell>\n        </TableRow>\n      </TableFooter>\n    </Table>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/tabs-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@/registry/default/ui/tabs\"\n\nexport function TabsDemo() {\n  return (\n    <Tabs defaultValue=\"account\" className=\"w-[400px]\">\n      <TabsList className=\"grid w-full grid-cols-2\">\n        <TabsTrigger value=\"account\">Account</TabsTrigger>\n        <TabsTrigger value=\"password\">Password</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"account\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Account</CardTitle>\n            <CardDescription>\n              Make changes to your account here. Click save when you're done.\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"name\">Name</Label>\n              <Input id=\"name\" defaultValue=\"Pedro Duarte\" />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"username\">Username</Label>\n              <Input id=\"username\" defaultValue=\"@peduarte\" />\n            </div>\n          </CardContent>\n          <CardFooter>\n            <Button>Save changes</Button>\n          </CardFooter>\n        </Card>\n      </TabsContent>\n      <TabsContent value=\"password\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Password</CardTitle>\n            <CardDescription>\n              Change your password here. After saving, you'll be logged out.\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"current\">Current password</Label>\n              <Input id=\"current\" type=\"password\" />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"new\">New password</Label>\n              <Input id=\"new\" type=\"password\" />\n            </div>\n          </CardContent>\n          <CardFooter>\n            <Button>Save password</Button>\n          </CardFooter>\n        </Card>\n      </TabsContent>\n    </Tabs>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/textarea-demo.tsx",
       "content": "import { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport function TextareaDemo() {\n  return <Textarea placeholder=\"Type your message here.\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toast-demo.tsx",
       "content": "\"use client\"\n\nimport { useToast } from \"@/registry/default/hooks/use-toast\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport { ToastAction } from \"@/registry/default/ui/toast\"\n\nexport function ToastDemo() {\n  const { toast } = useToast()\n\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toast({\n          title: \"Scheduled: Catch up \",\n          description: \"Friday, February 10, 2023 at 5:57 PM\",\n          action: (\n            <ToastAction altText=\"Goto schedule to undo\">Undo</ToastAction>\n          ),\n        })\n      }}\n    >\n      Add to calendar\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-demo.tsx",
       "content": "import { Bold } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport function ToggleDemo() {\n  return (\n    <Toggle aria-label=\"Toggle italic\">\n      <Bold className=\"h-4 w-4\" />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-group-demo.tsx",
       "content": "import { Bold, Italic, Underline } from \"lucide-react\"\n\nimport {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@/registry/default/ui/toggle-group\"\n\nexport function ToggleGroupDemo() {\n  return (\n    <ToggleGroup type=\"multiple\">\n      <ToggleGroupItem value=\"bold\" aria-label=\"Toggle bold\">\n        <Bold className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"italic\" aria-label=\"Toggle italic\">\n        <Italic className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"strikethrough\" aria-label=\"Toggle strikethrough\">\n        <Underline className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/tooltip-demo.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/default/ui/tooltip\"\n\nexport function TooltipDemo() {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\">Hover</Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>Add to library</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-destructive.tsx",
       "content": "import { Badge } from \"@/registry/default/ui/badge\"\n\nexport function BadgeDestructive() {\n  return <Badge variant=\"destructive\">Destructive</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-outline.tsx",
       "content": "import { Badge } from \"@/registry/default/ui/badge\"\n\nexport function BadgeOutline() {\n  return <Badge variant=\"outline\">Outline</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-secondary.tsx",
       "content": "import { Badge } from \"@/registry/default/ui/badge\"\n\nexport function BadgeSecondary() {\n  return <Badge variant=\"secondary\">Secondary</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-destructive.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonDestructive() {\n  return <Button variant=\"destructive\">Destructive</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-ghost.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonGhost() {\n  return <Button variant=\"ghost\">Ghost</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-link.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonLink() {\n  return <Button variant=\"link\">Link</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-loading.tsx",
       "content": "import { Loader2 } from \"lucide-react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonLoading() {\n  return (\n    <Button disabled>\n      <Loader2 className=\"animate-spin\" />\n      Please wait\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-outline.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonOutline() {\n  return <Button variant=\"outline\">Outline</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-secondary.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonSecondary() {\n  return <Button variant=\"secondary\">Secondary</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-with-icon.tsx",
       "content": "import { MailOpen } from \"lucide-react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\n\nexport function ButtonWithIcon() {\n  return (\n    <Button>\n      <MailOpen /> Login with Email\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-disabled.tsx",
       "content": "import { Underline } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport function ToggleDisabled() {\n  return (\n    <Toggle aria-label=\"Toggle italic\" disabled>\n      <Underline className=\"h-4 w-4\" />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-outline.tsx",
       "content": "import { Italic } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport function ToggleOutline() {\n  return (\n    <Toggle variant=\"outline\" aria-label=\"Toggle italic\">\n      <Italic />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-with-text.tsx",
       "content": "import { Italic } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/default/ui/toggle\"\n\nexport function ToggleWithText() {\n  return (\n    <Toggle aria-label=\"Toggle italic\">\n      <Italic />\n      Italic\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/chart-area-interactive.json b/apps/www/public/r/styles/default/chart-area-interactive.json
index 47b6b873096..dc096561ca7 100644
--- a/apps/www/public/r/styles/default/chart-area-interactive.json
+++ b/apps/www/public/r/styles/default/chart-area-interactive.json
@@ -11,7 +11,8 @@
     {
       "path": "block/chart-area-interactive.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/default/ui/card\"\nimport {\n  ChartConfig,\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"@/registry/default/ui/chart\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/registry/default/ui/select\"\nconst chartData = [\n  { date: \"2024-04-01\", desktop: 222, mobile: 150 },\n  { date: \"2024-04-02\", desktop: 97, mobile: 180 },\n  { date: \"2024-04-03\", desktop: 167, mobile: 120 },\n  { date: \"2024-04-04\", desktop: 242, mobile: 260 },\n  { date: \"2024-04-05\", desktop: 373, mobile: 290 },\n  { date: \"2024-04-06\", desktop: 301, mobile: 340 },\n  { date: \"2024-04-07\", desktop: 245, mobile: 180 },\n  { date: \"2024-04-08\", desktop: 409, mobile: 320 },\n  { date: \"2024-04-09\", desktop: 59, mobile: 110 },\n  { date: \"2024-04-10\", desktop: 261, mobile: 190 },\n  { date: \"2024-04-11\", desktop: 327, mobile: 350 },\n  { date: \"2024-04-12\", desktop: 292, mobile: 210 },\n  { date: \"2024-04-13\", desktop: 342, mobile: 380 },\n  { date: \"2024-04-14\", desktop: 137, mobile: 220 },\n  { date: \"2024-04-15\", desktop: 120, mobile: 170 },\n  { date: \"2024-04-16\", desktop: 138, mobile: 190 },\n  { date: \"2024-04-17\", desktop: 446, mobile: 360 },\n  { date: \"2024-04-18\", desktop: 364, mobile: 410 },\n  { date: \"2024-04-19\", desktop: 243, mobile: 180 },\n  { date: \"2024-04-20\", desktop: 89, mobile: 150 },\n  { date: \"2024-04-21\", desktop: 137, mobile: 200 },\n  { date: \"2024-04-22\", desktop: 224, mobile: 170 },\n  { date: \"2024-04-23\", desktop: 138, mobile: 230 },\n  { date: \"2024-04-24\", desktop: 387, mobile: 290 },\n  { date: \"2024-04-25\", desktop: 215, mobile: 250 },\n  { date: \"2024-04-26\", desktop: 75, mobile: 130 },\n  { date: \"2024-04-27\", desktop: 383, mobile: 420 },\n  { date: \"2024-04-28\", desktop: 122, mobile: 180 },\n  { date: \"2024-04-29\", desktop: 315, mobile: 240 },\n  { date: \"2024-04-30\", desktop: 454, mobile: 380 },\n  { date: \"2024-05-01\", desktop: 165, mobile: 220 },\n  { date: \"2024-05-02\", desktop: 293, mobile: 310 },\n  { date: \"2024-05-03\", desktop: 247, mobile: 190 },\n  { date: \"2024-05-04\", desktop: 385, mobile: 420 },\n  { date: \"2024-05-05\", desktop: 481, mobile: 390 },\n  { date: \"2024-05-06\", desktop: 498, mobile: 520 },\n  { date: \"2024-05-07\", desktop: 388, mobile: 300 },\n  { date: \"2024-05-08\", desktop: 149, mobile: 210 },\n  { date: \"2024-05-09\", desktop: 227, mobile: 180 },\n  { date: \"2024-05-10\", desktop: 293, mobile: 330 },\n  { date: \"2024-05-11\", desktop: 335, mobile: 270 },\n  { date: \"2024-05-12\", desktop: 197, mobile: 240 },\n  { date: \"2024-05-13\", desktop: 197, mobile: 160 },\n  { date: \"2024-05-14\", desktop: 448, mobile: 490 },\n  { date: \"2024-05-15\", desktop: 473, mobile: 380 },\n  { date: \"2024-05-16\", desktop: 338, mobile: 400 },\n  { date: \"2024-05-17\", desktop: 499, mobile: 420 },\n  { date: \"2024-05-18\", desktop: 315, mobile: 350 },\n  { date: \"2024-05-19\", desktop: 235, mobile: 180 },\n  { date: \"2024-05-20\", desktop: 177, mobile: 230 },\n  { date: \"2024-05-21\", desktop: 82, mobile: 140 },\n  { date: \"2024-05-22\", desktop: 81, mobile: 120 },\n  { date: \"2024-05-23\", desktop: 252, mobile: 290 },\n  { date: \"2024-05-24\", desktop: 294, mobile: 220 },\n  { date: \"2024-05-25\", desktop: 201, mobile: 250 },\n  { date: \"2024-05-26\", desktop: 213, mobile: 170 },\n  { date: \"2024-05-27\", desktop: 420, mobile: 460 },\n  { date: \"2024-05-28\", desktop: 233, mobile: 190 },\n  { date: \"2024-05-29\", desktop: 78, mobile: 130 },\n  { date: \"2024-05-30\", desktop: 340, mobile: 280 },\n  { date: \"2024-05-31\", desktop: 178, mobile: 230 },\n  { date: \"2024-06-01\", desktop: 178, mobile: 200 },\n  { date: \"2024-06-02\", desktop: 470, mobile: 410 },\n  { date: \"2024-06-03\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-04\", desktop: 439, mobile: 380 },\n  { date: \"2024-06-05\", desktop: 88, mobile: 140 },\n  { date: \"2024-06-06\", desktop: 294, mobile: 250 },\n  { date: \"2024-06-07\", desktop: 323, mobile: 370 },\n  { date: \"2024-06-08\", desktop: 385, mobile: 320 },\n  { date: \"2024-06-09\", desktop: 438, mobile: 480 },\n  { date: \"2024-06-10\", desktop: 155, mobile: 200 },\n  { date: \"2024-06-11\", desktop: 92, mobile: 150 },\n  { date: \"2024-06-12\", desktop: 492, mobile: 420 },\n  { date: \"2024-06-13\", desktop: 81, mobile: 130 },\n  { date: \"2024-06-14\", desktop: 426, mobile: 380 },\n  { date: \"2024-06-15\", desktop: 307, mobile: 350 },\n  { date: \"2024-06-16\", desktop: 371, mobile: 310 },\n  { date: \"2024-06-17\", desktop: 475, mobile: 520 },\n  { date: \"2024-06-18\", desktop: 107, mobile: 170 },\n  { date: \"2024-06-19\", desktop: 341, mobile: 290 },\n  { date: \"2024-06-20\", desktop: 408, mobile: 450 },\n  { date: \"2024-06-21\", desktop: 169, mobile: 210 },\n  { date: \"2024-06-22\", desktop: 317, mobile: 270 },\n  { date: \"2024-06-23\", desktop: 480, mobile: 530 },\n  { date: \"2024-06-24\", desktop: 132, mobile: 180 },\n  { date: \"2024-06-25\", desktop: 141, mobile: 190 },\n  { date: \"2024-06-26\", desktop: 434, mobile: 380 },\n  { date: \"2024-06-27\", desktop: 448, mobile: 490 },\n  { date: \"2024-06-28\", desktop: 149, mobile: 200 },\n  { date: \"2024-06-29\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-30\", desktop: 446, mobile: 400 },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  desktop: {\n    label: \"Desktop\",\n    color: \"hsl(var(--chart-1))\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"hsl(var(--chart-2))\",\n  },\n} satisfies ChartConfig\n\nexport default function Component() {\n  const [timeRange, setTimeRange] = React.useState(\"90d\")\n\n  const filteredData = chartData.filter((item) => {\n    const date = new Date(item.date)\n    const now = new Date()\n    let daysToSubtract = 90\n    if (timeRange === \"30d\") {\n      daysToSubtract = 30\n    } else if (timeRange === \"7d\") {\n      daysToSubtract = 7\n    }\n    now.setDate(now.getDate() - daysToSubtract)\n    return date >= now\n  })\n\n  return (\n    <Card>\n      <CardHeader className=\"flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row\">\n        <div className=\"grid flex-1 gap-1 text-center sm:text-left\">\n          <CardTitle>Area Chart - Interactive</CardTitle>\n          <CardDescription>\n            Showing total visitors for the last 3 months\n          </CardDescription>\n        </div>\n        <Select value={timeRange} onValueChange={setTimeRange}>\n          <SelectTrigger\n            className=\"w-[160px] rounded-lg sm:ml-auto\"\n            aria-label=\"Select a value\"\n          >\n            <SelectValue placeholder=\"Last 3 months\" />\n          </SelectTrigger>\n          <SelectContent className=\"rounded-xl\">\n            <SelectItem value=\"90d\" className=\"rounded-lg\">\n              Last 3 months\n            </SelectItem>\n            <SelectItem value=\"30d\" className=\"rounded-lg\">\n              Last 30 days\n            </SelectItem>\n            <SelectItem value=\"7d\" className=\"rounded-lg\">\n              Last 7 days\n            </SelectItem>\n          </SelectContent>\n        </Select>\n      </CardHeader>\n      <CardContent className=\"px-2 pt-4 sm:px-6 sm:pt-6\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"aspect-auto h-[250px] w-full\"\n        >\n          <AreaChart data={filteredData}>\n            <defs>\n              <linearGradient id=\"fillDesktop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n              <linearGradient id=\"fillMobile\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n            </defs>\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              minTickGap={32}\n              tickFormatter={(value) => {\n                const date = new Date(value)\n                return date.toLocaleDateString(\"en-US\", {\n                  month: \"short\",\n                  day: \"numeric\",\n                })\n              }}\n            />\n            <ChartTooltip\n              cursor={false}\n              content={\n                <ChartTooltipContent\n                  labelFormatter={(value) => {\n                    return new Date(value).toLocaleDateString(\"en-US\", {\n                      month: \"short\",\n                      day: \"numeric\",\n                    })\n                  }}\n                  indicator=\"dot\"\n                />\n              }\n            />\n            <Area\n              dataKey=\"mobile\"\n              type=\"natural\"\n              fill=\"url(#fillMobile)\"\n              stroke=\"var(--color-mobile)\"\n              stackId=\"a\"\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"url(#fillDesktop)\"\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n            <ChartLegend content={<ChartLegendContent />} />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-controlled.json b/apps/www/public/r/styles/default/demo-sidebar-controlled.json
index 24d9bf9b065..0731cfc16ff 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-controlled.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-controlled.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-controlled.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Frame,\n  LifeBuoy,\n  Map,\n  PanelLeftClose,\n  PanelLeftOpen,\n  PieChart,\n  Send,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  const [open, setOpen] = React.useState(true)\n\n  return (\n    <SidebarProvider open={open} onOpenChange={setOpen}>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton asChild>\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center h-12 px-4 justify-between\">\n          <Button\n            onClick={() => setOpen((open) => !open)}\n            size=\"sm\"\n            variant=\"ghost\"\n          >\n            {open ? <PanelLeftClose /> : <PanelLeftOpen />}\n            <span>{open ? \"Close\" : \"Open\"} Sidebar</span>\n          </Button>\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-footer.json b/apps/www/public/r/styles/default/demo-sidebar-footer.json
index 5766814bc88..5876885bd3e 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-footer.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-footer.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-footer.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown, ChevronUp, User2 } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/default/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarHeader />\n        <SidebarContent />\n        <SidebarFooter>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                    Username\n                    <ChevronUp className=\"ml-auto\" />\n                  </SidebarMenuButton>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  side=\"top\"\n                  className=\"w-[--radix-popper-anchor-width]\"\n                >\n                  <DropdownMenuItem>\n                    <span>Account</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Billing</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Sign out</span>\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarFooter>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-group-action.json b/apps/www/public/r/styles/default/demo-sidebar-group-action.json
index 0a26af49f5b..1e32948971c 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-group-action.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-group-action.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group-action.tsx",
       "content": "\"use client\"\n\nimport {\n  ChevronDown,\n  Frame,\n  LifeBuoy,\n  Map,\n  PieChart,\n  Plus,\n  Send,\n} from \"lucide-react\"\nimport { Toaster, toast } from \"sonner\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Toaster\n        position=\"bottom-left\"\n        toastOptions={{\n          className: \"ml-[160px]\",\n        }}\n      />\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupAction\n              title=\"Add Project\"\n              onClick={() => toast(\"You clicked the group action!\")}\n            >\n              <Plus /> <span className=\"sr-only\">Add Project</span>\n            </SidebarGroupAction>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <Frame />\n                      <span>Design Engineering</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <PieChart />\n                      <span>Sales & Marketing</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <Map />\n                      <span>Travel</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-group-collapsible.json b/apps/www/public/r/styles/default/demo-sidebar-group-collapsible.json
index 9b160877911..c253b012937 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-group-collapsible.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-group-collapsible.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group-collapsible.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown, LifeBuoy, Send } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <Collapsible defaultOpen className=\"group/collapsible\">\n            <SidebarGroup>\n              <SidebarGroupLabel\n                asChild\n                className=\"text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  Help\n                  <ChevronDown className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    <SidebarMenuItem>\n                      <SidebarMenuButton>\n                        <LifeBuoy />\n                        Support\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                    <SidebarMenuItem>\n                      <SidebarMenuButton>\n                        <Send />\n                        Feedback\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </SidebarGroup>\n          </Collapsible>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-group.json b/apps/www/public/r/styles/default/demo-sidebar-group.json
index 16102d39393..81fc7afe47a 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-group.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-group.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group.tsx",
       "content": "\"use client\"\n\nimport { LifeBuoy, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Help</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                <SidebarMenuItem>\n                  <SidebarMenuButton>\n                    <LifeBuoy />\n                    Support\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton>\n                    <Send />\n                    Feedback\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-header.json b/apps/www/public/r/styles/default/demo-sidebar-header.json
index 2635faaa498..0e7f9186954 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-header.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-header.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-header.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/default/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                    Select Workspace\n                    <ChevronDown className=\"ml-auto\" />\n                  </SidebarMenuButton>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent className=\"w-[--radix-popper-anchor-width]\">\n                  <DropdownMenuItem>\n                    <span>Acme Inc</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Acme Corp.</span>\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-menu-action.json b/apps/www/public/r/styles/default/demo-sidebar-menu-action.json
index 3e8e1c36d37..5bf47d9d306 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-menu-action.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-menu-action.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-action.tsx",
       "content": "\"use client\"\n\nimport {\n  Frame,\n  LifeBuoy,\n  Map,\n  MoreHorizontal,\n  PieChart,\n  Send,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project, index) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton\n                      asChild\n                      className=\"group-has-[[data-state=open]]/menu-item:bg-sidebar-accent\"\n                    >\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <DropdownMenu>\n                      <DropdownMenuTrigger asChild>\n                        <SidebarMenuAction>\n                          <MoreHorizontal />\n                          <span className=\"sr-only\">More</span>\n                        </SidebarMenuAction>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent side=\"right\" align=\"start\">\n                        <DropdownMenuItem>\n                          <span>Edit Project</span>\n                        </DropdownMenuItem>\n                        <DropdownMenuItem>\n                          <span>Delete Project</span>\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-menu-badge.json b/apps/www/public/r/styles/default/demo-sidebar-menu-badge.json
index 3cddb67bf5b..32f70bfa850 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-menu-badge.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-menu-badge.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-badge.tsx",
       "content": "\"use client\"\n\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n    badge: \"24\",\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n    badge: \"12\",\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n    badge: \"3\",\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n    badge: \"21\",\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n    badge: \"8\",\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton\n                      asChild\n                      className=\"group-has-[[data-state=open]]/menu-item:bg-sidebar-accent\"\n                    >\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <SidebarMenuBadge>{project.badge}</SidebarMenuBadge>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-menu-collapsible.json b/apps/www/public/r/styles/default/demo-sidebar-menu-collapsible.json
index b97bda7086e..ad4f4df0e8c 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-menu-collapsible.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-menu-collapsible.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-collapsible.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst items = [\n  {\n    title: \"Getting Started\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Installation\",\n        url: \"#\",\n      },\n      {\n        title: \"Project Structure\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Building Your Application\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Routing\",\n        url: \"#\",\n      },\n      {\n        title: \"Data Fetching\",\n        url: \"#\",\n        isActive: true,\n      },\n      {\n        title: \"Rendering\",\n        url: \"#\",\n      },\n      {\n        title: \"Caching\",\n        url: \"#\",\n      },\n      {\n        title: \"Styling\",\n        url: \"#\",\n      },\n      {\n        title: \"Optimizing\",\n        url: \"#\",\n      },\n      {\n        title: \"Configuring\",\n        url: \"#\",\n      },\n      {\n        title: \"Testing\",\n        url: \"#\",\n      },\n      {\n        title: \"Authentication\",\n        url: \"#\",\n      },\n      {\n        title: \"Deploying\",\n        url: \"#\",\n      },\n      {\n        title: \"Upgrading\",\n        url: \"#\",\n      },\n      {\n        title: \"Examples\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"API Reference\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Components\",\n        url: \"#\",\n      },\n      {\n        title: \"File Conventions\",\n        url: \"#\",\n      },\n      {\n        title: \"Functions\",\n        url: \"#\",\n      },\n      {\n        title: \"next.config.js Options\",\n        url: \"#\",\n      },\n      {\n        title: \"CLI\",\n        url: \"#\",\n      },\n      {\n        title: \"Edge Runtime\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Architecture\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Accessibility\",\n        url: \"#\",\n      },\n      {\n        title: \"Fast Refresh\",\n        url: \"#\",\n      },\n      {\n        title: \"Next.js Compiler\",\n        url: \"#\",\n      },\n      {\n        title: \"Supported Browsers\",\n        url: \"#\",\n      },\n      {\n        title: \"Turbopack\",\n        url: \"#\",\n      },\n    ],\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item, index) => (\n                  <Collapsible\n                    key={index}\n                    className=\"group/collapsible\"\n                    defaultOpen={index === 0}\n                  >\n                    <SidebarMenuItem>\n                      <CollapsibleTrigger asChild>\n                        <SidebarMenuButton>\n                          <span>{item.title}</span>\n                          <ChevronRight className=\"transition-transform ml-auto group-data-[state=open]/collapsible:rotate-90\" />\n                        </SidebarMenuButton>\n                      </CollapsibleTrigger>\n                      <CollapsibleContent>\n                        <SidebarMenuSub>\n                          {item.items.map((subItem, subIndex) => (\n                            <SidebarMenuSubItem key={subIndex}>\n                              <SidebarMenuSubButton asChild>\n                                <a href={subItem.url}>\n                                  <span>{subItem.title}</span>\n                                </a>\n                              </SidebarMenuSubButton>\n                            </SidebarMenuSubItem>\n                          ))}\n                        </SidebarMenuSub>\n                      </CollapsibleContent>\n                    </SidebarMenuItem>\n                  </Collapsible>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-menu-sub.json b/apps/www/public/r/styles/default/demo-sidebar-menu-sub.json
index 4fc4ed4853d..f772f4a821e 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-menu-sub.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-menu-sub.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-sub.tsx",
       "content": "\"use client\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst items = [\n  {\n    title: \"Getting Started\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Installation\",\n        url: \"#\",\n      },\n      {\n        title: \"Project Structure\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Building Your Application\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Routing\",\n        url: \"#\",\n      },\n      {\n        title: \"Data Fetching\",\n        url: \"#\",\n        isActive: true,\n      },\n      {\n        title: \"Rendering\",\n        url: \"#\",\n      },\n      {\n        title: \"Caching\",\n        url: \"#\",\n      },\n      {\n        title: \"Styling\",\n        url: \"#\",\n      },\n      {\n        title: \"Optimizing\",\n        url: \"#\",\n      },\n      {\n        title: \"Configuring\",\n        url: \"#\",\n      },\n      {\n        title: \"Testing\",\n        url: \"#\",\n      },\n      {\n        title: \"Authentication\",\n        url: \"#\",\n      },\n      {\n        title: \"Deploying\",\n        url: \"#\",\n      },\n      {\n        title: \"Upgrading\",\n        url: \"#\",\n      },\n      {\n        title: \"Examples\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"API Reference\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Components\",\n        url: \"#\",\n      },\n      {\n        title: \"File Conventions\",\n        url: \"#\",\n      },\n      {\n        title: \"Functions\",\n        url: \"#\",\n      },\n      {\n        title: \"next.config.js Options\",\n        url: \"#\",\n      },\n      {\n        title: \"CLI\",\n        url: \"#\",\n      },\n      {\n        title: \"Edge Runtime\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Architecture\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Accessibility\",\n        url: \"#\",\n      },\n      {\n        title: \"Fast Refresh\",\n        url: \"#\",\n      },\n      {\n        title: \"Next.js Compiler\",\n        url: \"#\",\n      },\n      {\n        title: \"Supported Browsers\",\n        url: \"#\",\n      },\n      {\n        title: \"Turbopack\",\n        url: \"#\",\n      },\n    ],\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item, index) => (\n                  <SidebarMenuItem key={index}>\n                    <SidebarMenuButton asChild>\n                      <a href={item.url}>\n                        <span>{item.title}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <SidebarMenuSub>\n                      {item.items.map((subItem, subIndex) => (\n                        <SidebarMenuSubItem key={subIndex}>\n                          <SidebarMenuSubButton asChild>\n                            <a href={subItem.url}>\n                              <span>{subItem.title}</span>\n                            </a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-menu.json b/apps/www/public/r/styles/default/demo-sidebar-menu.json
index 57d16de3ab8..284887ee484 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-menu.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-menu.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu.tsx",
       "content": "\"use client\"\n\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton asChild>\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar-rsc.json b/apps/www/public/r/styles/default/demo-sidebar-rsc.json
index 08683f49230..90da5cfe6ce 100644
--- a/apps/www/public/r/styles/default/demo-sidebar-rsc.json
+++ b/apps/www/public/r/styles/default/demo-sidebar-rsc.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-rsc.tsx",
       "content": "import * as React from \"react\"\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n    badge: \"24\",\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n    badge: \"12\",\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n    badge: \"3\",\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n    badge: \"21\",\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n    badge: \"8\",\n  },\n]\n\n// Dummy fetch function\nasync function fetchProjects() {\n  await new Promise((resolve) => setTimeout(resolve, 3000))\n  return projects\n}\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <React.Suspense fallback={<NavProjectsSkeleton />}>\n                <NavProjects />\n              </React.Suspense>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n\nfunction NavProjectsSkeleton() {\n  return (\n    <SidebarMenu>\n      {Array.from({ length: 5 }).map((_, index) => (\n        <SidebarMenuItem key={index}>\n          <SidebarMenuSkeleton showIcon />\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n\nasync function NavProjects() {\n  const projects = await fetchProjects()\n\n  return (\n    <SidebarMenu>\n      {projects.map((project) => (\n        <SidebarMenuItem key={project.name}>\n          <SidebarMenuButton asChild>\n            <a href={project.url}>\n              <project.icon />\n              <span>{project.name}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/demo-sidebar.json b/apps/www/public/r/styles/default/demo-sidebar.json
index 3a2ee380582..f71b5203946 100644
--- a/apps/www/public/r/styles/default/demo-sidebar.json
+++ b/apps/www/public/r/styles/default/demo-sidebar.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar.tsx",
       "content": "\"use client\"\n\nimport { Calendar, Home, Inbox, Search, Settings } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/default/ui/sidebar\"\n\n// Menu items.\nconst items = [\n  {\n    title: \"Home\",\n    url: \"#\",\n    icon: Home,\n  },\n  {\n    title: \"Inbox\",\n    url: \"#\",\n    icon: Inbox,\n  },\n  {\n    title: \"Calendar\",\n    url: \"#\",\n    icon: Calendar,\n  },\n  {\n    title: \"Search\",\n    url: \"#\",\n    icon: Search,\n  },\n  {\n    title: \"Settings\",\n    url: \"#\",\n    icon: Settings,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Application</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton asChild>\n                      <a href={item.url}>\n                        <item.icon />\n                        <span>{item.title}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/login-01.json b/apps/www/public/r/styles/default/login-01.json
index 97acdc72ca0..fc3bf5b981a 100644
--- a/apps/www/public/r/styles/default/login-01.json
+++ b/apps/www/public/r/styles/default/login-01.json
@@ -18,7 +18,8 @@
     {
       "path": "block/login-01/components/login-form.tsx",
       "content": "import Link from \"next/link\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { Input } from \"@/registry/default/ui/input\"\nimport { Label } from \"@/registry/default/ui/label\"\n\nexport function LoginForm() {\n  return (\n    <Card className=\"mx-auto max-w-sm\">\n      <CardHeader>\n        <CardTitle className=\"text-2xl\">Login</CardTitle>\n        <CardDescription>\n          Enter your email below to login to your account\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <div className=\"grid gap-4\">\n          <div className=\"grid gap-2\">\n            <Label htmlFor=\"email\">Email</Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              placeholder=\"m@example.com\"\n              required\n            />\n          </div>\n          <div className=\"grid gap-2\">\n            <div className=\"flex items-center\">\n              <Label htmlFor=\"password\">Password</Label>\n              <Link href=\"#\" className=\"ml-auto inline-block text-sm underline\">\n                Forgot your password?\n              </Link>\n            </div>\n            <Input id=\"password\" type=\"password\" required />\n          </div>\n          <Button type=\"submit\" className=\"w-full\">\n            Login\n          </Button>\n          <Button variant=\"outline\" className=\"w-full\">\n            Login with Google\n          </Button>\n        </div>\n        <div className=\"mt-4 text-center text-sm\">\n          Don&apos;t have an account?{\" \"}\n          <Link href=\"#\" className=\"underline\">\n            Sign up\n          </Link>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-01.json b/apps/www/public/r/styles/default/sidebar-01.json
index 0fd46c5f39e..c9af02f3120 100644
--- a/apps/www/public/r/styles/default/sidebar-01.json
+++ b/apps/www/public/r/styles/default/sidebar-01.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-01/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\n\nimport { SearchForm } from \"@/registry/default/block/sidebar-01/components/search-form\"\nimport { VersionSwitcher } from \"@/registry/default/block/sidebar-01/components/version-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  versions: [\"1.0.1\", \"1.1.0-alpha\", \"2.0.0-beta1\"],\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <VersionSwitcher\n          versions={data.versions}\n          defaultVersion={data.versions[0]}\n        />\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent>\n        {/* We create a SidebarGroup for each parent. */}\n        {data.navMain.map((item) => (\n          <SidebarGroup key={item.title}>\n            <SidebarGroupLabel>{item.title}</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {item.items.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton asChild isActive={item.isActive}>\n                      <a href={item.url}>{item.title}</a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        ))}\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-01/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-01/components/version-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function VersionSwitcher({\n  versions,\n  defaultVersion,\n}: {\n  versions: string[]\n  defaultVersion: string\n}) {\n  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"flex flex-col gap-0.5 leading-none\">\n                <span className=\"font-semibold\">Documentation</span>\n                <span className=\"\">v{selectedVersion}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width]\"\n            align=\"start\"\n          >\n            {versions.map((version) => (\n              <DropdownMenuItem\n                key={version}\n                onSelect={() => setSelectedVersion(version)}\n              >\n                v{version}{\" \"}\n                {version === selectedVersion && <Check className=\"ml-auto\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-02.json b/apps/www/public/r/styles/default/sidebar-02.json
index 06db8437b15..ba6d33f15d3 100644
--- a/apps/www/public/r/styles/default/sidebar-02.json
+++ b/apps/www/public/r/styles/default/sidebar-02.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-02/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { ChevronRight } from \"lucide-react\"\n\nimport { SearchForm } from \"@/registry/default/block/sidebar-02/components/search-form\"\nimport { VersionSwitcher } from \"@/registry/default/block/sidebar-02/components/version-switcher\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  versions: [\"1.0.1\", \"1.1.0-alpha\", \"2.0.0-beta1\"],\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <VersionSwitcher\n          versions={data.versions}\n          defaultVersion={data.versions[0]}\n        />\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent className=\"gap-0\">\n        {/* We create a collapsible SidebarGroup for each parent. */}\n        {data.navMain.map((item) => (\n          <Collapsible\n            key={item.title}\n            title={item.title}\n            defaultOpen\n            className=\"group/collapsible\"\n          >\n            <SidebarGroup>\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {item.title}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {item.items.map((item) => (\n                      <SidebarMenuItem key={item.title}>\n                        <SidebarMenuButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </SidebarGroup>\n          </Collapsible>\n        ))}\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-02/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-02/components/version-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function VersionSwitcher({\n  versions,\n  defaultVersion,\n}: {\n  versions: string[]\n  defaultVersion: string\n}) {\n  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"flex flex-col gap-0.5 leading-none\">\n                <span className=\"font-semibold\">Documentation</span>\n                <span className=\"\">v{selectedVersion}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width]\"\n            align=\"start\"\n          >\n            {versions.map((version) => (\n              <DropdownMenuItem\n                key={version}\n                onSelect={() => setSelectedVersion(version)}\n              >\n                v{version}{\" \"}\n                {version === selectedVersion && <Check className=\"ml-auto\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-03.json b/apps/www/public/r/styles/default/sidebar-03.json
index a941f4f00f9..d246023a619 100644
--- a/apps/www/public/r/styles/default/sidebar-03.json
+++ b/apps/www/public/r/styles/default/sidebar-03.json
@@ -16,7 +16,8 @@
     {
       "path": "block/sidebar-03/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu>\n            {data.navMain.map((item) => (\n              <SidebarMenuItem key={item.title}>\n                <SidebarMenuButton asChild>\n                  <a href={item.url} className=\"font-medium\">\n                    {item.title}\n                  </a>\n                </SidebarMenuButton>\n                {item.items?.length ? (\n                  <SidebarMenuSub>\n                    {item.items.map((item) => (\n                      <SidebarMenuSubItem key={item.title}>\n                        <SidebarMenuSubButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                ) : null}\n              </SidebarMenuItem>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-04.json b/apps/www/public/r/styles/default/sidebar-04.json
index 26bdc4fc134..abf2590ecc7 100644
--- a/apps/www/public/r/styles/default/sidebar-04.json
+++ b/apps/www/public/r/styles/default/sidebar-04.json
@@ -17,7 +17,8 @@
     {
       "path": "block/sidebar-04/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar variant=\"floating\" {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu className=\"gap-2\">\n            {data.navMain.map((item) => (\n              <SidebarMenuItem key={item.title}>\n                <SidebarMenuButton asChild>\n                  <a href={item.url} className=\"font-medium\">\n                    {item.title}\n                  </a>\n                </SidebarMenuButton>\n                {item.items?.length ? (\n                  <SidebarMenuSub className=\"ml-0 border-l-0 px-1.5\">\n                    {item.items.map((item) => (\n                      <SidebarMenuSubItem key={item.title}>\n                        <SidebarMenuSubButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                ) : null}\n              </SidebarMenuItem>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-05.json b/apps/www/public/r/styles/default/sidebar-05.json
index caeb5dbb00e..396daec7032 100644
--- a/apps/www/public/r/styles/default/sidebar-05.json
+++ b/apps/www/public/r/styles/default/sidebar-05.json
@@ -19,12 +19,14 @@
     {
       "path": "block/sidebar-05/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd, Minus, Plus } from \"lucide-react\"\n\nimport { SearchForm } from \"@/registry/default/block/sidebar-05/components/search-form\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu>\n            {data.navMain.map((item, index) => (\n              <Collapsible\n                key={item.title}\n                defaultOpen={index === 1}\n                className=\"group/collapsible\"\n              >\n                <SidebarMenuItem>\n                  <CollapsibleTrigger asChild>\n                    <SidebarMenuButton>\n                      {item.title}{\" \"}\n                      <Plus className=\"ml-auto group-data-[state=open]/collapsible:hidden\" />\n                      <Minus className=\"ml-auto group-data-[state=closed]/collapsible:hidden\" />\n                    </SidebarMenuButton>\n                  </CollapsibleTrigger>\n                  {item.items?.length ? (\n                    <CollapsibleContent>\n                      <SidebarMenuSub>\n                        {item.items.map((item) => (\n                          <SidebarMenuSubItem key={item.title}>\n                            <SidebarMenuSubButton\n                              asChild\n                              isActive={item.isActive}\n                            >\n                              <a href={item.url}>{item.title}</a>\n                            </SidebarMenuSubButton>\n                          </SidebarMenuSubItem>\n                        ))}\n                      </SidebarMenuSub>\n                    </CollapsibleContent>\n                  ) : null}\n                </SidebarMenuItem>\n              </Collapsible>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-05/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-06.json b/apps/www/public/r/styles/default/sidebar-06.json
index 22fb95114a3..68ef98d8584 100644
--- a/apps/www/public/r/styles/default/sidebar-06.json
+++ b/apps/www/public/r/styles/default/sidebar-06.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-06/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/default/block/sidebar-06/components/nav-main\"\nimport { SidebarOptInForm } from \"@/registry/default/block/sidebar-06/components/sidebar-opt-in-form\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n      </SidebarContent>\n      <SidebarFooter>\n        <div className=\"p-1\">\n          <SidebarOptInForm />\n        </div>\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-06/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { MoreHorizontal, type LucideIcon } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup>\n      <SidebarMenu>\n        {items.map((item) => (\n          <DropdownMenu key={item.title}>\n            <SidebarMenuItem>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                  {item.title} <MoreHorizontal className=\"ml-auto\" />\n                </SidebarMenuButton>\n              </DropdownMenuTrigger>\n              {item.items?.length ? (\n                <DropdownMenuContent\n                  side={isMobile ? \"bottom\" : \"right\"}\n                  align={isMobile ? \"end\" : \"start\"}\n                  className=\"min-w-56 rounded-lg\"\n                >\n                  {item.items.map((item) => (\n                    <DropdownMenuItem asChild key={item.title}>\n                      <a href={item.url}>{item.title}</a>\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              ) : null}\n            </SidebarMenuItem>\n          </DropdownMenu>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-06/components/sidebar-opt-in-form.tsx",
       "content": "import { Button } from \"@/registry/default/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/default/ui/card\"\nimport { SidebarInput } from \"@/registry/default/ui/sidebar\"\n\nexport function SidebarOptInForm() {\n  return (\n    <Card className=\"shadow-none\">\n      <form>\n        <CardHeader className=\"p-4 pb-0\">\n          <CardTitle className=\"text-sm\">Subscribe to our newsletter</CardTitle>\n          <CardDescription>\n            Opt-in to receive updates and news about the sidebar.\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"grid gap-2.5 p-4\">\n          <SidebarInput type=\"email\" placeholder=\"Email\" />\n          <Button\n            className=\"w-full bg-sidebar-primary text-sidebar-primary-foreground shadow-none\"\n            size=\"sm\"\n          >\n            Subscribe\n          </Button>\n        </CardContent>\n      </form>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-07.json b/apps/www/public/r/styles/default/sidebar-07.json
index a88124f4e91..25dbf57176b 100644
--- a/apps/www/public/r/styles/default/sidebar-07.json
+++ b/apps/www/public/r/styles/default/sidebar-07.json
@@ -20,27 +20,32 @@
     {
       "path": "block/sidebar-07/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  GalleryVerticalEnd,\n  Map,\n  PieChart,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/default/block/sidebar-07/components/nav-main\"\nimport { NavProjects } from \"@/registry/default/block/sidebar-07/components/nav-projects\"\nimport { NavUser } from \"@/registry/default/block/sidebar-07/components/nav-user\"\nimport { TeamSwitcher } from \"@/registry/default/block/sidebar-07/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: GalleryVerticalEnd,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible\n            key={item.title}\n            asChild\n            defaultOpen={item.isActive}\n            className=\"group/collapsible\"\n          >\n            <SidebarMenuItem>\n              <CollapsibleTrigger asChild>\n                <SidebarMenuButton tooltip={item.title}>\n                  {item.icon && <item.icon />}\n                  <span>{item.title}</span>\n                  <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                </SidebarMenuButton>\n              </CollapsibleTrigger>\n              <CollapsibleContent>\n                <SidebarMenuSub>\n                  {item.items?.map((subItem) => (\n                    <SidebarMenuSubItem key={subItem.title}>\n                      <SidebarMenuSubButton asChild>\n                        <a href={subItem.url}>\n                          <span>{subItem.title}</span>\n                        </a>\n                      </SidebarMenuSubButton>\n                    </SidebarMenuSubItem>\n                  ))}\n                </SidebarMenuSub>\n              </CollapsibleContent>\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  Forward,\n  MoreHorizontal,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Forward className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal className=\"text-sidebar-foreground/70\" />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">\n                  {activeTeam.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeam.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-08.json b/apps/www/public/r/styles/default/sidebar-08.json
index 6743e29a32b..655c6a53daa 100644
--- a/apps/www/public/r/styles/default/sidebar-08.json
+++ b/apps/www/public/r/styles/default/sidebar-08.json
@@ -20,27 +20,32 @@
     {
       "path": "block/sidebar-08/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  LifeBuoy,\n  Map,\n  PieChart,\n  Send,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/default/block/sidebar-08/components/nav-main\"\nimport { NavProjects } from \"@/registry/default/block/sidebar-08/components/nav-projects\"\nimport { NavSecondary } from \"@/registry/default/block/sidebar-08/components/nav-secondary\"\nimport { NavUser } from \"@/registry/default/block/sidebar-08/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Support\",\n      url: \"#\",\n      icon: LifeBuoy,\n    },\n    {\n      title: \"Feedback\",\n      url: \"#\",\n      icon: Send,\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar variant=\"inset\" {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <Command className=\"size-4\" />\n                </div>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">Acme Inc</span>\n                  <span className=\"truncate text-xs\">Enterprise</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible key={item.title} asChild defaultOpen={item.isActive}>\n            <SidebarMenuItem>\n              <SidebarMenuButton asChild tooltip={item.title}>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.items?.length ? (\n                <>\n                  <CollapsibleTrigger asChild>\n                    <SidebarMenuAction className=\"data-[state=open]:rotate-90\">\n                      <ChevronRight />\n                      <span className=\"sr-only\">Toggle</span>\n                    </SidebarMenuAction>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent>\n                    <SidebarMenuSub>\n                      {item.items?.map((subItem) => (\n                        <SidebarMenuSubItem key={subItem.title}>\n                          <SidebarMenuSubButton asChild>\n                            <a href={subItem.url}>\n                              <span>{subItem.title}</span>\n                            </a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                </>\n              ) : null}\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  MoreHorizontal,\n  Share,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Share className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton>\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-secondary.tsx",
       "content": "import * as React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild size=\"sm\">\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-09.json b/apps/www/public/r/styles/default/sidebar-09.json
index 8fca0ef4277..1a580345bcd 100644
--- a/apps/www/public/r/styles/default/sidebar-09.json
+++ b/apps/www/public/r/styles/default/sidebar-09.json
@@ -18,10 +18,17 @@
       "type": "registry:page",
       "target": "app/dashboard/page.tsx"
     },
+    {
+      "path": "block/sidebar-09/components/app-sidebar.tsx",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/default/block/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/default/ui/label\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarHeader,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\nimport { Switch } from \"@/registry/default/ui/switch\"\n\n// This is sample data\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  navMain: [\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      isActive: true,\n    },\n    {\n      title: \"Drafts\",\n      url: \"#\",\n      icon: File,\n      isActive: false,\n    },\n    {\n      title: \"Sent\",\n      url: \"#\",\n      icon: Send,\n      isActive: false,\n    },\n    {\n      title: \"Junk\",\n      url: \"#\",\n      icon: ArchiveX,\n      isActive: false,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n      isActive: false,\n    },\n  ],\n  mails: [\n    {\n      name: \"William Smith\",\n      email: \"williamsmith@example.com\",\n      subject: \"Meeting Tomorrow\",\n      date: \"09:34 AM\",\n      teaser:\n        \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n    },\n    {\n      name: \"Alice Smith\",\n      email: \"alicesmith@example.com\",\n      subject: \"Re: Project Update\",\n      date: \"Yesterday\",\n      teaser:\n        \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n    },\n    {\n      name: \"Bob Johnson\",\n      email: \"bobjohnson@example.com\",\n      subject: \"Weekend Plans\",\n      date: \"2 days ago\",\n      teaser:\n        \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n    },\n    {\n      name: \"Emily Davis\",\n      email: \"emilydavis@example.com\",\n      subject: \"Re: Question about Budget\",\n      date: \"2 days ago\",\n      teaser:\n        \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n    },\n    {\n      name: \"Michael Wilson\",\n      email: \"michaelwilson@example.com\",\n      subject: \"Important Announcement\",\n      date: \"1 week ago\",\n      teaser:\n        \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n    },\n    {\n      name: \"Sarah Brown\",\n      email: \"sarahbrown@example.com\",\n      subject: \"Re: Feedback on Proposal\",\n      date: \"1 week ago\",\n      teaser:\n        \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n    },\n    {\n      name: \"David Lee\",\n      email: \"davidlee@example.com\",\n      subject: \"New Project Idea\",\n      date: \"1 week ago\",\n      teaser:\n        \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n    },\n    {\n      name: \"Olivia Wilson\",\n      email: \"oliviawilson@example.com\",\n      subject: \"Vacation Plans\",\n      date: \"1 week ago\",\n      teaser:\n        \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n    },\n    {\n      name: \"James Martin\",\n      email: \"jamesmartin@example.com\",\n      subject: \"Re: Conference Registration\",\n      date: \"1 week ago\",\n      teaser:\n        \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n    },\n    {\n      name: \"Sophia White\",\n      email: \"sophiawhite@example.com\",\n      subject: \"Team Dinner\",\n      date: \"1 week ago\",\n      teaser:\n        \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  // Note: I'm using state to show active item.\n  // IRL you should use the url/router.\n  const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n  const [mails, setMails] = React.useState(data.mails)\n  const { setOpen } = useSidebar()\n\n  return (\n    <Sidebar\n      collapsible=\"icon\"\n      className=\"overflow-hidden [&>[data-sidebar=sidebar]]:flex-row\"\n      {...props}\n    >\n      {/* This is the first sidebar */}\n      {/* We disable collapsible and adjust width to icon. */}\n      {/* This will make the sidebar appear as icons. */}\n      <Sidebar\n        collapsible=\"none\"\n        className=\"!w-[calc(var(--sidebar-width-icon)_+_1px)] border-r\"\n      >\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <SidebarMenuButton size=\"lg\" asChild className=\"md:h-8 md:p-0\">\n                <a href=\"#\">\n                  <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                    <Command className=\"size-4\" />\n                  </div>\n                  <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                    <span className=\"truncate font-semibold\">Acme Inc</span>\n                    <span className=\"truncate text-xs\">Enterprise</span>\n                  </div>\n                </a>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent className=\"px-1.5 md:px-0\">\n              <SidebarMenu>\n                {data.navMain.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      tooltip={{\n                        children: item.title,\n                        hidden: false,\n                      }}\n                      onClick={() => {\n                        setActiveItem(item)\n                        const mail = data.mails.sort(() => Math.random() - 0.5)\n                        setMails(\n                          mail.slice(\n                            0,\n                            Math.max(5, Math.floor(Math.random() * 10) + 1)\n                          )\n                        )\n                        setOpen(true)\n                      }}\n                      isActive={activeItem.title === item.title}\n                      className=\"px-2.5 md:px-2\"\n                    >\n                      <item.icon />\n                      <span>{item.title}</span>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n        <SidebarFooter>\n          <NavUser user={data.user} />\n        </SidebarFooter>\n      </Sidebar>\n\n      {/* This is the second sidebar */}\n      {/* We disable collapsible and let it fill remaining space */}\n      <Sidebar collapsible=\"none\" className=\"hidden flex-1 md:flex\">\n        <SidebarHeader className=\"gap-3.5 border-b p-4\">\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"text-base font-medium text-foreground\">\n              {activeItem.title}\n            </div>\n            <Label className=\"flex items-center gap-2 text-sm\">\n              <span>Unreads</span>\n              <Switch className=\"shadow-none\" />\n            </Label>\n          </div>\n          <SidebarInput placeholder=\"Type to search...\" />\n        </SidebarHeader>\n        <SidebarContent>\n          <SidebarGroup className=\"px-0\">\n            <SidebarGroupContent>\n              {mails.map((mail) => (\n                <a\n                  href=\"#\"\n                  key={mail.email}\n                  className=\"flex flex-col items-start gap-2 whitespace-nowrap border-b p-4 text-sm leading-tight last:border-b-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                >\n                  <div className=\"flex w-full items-center gap-2\">\n                    <span>{mail.name}</span>{\" \"}\n                    <span className=\"ml-auto text-xs\">{mail.date}</span>\n                  </div>\n                  <span className=\"font-medium\">{mail.subject}</span>\n                  <span className=\"line-clamp-2 w-[260px] whitespace-break-spaces text-xs\">\n                    {mail.teaser}\n                  </span>\n                </a>\n              ))}\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </Sidebar>\n  )\n}\n",
+      "type": "registry:component",
+      "target": ""
+    },
     {
       "path": "block/sidebar-09/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground md:h-8 md:p-0\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-10.json b/apps/www/public/r/styles/default/sidebar-10.json
index b8861595270..80490bf3432 100644
--- a/apps/www/public/r/styles/default/sidebar-10.json
+++ b/apps/www/public/r/styles/default/sidebar-10.json
@@ -20,37 +20,44 @@
     {
       "path": "block/sidebar-10/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  Blocks,\n  Calendar,\n  Command,\n  Home,\n  Inbox,\n  MessageCircleQuestion,\n  Search,\n  Settings2,\n  Sparkles,\n  Trash2,\n} from \"lucide-react\"\n\nimport { NavFavorites } from \"@/registry/default/block/sidebar-10/components/nav-favorites\"\nimport { NavMain } from \"@/registry/default/block/sidebar-10/components/nav-main\"\nimport { NavSecondary } from \"@/registry/default/block/sidebar-10/components/nav-secondary\"\nimport { NavWorkspaces } from \"@/registry/default/block/sidebar-10/components/nav-workspaces\"\nimport { TeamSwitcher } from \"@/registry/default/block/sidebar-10/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: Command,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Search\",\n      url: \"#\",\n      icon: Search,\n    },\n    {\n      title: \"Ask AI\",\n      url: \"#\",\n      icon: Sparkles,\n    },\n    {\n      title: \"Home\",\n      url: \"#\",\n      icon: Home,\n      isActive: true,\n    },\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      badge: \"10\",\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Calendar\",\n      url: \"#\",\n      icon: Calendar,\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n    },\n    {\n      title: \"Templates\",\n      url: \"#\",\n      icon: Blocks,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n    },\n    {\n      title: \"Help\",\n      url: \"#\",\n      icon: MessageCircleQuestion,\n    },\n  ],\n  favorites: [\n    {\n      name: \"Project Management & Task Tracking\",\n      url: \"#\",\n      emoji: \"📊\",\n    },\n    {\n      name: \"Family Recipe Collection & Meal Planning\",\n      url: \"#\",\n      emoji: \"🍳\",\n    },\n    {\n      name: \"Fitness Tracker & Workout Routines\",\n      url: \"#\",\n      emoji: \"💪\",\n    },\n    {\n      name: \"Book Notes & Reading List\",\n      url: \"#\",\n      emoji: \"📚\",\n    },\n    {\n      name: \"Sustainable Gardening Tips & Plant Care\",\n      url: \"#\",\n      emoji: \"🌱\",\n    },\n    {\n      name: \"Language Learning Progress & Resources\",\n      url: \"#\",\n      emoji: \"🗣️\",\n    },\n    {\n      name: \"Home Renovation Ideas & Budget Tracker\",\n      url: \"#\",\n      emoji: \"🏠\",\n    },\n    {\n      name: \"Personal Finance & Investment Portfolio\",\n      url: \"#\",\n      emoji: \"💰\",\n    },\n    {\n      name: \"Movie & TV Show Watchlist with Reviews\",\n      url: \"#\",\n      emoji: \"🎬\",\n    },\n    {\n      name: \"Daily Habit Tracker & Goal Setting\",\n      url: \"#\",\n      emoji: \"✅\",\n    },\n  ],\n  workspaces: [\n    {\n      name: \"Personal Life Management\",\n      emoji: \"🏠\",\n      pages: [\n        {\n          name: \"Daily Journal & Reflection\",\n          url: \"#\",\n          emoji: \"📔\",\n        },\n        {\n          name: \"Health & Wellness Tracker\",\n          url: \"#\",\n          emoji: \"🍏\",\n        },\n        {\n          name: \"Personal Growth & Learning Goals\",\n          url: \"#\",\n          emoji: \"🌟\",\n        },\n      ],\n    },\n    {\n      name: \"Professional Development\",\n      emoji: \"💼\",\n      pages: [\n        {\n          name: \"Career Objectives & Milestones\",\n          url: \"#\",\n          emoji: \"🎯\",\n        },\n        {\n          name: \"Skill Acquisition & Training Log\",\n          url: \"#\",\n          emoji: \"🧠\",\n        },\n        {\n          name: \"Networking Contacts & Events\",\n          url: \"#\",\n          emoji: \"🤝\",\n        },\n      ],\n    },\n    {\n      name: \"Creative Projects\",\n      emoji: \"🎨\",\n      pages: [\n        {\n          name: \"Writing Ideas & Story Outlines\",\n          url: \"#\",\n          emoji: \"✍️\",\n        },\n        {\n          name: \"Art & Design Portfolio\",\n          url: \"#\",\n          emoji: \"🖼️\",\n        },\n        {\n          name: \"Music Composition & Practice Log\",\n          url: \"#\",\n          emoji: \"🎵\",\n        },\n      ],\n    },\n    {\n      name: \"Home Management\",\n      emoji: \"🏡\",\n      pages: [\n        {\n          name: \"Household Budget & Expense Tracking\",\n          url: \"#\",\n          emoji: \"💰\",\n        },\n        {\n          name: \"Home Maintenance Schedule & Tasks\",\n          url: \"#\",\n          emoji: \"🔧\",\n        },\n        {\n          name: \"Family Calendar & Event Planning\",\n          url: \"#\",\n          emoji: \"📅\",\n        },\n      ],\n    },\n    {\n      name: \"Travel & Adventure\",\n      emoji: \"🧳\",\n      pages: [\n        {\n          name: \"Trip Planning & Itineraries\",\n          url: \"#\",\n          emoji: \"🗺️\",\n        },\n        {\n          name: \"Travel Bucket List & Inspiration\",\n          url: \"#\",\n          emoji: \"🌎\",\n        },\n        {\n          name: \"Travel Journal & Photo Gallery\",\n          url: \"#\",\n          emoji: \"📸\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar className=\"border-r-0\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n        <NavMain items={data.navMain} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavFavorites favorites={data.favorites} />\n        <NavWorkspaces workspaces={data.workspaces} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-actions.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowDown,\n  ArrowUp,\n  Bell,\n  Copy,\n  CornerUpLeft,\n  CornerUpRight,\n  FileText,\n  GalleryVerticalEnd,\n  LineChart,\n  Link,\n  MoreHorizontal,\n  Settings2,\n  Star,\n  Trash,\n  Trash2,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/default/ui/popover\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nconst data = [\n  [\n    {\n      label: \"Customize Page\",\n      icon: Settings2,\n    },\n    {\n      label: \"Turn into wiki\",\n      icon: FileText,\n    },\n  ],\n  [\n    {\n      label: \"Copy Link\",\n      icon: Link,\n    },\n    {\n      label: \"Duplicate\",\n      icon: Copy,\n    },\n    {\n      label: \"Move to\",\n      icon: CornerUpRight,\n    },\n    {\n      label: \"Move to Trash\",\n      icon: Trash2,\n    },\n  ],\n  [\n    {\n      label: \"Undo\",\n      icon: CornerUpLeft,\n    },\n    {\n      label: \"View analytics\",\n      icon: LineChart,\n    },\n    {\n      label: \"Version History\",\n      icon: GalleryVerticalEnd,\n    },\n    {\n      label: \"Show delete pages\",\n      icon: Trash,\n    },\n    {\n      label: \"Notifications\",\n      icon: Bell,\n    },\n  ],\n  [\n    {\n      label: \"Import\",\n      icon: ArrowUp,\n    },\n    {\n      label: \"Export\",\n      icon: ArrowDown,\n    },\n  ],\n]\n\nexport function NavActions() {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    setIsOpen(true)\n  }, [])\n\n  return (\n    <div className=\"flex items-center gap-2 text-sm\">\n      <div className=\"hidden font-medium text-muted-foreground md:inline-block\">\n        Edit Oct 08\n      </div>\n      <Button variant=\"ghost\" size=\"icon\" className=\"h-7 w-7\">\n        <Star />\n      </Button>\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7 data-[state=open]:bg-accent\"\n          >\n            <MoreHorizontal />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-56 overflow-hidden rounded-lg p-0\"\n          align=\"end\"\n        >\n          <Sidebar collapsible=\"none\" className=\"bg-transparent\">\n            <SidebarContent>\n              {data.map((group, index) => (\n                <SidebarGroup key={index} className=\"border-b last:border-none\">\n                  <SidebarGroupContent className=\"gap-0\">\n                    <SidebarMenu>\n                      {group.map((item, index) => (\n                        <SidebarMenuItem key={index}>\n                          <SidebarMenuButton>\n                            <item.icon /> <span>{item.label}</span>\n                          </SidebarMenuButton>\n                        </SidebarMenuItem>\n                      ))}\n                    </SidebarMenu>\n                  </SidebarGroupContent>\n                </SidebarGroup>\n              ))}\n            </SidebarContent>\n          </Sidebar>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-favorites.tsx",
       "content": "\"use client\"\n\nimport {\n  ArrowUpRight,\n  Link,\n  MoreHorizontal,\n  StarOff,\n  Trash2,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavFavorites({\n  favorites,\n}: {\n  favorites: {\n    name: string\n    url: string\n    emoji: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Favorites</SidebarGroupLabel>\n      <SidebarMenu>\n        {favorites.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url} title={item.name}>\n                <span>{item.emoji}</span>\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-56 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <StarOff className=\"text-muted-foreground\" />\n                  <span>Remove from Favorites</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Link className=\"text-muted-foreground\" />\n                  <span>Copy Link</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <ArrowUpRight className=\"text-muted-foreground\" />\n                  <span>Open in New Tab</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n  }[]\n}) {\n  return (\n    <SidebarMenu>\n      {items.map((item) => (\n        <SidebarMenuItem key={item.title}>\n          <SidebarMenuButton asChild isActive={item.isActive}>\n            <a href={item.url}>\n              <item.icon />\n              <span>{item.title}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-secondary.tsx",
       "content": "import React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    badge?: React.ReactNode\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.badge && <SidebarMenuBadge>{item.badge}</SidebarMenuBadge>}\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-workspaces.tsx",
       "content": "import { ChevronRight, MoreHorizontal, Plus } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavWorkspaces({\n  workspaces,\n}: {\n  workspaces: {\n    name: string\n    emoji: React.ReactNode\n    pages: {\n      name: string\n      emoji: React.ReactNode\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Workspaces</SidebarGroupLabel>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {workspaces.map((workspace) => (\n            <Collapsible key={workspace.name}>\n              <SidebarMenuItem>\n                <SidebarMenuButton asChild>\n                  <a href=\"#\">\n                    <span>{workspace.emoji}</span>\n                    <span>{workspace.name}</span>\n                  </a>\n                </SidebarMenuButton>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuAction\n                    className=\"left-2 bg-sidebar-accent text-sidebar-accent-foreground data-[state=open]:rotate-90\"\n                    showOnHover\n                  >\n                    <ChevronRight />\n                  </SidebarMenuAction>\n                </CollapsibleTrigger>\n                <SidebarMenuAction showOnHover>\n                  <Plus />\n                </SidebarMenuAction>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {workspace.pages.map((page) => (\n                      <SidebarMenuSubItem key={page.name}>\n                        <SidebarMenuSubButton asChild>\n                          <a href=\"#\">\n                            <span>{page.emoji}</span>\n                            <span>{page.name}</span>\n                          </a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ))}\n          <SidebarMenuItem>\n            <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n              <MoreHorizontal />\n              <span>More</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton className=\"w-fit px-1.5\">\n              <div className=\"flex aspect-square size-5 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-3\" />\n              </div>\n              <span className=\"truncate font-semibold\">{activeTeam.name}</span>\n              <ChevronDown className=\"opacity-50\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-64 rounded-lg\"\n            align=\"start\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-11.json b/apps/www/public/r/styles/default/sidebar-11.json
index c9943653c74..865319afd5b 100644
--- a/apps/www/public/r/styles/default/sidebar-11.json
+++ b/apps/www/public/r/styles/default/sidebar-11.json
@@ -18,7 +18,8 @@
     {
       "path": "block/sidebar-11/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { ChevronRight, File, Folder } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  changes: [\n    {\n      file: \"README.md\",\n      state: \"M\",\n    },\n    {\n      file: \"api/hello/route.ts\",\n      state: \"U\",\n    },\n    {\n      file: \"app/layout.tsx\",\n      state: \"M\",\n    },\n  ],\n  tree: [\n    [\n      \"app\",\n      [\n        \"api\",\n        [\"hello\", [\"route.ts\"]],\n        \"page.tsx\",\n        \"layout.tsx\",\n        [\"blog\", [\"page.tsx\"]],\n      ],\n    ],\n    [\n      \"components\",\n      [\"ui\", \"button.tsx\", \"card.tsx\"],\n      \"header.tsx\",\n      \"footer.tsx\",\n    ],\n    [\"lib\", [\"util.ts\"]],\n    [\"public\", \"favicon.ico\", \"vercel.svg\"],\n    \".eslintrc.json\",\n    \".gitignore\",\n    \"next.config.js\",\n    \"tailwind.config.js\",\n    \"package.json\",\n    \"README.md\",\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarGroupLabel>Changes</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.changes.map((item, index) => (\n                <SidebarMenuItem key={index}>\n                  <SidebarMenuButton>\n                    <File />\n                    {item.file}\n                  </SidebarMenuButton>\n                  <SidebarMenuBadge>{item.state}</SidebarMenuBadge>\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n        <SidebarGroup>\n          <SidebarGroupLabel>Files</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.tree.map((item, index) => (\n                <Tree key={index} item={item} />\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n\nfunction Tree({ item }: { item: string | any[] }) {\n  const [name, ...items] = Array.isArray(item) ? item : [item]\n\n  if (!items.length) {\n    return (\n      <SidebarMenuButton\n        isActive={name === \"button.tsx\"}\n        className=\"data-[active=true]:bg-transparent\"\n      >\n        <File />\n        {name}\n      </SidebarMenuButton>\n    )\n  }\n\n  return (\n    <SidebarMenuItem>\n      <Collapsible\n        className=\"group/collapsible [&[data-state=open]>button>svg:first-child]:rotate-90\"\n        defaultOpen={name === \"components\" || name === \"ui\"}\n      >\n        <CollapsibleTrigger asChild>\n          <SidebarMenuButton>\n            <ChevronRight className=\"transition-transform\" />\n            <Folder />\n            {name}\n          </SidebarMenuButton>\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <SidebarMenuSub>\n            {items.map((subItem, index) => (\n              <Tree key={index} item={subItem} />\n            ))}\n          </SidebarMenuSub>\n        </CollapsibleContent>\n      </Collapsible>\n    </SidebarMenuItem>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-12.json b/apps/www/public/r/styles/default/sidebar-12.json
index decba07f7b2..43408273bb6 100644
--- a/apps/www/public/r/styles/default/sidebar-12.json
+++ b/apps/www/public/r/styles/default/sidebar-12.json
@@ -21,22 +21,26 @@
     {
       "path": "block/sidebar-12/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { Plus } from \"lucide-react\"\n\nimport { Calendars } from \"@/registry/default/block/sidebar-12/components/calendars\"\nimport { DatePicker } from \"@/registry/default/block/sidebar-12/components/date-picker\"\nimport { NavUser } from \"@/registry/default/block/sidebar-12/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarSeparator,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  calendars: [\n    {\n      name: \"My Calendars\",\n      items: [\"Personal\", \"Work\", \"Family\"],\n    },\n    {\n      name: \"Favorites\",\n      items: [\"Holidays\", \"Birthdays\"],\n    },\n    {\n      name: \"Other\",\n      items: [\"Travel\", \"Reminders\", \"Deadlines\"],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader className=\"h-16 border-b border-sidebar-border\">\n        <NavUser user={data.user} />\n      </SidebarHeader>\n      <SidebarContent>\n        <DatePicker />\n        <SidebarSeparator className=\"mx-0\" />\n        <Calendars calendars={data.calendars} />\n      </SidebarContent>\n      <SidebarFooter>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton>\n              <Plus />\n              <span>New Calendar</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/calendars.tsx",
       "content": "import * as React from \"react\"\nimport { Check, ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarSeparator,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function Calendars({\n  calendars,\n}: {\n  calendars: {\n    name: string\n    items: string[]\n  }[]\n}) {\n  return (\n    <>\n      {calendars.map((calendar, index) => (\n        <React.Fragment key={calendar.name}>\n          <SidebarGroup key={calendar.name} className=\"py-0\">\n            <Collapsible\n              defaultOpen={index === 0}\n              className=\"group/collapsible\"\n            >\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {calendar.name}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {calendar.items.map((item, index) => (\n                      <SidebarMenuItem key={item}>\n                        <SidebarMenuButton>\n                          <div\n                            data-active={index < 2}\n                            className=\"group/calendar-item flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary\"\n                          >\n                            <Check className=\"hidden size-3 group-data-[active=true]/calendar-item:block\" />\n                          </div>\n                          {item}\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </Collapsible>\n          </SidebarGroup>\n          <SidebarSeparator className=\"mx-0\" />\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/date-picker.tsx",
       "content": "import { Calendar } from \"@/registry/default/ui/calendar\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function DatePicker() {\n  return (\n    <SidebarGroup className=\"px-0\">\n      <SidebarGroupContent>\n        <Calendar className=\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\" />\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"start\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-13.json b/apps/www/public/r/styles/default/sidebar-13.json
index 66896db3ef0..b1f175a8533 100644
--- a/apps/www/public/r/styles/default/sidebar-13.json
+++ b/apps/www/public/r/styles/default/sidebar-13.json
@@ -18,7 +18,8 @@
     {
       "path": "block/sidebar-13/components/settings-dialog.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Bell,\n  Check,\n  Globe,\n  Home,\n  Keyboard,\n  Link,\n  Lock,\n  Menu,\n  MessageCircle,\n  Paintbrush,\n  Settings,\n  Video,\n} from \"lucide-react\"\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/registry/default/ui/breadcrumb\"\nimport { Button } from \"@/registry/default/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/registry/default/ui/dialog\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/default/ui/sidebar\"\n\nconst data = {\n  nav: [\n    { name: \"Notifications\", icon: Bell },\n    { name: \"Navigation\", icon: Menu },\n    { name: \"Home\", icon: Home },\n    { name: \"Appearance\", icon: Paintbrush },\n    { name: \"Messages & media\", icon: MessageCircle },\n    { name: \"Language & region\", icon: Globe },\n    { name: \"Accessibility\", icon: Keyboard },\n    { name: \"Mark as read\", icon: Check },\n    { name: \"Audio & video\", icon: Video },\n    { name: \"Connected accounts\", icon: Link },\n    { name: \"Privacy & visibility\", icon: Lock },\n    { name: \"Advanced\", icon: Settings },\n  ],\n}\n\nexport function SettingsDialog() {\n  const [open, setOpen] = React.useState(true)\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogTrigger asChild>\n        <Button size=\"sm\">Open Dialog</Button>\n      </DialogTrigger>\n      <DialogContent className=\"overflow-hidden p-0 md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]\">\n        <DialogTitle className=\"sr-only\">Settings</DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Customize your settings here.\n        </DialogDescription>\n        <SidebarProvider className=\"items-start\">\n          <Sidebar collapsible=\"none\" className=\"hidden md:flex\">\n            <SidebarContent>\n              <SidebarGroup>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {data.nav.map((item) => (\n                      <SidebarMenuItem key={item.name}>\n                        <SidebarMenuButton\n                          asChild\n                          isActive={item.name === \"Messages & media\"}\n                        >\n                          <a href=\"#\">\n                            <item.icon />\n                            <span>{item.name}</span>\n                          </a>\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </SidebarGroup>\n            </SidebarContent>\n          </Sidebar>\n          <main className=\"flex h-[480px] flex-1 flex-col overflow-hidden\">\n            <header className=\"flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\n              <div className=\"flex items-center gap-2 px-4\">\n                <Breadcrumb>\n                  <BreadcrumbList>\n                    <BreadcrumbItem className=\"hidden md:block\">\n                      <BreadcrumbLink href=\"#\">Settings</BreadcrumbLink>\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator className=\"hidden md:block\" />\n                    <BreadcrumbItem>\n                      <BreadcrumbPage>Messages & media</BreadcrumbPage>\n                    </BreadcrumbItem>\n                  </BreadcrumbList>\n                </Breadcrumb>\n              </div>\n            </header>\n            <div className=\"flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-0\">\n              {Array.from({ length: 10 }).map((_, i) => (\n                <div\n                  key={i}\n                  className=\"aspect-video max-w-3xl rounded-xl bg-muted/50\"\n                />\n              ))}\n            </div>\n          </main>\n        </SidebarProvider>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-14.json b/apps/www/public/r/styles/default/sidebar-14.json
index 308ab7bcd8f..9d19dd631a4 100644
--- a/apps/www/public/r/styles/default/sidebar-14.json
+++ b/apps/www/public/r/styles/default/sidebar-14.json
@@ -16,7 +16,8 @@
     {
       "path": "block/sidebar-14/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarGroupLabel>Table of Contents</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.navMain.map((item) => (\n                <SidebarMenuItem key={item.title}>\n                  <SidebarMenuButton asChild>\n                    <a href={item.url} className=\"font-medium\">\n                      {item.title}\n                    </a>\n                  </SidebarMenuButton>\n                  {item.items?.length ? (\n                    <SidebarMenuSub>\n                      {item.items.map((item) => (\n                        <SidebarMenuSubItem key={item.title}>\n                          <SidebarMenuSubButton\n                            asChild\n                            isActive={item.isActive}\n                          >\n                            <a href={item.url}>{item.title}</a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  ) : null}\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/sidebar-15.json b/apps/www/public/r/styles/default/sidebar-15.json
index 0da86af98b8..0db0b364d3b 100644
--- a/apps/www/public/r/styles/default/sidebar-15.json
+++ b/apps/www/public/r/styles/default/sidebar-15.json
@@ -22,52 +22,62 @@
     {
       "path": "block/sidebar-15/components/calendars.tsx",
       "content": "import * as React from \"react\"\nimport { Check, ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarSeparator,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function Calendars({\n  calendars,\n}: {\n  calendars: {\n    name: string\n    items: string[]\n  }[]\n}) {\n  return (\n    <>\n      {calendars.map((calendar, index) => (\n        <React.Fragment key={calendar.name}>\n          <SidebarGroup key={calendar.name} className=\"py-0\">\n            <Collapsible\n              defaultOpen={index === 0}\n              className=\"group/collapsible\"\n            >\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {calendar.name}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {calendar.items.map((item, index) => (\n                      <SidebarMenuItem key={item}>\n                        <SidebarMenuButton>\n                          <div\n                            data-active={index < 2}\n                            className=\"group/calendar-item flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary\"\n                          >\n                            <Check className=\"hidden size-3 group-data-[active=true]/calendar-item:block\" />\n                          </div>\n                          {item}\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </Collapsible>\n          </SidebarGroup>\n          <SidebarSeparator className=\"mx-0\" />\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/date-picker.tsx",
       "content": "import { Calendar } from \"@/registry/default/ui/calendar\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function DatePicker() {\n  return (\n    <SidebarGroup className=\"px-0\">\n      <SidebarGroupContent>\n        <Calendar className=\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\" />\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-favorites.tsx",
       "content": "\"use client\"\n\nimport {\n  ArrowUpRight,\n  Link,\n  MoreHorizontal,\n  StarOff,\n  Trash2,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavFavorites({\n  favorites,\n}: {\n  favorites: {\n    name: string\n    url: string\n    emoji: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Favorites</SidebarGroupLabel>\n      <SidebarMenu>\n        {favorites.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url} title={item.name}>\n                <span>{item.emoji}</span>\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-56 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <StarOff className=\"text-muted-foreground\" />\n                  <span>Remove from Favorites</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Link className=\"text-muted-foreground\" />\n                  <span>Copy Link</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <ArrowUpRight className=\"text-muted-foreground\" />\n                  <span>Open in New Tab</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n  }[]\n}) {\n  return (\n    <SidebarMenu>\n      {items.map((item) => (\n        <SidebarMenuItem key={item.title}>\n          <SidebarMenuButton asChild isActive={item.isActive}>\n            <a href={item.url}>\n              <item.icon />\n              <span>{item.title}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-secondary.tsx",
       "content": "import React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    badge?: React.ReactNode\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.badge && <SidebarMenuBadge>{item.badge}</SidebarMenuBadge>}\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/default/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"start\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-workspaces.tsx",
       "content": "import { ChevronRight, MoreHorizontal, Plus } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/default/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function NavWorkspaces({\n  workspaces,\n}: {\n  workspaces: {\n    name: string\n    emoji: React.ReactNode\n    pages: {\n      name: string\n      emoji: React.ReactNode\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Workspaces</SidebarGroupLabel>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {workspaces.map((workspace) => (\n            <Collapsible key={workspace.name}>\n              <SidebarMenuItem>\n                <SidebarMenuButton asChild>\n                  <a href=\"#\">\n                    <span>{workspace.emoji}</span>\n                    <span>{workspace.name}</span>\n                  </a>\n                </SidebarMenuButton>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuAction\n                    className=\"left-2 bg-sidebar-accent text-sidebar-accent-foreground data-[state=open]:rotate-90\"\n                    showOnHover\n                  >\n                    <ChevronRight />\n                  </SidebarMenuAction>\n                </CollapsibleTrigger>\n                <SidebarMenuAction showOnHover>\n                  <Plus />\n                </SidebarMenuAction>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {workspace.pages.map((page) => (\n                      <SidebarMenuSubItem key={page.name}>\n                        <SidebarMenuSubButton asChild>\n                          <a href=\"#\">\n                            <span>{page.emoji}</span>\n                            <span>{page.name}</span>\n                          </a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ))}\n          <SidebarMenuItem>\n            <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n              <MoreHorizontal />\n              <span>More</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/sidebar-left.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  Blocks,\n  Calendar,\n  Command,\n  Home,\n  Inbox,\n  MessageCircleQuestion,\n  Search,\n  Settings2,\n  Sparkles,\n  Trash2,\n} from \"lucide-react\"\n\nimport { NavFavorites } from \"@/registry/default/block/sidebar-15/components/nav-favorites\"\nimport { NavMain } from \"@/registry/default/block/sidebar-15/components/nav-main\"\nimport { NavSecondary } from \"@/registry/default/block/sidebar-15/components/nav-secondary\"\nimport { NavWorkspaces } from \"@/registry/default/block/sidebar-15/components/nav-workspaces\"\nimport { TeamSwitcher } from \"@/registry/default/block/sidebar-15/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: Command,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Search\",\n      url: \"#\",\n      icon: Search,\n    },\n    {\n      title: \"Ask AI\",\n      url: \"#\",\n      icon: Sparkles,\n    },\n    {\n      title: \"Home\",\n      url: \"#\",\n      icon: Home,\n      isActive: true,\n    },\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      badge: \"10\",\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Calendar\",\n      url: \"#\",\n      icon: Calendar,\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n    },\n    {\n      title: \"Templates\",\n      url: \"#\",\n      icon: Blocks,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n    },\n    {\n      title: \"Help\",\n      url: \"#\",\n      icon: MessageCircleQuestion,\n    },\n  ],\n  favorites: [\n    {\n      name: \"Project Management & Task Tracking\",\n      url: \"#\",\n      emoji: \"📊\",\n    },\n    {\n      name: \"Family Recipe Collection & Meal Planning\",\n      url: \"#\",\n      emoji: \"🍳\",\n    },\n    {\n      name: \"Fitness Tracker & Workout Routines\",\n      url: \"#\",\n      emoji: \"💪\",\n    },\n    {\n      name: \"Book Notes & Reading List\",\n      url: \"#\",\n      emoji: \"📚\",\n    },\n    {\n      name: \"Sustainable Gardening Tips & Plant Care\",\n      url: \"#\",\n      emoji: \"🌱\",\n    },\n    {\n      name: \"Language Learning Progress & Resources\",\n      url: \"#\",\n      emoji: \"🗣️\",\n    },\n    {\n      name: \"Home Renovation Ideas & Budget Tracker\",\n      url: \"#\",\n      emoji: \"🏠\",\n    },\n    {\n      name: \"Personal Finance & Investment Portfolio\",\n      url: \"#\",\n      emoji: \"💰\",\n    },\n    {\n      name: \"Movie & TV Show Watchlist with Reviews\",\n      url: \"#\",\n      emoji: \"🎬\",\n    },\n    {\n      name: \"Daily Habit Tracker & Goal Setting\",\n      url: \"#\",\n      emoji: \"✅\",\n    },\n  ],\n  workspaces: [\n    {\n      name: \"Personal Life Management\",\n      emoji: \"🏠\",\n      pages: [\n        {\n          name: \"Daily Journal & Reflection\",\n          url: \"#\",\n          emoji: \"📔\",\n        },\n        {\n          name: \"Health & Wellness Tracker\",\n          url: \"#\",\n          emoji: \"🍏\",\n        },\n        {\n          name: \"Personal Growth & Learning Goals\",\n          url: \"#\",\n          emoji: \"🌟\",\n        },\n      ],\n    },\n    {\n      name: \"Professional Development\",\n      emoji: \"💼\",\n      pages: [\n        {\n          name: \"Career Objectives & Milestones\",\n          url: \"#\",\n          emoji: \"🎯\",\n        },\n        {\n          name: \"Skill Acquisition & Training Log\",\n          url: \"#\",\n          emoji: \"🧠\",\n        },\n        {\n          name: \"Networking Contacts & Events\",\n          url: \"#\",\n          emoji: \"🤝\",\n        },\n      ],\n    },\n    {\n      name: \"Creative Projects\",\n      emoji: \"🎨\",\n      pages: [\n        {\n          name: \"Writing Ideas & Story Outlines\",\n          url: \"#\",\n          emoji: \"✍️\",\n        },\n        {\n          name: \"Art & Design Portfolio\",\n          url: \"#\",\n          emoji: \"🖼️\",\n        },\n        {\n          name: \"Music Composition & Practice Log\",\n          url: \"#\",\n          emoji: \"🎵\",\n        },\n      ],\n    },\n    {\n      name: \"Home Management\",\n      emoji: \"🏡\",\n      pages: [\n        {\n          name: \"Household Budget & Expense Tracking\",\n          url: \"#\",\n          emoji: \"💰\",\n        },\n        {\n          name: \"Home Maintenance Schedule & Tasks\",\n          url: \"#\",\n          emoji: \"🔧\",\n        },\n        {\n          name: \"Family Calendar & Event Planning\",\n          url: \"#\",\n          emoji: \"📅\",\n        },\n      ],\n    },\n    {\n      name: \"Travel & Adventure\",\n      emoji: \"🧳\",\n      pages: [\n        {\n          name: \"Trip Planning & Itineraries\",\n          url: \"#\",\n          emoji: \"🗺️\",\n        },\n        {\n          name: \"Travel Bucket List & Inspiration\",\n          url: \"#\",\n          emoji: \"🌎\",\n        },\n        {\n          name: \"Travel Journal & Photo Gallery\",\n          url: \"#\",\n          emoji: \"📸\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function SidebarLeft({\n  ...props\n}: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar className=\"border-r-0\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n        <NavMain items={data.navMain} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavFavorites favorites={data.favorites} />\n        <NavWorkspaces workspaces={data.workspaces} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/sidebar-right.tsx",
       "content": "import * as React from \"react\"\nimport { Plus } from \"lucide-react\"\n\nimport { Calendars } from \"@/registry/default/block/sidebar-15/components/calendars\"\nimport { DatePicker } from \"@/registry/default/block/sidebar-15/components/date-picker\"\nimport { NavUser } from \"@/registry/default/block/sidebar-15/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarSeparator,\n} from \"@/registry/default/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  calendars: [\n    {\n      name: \"My Calendars\",\n      items: [\"Personal\", \"Work\", \"Family\"],\n    },\n    {\n      name: \"Favorites\",\n      items: [\"Holidays\", \"Birthdays\"],\n    },\n    {\n      name: \"Other\",\n      items: [\"Travel\", \"Reminders\", \"Deadlines\"],\n    },\n  ],\n}\n\nexport function SidebarRight({\n  ...props\n}: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      collapsible=\"none\"\n      className=\"sticky hidden lg:flex top-0 h-svh border-l\"\n      {...props}\n    >\n      <SidebarHeader className=\"h-16 border-b border-sidebar-border\">\n        <NavUser user={data.user} />\n      </SidebarHeader>\n      <SidebarContent>\n        <DatePicker />\n        <SidebarSeparator className=\"mx-0\" />\n        <Calendars calendars={data.calendars} />\n      </SidebarContent>\n      <SidebarFooter>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton>\n              <Plus />\n              <span>New Calendar</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarFooter>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/default/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/default/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton className=\"w-fit px-1.5\">\n              <div className=\"flex aspect-square size-5 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-3\" />\n              </div>\n              <span className=\"truncate font-semibold\">{activeTeam.name}</span>\n              <ChevronDown className=\"opacity-50\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-64 rounded-lg\"\n            align=\"start\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/toast.json b/apps/www/public/r/styles/default/toast.json
index b63de369762..32a7111a83c 100644
--- a/apps/www/public/r/styles/default/toast.json
+++ b/apps/www/public/r/styles/default/toast.json
@@ -8,17 +8,20 @@
     {
       "path": "ui/toast.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n  {\n    variants: {\n      variant: {\n        default: \"border bg-background text-foreground\",\n        destructive:\n          \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      \"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\"text-sm font-semibold\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n",
-      "type": "registry:ui"
+      "type": "registry:ui",
+      "target": ""
     },
     {
       "path": "hooks/use-toast.ts",
       "content": "\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"@/registry/default/ui/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  }\n}\n\nexport { useToast, toast }\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     },
     {
       "path": "ui/toaster.tsx",
       "content": "\"use client\"\n\nimport { useToast } from \"@/registry/default/hooks/use-toast\"\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from \"@/registry/default/ui/toast\"\n\nexport function Toaster() {\n  const { toasts } = useToast()\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} {...props}>\n            <div className=\"grid gap-1\">\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && (\n                <ToastDescription>{description}</ToastDescription>\n              )}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        )\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  )\n}\n",
-      "type": "registry:ui"
+      "type": "registry:ui",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/use-mobile.json b/apps/www/public/r/styles/default/use-mobile.json
index 079f52478dd..c2ca883e72f 100644
--- a/apps/www/public/r/styles/default/use-mobile.json
+++ b/apps/www/public/r/styles/default/use-mobile.json
@@ -5,7 +5,8 @@
     {
       "path": "hooks/use-mobile.tsx",
       "content": "import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/use-toast.json b/apps/www/public/r/styles/default/use-toast.json
index 5bc9d30e230..9380de6baad 100644
--- a/apps/www/public/r/styles/default/use-toast.json
+++ b/apps/www/public/r/styles/default/use-toast.json
@@ -5,7 +5,8 @@
     {
       "path": "hooks/use-toast.ts",
       "content": "\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"@/registry/default/ui/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  }\n}\n\nexport { useToast, toast }\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/utils.json b/apps/www/public/r/styles/default/utils.json
index 987ce3b08f1..35a61098015 100644
--- a/apps/www/public/r/styles/default/utils.json
+++ b/apps/www/public/r/styles/default/utils.json
@@ -9,7 +9,8 @@
     {
       "path": "lib/utils.ts",
       "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
-      "type": "registry:lib"
+      "type": "registry:lib",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/_sink.json b/apps/www/public/r/styles/new-york/_sink.json
index 411751e1c71..ee21c686b81 100644
--- a/apps/www/public/r/styles/new-york/_sink.json
+++ b/apps/www/public/r/styles/new-york/_sink.json
@@ -60,327 +60,392 @@
     {
       "path": "block/_sink/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  GalleryVerticalEnd,\n  Map,\n  PieChart,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/new-york/block/sidebar-07/components/nav-main\"\nimport { NavProjects } from \"@/registry/new-york/block/sidebar-07/components/nav-projects\"\nimport { NavUser } from \"@/registry/new-york/block/sidebar-07/components/nav-user\"\nimport { TeamSwitcher } from \"@/registry/new-york/block/sidebar-07/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: GalleryVerticalEnd,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/component-wrapper.tsx",
       "content": "import { cn } from \"@/registry/new-york/lib/utils\"\n\nexport function ComponentWrapper({\n  className,\n  name,\n  children,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\"> & { name: string }) {\n  return (\n    <div\n      className={cn(\"flex w-full flex-col rounded-lg border\", className)}\n      {...props}\n    >\n      <div className=\"border-b px-4 py-3\">\n        <div className=\"text-sm font-medium\">{name}</div>\n      </div>\n      <div className=\"flex flex-1 flex-col items-center justify-center gap-2 p-4 [&>div]:max-w-full\">\n        {children}\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible\n            key={item.title}\n            asChild\n            defaultOpen={item.isActive}\n            className=\"group/collapsible\"\n          >\n            <SidebarMenuItem>\n              <CollapsibleTrigger asChild>\n                <SidebarMenuButton tooltip={item.title}>\n                  {item.icon && <item.icon />}\n                  <span>{item.title}</span>\n                  <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                </SidebarMenuButton>\n              </CollapsibleTrigger>\n              <CollapsibleContent>\n                <SidebarMenuSub>\n                  {item.items?.map((subItem) => (\n                    <SidebarMenuSubItem key={subItem.title}>\n                      <SidebarMenuSubButton asChild>\n                        <a href={subItem.url}>\n                          <span>{subItem.title}</span>\n                        </a>\n                      </SidebarMenuSubButton>\n                    </SidebarMenuSubItem>\n                  ))}\n                </SidebarMenuSub>\n              </CollapsibleContent>\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  Forward,\n  MoreHorizontal,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Forward className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal className=\"text-sidebar-foreground/70\" />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">\n                  {activeTeam.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeam.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/accordion-demo.tsx",
       "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/new-york/ui/accordion\"\n\nexport function AccordionDemo() {\n  return (\n    <Accordion type=\"single\" collapsible className=\"w-full\">\n      <AccordionItem value=\"item-1\">\n        <AccordionTrigger>Is it accessible?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It adheres to the WAI-ARIA design pattern.\n        </AccordionContent>\n      </AccordionItem>\n      <AccordionItem value=\"item-2\">\n        <AccordionTrigger>Is it styled?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It comes with default styles that matches the other\n          components&apos; aesthetic.\n        </AccordionContent>\n      </AccordionItem>\n      <AccordionItem value=\"item-3\">\n        <AccordionTrigger>Is it animated?</AccordionTrigger>\n        <AccordionContent>\n          Yes. It's animated by default, but you can disable it if you prefer.\n        </AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/alert-demo.tsx",
       "content": "import { Terminal } from \"lucide-react\"\n\nimport {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n} from \"@/registry/new-york/ui/alert\"\n\nexport function AlertDemo() {\n  return (\n    <Alert>\n      <Terminal className=\"h-4 w-4\" />\n      <AlertTitle>Heads up!</AlertTitle>\n      <AlertDescription>\n        You can add components to your app using the cli.\n      </AlertDescription>\n    </Alert>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/alert-dialog-demo.tsx",
       "content": "import {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"@/registry/new-york/ui/alert-dialog\"\nimport { Button } from \"@/registry/new-york/ui/button\"\n\nexport function AlertDialogDemo() {\n  return (\n    <AlertDialog>\n      <AlertDialogTrigger asChild>\n        <Button variant=\"outline\">Show Dialog</Button>\n      </AlertDialogTrigger>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n          <AlertDialogDescription>\n            This action cannot be undone. This will permanently delete your\n            account and remove your data from our servers.\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>Cancel</AlertDialogCancel>\n          <AlertDialogAction>Continue</AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/aspect-ratio-demo.tsx",
       "content": "import Image from \"next/image\"\n\nimport { AspectRatio } from \"@/registry/new-york/ui/aspect-ratio\"\n\nexport function AspectRatioDemo() {\n  return (\n    <AspectRatio ratio={16 / 9} className=\"bg-muted\">\n      <Image\n        src=\"https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80\"\n        alt=\"Photo by Drew Beamer\"\n        fill\n        className=\"h-full w-full rounded-md object-cover\"\n      />\n    </AspectRatio>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/avatar-demo.tsx",
       "content": "import {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\n\nexport function AvatarDemo() {\n  return (\n    <Avatar>\n      <AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n      <AvatarFallback>CN</AvatarFallback>\n    </Avatar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-demo.tsx",
       "content": "import { Badge } from \"@/registry/new-york/ui/badge\"\n\nexport function BadgeDemo() {\n  return <Badge>Badge</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/breadcrumb-demo.tsx",
       "content": "import {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/registry/new-york/ui/breadcrumb\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\n\nexport function BreadcrumbDemo() {\n  return (\n    <Breadcrumb>\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"/\">Home</BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <DropdownMenu>\n            <DropdownMenuTrigger className=\"flex items-center gap-1\">\n              <BreadcrumbEllipsis className=\"h-4 w-4\" />\n              <span className=\"sr-only\">Toggle menu</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"start\">\n              <DropdownMenuItem>Documentation</DropdownMenuItem>\n              <DropdownMenuItem>Themes</DropdownMenuItem>\n              <DropdownMenuItem>GitHub</DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbLink href=\"/docs/components\">Components</BreadcrumbLink>\n        </BreadcrumbItem>\n        <BreadcrumbSeparator />\n        <BreadcrumbItem>\n          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>\n        </BreadcrumbItem>\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonDemo() {\n  return <Button>Button</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/calendar-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Calendar } from \"@/registry/new-york/ui/calendar\"\n\nexport function CalendarDemo() {\n  const [date, setDate] = React.useState<Date | undefined>(new Date())\n\n  return (\n    <Calendar\n      mode=\"single\"\n      selected={date}\n      onSelect={setDate}\n      className=\"rounded-md border shadow\"\n    />\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/card-demo.tsx",
       "content": "import { BellRing, Check } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport { Switch } from \"@/registry/new-york/ui/switch\"\n\nconst notifications = [\n  {\n    title: \"Your call has been confirmed.\",\n    description: \"1 hour ago\",\n  },\n  {\n    title: \"You have a new message!\",\n    description: \"1 hour ago\",\n  },\n  {\n    title: \"Your subscription is expiring soon!\",\n    description: \"2 hours ago\",\n  },\n]\n\ntype CardProps = React.ComponentProps<typeof Card>\n\nexport function CardDemo({ className, ...props }: CardProps) {\n  return (\n    <Card className={cn(\"w-[380px]\", className)} {...props}>\n      <CardHeader>\n        <CardTitle>Notifications</CardTitle>\n        <CardDescription>You have 3 unread messages.</CardDescription>\n      </CardHeader>\n      <CardContent className=\"grid gap-4\">\n        <div className=\" flex items-center space-x-4 rounded-md border p-4\">\n          <BellRing />\n          <div className=\"flex-1 space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">\n              Push Notifications\n            </p>\n            <p className=\"text-sm text-muted-foreground\">\n              Send notifications to device.\n            </p>\n          </div>\n          <Switch />\n        </div>\n        <div>\n          {notifications.map((notification, index) => (\n            <div\n              key={index}\n              className=\"mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0\"\n            >\n              <span className=\"flex h-2 w-2 translate-y-1 rounded-full bg-sky-500\" />\n              <div className=\"space-y-1\">\n                <p className=\"text-sm font-medium leading-none\">\n                  {notification.title}\n                </p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {notification.description}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </CardContent>\n      <CardFooter>\n        <Button className=\"w-full\">\n          <Check /> Mark all as read\n        </Button>\n      </CardFooter>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/carousel-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport { Card, CardContent } from \"@/registry/new-york/ui/card\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from \"@/registry/new-york/ui/carousel\"\n\nexport function CarouselDemo() {\n  return (\n    <Carousel className=\"w-full max-w-xs\">\n      <CarouselContent>\n        {Array.from({ length: 5 }).map((_, index) => (\n          <CarouselItem key={index}>\n            <div className=\"p-1\">\n              <Card>\n                <CardContent className=\"flex aspect-square items-center justify-center p-6\">\n                  <span className=\"text-4xl font-semibold\">{index + 1}</span>\n                </CardContent>\n              </Card>\n            </div>\n          </CarouselItem>\n        ))}\n      </CarouselContent>\n      <CarouselPrevious />\n      <CarouselNext />\n    </Carousel>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/checkbox-demo.tsx",
       "content": "\"use client\"\n\nimport { Checkbox } from \"@/registry/new-york/ui/checkbox\"\n\nexport function CheckboxDemo() {\n  return (\n    <div className=\"flex items-center space-x-2\">\n      <Checkbox id=\"terms\" />\n      <label\n        htmlFor=\"terms\"\n        className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n      >\n        Accept terms and conditions\n      </label>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/collapsible-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown } from \"lucide-react\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\n\nexport function CollapsibleDemo() {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  return (\n    <Collapsible\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      className=\"w-[350px] space-y-2\"\n    >\n      <div className=\"flex items-center justify-between space-x-4 px-4\">\n        <h4 className=\"text-sm font-semibold\">\n          @peduarte starred 3 repositories\n        </h4>\n        <CollapsibleTrigger asChild>\n          <Button variant=\"ghost\" size=\"sm\">\n            <ChevronsUpDown className=\"h-4 w-4\" />\n            <span className=\"sr-only\">Toggle</span>\n          </Button>\n        </CollapsibleTrigger>\n      </div>\n      <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n        @radix-ui/primitives\n      </div>\n      <CollapsibleContent className=\"space-y-2\">\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n          @radix-ui/colors\n        </div>\n        <div className=\"rounded-md border px-4 py-2 font-mono text-sm shadow-sm\">\n          @stitches/react\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/combobox-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"@/registry/new-york/ui/command\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/new-york/ui/popover\"\n\nconst frameworks = [\n  {\n    value: \"next.js\",\n    label: \"Next.js\",\n  },\n  {\n    value: \"sveltekit\",\n    label: \"SvelteKit\",\n  },\n  {\n    value: \"nuxt.js\",\n    label: \"Nuxt.js\",\n  },\n  {\n    value: \"remix\",\n    label: \"Remix\",\n  },\n  {\n    value: \"astro\",\n    label: \"Astro\",\n  },\n]\n\nexport function ComboboxDemo() {\n  const [open, setOpen] = React.useState(false)\n  const [value, setValue] = React.useState(\"\")\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          className=\"w-[200px] justify-between\"\n        >\n          {value\n            ? frameworks.find((framework) => framework.value === value)?.label\n            : \"Select framework...\"}\n          <ChevronsUpDown className=\"opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[200px] p-0\">\n        <Command>\n          <CommandInput placeholder=\"Search framework...\" className=\"h-9\" />\n          <CommandList>\n            <CommandEmpty>No framework found.</CommandEmpty>\n            <CommandGroup>\n              {frameworks.map((framework) => (\n                <CommandItem\n                  key={framework.value}\n                  value={framework.value}\n                  onSelect={(currentValue) => {\n                    setValue(currentValue === value ? \"\" : currentValue)\n                    setOpen(false)\n                  }}\n                >\n                  {framework.label}\n                  <Check\n                    className={cn(\n                      \"ml-auto\",\n                      value === framework.value ? \"opacity-100\" : \"opacity-0\"\n                    )}\n                  />\n                </CommandItem>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/command-demo.tsx",
       "content": "import {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from \"lucide-react\"\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from \"@/registry/new-york/ui/command\"\n\nexport function CommandDemo() {\n  return (\n    <Command className=\"rounded-lg border shadow-md md:min-w-[450px]\">\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem>\n            <Calendar />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <Smile />\n            <span>Search Emoji</span>\n          </CommandItem>\n          <CommandItem disabled>\n            <Calculator />\n            <span>Calculator</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n        <CommandGroup heading=\"Settings\">\n          <CommandItem>\n            <User />\n            <span>Profile</span>\n            <CommandShortcut>⌘P</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <CreditCard />\n            <span>Billing</span>\n            <CommandShortcut>⌘B</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <Settings />\n            <span>Settings</span>\n            <CommandShortcut>⌘S</CommandShortcut>\n          </CommandItem>\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/context-menu-demo.tsx",
       "content": "import {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from \"@/registry/new-york/ui/context-menu\"\n\nexport function ContextMenuDemo() {\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger className=\"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm\">\n        Right click here\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        <ContextMenuItem inset>\n          Back\n          <ContextMenuShortcut>⌘[</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuItem inset disabled>\n          Forward\n          <ContextMenuShortcut>⌘]</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuItem inset>\n          Reload\n          <ContextMenuShortcut>⌘R</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem>\n              Save Page As...\n              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>\n            </ContextMenuItem>\n            <ContextMenuItem>Create Shortcut...</ContextMenuItem>\n            <ContextMenuItem>Name Window...</ContextMenuItem>\n            <ContextMenuSeparator />\n            <ContextMenuItem>Developer Tools</ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem checked>\n          Show Bookmarks Bar\n          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>\n        <ContextMenuSeparator />\n        <ContextMenuRadioGroup value=\"pedro\">\n          <ContextMenuLabel inset>People</ContextMenuLabel>\n          <ContextMenuSeparator />\n          <ContextMenuRadioItem value=\"pedro\">\n            Pedro Duarte\n          </ContextMenuRadioItem>\n          <ContextMenuRadioItem value=\"colm\">Colm Tuite</ContextMenuRadioItem>\n        </ContextMenuRadioGroup>\n      </ContextMenuContent>\n    </ContextMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/date-picker-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { format } from \"date-fns\"\nimport { CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport { Calendar } from \"@/registry/new-york/ui/calendar\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/new-york/ui/popover\"\n\nexport function DatePickerDemo() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant={\"outline\"}\n          className={cn(\n            \"w-[240px] justify-start text-left font-normal\",\n            !date && \"text-muted-foreground\"\n          )}\n        >\n          <CalendarIcon />\n          {date ? format(date, \"PPP\") : <span>Pick a date</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"single\"\n          selected={date}\n          onSelect={setDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/dialog-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/registry/new-york/ui/dialog\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport { Label } from \"@/registry/new-york/ui/label\"\n\nexport function DialogDemo() {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <Button variant=\"outline\">Edit Profile</Button>\n      </DialogTrigger>\n      <DialogContent className=\"sm:max-w-[425px]\">\n        <DialogHeader>\n          <DialogTitle>Edit profile</DialogTitle>\n          <DialogDescription>\n            Make changes to your profile here. Click save when you're done.\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"grid gap-4 py-4\">\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"name\" className=\"text-right\">\n              Name\n            </Label>\n            <Input id=\"name\" value=\"Pedro Duarte\" className=\"col-span-3\" />\n          </div>\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"username\" className=\"text-right\">\n              Username\n            </Label>\n            <Input id=\"username\" value=\"@peduarte\" className=\"col-span-3\" />\n          </div>\n        </div>\n        <DialogFooter>\n          <Button type=\"submit\">Save changes</Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/drawer-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Minus, Plus } from \"lucide-react\"\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Drawer,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"@/registry/new-york/ui/drawer\"\n\nconst data = [\n  {\n    goal: 400,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 278,\n  },\n  {\n    goal: 189,\n  },\n  {\n    goal: 239,\n  },\n  {\n    goal: 300,\n  },\n  {\n    goal: 200,\n  },\n  {\n    goal: 278,\n  },\n  {\n    goal: 189,\n  },\n  {\n    goal: 349,\n  },\n]\n\nexport function DrawerDemo() {\n  const [goal, setGoal] = React.useState(350)\n\n  function onClick(adjustment: number) {\n    setGoal(Math.max(200, Math.min(400, goal + adjustment)))\n  }\n\n  return (\n    <Drawer>\n      <DrawerTrigger asChild>\n        <Button variant=\"outline\">Open Drawer</Button>\n      </DrawerTrigger>\n      <DrawerContent>\n        <div className=\"mx-auto w-full max-w-sm\">\n          <DrawerHeader>\n            <DrawerTitle>Move Goal</DrawerTitle>\n            <DrawerDescription>Set your daily activity goal.</DrawerDescription>\n          </DrawerHeader>\n          <div className=\"p-4 pb-0\">\n            <div className=\"flex items-center justify-center space-x-2\">\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 rounded-full\"\n                onClick={() => onClick(-10)}\n                disabled={goal <= 200}\n              >\n                <Minus />\n                <span className=\"sr-only\">Decrease</span>\n              </Button>\n              <div className=\"flex-1 text-center\">\n                <div className=\"text-7xl font-bold tracking-tighter\">\n                  {goal}\n                </div>\n                <div className=\"text-[0.70rem] uppercase text-muted-foreground\">\n                  Calories/day\n                </div>\n              </div>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 rounded-full\"\n                onClick={() => onClick(10)}\n                disabled={goal >= 400}\n              >\n                <Plus />\n                <span className=\"sr-only\">Increase</span>\n              </Button>\n            </div>\n            <div className=\"mt-3 h-[120px]\">\n              <ResponsiveContainer width=\"100%\" height=\"100%\">\n                <BarChart data={data}>\n                  <Bar\n                    dataKey=\"goal\"\n                    style={\n                      {\n                        fill: \"hsl(var(--foreground))\",\n                        opacity: 0.9,\n                      } as React.CSSProperties\n                    }\n                  />\n                </BarChart>\n              </ResponsiveContainer>\n            </div>\n          </div>\n          <DrawerFooter>\n            <Button>Submit</Button>\n            <DrawerClose asChild>\n              <Button variant=\"outline\">Cancel</Button>\n            </DrawerClose>\n          </DrawerFooter>\n        </div>\n      </DrawerContent>\n    </Drawer>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/dropdown-menu-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\n\nexport function DropdownMenuDemo() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">Open</Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"w-56\">\n        <DropdownMenuLabel>My Account</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            Profile\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Billing\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Settings\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            Keyboard shortcuts\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>Team</DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>Email</DropdownMenuItem>\n                <DropdownMenuItem>Message</DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>More...</DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            New Team\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>GitHub</DropdownMenuItem>\n        <DropdownMenuItem>Support</DropdownMenuItem>\n        <DropdownMenuItem disabled>API</DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          Log out\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/hover-card-demo.tsx",
       "content": "import { CalendarIcon } from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/registry/new-york/ui/hover-card\"\n\nexport function HoverCardDemo() {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild>\n        <Button variant=\"link\">@nextjs</Button>\n      </HoverCardTrigger>\n      <HoverCardContent className=\"w-80\">\n        <div className=\"flex justify-between space-x-4\">\n          <Avatar>\n            <AvatarImage src=\"https://github.com/vercel.png\" />\n            <AvatarFallback>VC</AvatarFallback>\n          </Avatar>\n          <div className=\"space-y-1\">\n            <h4 className=\"text-sm font-semibold\">@nextjs</h4>\n            <p className=\"text-sm\">\n              The React Framework – created and maintained by @vercel.\n            </p>\n            <div className=\"flex items-center pt-2\">\n              <CalendarIcon className=\"mr-2 h-4 w-4 opacity-70\" />{\" \"}\n              <span className=\"text-xs text-muted-foreground\">\n                Joined December 2021\n              </span>\n            </div>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/input-demo.tsx",
       "content": "import { Input } from \"@/registry/new-york/ui/input\"\n\nexport function InputDemo() {\n  return <Input type=\"email\" placeholder=\"Email\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/input-otp-demo.tsx",
       "content": "import {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSeparator,\n  InputOTPSlot,\n} from \"@/registry/new-york/ui/input-otp\"\n\nexport function InputOTPDemo() {\n  return (\n    <InputOTP maxLength={6}>\n      <InputOTPGroup>\n        <InputOTPSlot index={0} />\n        <InputOTPSlot index={1} />\n        <InputOTPSlot index={2} />\n      </InputOTPGroup>\n      <InputOTPSeparator />\n      <InputOTPGroup>\n        <InputOTPSlot index={3} />\n        <InputOTPSlot index={4} />\n        <InputOTPSlot index={5} />\n      </InputOTPGroup>\n    </InputOTP>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/label-demo.tsx",
       "content": "import { Checkbox } from \"@/registry/new-york/ui/checkbox\"\nimport { Label } from \"@/registry/new-york/ui/label\"\n\nexport function LabelDemo() {\n  return (\n    <div>\n      <div className=\"flex items-center space-x-2\">\n        <Checkbox id=\"terms\" />\n        <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/menubar-demo.tsx",
       "content": "import {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarItem,\n  MenubarMenu,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n} from \"@/registry/new-york/ui/menubar\"\n\nexport function MenubarDemo() {\n  return (\n    <Menubar>\n      <MenubarMenu>\n        <MenubarTrigger>File</MenubarTrigger>\n        <MenubarContent>\n          <MenubarItem>\n            New Tab <MenubarShortcut>⌘T</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem>\n            New Window <MenubarShortcut>⌘N</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem disabled>New Incognito Window</MenubarItem>\n          <MenubarSeparator />\n          <MenubarSub>\n            <MenubarSubTrigger>Share</MenubarSubTrigger>\n            <MenubarSubContent>\n              <MenubarItem>Email link</MenubarItem>\n              <MenubarItem>Messages</MenubarItem>\n              <MenubarItem>Notes</MenubarItem>\n            </MenubarSubContent>\n          </MenubarSub>\n          <MenubarSeparator />\n          <MenubarItem>\n            Print... <MenubarShortcut>⌘P</MenubarShortcut>\n          </MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>Edit</MenubarTrigger>\n        <MenubarContent>\n          <MenubarItem>\n            Undo <MenubarShortcut>⌘Z</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem>\n            Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>\n          </MenubarItem>\n          <MenubarSeparator />\n          <MenubarSub>\n            <MenubarSubTrigger>Find</MenubarSubTrigger>\n            <MenubarSubContent>\n              <MenubarItem>Search the web</MenubarItem>\n              <MenubarSeparator />\n              <MenubarItem>Find...</MenubarItem>\n              <MenubarItem>Find Next</MenubarItem>\n              <MenubarItem>Find Previous</MenubarItem>\n            </MenubarSubContent>\n          </MenubarSub>\n          <MenubarSeparator />\n          <MenubarItem>Cut</MenubarItem>\n          <MenubarItem>Copy</MenubarItem>\n          <MenubarItem>Paste</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>View</MenubarTrigger>\n        <MenubarContent>\n          <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>\n          <MenubarCheckboxItem checked>\n            Always Show Full URLs\n          </MenubarCheckboxItem>\n          <MenubarSeparator />\n          <MenubarItem inset>\n            Reload <MenubarShortcut>⌘R</MenubarShortcut>\n          </MenubarItem>\n          <MenubarItem disabled inset>\n            Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>\n          </MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Toggle Fullscreen</MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Hide Sidebar</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n      <MenubarMenu>\n        <MenubarTrigger>Profiles</MenubarTrigger>\n        <MenubarContent>\n          <MenubarRadioGroup value=\"benoit\">\n            <MenubarRadioItem value=\"andy\">Andy</MenubarRadioItem>\n            <MenubarRadioItem value=\"benoit\">Benoit</MenubarRadioItem>\n            <MenubarRadioItem value=\"Luis\">Luis</MenubarRadioItem>\n          </MenubarRadioGroup>\n          <MenubarSeparator />\n          <MenubarItem inset>Edit...</MenubarItem>\n          <MenubarSeparator />\n          <MenubarItem inset>Add Profile...</MenubarItem>\n        </MenubarContent>\n      </MenubarMenu>\n    </Menubar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/navigation-menu-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport Link from \"next/link\"\n\nimport { cn } from \"@/lib/utils\"\nimport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n} from \"@/registry/new-york/ui/navigation-menu\"\n\nconst components: { title: string; href: string; description: string }[] = [\n  {\n    title: \"Alert Dialog\",\n    href: \"/docs/primitives/alert-dialog\",\n    description:\n      \"A modal dialog that interrupts the user with important content and expects a response.\",\n  },\n  {\n    title: \"Hover Card\",\n    href: \"/docs/primitives/hover-card\",\n    description:\n      \"For sighted users to preview content available behind a link.\",\n  },\n  {\n    title: \"Progress\",\n    href: \"/docs/primitives/progress\",\n    description:\n      \"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.\",\n  },\n  {\n    title: \"Scroll-area\",\n    href: \"/docs/primitives/scroll-area\",\n    description: \"Visually or semantically separates content.\",\n  },\n  {\n    title: \"Tabs\",\n    href: \"/docs/primitives/tabs\",\n    description:\n      \"A set of layered sections of content—known as tab panels—that are displayed one at a time.\",\n  },\n  {\n    title: \"Tooltip\",\n    href: \"/docs/primitives/tooltip\",\n    description:\n      \"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.\",\n  },\n]\n\nexport function NavigationMenuDemo() {\n  return (\n    <NavigationMenu>\n      <NavigationMenuList>\n        <NavigationMenuItem>\n          <NavigationMenuTrigger>Getting started</NavigationMenuTrigger>\n          <NavigationMenuContent>\n            <ul className=\"grid gap-3 p-4 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]\">\n              <li className=\"row-span-3\">\n                <NavigationMenuLink asChild>\n                  <a\n                    className=\"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md\"\n                    href=\"/\"\n                  >\n                    <div className=\"mb-2 mt-4 text-lg font-medium\">\n                      shadcn/ui\n                    </div>\n                    <p className=\"text-sm leading-tight text-muted-foreground\">\n                      Beautifully designed components built with Radix UI and\n                      Tailwind CSS.\n                    </p>\n                  </a>\n                </NavigationMenuLink>\n              </li>\n              <ListItem href=\"/docs\" title=\"Introduction\">\n                Re-usable components built using Radix UI and Tailwind CSS.\n              </ListItem>\n              <ListItem href=\"/docs/installation\" title=\"Installation\">\n                How to install dependencies and structure your app.\n              </ListItem>\n              <ListItem href=\"/docs/primitives/typography\" title=\"Typography\">\n                Styles for headings, paragraphs, lists...etc\n              </ListItem>\n            </ul>\n          </NavigationMenuContent>\n        </NavigationMenuItem>\n        <NavigationMenuItem>\n          <NavigationMenuTrigger>Components</NavigationMenuTrigger>\n          <NavigationMenuContent>\n            <ul className=\"grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] \">\n              {components.map((component) => (\n                <ListItem\n                  key={component.title}\n                  title={component.title}\n                  href={component.href}\n                >\n                  {component.description}\n                </ListItem>\n              ))}\n            </ul>\n          </NavigationMenuContent>\n        </NavigationMenuItem>\n        <NavigationMenuItem>\n          <Link href=\"/docs\" legacyBehavior passHref>\n            <NavigationMenuLink className={navigationMenuTriggerStyle()}>\n              Documentation\n            </NavigationMenuLink>\n          </Link>\n        </NavigationMenuItem>\n      </NavigationMenuList>\n    </NavigationMenu>\n  )\n}\n\nconst ListItem = React.forwardRef<\n  React.ElementRef<\"a\">,\n  React.ComponentPropsWithoutRef<\"a\">\n>(({ className, title, children, ...props }, ref) => {\n  return (\n    <li>\n      <NavigationMenuLink asChild>\n        <a\n          ref={ref}\n          className={cn(\n            \"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n            className\n          )}\n          {...props}\n        >\n          <div className=\"text-sm font-medium leading-none\">{title}</div>\n          <p className=\"line-clamp-2 text-sm leading-snug text-muted-foreground\">\n            {children}\n          </p>\n        </a>\n      </NavigationMenuLink>\n    </li>\n  )\n})\nListItem.displayName = \"ListItem\"\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/pagination-demo.tsx",
       "content": "import {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n} from \"@/registry/new-york/ui/pagination\"\n\nexport function PaginationDemo() {\n  return (\n    <Pagination>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious href=\"#\" />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">1</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\" isActive>\n            2\n          </PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationLink href=\"#\">3</PaginationLink>\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationEllipsis />\n        </PaginationItem>\n        <PaginationItem>\n          <PaginationNext href=\"#\" />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/popover-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/new-york/ui/popover\"\n\nexport function PopoverDemo() {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\">Open popover</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80\">\n        <div className=\"grid gap-4\">\n          <div className=\"space-y-2\">\n            <h4 className=\"font-medium leading-none\">Dimensions</h4>\n            <p className=\"text-sm text-muted-foreground\">\n              Set the dimensions for the layer.\n            </p>\n          </div>\n          <div className=\"grid gap-2\">\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"width\">Width</Label>\n              <Input\n                id=\"width\"\n                defaultValue=\"100%\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"maxWidth\">Max. width</Label>\n              <Input\n                id=\"maxWidth\"\n                defaultValue=\"300px\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"height\">Height</Label>\n              <Input\n                id=\"height\"\n                defaultValue=\"25px\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"maxHeight\">Max. height</Label>\n              <Input\n                id=\"maxHeight\"\n                defaultValue=\"none\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/progress-demo.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { Progress } from \"@/registry/new-york/ui/progress\"\n\nexport function ProgressDemo() {\n  const [progress, setProgress] = React.useState(13)\n\n  React.useEffect(() => {\n    const timer = setTimeout(() => setProgress(66), 500)\n    return () => clearTimeout(timer)\n  }, [])\n\n  return <Progress value={progress} className=\"w-[60%]\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/radio-group-demo.tsx",
       "content": "import { Label } from \"@/registry/new-york/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/new-york/ui/radio-group\"\n\nexport function RadioGroupDemo() {\n  return (\n    <RadioGroup defaultValue=\"comfortable\">\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"default\" id=\"r1\" />\n        <Label htmlFor=\"r1\">Default</Label>\n      </div>\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"comfortable\" id=\"r2\" />\n        <Label htmlFor=\"r2\">Comfortable</Label>\n      </div>\n      <div className=\"flex items-center space-x-2\">\n        <RadioGroupItem value=\"compact\" id=\"r3\" />\n        <Label htmlFor=\"r3\">Compact</Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/resizable-handle.tsx",
       "content": "import {\n  ResizableHandle,\n  ResizablePanel,\n  ResizablePanelGroup,\n} from \"@/registry/new-york/ui/resizable\"\n\nexport function ResizableHandleDemo() {\n  return (\n    <ResizablePanelGroup\n      direction=\"horizontal\"\n      className=\"min-h-[200px] max-w-md rounded-lg border md:min-w-[450px]\"\n    >\n      <ResizablePanel defaultSize={25}>\n        <div className=\"flex h-full items-center justify-center p-6\">\n          <span className=\"font-semibold\">Sidebar</span>\n        </div>\n      </ResizablePanel>\n      <ResizableHandle withHandle />\n      <ResizablePanel defaultSize={75}>\n        <div className=\"flex h-full items-center justify-center p-6\">\n          <span className=\"font-semibold\">Content</span>\n        </div>\n      </ResizablePanel>\n    </ResizablePanelGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/scroll-area-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport { ScrollArea } from \"@/registry/new-york/ui/scroll-area\"\nimport { Separator } from \"@/registry/new-york/ui/separator\"\n\nconst tags = Array.from({ length: 50 }).map(\n  (_, i, a) => `v1.2.0-beta.${a.length - i}`\n)\n\nexport function ScrollAreaDemo() {\n  return (\n    <ScrollArea className=\"h-72 w-48 rounded-md border\">\n      <div className=\"p-4\">\n        <h4 className=\"mb-4 text-sm font-medium leading-none\">Tags</h4>\n        {tags.map((tag) => (\n          <React.Fragment key={tag}>\n            <div className=\"text-sm\">{tag}</div>\n            <Separator className=\"my-2\" />\n          </React.Fragment>\n        ))}\n      </div>\n    </ScrollArea>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/select-demo.tsx",
       "content": "import * as React from \"react\"\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from \"@/registry/new-york/ui/select\"\n\nexport function SelectDemo() {\n  return (\n    <Select>\n      <SelectTrigger className=\"w-[180px]\">\n        <SelectValue placeholder=\"Select a fruit\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Fruits</SelectLabel>\n          <SelectItem value=\"apple\">Apple</SelectItem>\n          <SelectItem value=\"banana\">Banana</SelectItem>\n          <SelectItem value=\"blueberry\">Blueberry</SelectItem>\n          <SelectItem value=\"grapes\">Grapes</SelectItem>\n          <SelectItem value=\"pineapple\">Pineapple</SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/separator-demo.tsx",
       "content": "import { Separator } from \"@/registry/new-york/ui/separator\"\n\nexport function SeparatorDemo() {\n  return (\n    <div>\n      <div className=\"space-y-1\">\n        <h4 className=\"text-sm font-medium leading-none\">Radix Primitives</h4>\n        <p className=\"text-sm text-muted-foreground\">\n          An open-source UI component library.\n        </p>\n      </div>\n      <Separator className=\"my-4\" />\n      <div className=\"flex h-5 items-center space-x-4 text-sm\">\n        <div>Blog</div>\n        <Separator orientation=\"vertical\" />\n        <div>Docs</div>\n        <Separator orientation=\"vertical\" />\n        <div>Source</div>\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/sheet-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/registry/new-york/ui/sheet\"\n\nexport function SheetDemo() {\n  return (\n    <Sheet>\n      <SheetTrigger asChild>\n        <Button variant=\"outline\">Open</Button>\n      </SheetTrigger>\n      <SheetContent>\n        <SheetHeader>\n          <SheetTitle>Edit profile</SheetTitle>\n          <SheetDescription>\n            Make changes to your profile here. Click save when you're done.\n          </SheetDescription>\n        </SheetHeader>\n        <div className=\"grid gap-4 py-4\">\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"name\" className=\"text-right\">\n              Name\n            </Label>\n            <Input id=\"name\" value=\"Pedro Duarte\" className=\"col-span-3\" />\n          </div>\n          <div className=\"grid grid-cols-4 items-center gap-4\">\n            <Label htmlFor=\"username\" className=\"text-right\">\n              Username\n            </Label>\n            <Input id=\"username\" value=\"@peduarte\" className=\"col-span-3\" />\n          </div>\n        </div>\n        <SheetFooter>\n          <SheetClose asChild>\n            <Button type=\"submit\">Save changes</Button>\n          </SheetClose>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/skeleton-demo.tsx",
       "content": "import { Skeleton } from \"@/registry/new-york/ui/skeleton\"\n\nexport function SkeletonDemo() {\n  return (\n    <div className=\"flex items-center space-x-4\">\n      <Skeleton className=\"h-12 w-12 rounded-full\" />\n      <div className=\"space-y-2\">\n        <Skeleton className=\"h-4 w-[250px]\" />\n        <Skeleton className=\"h-4 w-[200px]\" />\n      </div>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/slider-demo.tsx",
       "content": "import { cn } from \"@/lib/utils\"\nimport { Slider } from \"@/registry/new-york/ui/slider\"\n\ntype SliderProps = React.ComponentProps<typeof Slider>\n\nexport function SliderDemo({ className, ...props }: SliderProps) {\n  return (\n    <Slider\n      defaultValue={[50]}\n      max={100}\n      step={1}\n      className={cn(\"w-[60%]\", className)}\n      {...props}\n    />\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/sonner-demo.tsx",
       "content": "\"use client\"\n\nimport { toast } from \"sonner\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\n\nexport function SonnerDemo() {\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() =>\n        toast(\"Event has been created\", {\n          description: \"Sunday, December 03, 2023 at 9:00 AM\",\n          action: {\n            label: \"Undo\",\n            onClick: () => console.log(\"Undo\"),\n          },\n        })\n      }\n    >\n      Show Toast\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/switch-demo.tsx",
       "content": "import { Label } from \"@/registry/new-york/ui/label\"\nimport { Switch } from \"@/registry/new-york/ui/switch\"\n\nexport function SwitchDemo() {\n  return (\n    <div className=\"flex items-center space-x-2\">\n      <Switch id=\"airplane-mode\" />\n      <Label htmlFor=\"airplane-mode\">Airplane Mode</Label>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/table-demo.tsx",
       "content": "import {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/registry/new-york/ui/table\"\n\nconst invoices = [\n  {\n    invoice: \"INV001\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$250.00\",\n    paymentMethod: \"Credit Card\",\n  },\n  {\n    invoice: \"INV002\",\n    paymentStatus: \"Pending\",\n    totalAmount: \"$150.00\",\n    paymentMethod: \"PayPal\",\n  },\n  {\n    invoice: \"INV003\",\n    paymentStatus: \"Unpaid\",\n    totalAmount: \"$350.00\",\n    paymentMethod: \"Bank Transfer\",\n  },\n  {\n    invoice: \"INV004\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$450.00\",\n    paymentMethod: \"Credit Card\",\n  },\n  {\n    invoice: \"INV005\",\n    paymentStatus: \"Paid\",\n    totalAmount: \"$550.00\",\n    paymentMethod: \"PayPal\",\n  },\n  {\n    invoice: \"INV006\",\n    paymentStatus: \"Pending\",\n    totalAmount: \"$200.00\",\n    paymentMethod: \"Bank Transfer\",\n  },\n  {\n    invoice: \"INV007\",\n    paymentStatus: \"Unpaid\",\n    totalAmount: \"$300.00\",\n    paymentMethod: \"Credit Card\",\n  },\n]\n\nexport function TableDemo() {\n  return (\n    <Table>\n      <TableCaption>A list of your recent invoices.</TableCaption>\n      <TableHeader>\n        <TableRow>\n          <TableHead className=\"w-[100px]\">Invoice</TableHead>\n          <TableHead>Status</TableHead>\n          <TableHead>Method</TableHead>\n          <TableHead className=\"text-right\">Amount</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {invoices.map((invoice) => (\n          <TableRow key={invoice.invoice}>\n            <TableCell className=\"font-medium\">{invoice.invoice}</TableCell>\n            <TableCell>{invoice.paymentStatus}</TableCell>\n            <TableCell>{invoice.paymentMethod}</TableCell>\n            <TableCell className=\"text-right\">{invoice.totalAmount}</TableCell>\n          </TableRow>\n        ))}\n      </TableBody>\n      <TableFooter>\n        <TableRow>\n          <TableCell colSpan={3}>Total</TableCell>\n          <TableCell className=\"text-right\">$2,500.00</TableCell>\n        </TableRow>\n      </TableFooter>\n    </Table>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/tabs-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@/registry/new-york/ui/tabs\"\n\nexport function TabsDemo() {\n  return (\n    <Tabs defaultValue=\"account\" className=\"w-[400px]\">\n      <TabsList className=\"grid w-full grid-cols-2\">\n        <TabsTrigger value=\"account\">Account</TabsTrigger>\n        <TabsTrigger value=\"password\">Password</TabsTrigger>\n      </TabsList>\n      <TabsContent value=\"account\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Account</CardTitle>\n            <CardDescription>\n              Make changes to your account here. Click save when you're done.\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"name\">Name</Label>\n              <Input id=\"name\" defaultValue=\"Pedro Duarte\" />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"username\">Username</Label>\n              <Input id=\"username\" defaultValue=\"@peduarte\" />\n            </div>\n          </CardContent>\n          <CardFooter>\n            <Button>Save changes</Button>\n          </CardFooter>\n        </Card>\n      </TabsContent>\n      <TabsContent value=\"password\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Password</CardTitle>\n            <CardDescription>\n              Change your password here. After saving, you'll be logged out.\n            </CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-2\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"current\">Current password</Label>\n              <Input id=\"current\" type=\"password\" />\n            </div>\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"new\">New password</Label>\n              <Input id=\"new\" type=\"password\" />\n            </div>\n          </CardContent>\n          <CardFooter>\n            <Button>Save password</Button>\n          </CardFooter>\n        </Card>\n      </TabsContent>\n    </Tabs>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/textarea-demo.tsx",
       "content": "import { Textarea } from \"@/registry/new-york/ui/textarea\"\n\nexport function TextareaDemo() {\n  return <Textarea placeholder=\"Type your message here.\" />\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toast-demo.tsx",
       "content": "\"use client\"\n\nimport { useToast } from \"@/registry/new-york/hooks/use-toast\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport { ToastAction } from \"@/registry/new-york/ui/toast\"\n\nexport function ToastDemo() {\n  const { toast } = useToast()\n\n  return (\n    <Button\n      variant=\"outline\"\n      onClick={() => {\n        toast({\n          title: \"Scheduled: Catch up \",\n          description: \"Friday, February 10, 2023 at 5:57 PM\",\n          action: (\n            <ToastAction altText=\"Goto schedule to undo\">Undo</ToastAction>\n          ),\n        })\n      }}\n    >\n      Add to calendar\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-demo.tsx",
       "content": "import { Bold } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/new-york/ui/toggle\"\n\nexport function ToggleDemo() {\n  return (\n    <Toggle aria-label=\"Toggle italic\">\n      <Bold className=\"h-4 w-4\" />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-group-demo.tsx",
       "content": "import { Bold, Italic, Underline } from \"lucide-react\"\n\nimport {\n  ToggleGroup,\n  ToggleGroupItem,\n} from \"@/registry/new-york/ui/toggle-group\"\n\nexport function ToggleGroupDemo() {\n  return (\n    <ToggleGroup type=\"multiple\">\n      <ToggleGroupItem value=\"bold\" aria-label=\"Toggle bold\">\n        <Bold className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"italic\" aria-label=\"Toggle italic\">\n        <Italic className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n      <ToggleGroupItem value=\"strikethrough\" aria-label=\"Toggle strikethrough\">\n        <Underline className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/tooltip-demo.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/new-york/ui/tooltip\"\n\nexport function TooltipDemo() {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\">Hover</Button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>Add to library</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-destructive.tsx",
       "content": "import { Badge } from \"@/registry/new-york/ui/badge\"\n\nexport function BadgeDestructive() {\n  return <Badge variant=\"destructive\">Destructive</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-outline.tsx",
       "content": "import { Badge } from \"@/registry/new-york/ui/badge\"\n\nexport function BadgeOutline() {\n  return <Badge variant=\"outline\">Outline</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/badge-secondary.tsx",
       "content": "import { Badge } from \"@/registry/new-york/ui/badge\"\n\nexport function BadgeSecondary() {\n  return <Badge variant=\"secondary\">Secondary</Badge>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-destructive.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonDestructive() {\n  return <Button variant=\"destructive\">Destructive</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-ghost.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonGhost() {\n  return <Button variant=\"ghost\">Ghost</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-link.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonLink() {\n  return <Button variant=\"link\">Link</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-loading.tsx",
       "content": "import { Loader2 } from \"lucide-react\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonLoading() {\n  return (\n    <Button disabled>\n      <Loader2 className=\"animate-spin\" />\n      Please wait\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-outline.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonOutline() {\n  return <Button variant=\"outline\">Outline</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-secondary.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonSecondary() {\n  return <Button variant=\"secondary\">Secondary</Button>\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/button-with-icon.tsx",
       "content": "import { MailOpen } from \"lucide-react\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\n\nexport function ButtonWithIcon() {\n  return (\n    <Button>\n      <MailOpen /> Login with Email\n    </Button>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-disabled.tsx",
       "content": "import { Underline } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/new-york/ui/toggle\"\n\nexport function ToggleDisabled() {\n  return (\n    <Toggle aria-label=\"Toggle italic\" disabled>\n      <Underline className=\"h-4 w-4\" />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-outline.tsx",
       "content": "import { Italic } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/new-york/ui/toggle\"\n\nexport function ToggleOutline() {\n  return (\n    <Toggle variant=\"outline\" aria-label=\"Toggle italic\">\n      <Italic />\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/_sink/components/toggle-with-text.tsx",
       "content": "import { Italic } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/new-york/ui/toggle\"\n\nexport function ToggleWithText() {\n  return (\n    <Toggle aria-label=\"Toggle italic\">\n      <Italic />\n      Italic\n    </Toggle>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/chart-area-interactive.json b/apps/www/public/r/styles/new-york/chart-area-interactive.json
index 3ad4dc94bab..eae1d903051 100644
--- a/apps/www/public/r/styles/new-york/chart-area-interactive.json
+++ b/apps/www/public/r/styles/new-york/chart-area-interactive.json
@@ -11,7 +11,8 @@
     {
       "path": "block/chart-area-interactive.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Area, AreaChart, CartesianGrid, XAxis } from \"recharts\"\n\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport {\n  ChartConfig,\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"@/registry/new-york/ui/chart\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/registry/new-york/ui/select\"\nconst chartData = [\n  { date: \"2024-04-01\", desktop: 222, mobile: 150 },\n  { date: \"2024-04-02\", desktop: 97, mobile: 180 },\n  { date: \"2024-04-03\", desktop: 167, mobile: 120 },\n  { date: \"2024-04-04\", desktop: 242, mobile: 260 },\n  { date: \"2024-04-05\", desktop: 373, mobile: 290 },\n  { date: \"2024-04-06\", desktop: 301, mobile: 340 },\n  { date: \"2024-04-07\", desktop: 245, mobile: 180 },\n  { date: \"2024-04-08\", desktop: 409, mobile: 320 },\n  { date: \"2024-04-09\", desktop: 59, mobile: 110 },\n  { date: \"2024-04-10\", desktop: 261, mobile: 190 },\n  { date: \"2024-04-11\", desktop: 327, mobile: 350 },\n  { date: \"2024-04-12\", desktop: 292, mobile: 210 },\n  { date: \"2024-04-13\", desktop: 342, mobile: 380 },\n  { date: \"2024-04-14\", desktop: 137, mobile: 220 },\n  { date: \"2024-04-15\", desktop: 120, mobile: 170 },\n  { date: \"2024-04-16\", desktop: 138, mobile: 190 },\n  { date: \"2024-04-17\", desktop: 446, mobile: 360 },\n  { date: \"2024-04-18\", desktop: 364, mobile: 410 },\n  { date: \"2024-04-19\", desktop: 243, mobile: 180 },\n  { date: \"2024-04-20\", desktop: 89, mobile: 150 },\n  { date: \"2024-04-21\", desktop: 137, mobile: 200 },\n  { date: \"2024-04-22\", desktop: 224, mobile: 170 },\n  { date: \"2024-04-23\", desktop: 138, mobile: 230 },\n  { date: \"2024-04-24\", desktop: 387, mobile: 290 },\n  { date: \"2024-04-25\", desktop: 215, mobile: 250 },\n  { date: \"2024-04-26\", desktop: 75, mobile: 130 },\n  { date: \"2024-04-27\", desktop: 383, mobile: 420 },\n  { date: \"2024-04-28\", desktop: 122, mobile: 180 },\n  { date: \"2024-04-29\", desktop: 315, mobile: 240 },\n  { date: \"2024-04-30\", desktop: 454, mobile: 380 },\n  { date: \"2024-05-01\", desktop: 165, mobile: 220 },\n  { date: \"2024-05-02\", desktop: 293, mobile: 310 },\n  { date: \"2024-05-03\", desktop: 247, mobile: 190 },\n  { date: \"2024-05-04\", desktop: 385, mobile: 420 },\n  { date: \"2024-05-05\", desktop: 481, mobile: 390 },\n  { date: \"2024-05-06\", desktop: 498, mobile: 520 },\n  { date: \"2024-05-07\", desktop: 388, mobile: 300 },\n  { date: \"2024-05-08\", desktop: 149, mobile: 210 },\n  { date: \"2024-05-09\", desktop: 227, mobile: 180 },\n  { date: \"2024-05-10\", desktop: 293, mobile: 330 },\n  { date: \"2024-05-11\", desktop: 335, mobile: 270 },\n  { date: \"2024-05-12\", desktop: 197, mobile: 240 },\n  { date: \"2024-05-13\", desktop: 197, mobile: 160 },\n  { date: \"2024-05-14\", desktop: 448, mobile: 490 },\n  { date: \"2024-05-15\", desktop: 473, mobile: 380 },\n  { date: \"2024-05-16\", desktop: 338, mobile: 400 },\n  { date: \"2024-05-17\", desktop: 499, mobile: 420 },\n  { date: \"2024-05-18\", desktop: 315, mobile: 350 },\n  { date: \"2024-05-19\", desktop: 235, mobile: 180 },\n  { date: \"2024-05-20\", desktop: 177, mobile: 230 },\n  { date: \"2024-05-21\", desktop: 82, mobile: 140 },\n  { date: \"2024-05-22\", desktop: 81, mobile: 120 },\n  { date: \"2024-05-23\", desktop: 252, mobile: 290 },\n  { date: \"2024-05-24\", desktop: 294, mobile: 220 },\n  { date: \"2024-05-25\", desktop: 201, mobile: 250 },\n  { date: \"2024-05-26\", desktop: 213, mobile: 170 },\n  { date: \"2024-05-27\", desktop: 420, mobile: 460 },\n  { date: \"2024-05-28\", desktop: 233, mobile: 190 },\n  { date: \"2024-05-29\", desktop: 78, mobile: 130 },\n  { date: \"2024-05-30\", desktop: 340, mobile: 280 },\n  { date: \"2024-05-31\", desktop: 178, mobile: 230 },\n  { date: \"2024-06-01\", desktop: 178, mobile: 200 },\n  { date: \"2024-06-02\", desktop: 470, mobile: 410 },\n  { date: \"2024-06-03\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-04\", desktop: 439, mobile: 380 },\n  { date: \"2024-06-05\", desktop: 88, mobile: 140 },\n  { date: \"2024-06-06\", desktop: 294, mobile: 250 },\n  { date: \"2024-06-07\", desktop: 323, mobile: 370 },\n  { date: \"2024-06-08\", desktop: 385, mobile: 320 },\n  { date: \"2024-06-09\", desktop: 438, mobile: 480 },\n  { date: \"2024-06-10\", desktop: 155, mobile: 200 },\n  { date: \"2024-06-11\", desktop: 92, mobile: 150 },\n  { date: \"2024-06-12\", desktop: 492, mobile: 420 },\n  { date: \"2024-06-13\", desktop: 81, mobile: 130 },\n  { date: \"2024-06-14\", desktop: 426, mobile: 380 },\n  { date: \"2024-06-15\", desktop: 307, mobile: 350 },\n  { date: \"2024-06-16\", desktop: 371, mobile: 310 },\n  { date: \"2024-06-17\", desktop: 475, mobile: 520 },\n  { date: \"2024-06-18\", desktop: 107, mobile: 170 },\n  { date: \"2024-06-19\", desktop: 341, mobile: 290 },\n  { date: \"2024-06-20\", desktop: 408, mobile: 450 },\n  { date: \"2024-06-21\", desktop: 169, mobile: 210 },\n  { date: \"2024-06-22\", desktop: 317, mobile: 270 },\n  { date: \"2024-06-23\", desktop: 480, mobile: 530 },\n  { date: \"2024-06-24\", desktop: 132, mobile: 180 },\n  { date: \"2024-06-25\", desktop: 141, mobile: 190 },\n  { date: \"2024-06-26\", desktop: 434, mobile: 380 },\n  { date: \"2024-06-27\", desktop: 448, mobile: 490 },\n  { date: \"2024-06-28\", desktop: 149, mobile: 200 },\n  { date: \"2024-06-29\", desktop: 103, mobile: 160 },\n  { date: \"2024-06-30\", desktop: 446, mobile: 400 },\n]\n\nconst chartConfig = {\n  visitors: {\n    label: \"Visitors\",\n  },\n  desktop: {\n    label: \"Desktop\",\n    color: \"hsl(var(--chart-1))\",\n  },\n  mobile: {\n    label: \"Mobile\",\n    color: \"hsl(var(--chart-2))\",\n  },\n} satisfies ChartConfig\n\nexport default function Component() {\n  const [timeRange, setTimeRange] = React.useState(\"90d\")\n\n  const filteredData = chartData.filter((item) => {\n    const date = new Date(item.date)\n    const now = new Date()\n    let daysToSubtract = 90\n    if (timeRange === \"30d\") {\n      daysToSubtract = 30\n    } else if (timeRange === \"7d\") {\n      daysToSubtract = 7\n    }\n    now.setDate(now.getDate() - daysToSubtract)\n    return date >= now\n  })\n\n  return (\n    <Card>\n      <CardHeader className=\"flex items-center gap-2 space-y-0 border-b py-5 sm:flex-row\">\n        <div className=\"grid flex-1 gap-1 text-center sm:text-left\">\n          <CardTitle>Area Chart - Interactive</CardTitle>\n          <CardDescription>\n            Showing total visitors for the last 3 months\n          </CardDescription>\n        </div>\n        <Select value={timeRange} onValueChange={setTimeRange}>\n          <SelectTrigger\n            className=\"w-[160px] rounded-lg sm:ml-auto\"\n            aria-label=\"Select a value\"\n          >\n            <SelectValue placeholder=\"Last 3 months\" />\n          </SelectTrigger>\n          <SelectContent className=\"rounded-xl\">\n            <SelectItem value=\"90d\" className=\"rounded-lg\">\n              Last 3 months\n            </SelectItem>\n            <SelectItem value=\"30d\" className=\"rounded-lg\">\n              Last 30 days\n            </SelectItem>\n            <SelectItem value=\"7d\" className=\"rounded-lg\">\n              Last 7 days\n            </SelectItem>\n          </SelectContent>\n        </Select>\n      </CardHeader>\n      <CardContent className=\"px-2 pt-4 sm:px-6 sm:pt-6\">\n        <ChartContainer\n          config={chartConfig}\n          className=\"aspect-auto h-[250px] w-full\"\n        >\n          <AreaChart data={filteredData}>\n            <defs>\n              <linearGradient id=\"fillDesktop\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-desktop)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n              <linearGradient id=\"fillMobile\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop\n                  offset=\"5%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.8}\n                />\n                <stop\n                  offset=\"95%\"\n                  stopColor=\"var(--color-mobile)\"\n                  stopOpacity={0.1}\n                />\n              </linearGradient>\n            </defs>\n            <CartesianGrid vertical={false} />\n            <XAxis\n              dataKey=\"date\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              minTickGap={32}\n              tickFormatter={(value) => {\n                const date = new Date(value)\n                return date.toLocaleDateString(\"en-US\", {\n                  month: \"short\",\n                  day: \"numeric\",\n                })\n              }}\n            />\n            <ChartTooltip\n              cursor={false}\n              content={\n                <ChartTooltipContent\n                  labelFormatter={(value) => {\n                    return new Date(value).toLocaleDateString(\"en-US\", {\n                      month: \"short\",\n                      day: \"numeric\",\n                    })\n                  }}\n                  indicator=\"dot\"\n                />\n              }\n            />\n            <Area\n              dataKey=\"mobile\"\n              type=\"natural\"\n              fill=\"url(#fillMobile)\"\n              stroke=\"var(--color-mobile)\"\n              stackId=\"a\"\n            />\n            <Area\n              dataKey=\"desktop\"\n              type=\"natural\"\n              fill=\"url(#fillDesktop)\"\n              stroke=\"var(--color-desktop)\"\n              stackId=\"a\"\n            />\n            <ChartLegend content={<ChartLegendContent />} />\n          </AreaChart>\n        </ChartContainer>\n      </CardContent>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-controlled.json b/apps/www/public/r/styles/new-york/demo-sidebar-controlled.json
index c90547cce52..f21ef3bce5e 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-controlled.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-controlled.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-controlled.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Frame,\n  LifeBuoy,\n  Map,\n  PanelLeftClose,\n  PanelLeftOpen,\n  PieChart,\n  Send,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  const [open, setOpen] = React.useState(true)\n\n  return (\n    <SidebarProvider open={open} onOpenChange={setOpen}>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton asChild>\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center h-12 px-4 justify-between\">\n          <Button\n            onClick={() => setOpen((open) => !open)}\n            size=\"sm\"\n            variant=\"ghost\"\n          >\n            {open ? <PanelLeftClose /> : <PanelLeftOpen />}\n            <span>{open ? \"Close\" : \"Open\"} Sidebar</span>\n          </Button>\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-footer.json b/apps/www/public/r/styles/new-york/demo-sidebar-footer.json
index 80498c9fdf8..6b2dc1b443d 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-footer.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-footer.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-footer.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown, ChevronUp, User2 } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarHeader />\n        <SidebarContent />\n        <SidebarFooter>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                    Username\n                    <ChevronUp className=\"ml-auto\" />\n                  </SidebarMenuButton>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent\n                  side=\"top\"\n                  className=\"w-[--radix-popper-anchor-width]\"\n                >\n                  <DropdownMenuItem>\n                    <span>Account</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Billing</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Sign out</span>\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarFooter>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-group-action.json b/apps/www/public/r/styles/new-york/demo-sidebar-group-action.json
index 9d60b6fb185..287c4dcc243 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-group-action.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-group-action.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group-action.tsx",
       "content": "\"use client\"\n\nimport {\n  ChevronDown,\n  Frame,\n  LifeBuoy,\n  Map,\n  PieChart,\n  Plus,\n  Send,\n} from \"lucide-react\"\nimport { Toaster, toast } from \"sonner\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Toaster\n        position=\"bottom-left\"\n        toastOptions={{\n          className: \"ml-[160px]\",\n        }}\n      />\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupAction\n              title=\"Add Project\"\n              onClick={() => toast(\"You clicked the group action!\")}\n            >\n              <Plus /> <span className=\"sr-only\">Add Project</span>\n            </SidebarGroupAction>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <Frame />\n                      <span>Design Engineering</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <PieChart />\n                      <span>Sales & Marketing</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton asChild>\n                    <a href=\"#\">\n                      <Map />\n                      <span>Travel</span>\n                    </a>\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-group-collapsible.json b/apps/www/public/r/styles/new-york/demo-sidebar-group-collapsible.json
index a3eef6f44bf..56e1fcfd0f5 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-group-collapsible.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-group-collapsible.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group-collapsible.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown, LifeBuoy, Send } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <Collapsible defaultOpen className=\"group/collapsible\">\n            <SidebarGroup>\n              <SidebarGroupLabel\n                asChild\n                className=\"text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  Help\n                  <ChevronDown className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-180\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    <SidebarMenuItem>\n                      <SidebarMenuButton>\n                        <LifeBuoy />\n                        Support\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                    <SidebarMenuItem>\n                      <SidebarMenuButton>\n                        <Send />\n                        Feedback\n                      </SidebarMenuButton>\n                    </SidebarMenuItem>\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </SidebarGroup>\n          </Collapsible>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-group.json b/apps/www/public/r/styles/new-york/demo-sidebar-group.json
index 6b4f9a87587..b0aafef6162 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-group.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-group.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-group.tsx",
       "content": "\"use client\"\n\nimport { LifeBuoy, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Help</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                <SidebarMenuItem>\n                  <SidebarMenuButton>\n                    <LifeBuoy />\n                    Support\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n                <SidebarMenuItem>\n                  <SidebarMenuButton>\n                    <Send />\n                    Feedback\n                  </SidebarMenuButton>\n                </SidebarMenuItem>\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-header.json b/apps/www/public/r/styles/new-york/demo-sidebar-header.json
index 92b95eb84de..7d6c48345a4 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-header.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-header.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-header.tsx",
       "content": "\"use client\"\n\nimport { ChevronDown } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarHeader,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                    Select Workspace\n                    <ChevronDown className=\"ml-auto\" />\n                  </SidebarMenuButton>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent className=\"w-[--radix-popper-anchor-width]\">\n                  <DropdownMenuItem>\n                    <span>Acme Inc</span>\n                  </DropdownMenuItem>\n                  <DropdownMenuItem>\n                    <span>Acme Corp.</span>\n                  </DropdownMenuItem>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-menu-action.json b/apps/www/public/r/styles/new-york/demo-sidebar-menu-action.json
index 5220a1d67fe..1569786d180 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-menu-action.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-menu-action.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-action.tsx",
       "content": "\"use client\"\n\nimport {\n  Frame,\n  LifeBuoy,\n  Map,\n  MoreHorizontal,\n  PieChart,\n  Send,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project, index) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton\n                      asChild\n                      className=\"group-has-[[data-state=open]]/menu-item:bg-sidebar-accent\"\n                    >\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <DropdownMenu>\n                      <DropdownMenuTrigger asChild>\n                        <SidebarMenuAction>\n                          <MoreHorizontal />\n                          <span className=\"sr-only\">More</span>\n                        </SidebarMenuAction>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent side=\"right\" align=\"start\">\n                        <DropdownMenuItem>\n                          <span>Edit Project</span>\n                        </DropdownMenuItem>\n                        <DropdownMenuItem>\n                          <span>Delete Project</span>\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-menu-badge.json b/apps/www/public/r/styles/new-york/demo-sidebar-menu-badge.json
index c30ce6759b4..92158e39a6d 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-menu-badge.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-menu-badge.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-badge.tsx",
       "content": "\"use client\"\n\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n    badge: \"24\",\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n    badge: \"12\",\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n    badge: \"3\",\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n    badge: \"21\",\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n    badge: \"8\",\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton\n                      asChild\n                      className=\"group-has-[[data-state=open]]/menu-item:bg-sidebar-accent\"\n                    >\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <SidebarMenuBadge>{project.badge}</SidebarMenuBadge>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-menu-collapsible.json b/apps/www/public/r/styles/new-york/demo-sidebar-menu-collapsible.json
index c4b20cbb6ab..a47d33b784b 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-menu-collapsible.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-menu-collapsible.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-collapsible.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst items = [\n  {\n    title: \"Getting Started\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Installation\",\n        url: \"#\",\n      },\n      {\n        title: \"Project Structure\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Building Your Application\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Routing\",\n        url: \"#\",\n      },\n      {\n        title: \"Data Fetching\",\n        url: \"#\",\n        isActive: true,\n      },\n      {\n        title: \"Rendering\",\n        url: \"#\",\n      },\n      {\n        title: \"Caching\",\n        url: \"#\",\n      },\n      {\n        title: \"Styling\",\n        url: \"#\",\n      },\n      {\n        title: \"Optimizing\",\n        url: \"#\",\n      },\n      {\n        title: \"Configuring\",\n        url: \"#\",\n      },\n      {\n        title: \"Testing\",\n        url: \"#\",\n      },\n      {\n        title: \"Authentication\",\n        url: \"#\",\n      },\n      {\n        title: \"Deploying\",\n        url: \"#\",\n      },\n      {\n        title: \"Upgrading\",\n        url: \"#\",\n      },\n      {\n        title: \"Examples\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"API Reference\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Components\",\n        url: \"#\",\n      },\n      {\n        title: \"File Conventions\",\n        url: \"#\",\n      },\n      {\n        title: \"Functions\",\n        url: \"#\",\n      },\n      {\n        title: \"next.config.js Options\",\n        url: \"#\",\n      },\n      {\n        title: \"CLI\",\n        url: \"#\",\n      },\n      {\n        title: \"Edge Runtime\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Architecture\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Accessibility\",\n        url: \"#\",\n      },\n      {\n        title: \"Fast Refresh\",\n        url: \"#\",\n      },\n      {\n        title: \"Next.js Compiler\",\n        url: \"#\",\n      },\n      {\n        title: \"Supported Browsers\",\n        url: \"#\",\n      },\n      {\n        title: \"Turbopack\",\n        url: \"#\",\n      },\n    ],\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item, index) => (\n                  <Collapsible\n                    key={index}\n                    className=\"group/collapsible\"\n                    defaultOpen={index === 0}\n                  >\n                    <SidebarMenuItem>\n                      <CollapsibleTrigger asChild>\n                        <SidebarMenuButton>\n                          <span>{item.title}</span>\n                          <ChevronRight className=\"transition-transform ml-auto group-data-[state=open]/collapsible:rotate-90\" />\n                        </SidebarMenuButton>\n                      </CollapsibleTrigger>\n                      <CollapsibleContent>\n                        <SidebarMenuSub>\n                          {item.items.map((subItem, subIndex) => (\n                            <SidebarMenuSubItem key={subIndex}>\n                              <SidebarMenuSubButton asChild>\n                                <a href={subItem.url}>\n                                  <span>{subItem.title}</span>\n                                </a>\n                              </SidebarMenuSubButton>\n                            </SidebarMenuSubItem>\n                          ))}\n                        </SidebarMenuSub>\n                      </CollapsibleContent>\n                    </SidebarMenuItem>\n                  </Collapsible>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-menu-sub.json b/apps/www/public/r/styles/new-york/demo-sidebar-menu-sub.json
index eb195caeaef..8265738c63b 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-menu-sub.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-menu-sub.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu-sub.tsx",
       "content": "\"use client\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst items = [\n  {\n    title: \"Getting Started\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Installation\",\n        url: \"#\",\n      },\n      {\n        title: \"Project Structure\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Building Your Application\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Routing\",\n        url: \"#\",\n      },\n      {\n        title: \"Data Fetching\",\n        url: \"#\",\n        isActive: true,\n      },\n      {\n        title: \"Rendering\",\n        url: \"#\",\n      },\n      {\n        title: \"Caching\",\n        url: \"#\",\n      },\n      {\n        title: \"Styling\",\n        url: \"#\",\n      },\n      {\n        title: \"Optimizing\",\n        url: \"#\",\n      },\n      {\n        title: \"Configuring\",\n        url: \"#\",\n      },\n      {\n        title: \"Testing\",\n        url: \"#\",\n      },\n      {\n        title: \"Authentication\",\n        url: \"#\",\n      },\n      {\n        title: \"Deploying\",\n        url: \"#\",\n      },\n      {\n        title: \"Upgrading\",\n        url: \"#\",\n      },\n      {\n        title: \"Examples\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"API Reference\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Components\",\n        url: \"#\",\n      },\n      {\n        title: \"File Conventions\",\n        url: \"#\",\n      },\n      {\n        title: \"Functions\",\n        url: \"#\",\n      },\n      {\n        title: \"next.config.js Options\",\n        url: \"#\",\n      },\n      {\n        title: \"CLI\",\n        url: \"#\",\n      },\n      {\n        title: \"Edge Runtime\",\n        url: \"#\",\n      },\n    ],\n  },\n  {\n    title: \"Architecture\",\n    url: \"#\",\n    items: [\n      {\n        title: \"Accessibility\",\n        url: \"#\",\n      },\n      {\n        title: \"Fast Refresh\",\n        url: \"#\",\n      },\n      {\n        title: \"Next.js Compiler\",\n        url: \"#\",\n      },\n      {\n        title: \"Supported Browsers\",\n        url: \"#\",\n      },\n      {\n        title: \"Turbopack\",\n        url: \"#\",\n      },\n    ],\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item, index) => (\n                  <SidebarMenuItem key={index}>\n                    <SidebarMenuButton asChild>\n                      <a href={item.url}>\n                        <span>{item.title}</span>\n                      </a>\n                    </SidebarMenuButton>\n                    <SidebarMenuSub>\n                      {item.items.map((subItem, subIndex) => (\n                        <SidebarMenuSubItem key={subIndex}>\n                          <SidebarMenuSubButton asChild>\n                            <a href={subItem.url}>\n                              <span>{subItem.title}</span>\n                            </a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-menu.json b/apps/www/public/r/styles/new-york/demo-sidebar-menu.json
index d6fbeccaa67..3416d58bf08 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-menu.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-menu.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-menu.tsx",
       "content": "\"use client\"\n\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {projects.map((project) => (\n                  <SidebarMenuItem key={project.name}>\n                    <SidebarMenuButton asChild>\n                      <a href={project.url}>\n                        <project.icon />\n                        <span>{project.name}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar-rsc.json b/apps/www/public/r/styles/new-york/demo-sidebar-rsc.json
index e4bec26ed9c..9375a5c1f51 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar-rsc.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar-rsc.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar-rsc.tsx",
       "content": "import * as React from \"react\"\nimport { Frame, LifeBuoy, Map, PieChart, Send } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst projects = [\n  {\n    name: \"Design Engineering\",\n    url: \"#\",\n    icon: Frame,\n    badge: \"24\",\n  },\n  {\n    name: \"Sales & Marketing\",\n    url: \"#\",\n    icon: PieChart,\n    badge: \"12\",\n  },\n  {\n    name: \"Travel\",\n    url: \"#\",\n    icon: Map,\n    badge: \"3\",\n  },\n  {\n    name: \"Support\",\n    url: \"#\",\n    icon: LifeBuoy,\n    badge: \"21\",\n  },\n  {\n    name: \"Feedback\",\n    url: \"#\",\n    icon: Send,\n    badge: \"8\",\n  },\n]\n\n// Dummy fetch function\nasync function fetchProjects() {\n  await new Promise((resolve) => setTimeout(resolve, 3000))\n  return projects\n}\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Projects</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <React.Suspense fallback={<NavProjectsSkeleton />}>\n                <NavProjects />\n              </React.Suspense>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </SidebarProvider>\n  )\n}\n\nfunction NavProjectsSkeleton() {\n  return (\n    <SidebarMenu>\n      {Array.from({ length: 5 }).map((_, index) => (\n        <SidebarMenuItem key={index}>\n          <SidebarMenuSkeleton showIcon />\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n\nasync function NavProjects() {\n  const projects = await fetchProjects()\n\n  return (\n    <SidebarMenu>\n      {projects.map((project) => (\n        <SidebarMenuItem key={project.name}>\n          <SidebarMenuButton asChild>\n            <a href={project.url}>\n              <project.icon />\n              <span>{project.name}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/demo-sidebar.json b/apps/www/public/r/styles/new-york/demo-sidebar.json
index d36a242ac54..b6b598fd048 100644
--- a/apps/www/public/r/styles/new-york/demo-sidebar.json
+++ b/apps/www/public/r/styles/new-york/demo-sidebar.json
@@ -6,7 +6,8 @@
     {
       "path": "block/demo-sidebar.tsx",
       "content": "\"use client\"\n\nimport { Calendar, Home, Inbox, Search, Settings } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// Menu items.\nconst items = [\n  {\n    title: \"Home\",\n    url: \"#\",\n    icon: Home,\n  },\n  {\n    title: \"Inbox\",\n    url: \"#\",\n    icon: Inbox,\n  },\n  {\n    title: \"Calendar\",\n    url: \"#\",\n    icon: Calendar,\n  },\n  {\n    title: \"Search\",\n    url: \"#\",\n    icon: Search,\n  },\n  {\n    title: \"Settings\",\n    url: \"#\",\n    icon: Settings,\n  },\n]\n\nexport default function AppSidebar() {\n  return (\n    <SidebarProvider>\n      <Sidebar>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupLabel>Application</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {items.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton asChild>\n                      <a href={item.url}>\n                        <item.icon />\n                        <span>{item.title}</span>\n                      </a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n      <SidebarInset>\n        <header className=\"flex items-center justify-between px-4 h-12\">\n          <SidebarTrigger />\n        </header>\n      </SidebarInset>\n    </SidebarProvider>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/login-01.json b/apps/www/public/r/styles/new-york/login-01.json
index 2fd3e6eff9a..d2039760577 100644
--- a/apps/www/public/r/styles/new-york/login-01.json
+++ b/apps/www/public/r/styles/new-york/login-01.json
@@ -18,7 +18,8 @@
     {
       "path": "block/login-01/components/login-form.tsx",
       "content": "import Link from \"next/link\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport { Input } from \"@/registry/new-york/ui/input\"\nimport { Label } from \"@/registry/new-york/ui/label\"\n\nexport function LoginForm() {\n  return (\n    <Card className=\"mx-auto max-w-sm\">\n      <CardHeader>\n        <CardTitle className=\"text-2xl\">Login</CardTitle>\n        <CardDescription>\n          Enter your email below to login to your account\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <div className=\"grid gap-4\">\n          <div className=\"grid gap-2\">\n            <Label htmlFor=\"email\">Email</Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              placeholder=\"m@example.com\"\n              required\n            />\n          </div>\n          <div className=\"grid gap-2\">\n            <div className=\"flex items-center\">\n              <Label htmlFor=\"password\">Password</Label>\n              <Link href=\"#\" className=\"ml-auto inline-block text-sm underline\">\n                Forgot your password?\n              </Link>\n            </div>\n            <Input id=\"password\" type=\"password\" required />\n          </div>\n          <Button type=\"submit\" className=\"w-full\">\n            Login\n          </Button>\n          <Button variant=\"outline\" className=\"w-full\">\n            Login with Google\n          </Button>\n        </div>\n        <div className=\"mt-4 text-center text-sm\">\n          Don&apos;t have an account?{\" \"}\n          <Link href=\"#\" className=\"underline\">\n            Sign up\n          </Link>\n        </div>\n      </CardContent>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-01.json b/apps/www/public/r/styles/new-york/sidebar-01.json
index b0c3ad3c3b0..1d8ea823dcc 100644
--- a/apps/www/public/r/styles/new-york/sidebar-01.json
+++ b/apps/www/public/r/styles/new-york/sidebar-01.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-01/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\n\nimport { SearchForm } from \"@/registry/new-york/block/sidebar-01/components/search-form\"\nimport { VersionSwitcher } from \"@/registry/new-york/block/sidebar-01/components/version-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  versions: [\"1.0.1\", \"1.1.0-alpha\", \"2.0.0-beta1\"],\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <VersionSwitcher\n          versions={data.versions}\n          defaultVersion={data.versions[0]}\n        />\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent>\n        {/* We create a SidebarGroup for each parent. */}\n        {data.navMain.map((item) => (\n          <SidebarGroup key={item.title}>\n            <SidebarGroupLabel>{item.title}</SidebarGroupLabel>\n            <SidebarGroupContent>\n              <SidebarMenu>\n                {item.items.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton asChild isActive={item.isActive}>\n                      <a href={item.url}>{item.title}</a>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        ))}\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-01/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-01/components/version-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function VersionSwitcher({\n  versions,\n  defaultVersion,\n}: {\n  versions: string[]\n  defaultVersion: string\n}) {\n  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"flex flex-col gap-0.5 leading-none\">\n                <span className=\"font-semibold\">Documentation</span>\n                <span className=\"\">v{selectedVersion}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width]\"\n            align=\"start\"\n          >\n            {versions.map((version) => (\n              <DropdownMenuItem\n                key={version}\n                onSelect={() => setSelectedVersion(version)}\n              >\n                v{version}{\" \"}\n                {version === selectedVersion && <Check className=\"ml-auto\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-02.json b/apps/www/public/r/styles/new-york/sidebar-02.json
index a2634ead64e..e057bab3e92 100644
--- a/apps/www/public/r/styles/new-york/sidebar-02.json
+++ b/apps/www/public/r/styles/new-york/sidebar-02.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-02/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { ChevronRight } from \"lucide-react\"\n\nimport { SearchForm } from \"@/registry/new-york/block/sidebar-02/components/search-form\"\nimport { VersionSwitcher } from \"@/registry/new-york/block/sidebar-02/components/version-switcher\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  versions: [\"1.0.1\", \"1.1.0-alpha\", \"2.0.0-beta1\"],\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <VersionSwitcher\n          versions={data.versions}\n          defaultVersion={data.versions[0]}\n        />\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent className=\"gap-0\">\n        {/* We create a collapsible SidebarGroup for each parent. */}\n        {data.navMain.map((item) => (\n          <Collapsible\n            key={item.title}\n            title={item.title}\n            defaultOpen\n            className=\"group/collapsible\"\n          >\n            <SidebarGroup>\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {item.title}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {item.items.map((item) => (\n                      <SidebarMenuItem key={item.title}>\n                        <SidebarMenuButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </SidebarGroup>\n          </Collapsible>\n        ))}\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-02/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-02/components/version-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Check, ChevronsUpDown, GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function VersionSwitcher({\n  versions,\n  defaultVersion,\n}: {\n  versions: string[]\n  defaultVersion: string\n}) {\n  const [selectedVersion, setSelectedVersion] = React.useState(defaultVersion)\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <GalleryVerticalEnd className=\"size-4\" />\n              </div>\n              <div className=\"flex flex-col gap-0.5 leading-none\">\n                <span className=\"font-semibold\">Documentation</span>\n                <span className=\"\">v{selectedVersion}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width]\"\n            align=\"start\"\n          >\n            {versions.map((version) => (\n              <DropdownMenuItem\n                key={version}\n                onSelect={() => setSelectedVersion(version)}\n              >\n                v{version}{\" \"}\n                {version === selectedVersion && <Check className=\"ml-auto\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-03.json b/apps/www/public/r/styles/new-york/sidebar-03.json
index cbee58db137..f28583d54c1 100644
--- a/apps/www/public/r/styles/new-york/sidebar-03.json
+++ b/apps/www/public/r/styles/new-york/sidebar-03.json
@@ -16,7 +16,8 @@
     {
       "path": "block/sidebar-03/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu>\n            {data.navMain.map((item) => (\n              <SidebarMenuItem key={item.title}>\n                <SidebarMenuButton asChild>\n                  <a href={item.url} className=\"font-medium\">\n                    {item.title}\n                  </a>\n                </SidebarMenuButton>\n                {item.items?.length ? (\n                  <SidebarMenuSub>\n                    {item.items.map((item) => (\n                      <SidebarMenuSubItem key={item.title}>\n                        <SidebarMenuSubButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                ) : null}\n              </SidebarMenuItem>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-04.json b/apps/www/public/r/styles/new-york/sidebar-04.json
index 089bf36802e..8a478ea350c 100644
--- a/apps/www/public/r/styles/new-york/sidebar-04.json
+++ b/apps/www/public/r/styles/new-york/sidebar-04.json
@@ -17,7 +17,8 @@
     {
       "path": "block/sidebar-04/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar variant=\"floating\" {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu className=\"gap-2\">\n            {data.navMain.map((item) => (\n              <SidebarMenuItem key={item.title}>\n                <SidebarMenuButton asChild>\n                  <a href={item.url} className=\"font-medium\">\n                    {item.title}\n                  </a>\n                </SidebarMenuButton>\n                {item.items?.length ? (\n                  <SidebarMenuSub className=\"ml-0 border-l-0 px-1.5\">\n                    {item.items.map((item) => (\n                      <SidebarMenuSubItem key={item.title}>\n                        <SidebarMenuSubButton asChild isActive={item.isActive}>\n                          <a href={item.url}>{item.title}</a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                ) : null}\n              </SidebarMenuItem>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-05.json b/apps/www/public/r/styles/new-york/sidebar-05.json
index 3f452b253bb..8a98164a452 100644
--- a/apps/www/public/r/styles/new-york/sidebar-05.json
+++ b/apps/www/public/r/styles/new-york/sidebar-05.json
@@ -19,12 +19,14 @@
     {
       "path": "block/sidebar-05/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd, Minus, Plus } from \"lucide-react\"\n\nimport { SearchForm } from \"@/registry/new-york/block/sidebar-05/components/search-form\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n        <SearchForm />\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarMenu>\n            {data.navMain.map((item, index) => (\n              <Collapsible\n                key={item.title}\n                defaultOpen={index === 1}\n                className=\"group/collapsible\"\n              >\n                <SidebarMenuItem>\n                  <CollapsibleTrigger asChild>\n                    <SidebarMenuButton>\n                      {item.title}{\" \"}\n                      <Plus className=\"ml-auto group-data-[state=open]/collapsible:hidden\" />\n                      <Minus className=\"ml-auto group-data-[state=closed]/collapsible:hidden\" />\n                    </SidebarMenuButton>\n                  </CollapsibleTrigger>\n                  {item.items?.length ? (\n                    <CollapsibleContent>\n                      <SidebarMenuSub>\n                        {item.items.map((item) => (\n                          <SidebarMenuSubItem key={item.title}>\n                            <SidebarMenuSubButton\n                              asChild\n                              isActive={item.isActive}\n                            >\n                              <a href={item.url}>{item.title}</a>\n                            </SidebarMenuSubButton>\n                          </SidebarMenuSubItem>\n                        ))}\n                      </SidebarMenuSub>\n                    </CollapsibleContent>\n                  ) : null}\n                </SidebarMenuItem>\n              </Collapsible>\n            ))}\n          </SidebarMenu>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-05/components/search-form.tsx",
       "content": "import { Search } from \"lucide-react\"\n\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarInput,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function SearchForm({ ...props }: React.ComponentProps<\"form\">) {\n  return (\n    <form {...props}>\n      <SidebarGroup className=\"py-0\">\n        <SidebarGroupContent className=\"relative\">\n          <Label htmlFor=\"search\" className=\"sr-only\">\n            Search\n          </Label>\n          <SidebarInput\n            id=\"search\"\n            placeholder=\"Search the docs...\"\n            className=\"pl-8\"\n          />\n          <Search className=\"pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50\" />\n        </SidebarGroupContent>\n      </SidebarGroup>\n    </form>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-06.json b/apps/www/public/r/styles/new-york/sidebar-06.json
index 12cbc6c78e5..5e911ac3cd0 100644
--- a/apps/www/public/r/styles/new-york/sidebar-06.json
+++ b/apps/www/public/r/styles/new-york/sidebar-06.json
@@ -19,17 +19,20 @@
     {
       "path": "block/sidebar-06/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { GalleryVerticalEnd } from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/new-york/block/sidebar-06/components/nav-main\"\nimport { SidebarOptInForm } from \"@/registry/new-york/block/sidebar-06/components/sidebar-opt-in-form\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <GalleryVerticalEnd className=\"size-4\" />\n                </div>\n                <div className=\"flex flex-col gap-0.5 leading-none\">\n                  <span className=\"font-semibold\">Documentation</span>\n                  <span className=\"\">v1.0.0</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n      </SidebarContent>\n      <SidebarFooter>\n        <div className=\"p-1\">\n          <SidebarOptInForm />\n        </div>\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-06/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { MoreHorizontal, type LucideIcon } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup>\n      <SidebarMenu>\n        {items.map((item) => (\n          <DropdownMenu key={item.title}>\n            <SidebarMenuItem>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuButton className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\">\n                  {item.title} <MoreHorizontal className=\"ml-auto\" />\n                </SidebarMenuButton>\n              </DropdownMenuTrigger>\n              {item.items?.length ? (\n                <DropdownMenuContent\n                  side={isMobile ? \"bottom\" : \"right\"}\n                  align={isMobile ? \"end\" : \"start\"}\n                  className=\"min-w-56 rounded-lg\"\n                >\n                  {item.items.map((item) => (\n                    <DropdownMenuItem asChild key={item.title}>\n                      <a href={item.url}>{item.title}</a>\n                    </DropdownMenuItem>\n                  ))}\n                </DropdownMenuContent>\n              ) : null}\n            </SidebarMenuItem>\n          </DropdownMenu>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-06/components/sidebar-opt-in-form.tsx",
       "content": "import { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/new-york/ui/card\"\nimport { SidebarInput } from \"@/registry/new-york/ui/sidebar\"\n\nexport function SidebarOptInForm() {\n  return (\n    <Card className=\"shadow-none\">\n      <form>\n        <CardHeader className=\"p-4 pb-0\">\n          <CardTitle className=\"text-sm\">Subscribe to our newsletter</CardTitle>\n          <CardDescription>\n            Opt-in to receive updates and news about the sidebar.\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"grid gap-2.5 p-4\">\n          <SidebarInput type=\"email\" placeholder=\"Email\" />\n          <Button\n            className=\"w-full bg-sidebar-primary text-sidebar-primary-foreground shadow-none\"\n            size=\"sm\"\n          >\n            Subscribe\n          </Button>\n        </CardContent>\n      </form>\n    </Card>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-07.json b/apps/www/public/r/styles/new-york/sidebar-07.json
index 2398ea07192..c4e017322b0 100644
--- a/apps/www/public/r/styles/new-york/sidebar-07.json
+++ b/apps/www/public/r/styles/new-york/sidebar-07.json
@@ -20,27 +20,32 @@
     {
       "path": "block/sidebar-07/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  GalleryVerticalEnd,\n  Map,\n  PieChart,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/new-york/block/sidebar-07/components/nav-main\"\nimport { NavProjects } from \"@/registry/new-york/block/sidebar-07/components/nav-projects\"\nimport { NavUser } from \"@/registry/new-york/block/sidebar-07/components/nav-user\"\nimport { TeamSwitcher } from \"@/registry/new-york/block/sidebar-07/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: GalleryVerticalEnd,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon?: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible\n            key={item.title}\n            asChild\n            defaultOpen={item.isActive}\n            className=\"group/collapsible\"\n          >\n            <SidebarMenuItem>\n              <CollapsibleTrigger asChild>\n                <SidebarMenuButton tooltip={item.title}>\n                  {item.icon && <item.icon />}\n                  <span>{item.title}</span>\n                  <ChevronRight className=\"ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90\" />\n                </SidebarMenuButton>\n              </CollapsibleTrigger>\n              <CollapsibleContent>\n                <SidebarMenuSub>\n                  {item.items?.map((subItem) => (\n                    <SidebarMenuSubItem key={subItem.title}>\n                      <SidebarMenuSubButton asChild>\n                        <a href={subItem.url}>\n                          <span>{subItem.title}</span>\n                        </a>\n                      </SidebarMenuSubButton>\n                    </SidebarMenuSubItem>\n                  ))}\n                </SidebarMenuSub>\n              </CollapsibleContent>\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  Forward,\n  MoreHorizontal,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Forward className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal className=\"text-sidebar-foreground/70\" />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-07/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronsUpDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-4\" />\n              </div>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">\n                  {activeTeam.name}\n                </span>\n                <span className=\"truncate text-xs\">{activeTeam.plan}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            align=\"start\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-08.json b/apps/www/public/r/styles/new-york/sidebar-08.json
index c8079563baa..b92c3045f9a 100644
--- a/apps/www/public/r/styles/new-york/sidebar-08.json
+++ b/apps/www/public/r/styles/new-york/sidebar-08.json
@@ -20,27 +20,32 @@
     {
       "path": "block/sidebar-08/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  BookOpen,\n  Bot,\n  Command,\n  Frame,\n  LifeBuoy,\n  Map,\n  PieChart,\n  Send,\n  Settings2,\n  SquareTerminal,\n} from \"lucide-react\"\n\nimport { NavMain } from \"@/registry/new-york/block/sidebar-08/components/nav-main\"\nimport { NavProjects } from \"@/registry/new-york/block/sidebar-08/components/nav-projects\"\nimport { NavSecondary } from \"@/registry/new-york/block/sidebar-08/components/nav-secondary\"\nimport { NavUser } from \"@/registry/new-york/block/sidebar-08/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  navMain: [\n    {\n      title: \"Playground\",\n      url: \"#\",\n      icon: SquareTerminal,\n      isActive: true,\n      items: [\n        {\n          title: \"History\",\n          url: \"#\",\n        },\n        {\n          title: \"Starred\",\n          url: \"#\",\n        },\n        {\n          title: \"Settings\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Models\",\n      url: \"#\",\n      icon: Bot,\n      items: [\n        {\n          title: \"Genesis\",\n          url: \"#\",\n        },\n        {\n          title: \"Explorer\",\n          url: \"#\",\n        },\n        {\n          title: \"Quantum\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Documentation\",\n      url: \"#\",\n      icon: BookOpen,\n      items: [\n        {\n          title: \"Introduction\",\n          url: \"#\",\n        },\n        {\n          title: \"Get Started\",\n          url: \"#\",\n        },\n        {\n          title: \"Tutorials\",\n          url: \"#\",\n        },\n        {\n          title: \"Changelog\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n      items: [\n        {\n          title: \"General\",\n          url: \"#\",\n        },\n        {\n          title: \"Team\",\n          url: \"#\",\n        },\n        {\n          title: \"Billing\",\n          url: \"#\",\n        },\n        {\n          title: \"Limits\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Support\",\n      url: \"#\",\n      icon: LifeBuoy,\n    },\n    {\n      title: \"Feedback\",\n      url: \"#\",\n      icon: Send,\n    },\n  ],\n  projects: [\n    {\n      name: \"Design Engineering\",\n      url: \"#\",\n      icon: Frame,\n    },\n    {\n      name: \"Sales & Marketing\",\n      url: \"#\",\n      icon: PieChart,\n    },\n    {\n      name: \"Travel\",\n      url: \"#\",\n      icon: Map,\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar variant=\"inset\" {...props}>\n      <SidebarHeader>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton size=\"lg\" asChild>\n              <a href=\"#\">\n                <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                  <Command className=\"size-4\" />\n                </div>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">Acme Inc</span>\n                  <span className=\"truncate text-xs\">Enterprise</span>\n                </div>\n              </a>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarHeader>\n      <SidebarContent>\n        <NavMain items={data.navMain} />\n        <NavProjects projects={data.projects} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarFooter>\n        <NavUser user={data.user} />\n      </SidebarFooter>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { ChevronRight, type LucideIcon } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n    items?: {\n      title: string\n      url: string\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Platform</SidebarGroupLabel>\n      <SidebarMenu>\n        {items.map((item) => (\n          <Collapsible key={item.title} asChild defaultOpen={item.isActive}>\n            <SidebarMenuItem>\n              <SidebarMenuButton asChild tooltip={item.title}>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.items?.length ? (\n                <>\n                  <CollapsibleTrigger asChild>\n                    <SidebarMenuAction className=\"data-[state=open]:rotate-90\">\n                      <ChevronRight />\n                      <span className=\"sr-only\">Toggle</span>\n                    </SidebarMenuAction>\n                  </CollapsibleTrigger>\n                  <CollapsibleContent>\n                    <SidebarMenuSub>\n                      {item.items?.map((subItem) => (\n                        <SidebarMenuSubItem key={subItem.title}>\n                          <SidebarMenuSubButton asChild>\n                            <a href={subItem.url}>\n                              <span>{subItem.title}</span>\n                            </a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  </CollapsibleContent>\n                </>\n              ) : null}\n            </SidebarMenuItem>\n          </Collapsible>\n        ))}\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-projects.tsx",
       "content": "\"use client\"\n\nimport {\n  Folder,\n  MoreHorizontal,\n  Share,\n  Trash2,\n  type LucideIcon,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavProjects({\n  projects,\n}: {\n  projects: {\n    name: string\n    url: string\n    icon: LucideIcon\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Projects</SidebarGroupLabel>\n      <SidebarMenu>\n        {projects.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url}>\n                <item.icon />\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-48\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <Folder className=\"text-muted-foreground\" />\n                  <span>View Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <Share className=\"text-muted-foreground\" />\n                  <span>Share Project</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete Project</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton>\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-secondary.tsx",
       "content": "import * as React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild size=\"sm\">\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-08/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-09.json b/apps/www/public/r/styles/new-york/sidebar-09.json
index f1a6a16d8cb..96a0ebfdd02 100644
--- a/apps/www/public/r/styles/new-york/sidebar-09.json
+++ b/apps/www/public/r/styles/new-york/sidebar-09.json
@@ -18,10 +18,17 @@
       "type": "registry:page",
       "target": "app/dashboard/page.tsx"
     },
+    {
+      "path": "block/sidebar-09/components/app-sidebar.tsx",
+      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArchiveX, Command, File, Inbox, Send, Trash2 } from \"lucide-react\"\n\nimport { NavUser } from \"@/registry/new-york/block/sidebar-09/components/nav-user\"\nimport { Label } from \"@/registry/new-york/ui/label\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarHeader,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\nimport { Switch } from \"@/registry/new-york/ui/switch\"\n\n// This is sample data\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  navMain: [\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      isActive: true,\n    },\n    {\n      title: \"Drafts\",\n      url: \"#\",\n      icon: File,\n      isActive: false,\n    },\n    {\n      title: \"Sent\",\n      url: \"#\",\n      icon: Send,\n      isActive: false,\n    },\n    {\n      title: \"Junk\",\n      url: \"#\",\n      icon: ArchiveX,\n      isActive: false,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n      isActive: false,\n    },\n  ],\n  mails: [\n    {\n      name: \"William Smith\",\n      email: \"williamsmith@example.com\",\n      subject: \"Meeting Tomorrow\",\n      date: \"09:34 AM\",\n      teaser:\n        \"Hi team, just a reminder about our meeting tomorrow at 10 AM.\\nPlease come prepared with your project updates.\",\n    },\n    {\n      name: \"Alice Smith\",\n      email: \"alicesmith@example.com\",\n      subject: \"Re: Project Update\",\n      date: \"Yesterday\",\n      teaser:\n        \"Thanks for the update. The progress looks great so far.\\nLet's schedule a call to discuss the next steps.\",\n    },\n    {\n      name: \"Bob Johnson\",\n      email: \"bobjohnson@example.com\",\n      subject: \"Weekend Plans\",\n      date: \"2 days ago\",\n      teaser:\n        \"Hey everyone! I'm thinking of organizing a team outing this weekend.\\nWould you be interested in a hiking trip or a beach day?\",\n    },\n    {\n      name: \"Emily Davis\",\n      email: \"emilydavis@example.com\",\n      subject: \"Re: Question about Budget\",\n      date: \"2 days ago\",\n      teaser:\n        \"I've reviewed the budget numbers you sent over.\\nCan we set up a quick call to discuss some potential adjustments?\",\n    },\n    {\n      name: \"Michael Wilson\",\n      email: \"michaelwilson@example.com\",\n      subject: \"Important Announcement\",\n      date: \"1 week ago\",\n      teaser:\n        \"Please join us for an all-hands meeting this Friday at 3 PM.\\nWe have some exciting news to share about the company's future.\",\n    },\n    {\n      name: \"Sarah Brown\",\n      email: \"sarahbrown@example.com\",\n      subject: \"Re: Feedback on Proposal\",\n      date: \"1 week ago\",\n      teaser:\n        \"Thank you for sending over the proposal. I've reviewed it and have some thoughts.\\nCould we schedule a meeting to discuss my feedback in detail?\",\n    },\n    {\n      name: \"David Lee\",\n      email: \"davidlee@example.com\",\n      subject: \"New Project Idea\",\n      date: \"1 week ago\",\n      teaser:\n        \"I've been brainstorming and came up with an interesting project concept.\\nDo you have time this week to discuss its potential impact and feasibility?\",\n    },\n    {\n      name: \"Olivia Wilson\",\n      email: \"oliviawilson@example.com\",\n      subject: \"Vacation Plans\",\n      date: \"1 week ago\",\n      teaser:\n        \"Just a heads up that I'll be taking a two-week vacation next month.\\nI'll make sure all my projects are up to date before I leave.\",\n    },\n    {\n      name: \"James Martin\",\n      email: \"jamesmartin@example.com\",\n      subject: \"Re: Conference Registration\",\n      date: \"1 week ago\",\n      teaser:\n        \"I've completed the registration for the upcoming tech conference.\\nLet me know if you need any additional information from my end.\",\n    },\n    {\n      name: \"Sophia White\",\n      email: \"sophiawhite@example.com\",\n      subject: \"Team Dinner\",\n      date: \"1 week ago\",\n      teaser:\n        \"To celebrate our recent project success, I'd like to organize a team dinner.\\nAre you available next Friday evening? Please let me know your preferences.\",\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  // Note: I'm using state to show active item.\n  // IRL you should use the url/router.\n  const [activeItem, setActiveItem] = React.useState(data.navMain[0])\n  const [mails, setMails] = React.useState(data.mails)\n  const { setOpen } = useSidebar()\n\n  return (\n    <Sidebar\n      collapsible=\"icon\"\n      className=\"overflow-hidden [&>[data-sidebar=sidebar]]:flex-row\"\n      {...props}\n    >\n      {/* This is the first sidebar */}\n      {/* We disable collapsible and adjust width to icon. */}\n      {/* This will make the sidebar appear as icons. */}\n      <Sidebar\n        collapsible=\"none\"\n        className=\"!w-[calc(var(--sidebar-width-icon)_+_1px)] border-r\"\n      >\n        <SidebarHeader>\n          <SidebarMenu>\n            <SidebarMenuItem>\n              <SidebarMenuButton size=\"lg\" asChild className=\"md:h-8 md:p-0\">\n                <a href=\"#\">\n                  <div className=\"flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground\">\n                    <Command className=\"size-4\" />\n                  </div>\n                  <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                    <span className=\"truncate font-semibold\">Acme Inc</span>\n                    <span className=\"truncate text-xs\">Enterprise</span>\n                  </div>\n                </a>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          </SidebarMenu>\n        </SidebarHeader>\n        <SidebarContent>\n          <SidebarGroup>\n            <SidebarGroupContent className=\"px-1.5 md:px-0\">\n              <SidebarMenu>\n                {data.navMain.map((item) => (\n                  <SidebarMenuItem key={item.title}>\n                    <SidebarMenuButton\n                      tooltip={{\n                        children: item.title,\n                        hidden: false,\n                      }}\n                      onClick={() => {\n                        setActiveItem(item)\n                        const mail = data.mails.sort(() => Math.random() - 0.5)\n                        setMails(\n                          mail.slice(\n                            0,\n                            Math.max(5, Math.floor(Math.random() * 10) + 1)\n                          )\n                        )\n                        setOpen(true)\n                      }}\n                      isActive={activeItem.title === item.title}\n                      className=\"px-2.5 md:px-2\"\n                    >\n                      <item.icon />\n                      <span>{item.title}</span>\n                    </SidebarMenuButton>\n                  </SidebarMenuItem>\n                ))}\n              </SidebarMenu>\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n        <SidebarFooter>\n          <NavUser user={data.user} />\n        </SidebarFooter>\n      </Sidebar>\n\n      {/* This is the second sidebar */}\n      {/* We disable collapsible and let it fill remaining space */}\n      <Sidebar collapsible=\"none\" className=\"hidden flex-1 md:flex\">\n        <SidebarHeader className=\"gap-3.5 border-b p-4\">\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"text-base font-medium text-foreground\">\n              {activeItem.title}\n            </div>\n            <Label className=\"flex items-center gap-2 text-sm\">\n              <span>Unreads</span>\n              <Switch className=\"shadow-none\" />\n            </Label>\n          </div>\n          <SidebarInput placeholder=\"Type to search...\" />\n        </SidebarHeader>\n        <SidebarContent>\n          <SidebarGroup className=\"px-0\">\n            <SidebarGroupContent>\n              {mails.map((mail) => (\n                <a\n                  href=\"#\"\n                  key={mail.email}\n                  className=\"flex flex-col items-start gap-2 whitespace-nowrap border-b p-4 text-sm leading-tight last:border-b-0 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n                >\n                  <div className=\"flex w-full items-center gap-2\">\n                    <span>{mail.name}</span>{\" \"}\n                    <span className=\"ml-auto text-xs\">{mail.date}</span>\n                  </div>\n                  <span className=\"font-medium\">{mail.subject}</span>\n                  <span className=\"line-clamp-2 w-[260px] whitespace-break-spaces text-xs\">\n                    {mail.teaser}\n                  </span>\n                </a>\n              ))}\n            </SidebarGroupContent>\n          </SidebarGroup>\n        </SidebarContent>\n      </Sidebar>\n    </Sidebar>\n  )\n}\n",
+      "type": "registry:component",
+      "target": ""
+    },
     {
       "path": "block/sidebar-09/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground md:h-8 md:p-0\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"end\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-10.json b/apps/www/public/r/styles/new-york/sidebar-10.json
index 199b0c20010..96df010153a 100644
--- a/apps/www/public/r/styles/new-york/sidebar-10.json
+++ b/apps/www/public/r/styles/new-york/sidebar-10.json
@@ -20,37 +20,44 @@
     {
       "path": "block/sidebar-10/components/app-sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  Blocks,\n  Calendar,\n  Command,\n  Home,\n  Inbox,\n  MessageCircleQuestion,\n  Search,\n  Settings2,\n  Sparkles,\n  Trash2,\n} from \"lucide-react\"\n\nimport { NavFavorites } from \"@/registry/new-york/block/sidebar-10/components/nav-favorites\"\nimport { NavMain } from \"@/registry/new-york/block/sidebar-10/components/nav-main\"\nimport { NavSecondary } from \"@/registry/new-york/block/sidebar-10/components/nav-secondary\"\nimport { NavWorkspaces } from \"@/registry/new-york/block/sidebar-10/components/nav-workspaces\"\nimport { TeamSwitcher } from \"@/registry/new-york/block/sidebar-10/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: Command,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Search\",\n      url: \"#\",\n      icon: Search,\n    },\n    {\n      title: \"Ask AI\",\n      url: \"#\",\n      icon: Sparkles,\n    },\n    {\n      title: \"Home\",\n      url: \"#\",\n      icon: Home,\n      isActive: true,\n    },\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      badge: \"10\",\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Calendar\",\n      url: \"#\",\n      icon: Calendar,\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n    },\n    {\n      title: \"Templates\",\n      url: \"#\",\n      icon: Blocks,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n    },\n    {\n      title: \"Help\",\n      url: \"#\",\n      icon: MessageCircleQuestion,\n    },\n  ],\n  favorites: [\n    {\n      name: \"Project Management & Task Tracking\",\n      url: \"#\",\n      emoji: \"📊\",\n    },\n    {\n      name: \"Family Recipe Collection & Meal Planning\",\n      url: \"#\",\n      emoji: \"🍳\",\n    },\n    {\n      name: \"Fitness Tracker & Workout Routines\",\n      url: \"#\",\n      emoji: \"💪\",\n    },\n    {\n      name: \"Book Notes & Reading List\",\n      url: \"#\",\n      emoji: \"📚\",\n    },\n    {\n      name: \"Sustainable Gardening Tips & Plant Care\",\n      url: \"#\",\n      emoji: \"🌱\",\n    },\n    {\n      name: \"Language Learning Progress & Resources\",\n      url: \"#\",\n      emoji: \"🗣️\",\n    },\n    {\n      name: \"Home Renovation Ideas & Budget Tracker\",\n      url: \"#\",\n      emoji: \"🏠\",\n    },\n    {\n      name: \"Personal Finance & Investment Portfolio\",\n      url: \"#\",\n      emoji: \"💰\",\n    },\n    {\n      name: \"Movie & TV Show Watchlist with Reviews\",\n      url: \"#\",\n      emoji: \"🎬\",\n    },\n    {\n      name: \"Daily Habit Tracker & Goal Setting\",\n      url: \"#\",\n      emoji: \"✅\",\n    },\n  ],\n  workspaces: [\n    {\n      name: \"Personal Life Management\",\n      emoji: \"🏠\",\n      pages: [\n        {\n          name: \"Daily Journal & Reflection\",\n          url: \"#\",\n          emoji: \"📔\",\n        },\n        {\n          name: \"Health & Wellness Tracker\",\n          url: \"#\",\n          emoji: \"🍏\",\n        },\n        {\n          name: \"Personal Growth & Learning Goals\",\n          url: \"#\",\n          emoji: \"🌟\",\n        },\n      ],\n    },\n    {\n      name: \"Professional Development\",\n      emoji: \"💼\",\n      pages: [\n        {\n          name: \"Career Objectives & Milestones\",\n          url: \"#\",\n          emoji: \"🎯\",\n        },\n        {\n          name: \"Skill Acquisition & Training Log\",\n          url: \"#\",\n          emoji: \"🧠\",\n        },\n        {\n          name: \"Networking Contacts & Events\",\n          url: \"#\",\n          emoji: \"🤝\",\n        },\n      ],\n    },\n    {\n      name: \"Creative Projects\",\n      emoji: \"🎨\",\n      pages: [\n        {\n          name: \"Writing Ideas & Story Outlines\",\n          url: \"#\",\n          emoji: \"✍️\",\n        },\n        {\n          name: \"Art & Design Portfolio\",\n          url: \"#\",\n          emoji: \"🖼️\",\n        },\n        {\n          name: \"Music Composition & Practice Log\",\n          url: \"#\",\n          emoji: \"🎵\",\n        },\n      ],\n    },\n    {\n      name: \"Home Management\",\n      emoji: \"🏡\",\n      pages: [\n        {\n          name: \"Household Budget & Expense Tracking\",\n          url: \"#\",\n          emoji: \"💰\",\n        },\n        {\n          name: \"Home Maintenance Schedule & Tasks\",\n          url: \"#\",\n          emoji: \"🔧\",\n        },\n        {\n          name: \"Family Calendar & Event Planning\",\n          url: \"#\",\n          emoji: \"📅\",\n        },\n      ],\n    },\n    {\n      name: \"Travel & Adventure\",\n      emoji: \"🧳\",\n      pages: [\n        {\n          name: \"Trip Planning & Itineraries\",\n          url: \"#\",\n          emoji: \"🗺️\",\n        },\n        {\n          name: \"Travel Bucket List & Inspiration\",\n          url: \"#\",\n          emoji: \"🌎\",\n        },\n        {\n          name: \"Travel Journal & Photo Gallery\",\n          url: \"#\",\n          emoji: \"📸\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar className=\"border-r-0\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n        <NavMain items={data.navMain} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavFavorites favorites={data.favorites} />\n        <NavWorkspaces workspaces={data.workspaces} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-actions.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  ArrowDown,\n  ArrowUp,\n  Bell,\n  Copy,\n  CornerUpLeft,\n  CornerUpRight,\n  FileText,\n  GalleryVerticalEnd,\n  LineChart,\n  Link,\n  MoreHorizontal,\n  Settings2,\n  Star,\n  Trash,\n  Trash2,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/new-york/ui/popover\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst data = [\n  [\n    {\n      label: \"Customize Page\",\n      icon: Settings2,\n    },\n    {\n      label: \"Turn into wiki\",\n      icon: FileText,\n    },\n  ],\n  [\n    {\n      label: \"Copy Link\",\n      icon: Link,\n    },\n    {\n      label: \"Duplicate\",\n      icon: Copy,\n    },\n    {\n      label: \"Move to\",\n      icon: CornerUpRight,\n    },\n    {\n      label: \"Move to Trash\",\n      icon: Trash2,\n    },\n  ],\n  [\n    {\n      label: \"Undo\",\n      icon: CornerUpLeft,\n    },\n    {\n      label: \"View analytics\",\n      icon: LineChart,\n    },\n    {\n      label: \"Version History\",\n      icon: GalleryVerticalEnd,\n    },\n    {\n      label: \"Show delete pages\",\n      icon: Trash,\n    },\n    {\n      label: \"Notifications\",\n      icon: Bell,\n    },\n  ],\n  [\n    {\n      label: \"Import\",\n      icon: ArrowUp,\n    },\n    {\n      label: \"Export\",\n      icon: ArrowDown,\n    },\n  ],\n]\n\nexport function NavActions() {\n  const [isOpen, setIsOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    setIsOpen(true)\n  }, [])\n\n  return (\n    <div className=\"flex items-center gap-2 text-sm\">\n      <div className=\"hidden font-medium text-muted-foreground md:inline-block\">\n        Edit Oct 08\n      </div>\n      <Button variant=\"ghost\" size=\"icon\" className=\"h-7 w-7\">\n        <Star />\n      </Button>\n      <Popover open={isOpen} onOpenChange={setIsOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-7 w-7 data-[state=open]:bg-accent\"\n          >\n            <MoreHorizontal />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-56 overflow-hidden rounded-lg p-0\"\n          align=\"end\"\n        >\n          <Sidebar collapsible=\"none\" className=\"bg-transparent\">\n            <SidebarContent>\n              {data.map((group, index) => (\n                <SidebarGroup key={index} className=\"border-b last:border-none\">\n                  <SidebarGroupContent className=\"gap-0\">\n                    <SidebarMenu>\n                      {group.map((item, index) => (\n                        <SidebarMenuItem key={index}>\n                          <SidebarMenuButton>\n                            <item.icon /> <span>{item.label}</span>\n                          </SidebarMenuButton>\n                        </SidebarMenuItem>\n                      ))}\n                    </SidebarMenu>\n                  </SidebarGroupContent>\n                </SidebarGroup>\n              ))}\n            </SidebarContent>\n          </Sidebar>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-favorites.tsx",
       "content": "\"use client\"\n\nimport {\n  ArrowUpRight,\n  Link,\n  MoreHorizontal,\n  StarOff,\n  Trash2,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavFavorites({\n  favorites,\n}: {\n  favorites: {\n    name: string\n    url: string\n    emoji: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Favorites</SidebarGroupLabel>\n      <SidebarMenu>\n        {favorites.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url} title={item.name}>\n                <span>{item.emoji}</span>\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-56 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <StarOff className=\"text-muted-foreground\" />\n                  <span>Remove from Favorites</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Link className=\"text-muted-foreground\" />\n                  <span>Copy Link</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <ArrowUpRight className=\"text-muted-foreground\" />\n                  <span>Open in New Tab</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n  }[]\n}) {\n  return (\n    <SidebarMenu>\n      {items.map((item) => (\n        <SidebarMenuItem key={item.title}>\n          <SidebarMenuButton asChild isActive={item.isActive}>\n            <a href={item.url}>\n              <item.icon />\n              <span>{item.title}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-secondary.tsx",
       "content": "import React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    badge?: React.ReactNode\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.badge && <SidebarMenuBadge>{item.badge}</SidebarMenuBadge>}\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/nav-workspaces.tsx",
       "content": "import { ChevronRight, MoreHorizontal, Plus } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavWorkspaces({\n  workspaces,\n}: {\n  workspaces: {\n    name: string\n    emoji: React.ReactNode\n    pages: {\n      name: string\n      emoji: React.ReactNode\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Workspaces</SidebarGroupLabel>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {workspaces.map((workspace) => (\n            <Collapsible key={workspace.name}>\n              <SidebarMenuItem>\n                <SidebarMenuButton asChild>\n                  <a href=\"#\">\n                    <span>{workspace.emoji}</span>\n                    <span>{workspace.name}</span>\n                  </a>\n                </SidebarMenuButton>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuAction\n                    className=\"left-2 bg-sidebar-accent text-sidebar-accent-foreground data-[state=open]:rotate-90\"\n                    showOnHover\n                  >\n                    <ChevronRight />\n                  </SidebarMenuAction>\n                </CollapsibleTrigger>\n                <SidebarMenuAction showOnHover>\n                  <Plus />\n                </SidebarMenuAction>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {workspace.pages.map((page) => (\n                      <SidebarMenuSubItem key={page.name}>\n                        <SidebarMenuSubButton asChild>\n                          <a href=\"#\">\n                            <span>{page.emoji}</span>\n                            <span>{page.name}</span>\n                          </a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ))}\n          <SidebarMenuItem>\n            <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n              <MoreHorizontal />\n              <span>More</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-10/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton className=\"w-fit px-1.5\">\n              <div className=\"flex aspect-square size-5 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-3\" />\n              </div>\n              <span className=\"truncate font-semibold\">{activeTeam.name}</span>\n              <ChevronDown className=\"opacity-50\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-64 rounded-lg\"\n            align=\"start\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-11.json b/apps/www/public/r/styles/new-york/sidebar-11.json
index 40cf25db9fc..0eafe634cde 100644
--- a/apps/www/public/r/styles/new-york/sidebar-11.json
+++ b/apps/www/public/r/styles/new-york/sidebar-11.json
@@ -18,7 +18,8 @@
     {
       "path": "block/sidebar-11/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { ChevronRight, File, Folder } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  changes: [\n    {\n      file: \"README.md\",\n      state: \"M\",\n    },\n    {\n      file: \"api/hello/route.ts\",\n      state: \"U\",\n    },\n    {\n      file: \"app/layout.tsx\",\n      state: \"M\",\n    },\n  ],\n  tree: [\n    [\n      \"app\",\n      [\n        \"api\",\n        [\"hello\", [\"route.ts\"]],\n        \"page.tsx\",\n        \"layout.tsx\",\n        [\"blog\", [\"page.tsx\"]],\n      ],\n    ],\n    [\n      \"components\",\n      [\"ui\", \"button.tsx\", \"card.tsx\"],\n      \"header.tsx\",\n      \"footer.tsx\",\n    ],\n    [\"lib\", [\"util.ts\"]],\n    [\"public\", \"favicon.ico\", \"vercel.svg\"],\n    \".eslintrc.json\",\n    \".gitignore\",\n    \"next.config.js\",\n    \"tailwind.config.js\",\n    \"package.json\",\n    \"README.md\",\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarGroupLabel>Changes</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.changes.map((item, index) => (\n                <SidebarMenuItem key={index}>\n                  <SidebarMenuButton>\n                    <File />\n                    {item.file}\n                  </SidebarMenuButton>\n                  <SidebarMenuBadge>{item.state}</SidebarMenuBadge>\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n        <SidebarGroup>\n          <SidebarGroupLabel>Files</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.tree.map((item, index) => (\n                <Tree key={index} item={item} />\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n\nfunction Tree({ item }: { item: string | any[] }) {\n  const [name, ...items] = Array.isArray(item) ? item : [item]\n\n  if (!items.length) {\n    return (\n      <SidebarMenuButton\n        isActive={name === \"button.tsx\"}\n        className=\"data-[active=true]:bg-transparent\"\n      >\n        <File />\n        {name}\n      </SidebarMenuButton>\n    )\n  }\n\n  return (\n    <SidebarMenuItem>\n      <Collapsible\n        className=\"group/collapsible [&[data-state=open]>button>svg:first-child]:rotate-90\"\n        defaultOpen={name === \"components\" || name === \"ui\"}\n      >\n        <CollapsibleTrigger asChild>\n          <SidebarMenuButton>\n            <ChevronRight className=\"transition-transform\" />\n            <Folder />\n            {name}\n          </SidebarMenuButton>\n        </CollapsibleTrigger>\n        <CollapsibleContent>\n          <SidebarMenuSub>\n            {items.map((subItem, index) => (\n              <Tree key={index} item={subItem} />\n            ))}\n          </SidebarMenuSub>\n        </CollapsibleContent>\n      </Collapsible>\n    </SidebarMenuItem>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-12.json b/apps/www/public/r/styles/new-york/sidebar-12.json
index 9ec9b040e60..bdb1fd672a8 100644
--- a/apps/www/public/r/styles/new-york/sidebar-12.json
+++ b/apps/www/public/r/styles/new-york/sidebar-12.json
@@ -21,22 +21,26 @@
     {
       "path": "block/sidebar-12/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\nimport { Plus } from \"lucide-react\"\n\nimport { Calendars } from \"@/registry/new-york/block/sidebar-12/components/calendars\"\nimport { DatePicker } from \"@/registry/new-york/block/sidebar-12/components/date-picker\"\nimport { NavUser } from \"@/registry/new-york/block/sidebar-12/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarSeparator,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  calendars: [\n    {\n      name: \"My Calendars\",\n      items: [\"Personal\", \"Work\", \"Family\"],\n    },\n    {\n      name: \"Favorites\",\n      items: [\"Holidays\", \"Birthdays\"],\n    },\n    {\n      name: \"Other\",\n      items: [\"Travel\", \"Reminders\", \"Deadlines\"],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarHeader className=\"h-16 border-b border-sidebar-border\">\n        <NavUser user={data.user} />\n      </SidebarHeader>\n      <SidebarContent>\n        <DatePicker />\n        <SidebarSeparator className=\"mx-0\" />\n        <Calendars calendars={data.calendars} />\n      </SidebarContent>\n      <SidebarFooter>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton>\n              <Plus />\n              <span>New Calendar</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarFooter>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/calendars.tsx",
       "content": "import * as React from \"react\"\nimport { Check, ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarSeparator,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function Calendars({\n  calendars,\n}: {\n  calendars: {\n    name: string\n    items: string[]\n  }[]\n}) {\n  return (\n    <>\n      {calendars.map((calendar, index) => (\n        <React.Fragment key={calendar.name}>\n          <SidebarGroup key={calendar.name} className=\"py-0\">\n            <Collapsible\n              defaultOpen={index === 0}\n              className=\"group/collapsible\"\n            >\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {calendar.name}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {calendar.items.map((item, index) => (\n                      <SidebarMenuItem key={item}>\n                        <SidebarMenuButton>\n                          <div\n                            data-active={index < 2}\n                            className=\"group/calendar-item flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary\"\n                          >\n                            <Check className=\"hidden size-3 group-data-[active=true]/calendar-item:block\" />\n                          </div>\n                          {item}\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </Collapsible>\n          </SidebarGroup>\n          <SidebarSeparator className=\"mx-0\" />\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/date-picker.tsx",
       "content": "import { Calendar } from \"@/registry/new-york/ui/calendar\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function DatePicker() {\n  return (\n    <SidebarGroup className=\"px-0\">\n      <SidebarGroupContent>\n        <Calendar className=\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\" />\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-12/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"start\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-13.json b/apps/www/public/r/styles/new-york/sidebar-13.json
index f4517dc73da..8ad2be3134a 100644
--- a/apps/www/public/r/styles/new-york/sidebar-13.json
+++ b/apps/www/public/r/styles/new-york/sidebar-13.json
@@ -18,7 +18,8 @@
     {
       "path": "block/sidebar-13/components/settings-dialog.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Bell,\n  Check,\n  Globe,\n  Home,\n  Keyboard,\n  Link,\n  Lock,\n  Menu,\n  MessageCircle,\n  Paintbrush,\n  Settings,\n  Video,\n} from \"lucide-react\"\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"@/registry/new-york/ui/breadcrumb\"\nimport { Button } from \"@/registry/new-york/ui/button\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogTitle,\n  DialogTrigger,\n} from \"@/registry/new-york/ui/dialog\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n} from \"@/registry/new-york/ui/sidebar\"\n\nconst data = {\n  nav: [\n    { name: \"Notifications\", icon: Bell },\n    { name: \"Navigation\", icon: Menu },\n    { name: \"Home\", icon: Home },\n    { name: \"Appearance\", icon: Paintbrush },\n    { name: \"Messages & media\", icon: MessageCircle },\n    { name: \"Language & region\", icon: Globe },\n    { name: \"Accessibility\", icon: Keyboard },\n    { name: \"Mark as read\", icon: Check },\n    { name: \"Audio & video\", icon: Video },\n    { name: \"Connected accounts\", icon: Link },\n    { name: \"Privacy & visibility\", icon: Lock },\n    { name: \"Advanced\", icon: Settings },\n  ],\n}\n\nexport function SettingsDialog() {\n  const [open, setOpen] = React.useState(true)\n\n  return (\n    <Dialog open={open} onOpenChange={setOpen}>\n      <DialogTrigger asChild>\n        <Button size=\"sm\">Open Dialog</Button>\n      </DialogTrigger>\n      <DialogContent className=\"overflow-hidden p-0 md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]\">\n        <DialogTitle className=\"sr-only\">Settings</DialogTitle>\n        <DialogDescription className=\"sr-only\">\n          Customize your settings here.\n        </DialogDescription>\n        <SidebarProvider className=\"items-start\">\n          <Sidebar collapsible=\"none\" className=\"hidden md:flex\">\n            <SidebarContent>\n              <SidebarGroup>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {data.nav.map((item) => (\n                      <SidebarMenuItem key={item.name}>\n                        <SidebarMenuButton\n                          asChild\n                          isActive={item.name === \"Messages & media\"}\n                        >\n                          <a href=\"#\">\n                            <item.icon />\n                            <span>{item.name}</span>\n                          </a>\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </SidebarGroup>\n            </SidebarContent>\n          </Sidebar>\n          <main className=\"flex h-[480px] flex-1 flex-col overflow-hidden\">\n            <header className=\"flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\n              <div className=\"flex items-center gap-2 px-4\">\n                <Breadcrumb>\n                  <BreadcrumbList>\n                    <BreadcrumbItem className=\"hidden md:block\">\n                      <BreadcrumbLink href=\"#\">Settings</BreadcrumbLink>\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator className=\"hidden md:block\" />\n                    <BreadcrumbItem>\n                      <BreadcrumbPage>Messages & media</BreadcrumbPage>\n                    </BreadcrumbItem>\n                  </BreadcrumbList>\n                </Breadcrumb>\n              </div>\n            </header>\n            <div className=\"flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-0\">\n              {Array.from({ length: 10 }).map((_, i) => (\n                <div\n                  key={i}\n                  className=\"aspect-video max-w-3xl rounded-xl bg-muted/50\"\n                />\n              ))}\n            </div>\n          </main>\n        </SidebarProvider>\n      </DialogContent>\n    </Dialog>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-14.json b/apps/www/public/r/styles/new-york/sidebar-14.json
index 07bfbfcf0bb..614f3b404e4 100644
--- a/apps/www/public/r/styles/new-york/sidebar-14.json
+++ b/apps/www/public/r/styles/new-york/sidebar-14.json
@@ -16,7 +16,8 @@
     {
       "path": "block/sidebar-14/components/app-sidebar.tsx",
       "content": "import * as React from \"react\"\n\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  navMain: [\n    {\n      title: \"Getting Started\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Installation\",\n          url: \"#\",\n        },\n        {\n          title: \"Project Structure\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Building Your Application\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Routing\",\n          url: \"#\",\n        },\n        {\n          title: \"Data Fetching\",\n          url: \"#\",\n          isActive: true,\n        },\n        {\n          title: \"Rendering\",\n          url: \"#\",\n        },\n        {\n          title: \"Caching\",\n          url: \"#\",\n        },\n        {\n          title: \"Styling\",\n          url: \"#\",\n        },\n        {\n          title: \"Optimizing\",\n          url: \"#\",\n        },\n        {\n          title: \"Configuring\",\n          url: \"#\",\n        },\n        {\n          title: \"Testing\",\n          url: \"#\",\n        },\n        {\n          title: \"Authentication\",\n          url: \"#\",\n        },\n        {\n          title: \"Deploying\",\n          url: \"#\",\n        },\n        {\n          title: \"Upgrading\",\n          url: \"#\",\n        },\n        {\n          title: \"Examples\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"API Reference\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Components\",\n          url: \"#\",\n        },\n        {\n          title: \"File Conventions\",\n          url: \"#\",\n        },\n        {\n          title: \"Functions\",\n          url: \"#\",\n        },\n        {\n          title: \"next.config.js Options\",\n          url: \"#\",\n        },\n        {\n          title: \"CLI\",\n          url: \"#\",\n        },\n        {\n          title: \"Edge Runtime\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Architecture\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Accessibility\",\n          url: \"#\",\n        },\n        {\n          title: \"Fast Refresh\",\n          url: \"#\",\n        },\n        {\n          title: \"Next.js Compiler\",\n          url: \"#\",\n        },\n        {\n          title: \"Supported Browsers\",\n          url: \"#\",\n        },\n        {\n          title: \"Turbopack\",\n          url: \"#\",\n        },\n      ],\n    },\n    {\n      title: \"Community\",\n      url: \"#\",\n      items: [\n        {\n          title: \"Contribution Guide\",\n          url: \"#\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar {...props}>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarGroupLabel>Table of Contents</SidebarGroupLabel>\n          <SidebarGroupContent>\n            <SidebarMenu>\n              {data.navMain.map((item) => (\n                <SidebarMenuItem key={item.title}>\n                  <SidebarMenuButton asChild>\n                    <a href={item.url} className=\"font-medium\">\n                      {item.title}\n                    </a>\n                  </SidebarMenuButton>\n                  {item.items?.length ? (\n                    <SidebarMenuSub>\n                      {item.items.map((item) => (\n                        <SidebarMenuSubItem key={item.title}>\n                          <SidebarMenuSubButton\n                            asChild\n                            isActive={item.isActive}\n                          >\n                            <a href={item.url}>{item.title}</a>\n                          </SidebarMenuSubButton>\n                        </SidebarMenuSubItem>\n                      ))}\n                    </SidebarMenuSub>\n                  ) : null}\n                </SidebarMenuItem>\n              ))}\n            </SidebarMenu>\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/sidebar-15.json b/apps/www/public/r/styles/new-york/sidebar-15.json
index d0a433c33d0..508c6637e81 100644
--- a/apps/www/public/r/styles/new-york/sidebar-15.json
+++ b/apps/www/public/r/styles/new-york/sidebar-15.json
@@ -22,52 +22,62 @@
     {
       "path": "block/sidebar-15/components/calendars.tsx",
       "content": "import * as React from \"react\"\nimport { Check, ChevronRight } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarSeparator,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function Calendars({\n  calendars,\n}: {\n  calendars: {\n    name: string\n    items: string[]\n  }[]\n}) {\n  return (\n    <>\n      {calendars.map((calendar, index) => (\n        <React.Fragment key={calendar.name}>\n          <SidebarGroup key={calendar.name} className=\"py-0\">\n            <Collapsible\n              defaultOpen={index === 0}\n              className=\"group/collapsible\"\n            >\n              <SidebarGroupLabel\n                asChild\n                className=\"group/label w-full text-sm text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\"\n              >\n                <CollapsibleTrigger>\n                  {calendar.name}{\" \"}\n                  <ChevronRight className=\"ml-auto transition-transform group-data-[state=open]/collapsible:rotate-90\" />\n                </CollapsibleTrigger>\n              </SidebarGroupLabel>\n              <CollapsibleContent>\n                <SidebarGroupContent>\n                  <SidebarMenu>\n                    {calendar.items.map((item, index) => (\n                      <SidebarMenuItem key={item}>\n                        <SidebarMenuButton>\n                          <div\n                            data-active={index < 2}\n                            className=\"group/calendar-item flex aspect-square size-4 shrink-0 items-center justify-center rounded-sm border border-sidebar-border text-sidebar-primary-foreground data-[active=true]:border-sidebar-primary data-[active=true]:bg-sidebar-primary\"\n                          >\n                            <Check className=\"hidden size-3 group-data-[active=true]/calendar-item:block\" />\n                          </div>\n                          {item}\n                        </SidebarMenuButton>\n                      </SidebarMenuItem>\n                    ))}\n                  </SidebarMenu>\n                </SidebarGroupContent>\n              </CollapsibleContent>\n            </Collapsible>\n          </SidebarGroup>\n          <SidebarSeparator className=\"mx-0\" />\n        </React.Fragment>\n      ))}\n    </>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/date-picker.tsx",
       "content": "import { Calendar } from \"@/registry/new-york/ui/calendar\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function DatePicker() {\n  return (\n    <SidebarGroup className=\"px-0\">\n      <SidebarGroupContent>\n        <Calendar className=\"[&_[role=gridcell].bg-accent]:bg-sidebar-primary [&_[role=gridcell].bg-accent]:text-sidebar-primary-foreground [&_[role=gridcell]]:w-[33px]\" />\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-favorites.tsx",
       "content": "\"use client\"\n\nimport {\n  ArrowUpRight,\n  Link,\n  MoreHorizontal,\n  StarOff,\n  Trash2,\n} from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarGroup,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavFavorites({\n  favorites,\n}: {\n  favorites: {\n    name: string\n    url: string\n    emoji: string\n  }[]\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarGroup className=\"group-data-[collapsible=icon]:hidden\">\n      <SidebarGroupLabel>Favorites</SidebarGroupLabel>\n      <SidebarMenu>\n        {favorites.map((item) => (\n          <SidebarMenuItem key={item.name}>\n            <SidebarMenuButton asChild>\n              <a href={item.url} title={item.name}>\n                <span>{item.emoji}</span>\n                <span>{item.name}</span>\n              </a>\n            </SidebarMenuButton>\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <SidebarMenuAction showOnHover>\n                  <MoreHorizontal />\n                  <span className=\"sr-only\">More</span>\n                </SidebarMenuAction>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent\n                className=\"w-56 rounded-lg\"\n                side={isMobile ? \"bottom\" : \"right\"}\n                align={isMobile ? \"end\" : \"start\"}\n              >\n                <DropdownMenuItem>\n                  <StarOff className=\"text-muted-foreground\" />\n                  <span>Remove from Favorites</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Link className=\"text-muted-foreground\" />\n                  <span>Copy Link</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <ArrowUpRight className=\"text-muted-foreground\" />\n                  <span>Open in New Tab</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <Trash2 className=\"text-muted-foreground\" />\n                  <span>Delete</span>\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </SidebarMenuItem>\n        ))}\n        <SidebarMenuItem>\n          <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n            <MoreHorizontal />\n            <span>More</span>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      </SidebarMenu>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-main.tsx",
       "content": "\"use client\"\n\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavMain({\n  items,\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    isActive?: boolean\n  }[]\n}) {\n  return (\n    <SidebarMenu>\n      {items.map((item) => (\n        <SidebarMenuItem key={item.title}>\n          <SidebarMenuButton asChild isActive={item.isActive}>\n            <a href={item.url}>\n              <item.icon />\n              <span>{item.title}</span>\n            </a>\n          </SidebarMenuButton>\n        </SidebarMenuItem>\n      ))}\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-secondary.tsx",
       "content": "import React from \"react\"\nimport { type LucideIcon } from \"lucide-react\"\n\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavSecondary({\n  items,\n  ...props\n}: {\n  items: {\n    title: string\n    url: string\n    icon: LucideIcon\n    badge?: React.ReactNode\n  }[]\n} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {\n  return (\n    <SidebarGroup {...props}>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {items.map((item) => (\n            <SidebarMenuItem key={item.title}>\n              <SidebarMenuButton asChild>\n                <a href={item.url}>\n                  <item.icon />\n                  <span>{item.title}</span>\n                </a>\n              </SidebarMenuButton>\n              {item.badge && <SidebarMenuBadge>{item.badge}</SidebarMenuBadge>}\n            </SidebarMenuItem>\n          ))}\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-user.tsx",
       "content": "\"use client\"\n\nimport {\n  BadgeCheck,\n  Bell,\n  ChevronsUpDown,\n  CreditCard,\n  LogOut,\n  Sparkles,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/new-york/ui/avatar\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  useSidebar,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavUser({\n  user,\n}: {\n  user: {\n    name: string\n    email: string\n    avatar: string\n  }\n}) {\n  const { isMobile } = useSidebar()\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton\n              size=\"lg\"\n              className=\"data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground\"\n            >\n              <Avatar className=\"h-8 w-8 rounded-lg\">\n                <AvatarImage src={user.avatar} alt={user.name} />\n                <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n              </Avatar>\n              <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                <span className=\"truncate font-semibold\">{user.name}</span>\n                <span className=\"truncate text-xs\">{user.email}</span>\n              </div>\n              <ChevronsUpDown className=\"ml-auto size-4\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg\"\n            side={isMobile ? \"bottom\" : \"right\"}\n            align=\"start\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"p-0 font-normal\">\n              <div className=\"flex items-center gap-2 px-1 py-1.5 text-left text-sm\">\n                <Avatar className=\"h-8 w-8 rounded-lg\">\n                  <AvatarImage src={user.avatar} alt={user.name} />\n                  <AvatarFallback className=\"rounded-lg\">CN</AvatarFallback>\n                </Avatar>\n                <div className=\"grid flex-1 text-left text-sm leading-tight\">\n                  <span className=\"truncate font-semibold\">{user.name}</span>\n                  <span className=\"truncate text-xs\">{user.email}</span>\n                </div>\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <Sparkles />\n                Upgrade to Pro\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuGroup>\n              <DropdownMenuItem>\n                <BadgeCheck />\n                Account\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <CreditCard />\n                Billing\n              </DropdownMenuItem>\n              <DropdownMenuItem>\n                <Bell />\n                Notifications\n              </DropdownMenuItem>\n            </DropdownMenuGroup>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem>\n              <LogOut />\n              Log out\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/nav-workspaces.tsx",
       "content": "import { ChevronRight, MoreHorizontal, Plus } from \"lucide-react\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/new-york/ui/collapsible\"\nimport {\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function NavWorkspaces({\n  workspaces,\n}: {\n  workspaces: {\n    name: string\n    emoji: React.ReactNode\n    pages: {\n      name: string\n      emoji: React.ReactNode\n    }[]\n  }[]\n}) {\n  return (\n    <SidebarGroup>\n      <SidebarGroupLabel>Workspaces</SidebarGroupLabel>\n      <SidebarGroupContent>\n        <SidebarMenu>\n          {workspaces.map((workspace) => (\n            <Collapsible key={workspace.name}>\n              <SidebarMenuItem>\n                <SidebarMenuButton asChild>\n                  <a href=\"#\">\n                    <span>{workspace.emoji}</span>\n                    <span>{workspace.name}</span>\n                  </a>\n                </SidebarMenuButton>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuAction\n                    className=\"left-2 bg-sidebar-accent text-sidebar-accent-foreground data-[state=open]:rotate-90\"\n                    showOnHover\n                  >\n                    <ChevronRight />\n                  </SidebarMenuAction>\n                </CollapsibleTrigger>\n                <SidebarMenuAction showOnHover>\n                  <Plus />\n                </SidebarMenuAction>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {workspace.pages.map((page) => (\n                      <SidebarMenuSubItem key={page.name}>\n                        <SidebarMenuSubButton asChild>\n                          <a href=\"#\">\n                            <span>{page.emoji}</span>\n                            <span>{page.name}</span>\n                          </a>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ))}\n          <SidebarMenuItem>\n            <SidebarMenuButton className=\"text-sidebar-foreground/70\">\n              <MoreHorizontal />\n              <span>More</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarGroupContent>\n    </SidebarGroup>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/sidebar-left.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport {\n  AudioWaveform,\n  Blocks,\n  Calendar,\n  Command,\n  Home,\n  Inbox,\n  MessageCircleQuestion,\n  Search,\n  Settings2,\n  Sparkles,\n  Trash2,\n} from \"lucide-react\"\n\nimport { NavFavorites } from \"@/registry/new-york/block/sidebar-15/components/nav-favorites\"\nimport { NavMain } from \"@/registry/new-york/block/sidebar-15/components/nav-main\"\nimport { NavSecondary } from \"@/registry/new-york/block/sidebar-15/components/nav-secondary\"\nimport { NavWorkspaces } from \"@/registry/new-york/block/sidebar-15/components/nav-workspaces\"\nimport { TeamSwitcher } from \"@/registry/new-york/block/sidebar-15/components/team-switcher\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarHeader,\n  SidebarRail,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  teams: [\n    {\n      name: \"Acme Inc\",\n      logo: Command,\n      plan: \"Enterprise\",\n    },\n    {\n      name: \"Acme Corp.\",\n      logo: AudioWaveform,\n      plan: \"Startup\",\n    },\n    {\n      name: \"Evil Corp.\",\n      logo: Command,\n      plan: \"Free\",\n    },\n  ],\n  navMain: [\n    {\n      title: \"Search\",\n      url: \"#\",\n      icon: Search,\n    },\n    {\n      title: \"Ask AI\",\n      url: \"#\",\n      icon: Sparkles,\n    },\n    {\n      title: \"Home\",\n      url: \"#\",\n      icon: Home,\n      isActive: true,\n    },\n    {\n      title: \"Inbox\",\n      url: \"#\",\n      icon: Inbox,\n      badge: \"10\",\n    },\n  ],\n  navSecondary: [\n    {\n      title: \"Calendar\",\n      url: \"#\",\n      icon: Calendar,\n    },\n    {\n      title: \"Settings\",\n      url: \"#\",\n      icon: Settings2,\n    },\n    {\n      title: \"Templates\",\n      url: \"#\",\n      icon: Blocks,\n    },\n    {\n      title: \"Trash\",\n      url: \"#\",\n      icon: Trash2,\n    },\n    {\n      title: \"Help\",\n      url: \"#\",\n      icon: MessageCircleQuestion,\n    },\n  ],\n  favorites: [\n    {\n      name: \"Project Management & Task Tracking\",\n      url: \"#\",\n      emoji: \"📊\",\n    },\n    {\n      name: \"Family Recipe Collection & Meal Planning\",\n      url: \"#\",\n      emoji: \"🍳\",\n    },\n    {\n      name: \"Fitness Tracker & Workout Routines\",\n      url: \"#\",\n      emoji: \"💪\",\n    },\n    {\n      name: \"Book Notes & Reading List\",\n      url: \"#\",\n      emoji: \"📚\",\n    },\n    {\n      name: \"Sustainable Gardening Tips & Plant Care\",\n      url: \"#\",\n      emoji: \"🌱\",\n    },\n    {\n      name: \"Language Learning Progress & Resources\",\n      url: \"#\",\n      emoji: \"🗣️\",\n    },\n    {\n      name: \"Home Renovation Ideas & Budget Tracker\",\n      url: \"#\",\n      emoji: \"🏠\",\n    },\n    {\n      name: \"Personal Finance & Investment Portfolio\",\n      url: \"#\",\n      emoji: \"💰\",\n    },\n    {\n      name: \"Movie & TV Show Watchlist with Reviews\",\n      url: \"#\",\n      emoji: \"🎬\",\n    },\n    {\n      name: \"Daily Habit Tracker & Goal Setting\",\n      url: \"#\",\n      emoji: \"✅\",\n    },\n  ],\n  workspaces: [\n    {\n      name: \"Personal Life Management\",\n      emoji: \"🏠\",\n      pages: [\n        {\n          name: \"Daily Journal & Reflection\",\n          url: \"#\",\n          emoji: \"📔\",\n        },\n        {\n          name: \"Health & Wellness Tracker\",\n          url: \"#\",\n          emoji: \"🍏\",\n        },\n        {\n          name: \"Personal Growth & Learning Goals\",\n          url: \"#\",\n          emoji: \"🌟\",\n        },\n      ],\n    },\n    {\n      name: \"Professional Development\",\n      emoji: \"💼\",\n      pages: [\n        {\n          name: \"Career Objectives & Milestones\",\n          url: \"#\",\n          emoji: \"🎯\",\n        },\n        {\n          name: \"Skill Acquisition & Training Log\",\n          url: \"#\",\n          emoji: \"🧠\",\n        },\n        {\n          name: \"Networking Contacts & Events\",\n          url: \"#\",\n          emoji: \"🤝\",\n        },\n      ],\n    },\n    {\n      name: \"Creative Projects\",\n      emoji: \"🎨\",\n      pages: [\n        {\n          name: \"Writing Ideas & Story Outlines\",\n          url: \"#\",\n          emoji: \"✍️\",\n        },\n        {\n          name: \"Art & Design Portfolio\",\n          url: \"#\",\n          emoji: \"🖼️\",\n        },\n        {\n          name: \"Music Composition & Practice Log\",\n          url: \"#\",\n          emoji: \"🎵\",\n        },\n      ],\n    },\n    {\n      name: \"Home Management\",\n      emoji: \"🏡\",\n      pages: [\n        {\n          name: \"Household Budget & Expense Tracking\",\n          url: \"#\",\n          emoji: \"💰\",\n        },\n        {\n          name: \"Home Maintenance Schedule & Tasks\",\n          url: \"#\",\n          emoji: \"🔧\",\n        },\n        {\n          name: \"Family Calendar & Event Planning\",\n          url: \"#\",\n          emoji: \"📅\",\n        },\n      ],\n    },\n    {\n      name: \"Travel & Adventure\",\n      emoji: \"🧳\",\n      pages: [\n        {\n          name: \"Trip Planning & Itineraries\",\n          url: \"#\",\n          emoji: \"🗺️\",\n        },\n        {\n          name: \"Travel Bucket List & Inspiration\",\n          url: \"#\",\n          emoji: \"🌎\",\n        },\n        {\n          name: \"Travel Journal & Photo Gallery\",\n          url: \"#\",\n          emoji: \"📸\",\n        },\n      ],\n    },\n  ],\n}\n\nexport function SidebarLeft({\n  ...props\n}: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar className=\"border-r-0\" {...props}>\n      <SidebarHeader>\n        <TeamSwitcher teams={data.teams} />\n        <NavMain items={data.navMain} />\n      </SidebarHeader>\n      <SidebarContent>\n        <NavFavorites favorites={data.favorites} />\n        <NavWorkspaces workspaces={data.workspaces} />\n        <NavSecondary items={data.navSecondary} className=\"mt-auto\" />\n      </SidebarContent>\n      <SidebarRail />\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/sidebar-right.tsx",
       "content": "import * as React from \"react\"\nimport { Plus } from \"lucide-react\"\n\nimport { Calendars } from \"@/registry/new-york/block/sidebar-15/components/calendars\"\nimport { DatePicker } from \"@/registry/new-york/block/sidebar-15/components/date-picker\"\nimport { NavUser } from \"@/registry/new-york/block/sidebar-15/components/nav-user\"\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarRail,\n  SidebarSeparator,\n} from \"@/registry/new-york/ui/sidebar\"\n\n// This is sample data.\nconst data = {\n  user: {\n    name: \"shadcn\",\n    email: \"m@example.com\",\n    avatar: \"/avatars/shadcn.jpg\",\n  },\n  calendars: [\n    {\n      name: \"My Calendars\",\n      items: [\"Personal\", \"Work\", \"Family\"],\n    },\n    {\n      name: \"Favorites\",\n      items: [\"Holidays\", \"Birthdays\"],\n    },\n    {\n      name: \"Other\",\n      items: [\"Travel\", \"Reminders\", \"Deadlines\"],\n    },\n  ],\n}\n\nexport function SidebarRight({\n  ...props\n}: React.ComponentProps<typeof Sidebar>) {\n  return (\n    <Sidebar\n      collapsible=\"none\"\n      className=\"sticky hidden lg:flex top-0 h-svh border-l\"\n      {...props}\n    >\n      <SidebarHeader className=\"h-16 border-b border-sidebar-border\">\n        <NavUser user={data.user} />\n      </SidebarHeader>\n      <SidebarContent>\n        <DatePicker />\n        <SidebarSeparator className=\"mx-0\" />\n        <Calendars calendars={data.calendars} />\n      </SidebarContent>\n      <SidebarFooter>\n        <SidebarMenu>\n          <SidebarMenuItem>\n            <SidebarMenuButton>\n              <Plus />\n              <span>New Calendar</span>\n            </SidebarMenuButton>\n          </SidebarMenuItem>\n        </SidebarMenu>\n      </SidebarFooter>\n    </Sidebar>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     },
     {
       "path": "block/sidebar-15/components/team-switcher.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronDown, Plus } from \"lucide-react\"\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuTrigger,\n} from \"@/registry/new-york/ui/dropdown-menu\"\nimport {\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n} from \"@/registry/new-york/ui/sidebar\"\n\nexport function TeamSwitcher({\n  teams,\n}: {\n  teams: {\n    name: string\n    logo: React.ElementType\n    plan: string\n  }[]\n}) {\n  const [activeTeam, setActiveTeam] = React.useState(teams[0])\n\n  return (\n    <SidebarMenu>\n      <SidebarMenuItem>\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <SidebarMenuButton className=\"w-fit px-1.5\">\n              <div className=\"flex aspect-square size-5 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground\">\n                <activeTeam.logo className=\"size-3\" />\n              </div>\n              <span className=\"truncate font-semibold\">{activeTeam.name}</span>\n              <ChevronDown className=\"opacity-50\" />\n            </SidebarMenuButton>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent\n            className=\"w-64 rounded-lg\"\n            align=\"start\"\n            side=\"bottom\"\n            sideOffset={4}\n          >\n            <DropdownMenuLabel className=\"text-xs text-muted-foreground\">\n              Teams\n            </DropdownMenuLabel>\n            {teams.map((team, index) => (\n              <DropdownMenuItem\n                key={team.name}\n                onClick={() => setActiveTeam(team)}\n                className=\"gap-2 p-2\"\n              >\n                <div className=\"flex size-6 items-center justify-center rounded-sm border\">\n                  <team.logo className=\"size-4 shrink-0\" />\n                </div>\n                {team.name}\n                <DropdownMenuShortcut>⌘{index + 1}</DropdownMenuShortcut>\n              </DropdownMenuItem>\n            ))}\n            <DropdownMenuSeparator />\n            <DropdownMenuItem className=\"gap-2 p-2\">\n              <div className=\"flex size-6 items-center justify-center rounded-md border bg-background\">\n                <Plus className=\"size-4\" />\n              </div>\n              <div className=\"font-medium text-muted-foreground\">Add team</div>\n            </DropdownMenuItem>\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </SidebarMenuItem>\n    </SidebarMenu>\n  )\n}\n",
-      "type": "registry:component"
+      "type": "registry:component",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/toast.json b/apps/www/public/r/styles/new-york/toast.json
index e977d422f19..692419dd315 100644
--- a/apps/www/public/r/styles/new-york/toast.json
+++ b/apps/www/public/r/styles/new-york/toast.json
@@ -8,17 +8,20 @@
     {
       "path": "ui/toast.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as ToastPrimitives from \"@radix-ui/react-toast\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      \"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]\",\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  \"group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full\",\n  {\n    variants: {\n      variant: {\n        default: \"border bg-background text-foreground\",\n        destructive:\n          \"destructive group border-destructive bg-destructive text-destructive-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nconst Toast = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToast.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      \"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive\",\n      className\n    )}\n    {...props}\n  />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      \"absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600\",\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"h-4 w-4\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn(\"text-sm font-semibold [&+div]:text-xs\", className)}\n    {...props}\n  />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn(\"text-sm opacity-90\", className)}\n    {...props}\n  />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n}\n",
-      "type": "registry:ui"
+      "type": "registry:ui",
+      "target": ""
     },
     {
       "path": "hooks/use-toast.ts",
       "content": "\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"@/registry/new-york/ui/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  }\n}\n\nexport { useToast, toast }\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     },
     {
       "path": "ui/toaster.tsx",
       "content": "\"use client\"\n\nimport { useToast } from \"@/registry/new-york/hooks/use-toast\"\nimport {\n  Toast,\n  ToastClose,\n  ToastDescription,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n} from \"@/registry/new-york/ui/toast\"\n\nexport function Toaster() {\n  const { toasts } = useToast()\n\n  return (\n    <ToastProvider>\n      {toasts.map(function ({ id, title, description, action, ...props }) {\n        return (\n          <Toast key={id} {...props}>\n            <div className=\"grid gap-1\">\n              {title && <ToastTitle>{title}</ToastTitle>}\n              {description && (\n                <ToastDescription>{description}</ToastDescription>\n              )}\n            </div>\n            {action}\n            <ToastClose />\n          </Toast>\n        )\n      })}\n      <ToastViewport />\n    </ToastProvider>\n  )\n}\n",
-      "type": "registry:ui"
+      "type": "registry:ui",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/use-mobile.json b/apps/www/public/r/styles/new-york/use-mobile.json
index 079f52478dd..c2ca883e72f 100644
--- a/apps/www/public/r/styles/new-york/use-mobile.json
+++ b/apps/www/public/r/styles/new-york/use-mobile.json
@@ -5,7 +5,8 @@
     {
       "path": "hooks/use-mobile.tsx",
       "content": "import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/use-toast.json b/apps/www/public/r/styles/new-york/use-toast.json
index e6799f3d61d..9c03605d71c 100644
--- a/apps/www/public/r/styles/new-york/use-toast.json
+++ b/apps/www/public/r/styles/new-york/use-toast.json
@@ -5,7 +5,8 @@
     {
       "path": "hooks/use-toast.ts",
       "content": "\"use client\"\n\n// Inspired by react-hot-toast library\nimport * as React from \"react\"\n\nimport type {\n  ToastActionElement,\n  ToastProps,\n} from \"@/registry/new-york/ui/toast\"\n\nconst TOAST_LIMIT = 1\nconst TOAST_REMOVE_DELAY = 1000000\n\ntype ToasterToast = ToastProps & {\n  id: string\n  title?: React.ReactNode\n  description?: React.ReactNode\n  action?: ToastActionElement\n}\n\nconst actionTypes = {\n  ADD_TOAST: \"ADD_TOAST\",\n  UPDATE_TOAST: \"UPDATE_TOAST\",\n  DISMISS_TOAST: \"DISMISS_TOAST\",\n  REMOVE_TOAST: \"REMOVE_TOAST\",\n} as const\n\nlet count = 0\n\nfunction genId() {\n  count = (count + 1) % Number.MAX_SAFE_INTEGER\n  return count.toString()\n}\n\ntype ActionType = typeof actionTypes\n\ntype Action =\n  | {\n      type: ActionType[\"ADD_TOAST\"]\n      toast: ToasterToast\n    }\n  | {\n      type: ActionType[\"UPDATE_TOAST\"]\n      toast: Partial<ToasterToast>\n    }\n  | {\n      type: ActionType[\"DISMISS_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n  | {\n      type: ActionType[\"REMOVE_TOAST\"]\n      toastId?: ToasterToast[\"id\"]\n    }\n\ninterface State {\n  toasts: ToasterToast[]\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()\n\nconst addToRemoveQueue = (toastId: string) => {\n  if (toastTimeouts.has(toastId)) {\n    return\n  }\n\n  const timeout = setTimeout(() => {\n    toastTimeouts.delete(toastId)\n    dispatch({\n      type: \"REMOVE_TOAST\",\n      toastId: toastId,\n    })\n  }, TOAST_REMOVE_DELAY)\n\n  toastTimeouts.set(toastId, timeout)\n}\n\nexport const reducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case \"ADD_TOAST\":\n      return {\n        ...state,\n        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n      }\n\n    case \"UPDATE_TOAST\":\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === action.toast.id ? { ...t, ...action.toast } : t\n        ),\n      }\n\n    case \"DISMISS_TOAST\": {\n      const { toastId } = action\n\n      // ! Side effects ! - This could be extracted into a dismissToast() action,\n      // but I'll keep it here for simplicity\n      if (toastId) {\n        addToRemoveQueue(toastId)\n      } else {\n        state.toasts.forEach((toast) => {\n          addToRemoveQueue(toast.id)\n        })\n      }\n\n      return {\n        ...state,\n        toasts: state.toasts.map((t) =>\n          t.id === toastId || toastId === undefined\n            ? {\n                ...t,\n                open: false,\n              }\n            : t\n        ),\n      }\n    }\n    case \"REMOVE_TOAST\":\n      if (action.toastId === undefined) {\n        return {\n          ...state,\n          toasts: [],\n        }\n      }\n      return {\n        ...state,\n        toasts: state.toasts.filter((t) => t.id !== action.toastId),\n      }\n  }\n}\n\nconst listeners: Array<(state: State) => void> = []\n\nlet memoryState: State = { toasts: [] }\n\nfunction dispatch(action: Action) {\n  memoryState = reducer(memoryState, action)\n  listeners.forEach((listener) => {\n    listener(memoryState)\n  })\n}\n\ntype Toast = Omit<ToasterToast, \"id\">\n\nfunction toast({ ...props }: Toast) {\n  const id = genId()\n\n  const update = (props: ToasterToast) =>\n    dispatch({\n      type: \"UPDATE_TOAST\",\n      toast: { ...props, id },\n    })\n  const dismiss = () => dispatch({ type: \"DISMISS_TOAST\", toastId: id })\n\n  dispatch({\n    type: \"ADD_TOAST\",\n    toast: {\n      ...props,\n      id,\n      open: true,\n      onOpenChange: (open) => {\n        if (!open) dismiss()\n      },\n    },\n  })\n\n  return {\n    id: id,\n    dismiss,\n    update,\n  }\n}\n\nfunction useToast() {\n  const [state, setState] = React.useState<State>(memoryState)\n\n  React.useEffect(() => {\n    listeners.push(setState)\n    return () => {\n      const index = listeners.indexOf(setState)\n      if (index > -1) {\n        listeners.splice(index, 1)\n      }\n    }\n  }, [state])\n\n  return {\n    ...state,\n    toast,\n    dismiss: (toastId?: string) => dispatch({ type: \"DISMISS_TOAST\", toastId }),\n  }\n}\n\nexport { useToast, toast }\n",
-      "type": "registry:hook"
+      "type": "registry:hook",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/public/r/styles/new-york/utils.json b/apps/www/public/r/styles/new-york/utils.json
index 987ce3b08f1..35a61098015 100644
--- a/apps/www/public/r/styles/new-york/utils.json
+++ b/apps/www/public/r/styles/new-york/utils.json
@@ -9,7 +9,8 @@
     {
       "path": "lib/utils.ts",
       "content": "import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n",
-      "type": "registry:lib"
+      "type": "registry:lib",
+      "target": ""
     }
   ]
 }
\ No newline at end of file
diff --git a/apps/www/registry/registry-blocks.ts b/apps/www/registry/registry-blocks.ts
index 8e601301a4b..8f5102662ca 100644
--- a/apps/www/registry/registry-blocks.ts
+++ b/apps/www/registry/registry-blocks.ts
@@ -582,6 +582,10 @@ export const blocks: Registry = [
         type: "registry:page",
         target: "app/dashboard/page.tsx",
       },
+      {
+        path: "block/sidebar-09/components/app-sidebar.tsx",
+        type: "registry:component",
+      },
       {
         path: "block/sidebar-09/components/nav-user.tsx",
         type: "registry:component",
diff --git a/apps/www/registry/registry-charts.ts b/apps/www/registry/registry-charts.ts
index 4efc08dcc5a..34abfbe4970 100644
--- a/apps/www/registry/registry-charts.ts
+++ b/apps/www/registry/registry-charts.ts
@@ -6,7 +6,12 @@ export const charts: Registry = [
     name: "chart-area-axes",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-axes.tsx"],
+    files: [
+      {
+        path: "block/chart-area-axes.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -14,7 +19,12 @@ export const charts: Registry = [
     name: "chart-area-default",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-default.tsx"],
+    files: [
+      {
+        path: "block/chart-area-default.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -22,7 +32,12 @@ export const charts: Registry = [
     name: "chart-area-gradient",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-gradient.tsx"],
+    files: [
+      {
+        path: "block/chart-area-gradient.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -30,7 +45,12 @@ export const charts: Registry = [
     name: "chart-area-icons",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-icons.tsx"],
+    files: [
+      {
+        path: "block/chart-area-icons.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -51,7 +71,12 @@ export const charts: Registry = [
     name: "chart-area-legend",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-legend.tsx"],
+    files: [
+      {
+        path: "block/chart-area-legend.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -59,7 +84,12 @@ export const charts: Registry = [
     name: "chart-area-linear",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-linear.tsx"],
+    files: [
+      {
+        path: "block/chart-area-linear.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -67,7 +97,12 @@ export const charts: Registry = [
     name: "chart-area-stacked-expand",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-stacked-expand.tsx"],
+    files: [
+      {
+        path: "block/chart-area-stacked-expand.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -75,7 +110,12 @@ export const charts: Registry = [
     name: "chart-area-stacked",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-stacked.tsx"],
+    files: [
+      {
+        path: "block/chart-area-stacked.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -83,7 +123,12 @@ export const charts: Registry = [
     name: "chart-area-step",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-area-step.tsx"],
+    files: [
+      {
+        path: "block/chart-area-step.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Area",
   },
@@ -93,7 +138,12 @@ export const charts: Registry = [
     name: "chart-bar-active",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-active.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-active.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -101,7 +151,12 @@ export const charts: Registry = [
     name: "chart-bar-default",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-default.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-default.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -109,7 +164,12 @@ export const charts: Registry = [
     name: "chart-bar-horizontal",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-horizontal.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-horizontal.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -117,7 +177,12 @@ export const charts: Registry = [
     name: "chart-bar-interactive",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-interactive.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-interactive.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -125,7 +190,12 @@ export const charts: Registry = [
     name: "chart-bar-label-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-label-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-label-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -133,7 +203,12 @@ export const charts: Registry = [
     name: "chart-bar-label",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-label.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-label.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -141,7 +216,12 @@ export const charts: Registry = [
     name: "chart-bar-mixed",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-mixed.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-mixed.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -149,7 +229,12 @@ export const charts: Registry = [
     name: "chart-bar-multiple",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-multiple.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-multiple.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -157,7 +242,12 @@ export const charts: Registry = [
     name: "chart-bar-negative",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-negative.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-negative.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -165,7 +255,12 @@ export const charts: Registry = [
     name: "chart-bar-stacked",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-bar-stacked.tsx"],
+    files: [
+      {
+        path: "block/chart-bar-stacked.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Bar",
   },
@@ -175,7 +270,12 @@ export const charts: Registry = [
     name: "chart-line-default",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-default.tsx"],
+    files: [
+      {
+        path: "block/chart-line-default.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -183,7 +283,12 @@ export const charts: Registry = [
     name: "chart-line-dots-colors",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-dots-colors.tsx"],
+    files: [
+      {
+        path: "block/chart-line-dots-colors.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -191,7 +296,12 @@ export const charts: Registry = [
     name: "chart-line-dots-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-dots-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-line-dots-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -199,7 +309,12 @@ export const charts: Registry = [
     name: "chart-line-dots",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-dots.tsx"],
+    files: [
+      {
+        path: "block/chart-line-dots.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -207,7 +322,12 @@ export const charts: Registry = [
     name: "chart-line-interactive",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-interactive.tsx"],
+    files: [
+      {
+        path: "block/chart-line-interactive.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -215,7 +335,12 @@ export const charts: Registry = [
     name: "chart-line-label-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-label-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-line-label-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -223,7 +348,12 @@ export const charts: Registry = [
     name: "chart-line-label",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-label.tsx"],
+    files: [
+      {
+        path: "block/chart-line-label.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -231,7 +361,12 @@ export const charts: Registry = [
     name: "chart-line-linear",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-linear.tsx"],
+    files: [
+      {
+        path: "block/chart-line-linear.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -239,7 +374,12 @@ export const charts: Registry = [
     name: "chart-line-multiple",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-multiple.tsx"],
+    files: [
+      {
+        path: "block/chart-line-multiple.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -247,7 +387,12 @@ export const charts: Registry = [
     name: "chart-line-step",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-line-step.tsx"],
+    files: [
+      {
+        path: "block/chart-line-step.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Line",
   },
@@ -257,7 +402,12 @@ export const charts: Registry = [
     name: "chart-pie-donut-active",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-donut-active.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-donut-active.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -265,7 +415,12 @@ export const charts: Registry = [
     name: "chart-pie-donut-text",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-donut-text.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-donut-text.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -273,7 +428,12 @@ export const charts: Registry = [
     name: "chart-pie-donut",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-donut.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-donut.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -281,7 +441,12 @@ export const charts: Registry = [
     name: "chart-pie-interactive",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-interactive.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-interactive.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -289,7 +454,12 @@ export const charts: Registry = [
     name: "chart-pie-label-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-label-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-label-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -297,7 +467,12 @@ export const charts: Registry = [
     name: "chart-pie-label-list",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-label-list.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-label-list.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -305,7 +480,12 @@ export const charts: Registry = [
     name: "chart-pie-label",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-label.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-label.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -313,7 +493,12 @@ export const charts: Registry = [
     name: "chart-pie-legend",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-legend.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-legend.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -321,7 +506,12 @@ export const charts: Registry = [
     name: "chart-pie-separator-none",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-separator-none.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-separator-none.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -329,7 +519,12 @@ export const charts: Registry = [
     name: "chart-pie-simple",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-simple.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-simple.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -337,7 +532,12 @@ export const charts: Registry = [
     name: "chart-pie-stacked",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-pie-stacked.tsx"],
+    files: [
+      {
+        path: "block/chart-pie-stacked.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Pie",
   },
@@ -347,7 +547,12 @@ export const charts: Registry = [
     name: "chart-radar-default",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-default.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-default.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -355,7 +560,12 @@ export const charts: Registry = [
     name: "chart-radar-dots",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-dots.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-dots.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -363,7 +573,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-circle-fill",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-circle-fill.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-circle-fill.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -371,7 +586,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-circle-no-lines",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-circle-no-lines.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-circle-no-lines.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -379,7 +599,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-circle",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-circle.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-circle.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -387,7 +612,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -395,7 +625,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-fill",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-fill.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-fill.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -403,7 +638,12 @@ export const charts: Registry = [
     name: "chart-radar-grid-none",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-grid-none.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-grid-none.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -411,7 +651,12 @@ export const charts: Registry = [
     name: "chart-radar-icons",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-icons.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-icons.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -419,7 +664,12 @@ export const charts: Registry = [
     name: "chart-radar-label-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-label-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-label-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -427,7 +677,12 @@ export const charts: Registry = [
     name: "chart-radar-legend",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-legend.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-legend.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -435,7 +690,12 @@ export const charts: Registry = [
     name: "chart-radar-lines-only",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-lines-only.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-lines-only.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -443,7 +703,12 @@ export const charts: Registry = [
     name: "chart-radar-multiple",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-multiple.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-multiple.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -451,7 +716,12 @@ export const charts: Registry = [
     name: "chart-radar-radius",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radar-radius.tsx"],
+    files: [
+      {
+        path: "block/chart-radar-radius.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radar",
   },
@@ -461,7 +731,12 @@ export const charts: Registry = [
     name: "chart-radial-grid",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-grid.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-grid.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -469,7 +744,12 @@ export const charts: Registry = [
     name: "chart-radial-label",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-label.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-label.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -477,7 +757,12 @@ export const charts: Registry = [
     name: "chart-radial-shape",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-shape.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-shape.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -485,7 +770,12 @@ export const charts: Registry = [
     name: "chart-radial-simple",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-simple.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-simple.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -493,7 +783,12 @@ export const charts: Registry = [
     name: "chart-radial-stacked",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-stacked.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-stacked.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -501,7 +796,12 @@ export const charts: Registry = [
     name: "chart-radial-text",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-radial-text.tsx"],
+    files: [
+      {
+        path: "block/chart-radial-text.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Radial",
   },
@@ -509,7 +809,12 @@ export const charts: Registry = [
     name: "chart-tooltip-default",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-default.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-default.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -517,7 +822,12 @@ export const charts: Registry = [
     name: "chart-tooltip-indicator-line",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-indicator-line.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-indicator-line.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -525,7 +835,12 @@ export const charts: Registry = [
     name: "chart-tooltip-indicator-none",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-indicator-none.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-indicator-none.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -533,7 +848,12 @@ export const charts: Registry = [
     name: "chart-tooltip-label-none",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-label-none.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-label-none.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -541,7 +861,12 @@ export const charts: Registry = [
     name: "chart-tooltip-label-custom",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-label-custom.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-label-custom.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -549,7 +874,12 @@ export const charts: Registry = [
     name: "chart-tooltip-label-formatter",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-label-formatter.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-label-formatter.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -557,7 +887,12 @@ export const charts: Registry = [
     name: "chart-tooltip-formatter",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-formatter.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-formatter.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -565,7 +900,12 @@ export const charts: Registry = [
     name: "chart-tooltip-icons",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-icons.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-icons.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
@@ -573,7 +913,12 @@ export const charts: Registry = [
     name: "chart-tooltip-advanced",
     type: "registry:block",
     registryDependencies: ["card", "chart"],
-    files: ["block/chart-tooltip-advanced.tsx"],
+    files: [
+      {
+        path: "block/chart-tooltip-advanced.tsx",
+        type: "registry:block",
+      },
+    ],
     category: "Charts",
     subcategory: "Tooltip",
   },
diff --git a/apps/www/registry/registry-examples.ts b/apps/www/registry/registry-examples.ts
index b9d49b95f67..c4806706582 100644
--- a/apps/www/registry/registry-examples.ts
+++ b/apps/www/registry/registry-examples.ts
@@ -5,872 +5,1612 @@ export const examples: Registry = [
     name: "accordion-demo",
     type: "registry:example",
     registryDependencies: ["accordion"],
-    files: ["example/accordion-demo.tsx"],
+    files: [
+      {
+        path: "example/accordion-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "alert-demo",
     type: "registry:example",
     registryDependencies: ["alert"],
-    files: ["example/alert-demo.tsx"],
+    files: [
+      {
+        path: "example/alert-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "alert-destructive",
     type: "registry:example",
     registryDependencies: ["alert"],
-    files: ["example/alert-destructive.tsx"],
+    files: [
+      {
+        path: "example/alert-destructive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "alert-dialog-demo",
     type: "registry:example",
     registryDependencies: ["alert-dialog", "button"],
-    files: ["example/alert-dialog-demo.tsx"],
+    files: [
+      {
+        path: "example/alert-dialog-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "aspect-ratio-demo",
     type: "registry:example",
     registryDependencies: ["aspect-ratio"],
-    files: ["example/aspect-ratio-demo.tsx"],
+    files: [
+      {
+        path: "example/aspect-ratio-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "avatar-demo",
     type: "registry:example",
     registryDependencies: ["avatar"],
-    files: ["example/avatar-demo.tsx"],
+    files: [
+      {
+        path: "example/avatar-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "badge-demo",
     type: "registry:example",
     registryDependencies: ["badge"],
-    files: ["example/badge-demo.tsx"],
+    files: [
+      {
+        path: "example/badge-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "badge-destructive",
     type: "registry:example",
     registryDependencies: ["badge"],
-    files: ["example/badge-destructive.tsx"],
+    files: [
+      {
+        path: "example/badge-destructive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "badge-outline",
     type: "registry:example",
     registryDependencies: ["badge"],
-    files: ["example/badge-outline.tsx"],
+    files: [
+      {
+        path: "example/badge-outline.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "badge-secondary",
     type: "registry:example",
     registryDependencies: ["badge"],
-    files: ["example/badge-secondary.tsx"],
+    files: [
+      {
+        path: "example/badge-secondary.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-demo",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-demo.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-separator",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-separator.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-separator.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-dropdown",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-dropdown.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-dropdown.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-ellipsis",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-ellipsis.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-ellipsis.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-link",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-link.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-link.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "breadcrumb-responsive",
     type: "registry:example",
     registryDependencies: ["breadcrumb"],
-    files: ["example/breadcrumb-responsive.tsx"],
+    files: [
+      {
+        path: "example/breadcrumb-responsive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-demo",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-demo.tsx"],
+    files: [
+      {
+        path: "example/button-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-secondary",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-secondary.tsx"],
+    files: [
+      {
+        path: "example/button-secondary.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-destructive",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-destructive.tsx"],
+    files: [
+      {
+        path: "example/button-destructive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-outline",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-outline.tsx"],
+    files: [
+      {
+        path: "example/button-outline.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-ghost",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-ghost.tsx"],
+    files: [
+      {
+        path: "example/button-ghost.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-link",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-link.tsx"],
+    files: [
+      {
+        path: "example/button-link.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-with-icon",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-with-icon.tsx"],
+    files: [
+      {
+        path: "example/button-with-icon.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-loading",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-loading.tsx"],
+    files: [
+      {
+        path: "example/button-loading.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-icon",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-icon.tsx"],
+    files: [
+      {
+        path: "example/button-icon.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "button-as-child",
     type: "registry:example",
     registryDependencies: ["button"],
-    files: ["example/button-as-child.tsx"],
+    files: [
+      {
+        path: "example/button-as-child.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "calendar-demo",
     type: "registry:example",
     registryDependencies: ["calendar"],
-    files: ["example/calendar-demo.tsx"],
+    files: [
+      {
+        path: "example/calendar-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "calendar-form",
     type: "registry:example",
     registryDependencies: ["calendar", "form", "popover"],
-    files: ["example/calendar-form.tsx"],
+    files: [
+      {
+        path: "example/calendar-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "card-demo",
     type: "registry:example",
     registryDependencies: ["card", "button", "switch"],
-    files: ["example/card-demo.tsx"],
+    files: [
+      {
+        path: "example/card-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "card-with-form",
     type: "registry:example",
     registryDependencies: ["button", "card", "input", "label", "select"],
-    files: ["example/card-with-form.tsx"],
+    files: [
+      {
+        path: "example/card-with-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-demo",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-demo.tsx"],
+    files: [
+      {
+        path: "example/carousel-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-size",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-size.tsx"],
+    files: [
+      {
+        path: "example/carousel-size.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-spacing",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-spacing.tsx"],
+    files: [
+      {
+        path: "example/carousel-spacing.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-orientation",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-orientation.tsx"],
+    files: [
+      {
+        path: "example/carousel-orientation.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-api",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-api.tsx"],
+    files: [
+      {
+        path: "example/carousel-api.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "carousel-plugin",
     type: "registry:example",
     registryDependencies: ["carousel"],
-    files: ["example/carousel-plugin.tsx"],
+    files: [
+      {
+        path: "example/carousel-plugin.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "checkbox-demo",
     type: "registry:example",
     registryDependencies: ["checkbox"],
-    files: ["example/checkbox-demo.tsx"],
+    files: [
+      {
+        path: "example/checkbox-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "checkbox-disabled",
     type: "registry:example",
     registryDependencies: ["checkbox"],
-    files: ["example/checkbox-disabled.tsx"],
+    files: [
+      {
+        path: "example/checkbox-disabled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "checkbox-form-multiple",
     type: "registry:example",
     registryDependencies: ["checkbox", "form"],
-    files: ["example/checkbox-form-multiple.tsx"],
+    files: [
+      {
+        path: "example/checkbox-form-multiple.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "checkbox-form-single",
     type: "registry:example",
     registryDependencies: ["checkbox", "form"],
-    files: ["example/checkbox-form-single.tsx"],
+    files: [
+      {
+        path: "example/checkbox-form-single.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "checkbox-with-text",
     type: "registry:example",
     registryDependencies: ["checkbox"],
-    files: ["example/checkbox-with-text.tsx"],
+    files: [
+      {
+        path: "example/checkbox-with-text.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "collapsible-demo",
     type: "registry:example",
     registryDependencies: ["collapsible"],
-    files: ["example/collapsible-demo.tsx"],
+    files: [
+      {
+        path: "example/collapsible-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "combobox-demo",
     type: "registry:example",
     registryDependencies: ["command"],
-    files: ["example/combobox-demo.tsx"],
+    files: [
+      {
+        path: "example/combobox-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "combobox-dropdown-menu",
     type: "registry:example",
     registryDependencies: ["command", "dropdown-menu", "button"],
-    files: ["example/combobox-dropdown-menu.tsx"],
+    files: [
+      {
+        path: "example/combobox-dropdown-menu.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "combobox-form",
     type: "registry:example",
     registryDependencies: ["command", "form"],
-    files: ["example/combobox-form.tsx"],
+    files: [
+      {
+        path: "example/combobox-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "combobox-popover",
     type: "registry:example",
     registryDependencies: ["combobox", "popover"],
-    files: ["example/combobox-popover.tsx"],
+    files: [
+      {
+        path: "example/combobox-popover.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "combobox-responsive",
     type: "registry:example",
     registryDependencies: ["combobox", "popover", "drawer"],
-    files: ["example/combobox-responsive.tsx"],
+    files: [
+      {
+        path: "example/combobox-responsive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "command-demo",
     type: "registry:example",
     registryDependencies: ["command"],
-    files: ["example/command-demo.tsx"],
+    files: [
+      {
+        path: "example/command-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "command-dialog",
     type: "registry:example",
     registryDependencies: ["command", "dialog"],
-    files: ["example/command-dialog.tsx"],
+    files: [
+      {
+        path: "example/command-dialog.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "context-menu-demo",
     type: "registry:example",
     registryDependencies: ["context-menu"],
-    files: ["example/context-menu-demo.tsx"],
+    files: [
+      {
+        path: "example/context-menu-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "data-table-demo",
     type: "registry:example",
     registryDependencies: ["data-table"],
-    files: ["example/data-table-demo.tsx"],
+    files: [
+      {
+        path: "example/data-table-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "date-picker-demo",
     type: "registry:example",
     registryDependencies: ["button", "calendar", "popover"],
-    files: ["example/date-picker-demo.tsx"],
+    files: [
+      {
+        path: "example/date-picker-demo.tsx",
+        type: "registry:example",
+      },
+    ],
     dependencies: ["date-fns"],
   },
   {
     name: "date-picker-form",
     type: "registry:example",
     registryDependencies: ["button", "calendar", "form", "popover"],
-    files: ["example/date-picker-form.tsx"],
+    files: [
+      {
+        path: "example/date-picker-form.tsx",
+        type: "registry:example",
+      },
+    ],
     dependencies: ["date-fns"],
   },
   {
     name: "date-picker-with-presets",
     type: "registry:example",
     registryDependencies: ["button", "calendar", "popover", "select"],
-    files: ["example/date-picker-with-presets.tsx"],
+    files: [
+      {
+        path: "example/date-picker-with-presets.tsx",
+        type: "registry:example",
+      },
+    ],
     dependencies: ["date-fns"],
   },
   {
     name: "date-picker-with-range",
     type: "registry:example",
     registryDependencies: ["button", "calendar", "popover"],
-    files: ["example/date-picker-with-range.tsx"],
+    files: [
+      {
+        path: "example/date-picker-with-range.tsx",
+        type: "registry:example",
+      },
+    ],
     dependencies: ["date-fns"],
   },
   {
     name: "dialog-demo",
     type: "registry:example",
     registryDependencies: ["dialog"],
-    files: ["example/dialog-demo.tsx"],
+    files: [
+      {
+        path: "example/dialog-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "dialog-close-button",
     type: "registry:example",
     registryDependencies: ["dialog", "button"],
-    files: ["example/dialog-close-button.tsx"],
+    files: [
+      {
+        path: "example/dialog-close-button.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "drawer-demo",
     type: "registry:example",
     registryDependencies: ["drawer"],
-    files: ["example/drawer-demo.tsx"],
+    files: [
+      {
+        path: "example/drawer-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "drawer-dialog",
     type: "registry:example",
     registryDependencies: ["drawer", "dialog"],
-    files: ["example/drawer-dialog.tsx"],
+    files: [
+      {
+        path: "example/drawer-dialog.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "dropdown-menu-demo",
     type: "registry:example",
     registryDependencies: ["dropdown-menu"],
-    files: ["example/dropdown-menu-demo.tsx"],
+    files: [
+      {
+        path: "example/dropdown-menu-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "dropdown-menu-checkboxes",
     type: "registry:example",
     registryDependencies: ["dropdown-menu", "checkbox"],
-    files: ["example/dropdown-menu-checkboxes.tsx"],
+    files: [
+      {
+        path: "example/dropdown-menu-checkboxes.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "dropdown-menu-radio-group",
     type: "registry:example",
     registryDependencies: ["dropdown-menu", "radio-group"],
-    files: ["example/dropdown-menu-radio-group.tsx"],
+    files: [
+      {
+        path: "example/dropdown-menu-radio-group.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "hover-card-demo",
     type: "registry:example",
     registryDependencies: ["hover-card"],
-    files: ["example/hover-card-demo.tsx"],
+    files: [
+      {
+        path: "example/hover-card-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-demo",
     type: "registry:example",
     registryDependencies: ["input"],
-    files: ["example/input-demo.tsx"],
+    files: [
+      {
+        path: "example/input-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-disabled",
     type: "registry:example",
     registryDependencies: ["input"],
-    files: ["example/input-disabled.tsx"],
+    files: [
+      {
+        path: "example/input-disabled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-file",
     type: "registry:example",
     registryDependencies: ["input"],
-    files: ["example/input-file.tsx"],
+    files: [
+      {
+        path: "example/input-file.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-form",
     type: "registry:example",
     registryDependencies: ["input", "button", "form"],
-    files: ["example/input-form.tsx"],
+    files: [
+      {
+        path: "example/input-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-with-button",
     type: "registry:example",
     registryDependencies: ["input", "button"],
-    files: ["example/input-with-button.tsx"],
+    files: [
+      {
+        path: "example/input-with-button.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-with-label",
     type: "registry:example",
     registryDependencies: ["input", "button", "label"],
-    files: ["example/input-with-label.tsx"],
+    files: [
+      {
+        path: "example/input-with-label.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-with-text",
     type: "registry:example",
     registryDependencies: ["input", "button", "label"],
-    files: ["example/input-with-text.tsx"],
+    files: [
+      {
+        path: "example/input-with-text.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-otp-demo",
     type: "registry:example",
     registryDependencies: ["input-otp"],
-    files: ["example/input-otp-demo.tsx"],
+    files: [
+      {
+        path: "example/input-otp-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-otp-pattern",
     type: "registry:example",
     registryDependencies: ["input-otp"],
-    files: ["example/input-otp-pattern.tsx"],
+    files: [
+      {
+        path: "example/input-otp-pattern.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-otp-separator",
     type: "registry:example",
     registryDependencies: ["input-otp"],
-    files: ["example/input-otp-separator.tsx"],
+    files: [
+      {
+        path: "example/input-otp-separator.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-otp-controlled",
     type: "registry:example",
     registryDependencies: ["input-otp"],
-    files: ["example/input-otp-controlled.tsx"],
+    files: [
+      {
+        path: "example/input-otp-controlled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "input-otp-form",
     type: "registry:example",
     registryDependencies: ["input-otp", "form"],
-    files: ["example/input-otp-form.tsx"],
+    files: [
+      {
+        path: "example/input-otp-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "label-demo",
     type: "registry:example",
     registryDependencies: ["label"],
-    files: ["example/label-demo.tsx"],
+    files: [
+      {
+        path: "example/label-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "menubar-demo",
     type: "registry:example",
     registryDependencies: ["menubar"],
-    files: ["example/menubar-demo.tsx"],
+    files: [
+      {
+        path: "example/menubar-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "navigation-menu-demo",
     type: "registry:example",
     registryDependencies: ["navigation-menu"],
-    files: ["example/navigation-menu-demo.tsx"],
+    files: [
+      {
+        path: "example/navigation-menu-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "pagination-demo",
     type: "registry:example",
     registryDependencies: ["pagination"],
-    files: ["example/pagination-demo.tsx"],
+    files: [
+      {
+        path: "example/pagination-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "popover-demo",
     type: "registry:example",
     registryDependencies: ["popover"],
-    files: ["example/popover-demo.tsx"],
+    files: [
+      {
+        path: "example/popover-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "progress-demo",
     type: "registry:example",
     registryDependencies: ["progress"],
-    files: ["example/progress-demo.tsx"],
+    files: [
+      {
+        path: "example/progress-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "radio-group-demo",
     type: "registry:example",
     registryDependencies: ["radio-group"],
-    files: ["example/radio-group-demo.tsx"],
+    files: [
+      {
+        path: "example/radio-group-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "radio-group-form",
     type: "registry:example",
     registryDependencies: ["radio-group", "form"],
-    files: ["example/radio-group-form.tsx"],
+    files: [
+      {
+        path: "example/radio-group-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "resizable-demo",
     type: "registry:example",
     registryDependencies: ["resizable"],
-    files: ["example/resizable-demo.tsx"],
+    files: [
+      {
+        path: "example/resizable-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "resizable-demo-with-handle",
     type: "registry:example",
     registryDependencies: ["resizable"],
-    files: ["example/resizable-demo-with-handle.tsx"],
+    files: [
+      {
+        path: "example/resizable-demo-with-handle.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "resizable-vertical",
     type: "registry:example",
     registryDependencies: ["resizable"],
-    files: ["example/resizable-vertical.tsx"],
+    files: [
+      {
+        path: "example/resizable-vertical.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "resizable-handle",
     type: "registry:example",
     registryDependencies: ["resizable"],
-    files: ["example/resizable-handle.tsx"],
+    files: [
+      {
+        path: "example/resizable-handle.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "scroll-area-demo",
     type: "registry:example",
     registryDependencies: ["scroll-area"],
-    files: ["example/scroll-area-demo.tsx"],
+    files: [
+      {
+        path: "example/scroll-area-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "scroll-area-horizontal-demo",
     type: "registry:example",
     registryDependencies: ["scroll-area"],
-    files: ["example/scroll-area-horizontal-demo.tsx"],
+    files: [
+      {
+        path: "example/scroll-area-horizontal-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "select-demo",
     type: "registry:example",
     registryDependencies: ["select"],
-    files: ["example/select-demo.tsx"],
+    files: [
+      {
+        path: "example/select-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "select-scrollable",
     type: "registry:example",
     registryDependencies: ["select"],
-    files: ["example/select-scrollable.tsx"],
+    files: [
+      {
+        path: "example/select-scrollable.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "select-form",
     type: "registry:example",
     registryDependencies: ["select"],
-    files: ["example/select-form.tsx"],
+    files: [
+      {
+        path: "example/select-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "separator-demo",
     type: "registry:example",
     registryDependencies: ["separator"],
-    files: ["example/separator-demo.tsx"],
+    files: [
+      {
+        path: "example/separator-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "sheet-demo",
     type: "registry:example",
     registryDependencies: ["sheet"],
-    files: ["example/sheet-demo.tsx"],
+    files: [
+      {
+        path: "example/sheet-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "sheet-side",
     type: "registry:example",
     registryDependencies: ["sheet"],
-    files: ["example/sheet-side.tsx"],
+    files: [
+      {
+        path: "example/sheet-side.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "skeleton-demo",
     type: "registry:example",
     registryDependencies: ["skeleton"],
-    files: ["example/skeleton-demo.tsx"],
+    files: [
+      {
+        path: "example/skeleton-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "skeleton-card",
     type: "registry:example",
     registryDependencies: ["skeleton"],
-    files: ["example/skeleton-card.tsx"],
+    files: [
+      {
+        path: "example/skeleton-card.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "slider-demo",
     type: "registry:example",
     registryDependencies: ["slider"],
-    files: ["example/slider-demo.tsx"],
+    files: [
+      {
+        path: "example/slider-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "sonner-demo",
     type: "registry:example",
     registryDependencies: ["sonner"],
-    files: ["example/sonner-demo.tsx"],
+    files: [
+      {
+        path: "example/sonner-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "switch-demo",
     type: "registry:example",
     registryDependencies: ["switch"],
-    files: ["example/switch-demo.tsx"],
+    files: [
+      {
+        path: "example/switch-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "switch-form",
     type: "registry:example",
     registryDependencies: ["switch", "form"],
-    files: ["example/switch-form.tsx"],
+    files: [
+      {
+        path: "example/switch-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "table-demo",
     type: "registry:example",
     registryDependencies: ["table"],
-    files: ["example/table-demo.tsx"],
+    files: [
+      {
+        path: "example/table-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "tabs-demo",
     type: "registry:example",
     registryDependencies: ["tabs"],
-    files: ["example/tabs-demo.tsx"],
+    files: [
+      {
+        path: "example/tabs-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-demo",
     type: "registry:example",
     registryDependencies: ["textarea"],
-    files: ["example/textarea-demo.tsx"],
+    files: [
+      {
+        path: "example/textarea-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-disabled",
     type: "registry:example",
     registryDependencies: ["textarea"],
-    files: ["example/textarea-disabled.tsx"],
+    files: [
+      {
+        path: "example/textarea-disabled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-form",
     type: "registry:example",
     registryDependencies: ["textarea", "form"],
-    files: ["example/textarea-form.tsx"],
+    files: [
+      {
+        path: "example/textarea-form.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-with-button",
     type: "registry:example",
     registryDependencies: ["textarea", "button"],
-    files: ["example/textarea-with-button.tsx"],
+    files: [
+      {
+        path: "example/textarea-with-button.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-with-label",
     type: "registry:example",
     registryDependencies: ["textarea", "label"],
-    files: ["example/textarea-with-label.tsx"],
+    files: [
+      {
+        path: "example/textarea-with-label.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "textarea-with-text",
     type: "registry:example",
     registryDependencies: ["textarea", "label"],
-    files: ["example/textarea-with-text.tsx"],
+    files: [
+      {
+        path: "example/textarea-with-text.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toast-demo",
     type: "registry:example",
     registryDependencies: ["toast"],
-    files: ["example/toast-demo.tsx"],
+    files: [
+      {
+        path: "example/toast-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toast-destructive",
     type: "registry:example",
     registryDependencies: ["toast"],
-    files: ["example/toast-destructive.tsx"],
+    files: [
+      {
+        path: "example/toast-destructive.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toast-simple",
     type: "registry:example",
     registryDependencies: ["toast"],
-    files: ["example/toast-simple.tsx"],
+    files: [
+      {
+        path: "example/toast-simple.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toast-with-action",
     type: "registry:example",
     registryDependencies: ["toast"],
-    files: ["example/toast-with-action.tsx"],
+    files: [
+      {
+        path: "example/toast-with-action.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toast-with-title",
     type: "registry:example",
     registryDependencies: ["toast"],
-    files: ["example/toast-with-title.tsx"],
+    files: [
+      {
+        path: "example/toast-with-title.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-demo",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-demo.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-disabled",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-disabled.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-disabled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-lg",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-lg.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-lg.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-outline",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-outline.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-outline.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-sm",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-sm.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-sm.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-group-single",
     type: "registry:example",
     registryDependencies: ["toggle-group"],
-    files: ["example/toggle-group-single.tsx"],
+    files: [
+      {
+        path: "example/toggle-group-single.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-demo",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-demo.tsx"],
+    files: [
+      {
+        path: "example/toggle-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-disabled",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-disabled.tsx"],
+    files: [
+      {
+        path: "example/toggle-disabled.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-lg",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-lg.tsx"],
+    files: [
+      {
+        path: "example/toggle-lg.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-outline",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-outline.tsx"],
+    files: [
+      {
+        path: "example/toggle-outline.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-sm",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-sm.tsx"],
+    files: [
+      {
+        path: "example/toggle-sm.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "toggle-with-text",
     type: "registry:example",
     registryDependencies: ["toggle"],
-    files: ["example/toggle-with-text.tsx"],
+    files: [
+      {
+        path: "example/toggle-with-text.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "tooltip-demo",
     type: "registry:example",
     registryDependencies: ["tooltip"],
-    files: ["example/tooltip-demo.tsx"],
+    files: [
+      {
+        path: "example/tooltip-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-blockquote",
     type: "registry:example",
-    files: ["example/typography-blockquote.tsx"],
+    files: [
+      {
+        path: "example/typography-blockquote.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-demo",
     type: "registry:example",
-    files: ["example/typography-demo.tsx"],
+    files: [
+      {
+        path: "example/typography-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-h1",
     type: "registry:example",
-    files: ["example/typography-h1.tsx"],
+    files: [
+      {
+        path: "example/typography-h1.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-h2",
     type: "registry:example",
-    files: ["example/typography-h2.tsx"],
+    files: [
+      {
+        path: "example/typography-h2.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-h3",
     type: "registry:example",
-    files: ["example/typography-h3.tsx"],
+    files: [
+      {
+        path: "example/typography-h3.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-h4",
     type: "registry:example",
-    files: ["example/typography-h4.tsx"],
+    files: [
+      {
+        path: "example/typography-h4.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-inline-code",
     type: "registry:example",
-    files: ["example/typography-inline-code.tsx"],
+    files: [
+      {
+        path: "example/typography-inline-code.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-large",
     type: "registry:example",
-    files: ["example/typography-large.tsx"],
+    files: [
+      {
+        path: "example/typography-large.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-lead",
     type: "registry:example",
-    files: ["example/typography-lead.tsx"],
+    files: [
+      {
+        path: "example/typography-lead.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-list",
     type: "registry:example",
-    files: ["example/typography-list.tsx"],
+    files: [
+      {
+        path: "example/typography-list.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-muted",
     type: "registry:example",
-    files: ["example/typography-muted.tsx"],
+    files: [
+      {
+        path: "example/typography-muted.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-p",
     type: "registry:example",
-    files: ["example/typography-p.tsx"],
+    files: [
+      {
+        path: "example/typography-p.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-small",
     type: "registry:example",
-    files: ["example/typography-small.tsx"],
+    files: [
+      {
+        path: "example/typography-small.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "typography-table",
     type: "registry:example",
-    files: ["example/typography-table.tsx"],
+    files: [
+      {
+        path: "example/typography-table.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "mode-toggle",
     type: "registry:example",
-    files: ["example/mode-toggle.tsx"],
+    files: [
+      {
+        path: "example/mode-toggle.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-bar-demo",
     type: "registry:example",
-    files: ["example/chart-bar-demo.tsx"],
+    files: [
+      {
+        path: "example/chart-bar-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-bar-demo-grid",
     type: "registry:example",
-    files: ["example/chart-bar-demo-grid.tsx"],
+    files: [
+      {
+        path: "example/chart-bar-demo-grid.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-bar-demo-axis",
     type: "registry:example",
-    files: ["example/chart-bar-demo-axis.tsx"],
+    files: [
+      {
+        path: "example/chart-bar-demo-axis.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-bar-demo-tooltip",
     type: "registry:example",
-    files: ["example/chart-bar-demo-tooltip.tsx"],
+    files: [
+      {
+        path: "example/chart-bar-demo-tooltip.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-bar-demo-legend",
     type: "registry:example",
-    files: ["example/chart-bar-demo-legend.tsx"],
+    files: [
+      {
+        path: "example/chart-bar-demo-legend.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "chart-tooltip-demo",
     type: "registry:example",
-    files: ["example/chart-tooltip-demo.tsx"],
+    files: [
+      {
+        path: "example/chart-tooltip-demo.tsx",
+        type: "registry:example",
+      },
+    ],
   },
   {
     name: "demo-sidebar",
diff --git a/apps/www/registry/registry-ui.ts b/apps/www/registry/registry-ui.ts
index 2c33171976d..4870f3abb1c 100644
--- a/apps/www/registry/registry-ui.ts
+++ b/apps/www/registry/registry-ui.ts
@@ -5,7 +5,12 @@ export const ui: Registry = [
     name: "accordion",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-accordion"],
-    files: ["ui/accordion.tsx"],
+    files: [
+      {
+        path: "ui/accordion.tsx",
+        type: "registry:ui",
+      },
+    ],
     tailwind: {
       config: {
         theme: {
@@ -32,67 +37,122 @@ export const ui: Registry = [
   {
     name: "alert",
     type: "registry:ui",
-    files: ["ui/alert.tsx"],
+    files: [
+      {
+        path: "ui/alert.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "alert-dialog",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-alert-dialog"],
     registryDependencies: ["button"],
-    files: ["ui/alert-dialog.tsx"],
+    files: [
+      {
+        path: "ui/alert-dialog.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "aspect-ratio",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-aspect-ratio"],
-    files: ["ui/aspect-ratio.tsx"],
+    files: [
+      {
+        path: "ui/aspect-ratio.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "avatar",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-avatar"],
-    files: ["ui/avatar.tsx"],
+    files: [
+      {
+        path: "ui/avatar.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "badge",
     type: "registry:ui",
-    files: ["ui/badge.tsx"],
+    files: [
+      {
+        path: "ui/badge.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "breadcrumb",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-slot"],
-    files: ["ui/breadcrumb.tsx"],
+    files: [
+      {
+        path: "ui/breadcrumb.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "button",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-slot"],
-    files: ["ui/button.tsx"],
+    files: [
+      {
+        path: "ui/button.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "calendar",
     type: "registry:ui",
     dependencies: ["react-day-picker@8.10.1", "date-fns"],
     registryDependencies: ["button"],
-    files: ["ui/calendar.tsx"],
+    files: [
+      {
+        path: "ui/calendar.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "card",
     type: "registry:ui",
-    files: ["ui/card.tsx"],
+    files: [
+      {
+        path: "ui/card.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "carousel",
     type: "registry:ui",
-    files: ["ui/carousel.tsx"],
+    files: [
+      {
+        path: "ui/carousel.tsx",
+        type: "registry:ui",
+      },
+    ],
     registryDependencies: ["button"],
     dependencies: ["embla-carousel-react"],
   },
   {
     name: "chart",
     type: "registry:ui",
-    files: ["ui/chart.tsx"],
+    files: [
+      {
+        path: "ui/chart.tsx",
+        type: "registry:ui",
+      },
+    ],
     registryDependencies: ["card"],
     dependencies: ["recharts", "lucide-react"],
   },
@@ -100,44 +160,79 @@ export const ui: Registry = [
     name: "checkbox",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-checkbox"],
-    files: ["ui/checkbox.tsx"],
+    files: [
+      {
+        path: "ui/checkbox.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "collapsible",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-collapsible"],
-    files: ["ui/collapsible.tsx"],
+    files: [
+      {
+        path: "ui/collapsible.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "command",
     type: "registry:ui",
     dependencies: ["cmdk@1.0.0"],
     registryDependencies: ["dialog"],
-    files: ["ui/command.tsx"],
+    files: [
+      {
+        path: "ui/command.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "context-menu",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-context-menu"],
-    files: ["ui/context-menu.tsx"],
+    files: [
+      {
+        path: "ui/context-menu.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "dialog",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-dialog"],
-    files: ["ui/dialog.tsx"],
+    files: [
+      {
+        path: "ui/dialog.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "drawer",
     type: "registry:ui",
     dependencies: ["vaul", "@radix-ui/react-dialog"],
-    files: ["ui/drawer.tsx"],
+    files: [
+      {
+        path: "ui/drawer.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "dropdown-menu",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-dropdown-menu"],
-    files: ["ui/dropdown-menu.tsx"],
+    files: [
+      {
+        path: "ui/dropdown-menu.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "form",
@@ -150,96 +245,176 @@ export const ui: Registry = [
       "react-hook-form",
     ],
     registryDependencies: ["button", "label"],
-    files: ["ui/form.tsx"],
+    files: [
+      {
+        path: "ui/form.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "hover-card",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-hover-card"],
-    files: ["ui/hover-card.tsx"],
+    files: [
+      {
+        path: "ui/hover-card.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "input",
     type: "registry:ui",
-    files: ["ui/input.tsx"],
+    files: [
+      {
+        path: "ui/input.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "input-otp",
     type: "registry:ui",
     dependencies: ["input-otp"],
-    files: ["ui/input-otp.tsx"],
+    files: [
+      {
+        path: "ui/input-otp.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "label",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-label"],
-    files: ["ui/label.tsx"],
+    files: [
+      {
+        path: "ui/label.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "menubar",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-menubar"],
-    files: ["ui/menubar.tsx"],
+    files: [
+      {
+        path: "ui/menubar.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "navigation-menu",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-navigation-menu"],
-    files: ["ui/navigation-menu.tsx"],
+    files: [
+      {
+        path: "ui/navigation-menu.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "pagination",
     type: "registry:ui",
     registryDependencies: ["button"],
-    files: ["ui/pagination.tsx"],
+    files: [
+      {
+        path: "ui/pagination.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "popover",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-popover"],
-    files: ["ui/popover.tsx"],
+    files: [
+      {
+        path: "ui/popover.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "progress",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-progress"],
-    files: ["ui/progress.tsx"],
+    files: [
+      {
+        path: "ui/progress.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "radio-group",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-radio-group"],
-    files: ["ui/radio-group.tsx"],
+    files: [
+      {
+        path: "ui/radio-group.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "resizable",
     type: "registry:ui",
     dependencies: ["react-resizable-panels"],
-    files: ["ui/resizable.tsx"],
+    files: [
+      {
+        path: "ui/resizable.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "scroll-area",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-scroll-area"],
-    files: ["ui/scroll-area.tsx"],
+    files: [
+      {
+        path: "ui/scroll-area.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "select",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-select"],
-    files: ["ui/select.tsx"],
+    files: [
+      {
+        path: "ui/select.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "separator",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-separator"],
-    files: ["ui/separator.tsx"],
+    files: [
+      {
+        path: "ui/separator.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "sheet",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-dialog"],
-    files: ["ui/sheet.tsx"],
+    files: [
+      {
+        path: "ui/sheet.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "sidebar",
@@ -258,7 +433,12 @@ export const ui: Registry = [
       "use-mobile",
       "skeleton",
     ],
-    files: ["ui/sidebar.tsx"],
+    files: [
+      {
+        path: "ui/sidebar.tsx",
+        type: "registry:ui",
+      },
+    ],
     tailwind: {
       config: {
         theme: {
@@ -305,41 +485,76 @@ export const ui: Registry = [
   {
     name: "skeleton",
     type: "registry:ui",
-    files: ["ui/skeleton.tsx"],
+    files: [
+      {
+        path: "ui/skeleton.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "slider",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-slider"],
-    files: ["ui/slider.tsx"],
+    files: [
+      {
+        path: "ui/slider.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "sonner",
     type: "registry:ui",
     dependencies: ["sonner", "next-themes"],
-    files: ["ui/sonner.tsx"],
+    files: [
+      {
+        path: "ui/sonner.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "switch",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-switch"],
-    files: ["ui/switch.tsx"],
+    files: [
+      {
+        path: "ui/switch.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "table",
     type: "registry:ui",
-    files: ["ui/table.tsx"],
+    files: [
+      {
+        path: "ui/table.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "tabs",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-tabs"],
-    files: ["ui/tabs.tsx"],
+    files: [
+      {
+        path: "ui/tabs.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "textarea",
     type: "registry:ui",
-    files: ["ui/textarea.tsx"],
+    files: [
+      {
+        path: "ui/textarea.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "toast",
@@ -364,19 +579,34 @@ export const ui: Registry = [
     name: "toggle",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-toggle"],
-    files: ["ui/toggle.tsx"],
+    files: [
+      {
+        path: "ui/toggle.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "toggle-group",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-toggle-group"],
     registryDependencies: ["toggle"],
-    files: ["ui/toggle-group.tsx"],
+    files: [
+      {
+        path: "ui/toggle-group.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
   {
     name: "tooltip",
     type: "registry:ui",
     dependencies: ["@radix-ui/react-tooltip"],
-    files: ["ui/tooltip.tsx"],
+    files: [
+      {
+        path: "ui/tooltip.tsx",
+        type: "registry:ui",
+      },
+    ],
   },
 ]
diff --git a/apps/www/registry/schema.ts b/apps/www/registry/schema.ts
index ebd45304351..6cdeb6fe281 100644
--- a/apps/www/registry/schema.ts
+++ b/apps/www/registry/schema.ts
@@ -25,15 +25,12 @@ export const registryItemTypeSchema = z.enum([
   "registry:page",
 ])
 
-export const registryItemFileSchema = z.union([
-  z.string(),
-  z.object({
-    path: z.string(),
-    content: z.string().optional(),
-    type: registryItemTypeSchema,
-    target: z.string().optional(),
-  }),
-])
+export const registryItemFileSchema = z.object({
+  path: z.string(),
+  content: z.string().optional(),
+  type: registryItemTypeSchema,
+  target: z.string().optional(),
+})
 
 export const registryItemTailwindSchema = z.object({
   config: z.object({
@@ -48,7 +45,7 @@ export const registryItemCssVarsSchema = z.object({
   dark: z.record(z.string(), z.string()).optional(),
 })
 
-export const registryEntrySchema = z.object({
+export const registryItemSchema = z.object({
   name: z.string(),
   type: registryItemTypeSchema,
   description: z.string().optional(),
@@ -58,11 +55,13 @@ export const registryEntrySchema = z.object({
   files: z.array(registryItemFileSchema).optional(),
   tailwind: registryItemTailwindSchema.optional(),
   cssVars: registryItemCssVarsSchema.optional(),
-  source: z.string().optional(),
+  meta: z.record(z.string(), z.any()).optional(),
+  docs: z.string().optional(),
+})
+
+export const registryEntrySchema = registryItemSchema.extend({
   category: z.string().optional(),
   subcategory: z.string().optional(),
-  chunks: z.array(blockChunkSchema).optional(),
-  docs: z.string().optional(),
 })
 
 export const registrySchema = z.array(registryEntrySchema)
diff --git a/apps/www/scripts/build-registry.mts b/apps/www/scripts/build-registry.mts
index aa59d1c1638..91550b10c1c 100644
--- a/apps/www/scripts/build-registry.mts
+++ b/apps/www/scripts/build-registry.mts
@@ -287,7 +287,20 @@ export const Index: Record<string, any> = {
       description: "${item.description ?? ""}",
       type: "${item.type}",
       registryDependencies: ${JSON.stringify(item.registryDependencies)},
-      files: [${resolveFiles.map((file) => `"${file}"`)}],
+      files: [${item.files?.map((file) => {
+        const resolvedFilePath = path.resolve(
+          `registry/${style.name}/${
+            typeof file === "string" ? file : file.path
+          }`
+        )
+        return typeof file === "string"
+          ? `"${resolvedFilePath}"`
+          : `{
+        path: "${resolvedFilePath}",
+        type: "${file.type}",
+        target: "${file.target ?? ""}"
+      }`
+      })}],
       component: React.lazy(() => import("${componentPath}")),
       source: "${sourceFilename}",
       category: "${item.category ?? ""}",
@@ -403,7 +416,7 @@ async function buildStyles(registry: Registry) {
             sourceFile.getVariableDeclaration("containerClassName")?.remove()
             sourceFile.getVariableDeclaration("description")?.remove()
 
-            let target = file.target
+            let target = file.target || ""
 
             if ((!target || target === "") && item.name.startsWith("v0-")) {
               const fileName = file.path.split("/").pop()
diff --git a/apps/www/styles/globals.css b/apps/www/styles/globals.css
index c673affc567..fff1b186c81 100644
--- a/apps/www/styles/globals.css
+++ b/apps/www/styles/globals.css
@@ -24,13 +24,11 @@
     --input: 240 5.9% 90%;
     --ring: 240 5% 64.9%;
     --radius: 0.5rem;
-
     --chart-1: 12 76% 61%;
     --chart-2: 173 58% 39%;
     --chart-3: 197 37% 24%;
     --chart-4: 43 74% 66%;
     --chart-5: 27 87% 67%;
-
     --sidebar-background: 0 0% 98%;
     --sidebar-foreground: 240 5.3% 26.1%;
     --sidebar-primary: 240 5.9% 10%;
@@ -61,13 +59,11 @@
     --border: 240 3.7% 15.9%;
     --input: 240 3.7% 15.9%;
     --ring: 240 4.9% 83.9%;
-
     --chart-1: 220 70% 50%;
     --chart-2: 160 60% 45%;
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
-
     --sidebar-background: 240 5.9% 10%;
     --sidebar-foreground: 240 4.8% 95.9%;
     --sidebar-primary: 224.3 76.3% 48%;
@@ -98,6 +94,22 @@
       @apply min-[1800px]:border-t;
     }
   }
+
+  /* Custom scrollbar styling. Thanks @pranathiperii. */
+  ::-webkit-scrollbar {
+    width: 5px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: hsl(var(--border));
+    border-radius: 5px;
+  }
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: hsl(var(--border)) transparent;
+  }
 }
 
 @layer utilities {
diff --git a/packages/shadcn/test/utils/schema/__snapshots__/registry-resolve-items-tree.test.ts.snap b/packages/shadcn/test/utils/schema/__snapshots__/registry-resolve-items-tree.test.ts.snap
index 308c60901f9..70f941d73d9 100644
--- a/packages/shadcn/test/utils/schema/__snapshots__/registry-resolve-items-tree.test.ts.snap
+++ b/packages/shadcn/test/utils/schema/__snapshots__/registry-resolve-items-tree.test.ts.snap
@@ -247,7 +247,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         )}
         ref={ref}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 18847046c87..580c3f61d53 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -66,7 +66,7 @@ module.exports = {
       },
       fontFamily: {
         sans: ["var(--font-geist-sans)", ...fontFamily.sans],
-        // mono: ["var(--font-mono)", ...fontFamily.mono],
+        mono: ["var(--font-geist-mono)", ...fontFamily.mono],
       },
       keyframes: {
         "accordion-down": {