vibe-design-system 1.9.5 → 1.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "1.9.5",
+  "version": "1.9.6",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {

package/vds-core-template/story-generator.mjs

@@ -42,6 +42,12 @@ const SKIP_LIST = [
   "InputOtp",
   "Resizable",
   "Sonner",
+  "ImageWithFallback",
+  "ConnectionLines",
+  "ScrollToTop",
+  "Form",
+  "Toaster",
+  "Toast",
 ];
 
 /** shadcn/ui composite component recipes: component name → imports + render. */
@@ -215,35 +221,32 @@ const RECIPES = {
     )`,
   },
   Checkbox: {
-    extraImports: [{ from: "@/components/ui/label", names: ["Label"] }],
     render: `(args) => (
       <div className="flex items-center space-x-2">
         <ComponentRef id="terms" {...args} />
-        <Label htmlFor="terms">Accept terms</Label>
+        <label htmlFor="terms" className="text-sm font-medium">Accept terms</label>
       </div>
     )`,
   },
   Switch: {
-    extraImports: [{ from: "@/components/ui/label", names: ["Label"] }],
     render: `(args) => (
       <div className="flex items-center space-x-2">
         <ComponentRef id="switch" {...args} />
-        <Label htmlFor="switch">Enable notifications</Label>
+        <label htmlFor="switch" className="text-sm font-medium">Enable notifications</label>
       </div>
     )`,
   },
   RadioGroup: {
     imports: ["RadioGroupItem"],
-    extraImports: [{ from: "@/components/ui/label", names: ["Label"] }],
     render: `(args) => (
       <ComponentRef className="flex flex-col space-y-2" {...args}>
         <div className="flex items-center space-x-2">
           <RadioGroupItem value="comfortable" id="comfortable" />
-          <Label htmlFor="comfortable">Comfortable</Label>
+          <label htmlFor="comfortable" className="text-sm font-medium">Comfortable</label>
         </div>
         <div className="flex items-center space-x-2">
           <RadioGroupItem value="compact" id="compact" />
-          <Label htmlFor="compact">Compact</Label>
+          <label htmlFor="compact" className="text-sm font-medium">Compact</label>
         </div>
       </ComponentRef>
     )`,
@@ -276,12 +279,42 @@ const RECIPES = {
       </ComponentRef>
     )`,
   },
+  Command: {
+    imports: ["CommandInput", "CommandList", "CommandEmpty", "CommandGroup", "CommandItem"],
+    render: `(args) => (
+      <ComponentRef className="rounded-lg border shadow-md" {...args}>
+        <CommandInput placeholder="Type a command..." />
+        <CommandList>
+          <CommandEmpty>No results found.</CommandEmpty>
+          <CommandGroup heading="Suggestions">
+            <CommandItem>Calendar</CommandItem>
+            <CommandItem>Search</CommandItem>
+            <CommandItem>Settings</CommandItem>
+          </CommandGroup>
+        </CommandList>
+      </ComponentRef>
+    )`,
+  },
+  Carousel: {
+    imports: ["CarouselContent", "CarouselItem", "CarouselPrevious", "CarouselNext"],
+    render: `(args) => (
+      <ComponentRef className="w-full max-w-xs" {...args}>
+        <CarouselContent>
+          <CarouselItem><div className="p-4 text-center border rounded">Slide 1</div></CarouselItem>
+          <CarouselItem><div className="p-4 text-center border rounded">Slide 2</div></CarouselItem>
+          <CarouselItem><div className="p-4 text-center border rounded">Slide 3</div></CarouselItem>
+        </CarouselContent>
+        <CarouselPrevious />
+        <CarouselNext />
+      </ComponentRef>
+    )`,
+  },
   Collapsible: {
     imports: ["CollapsibleTrigger", "CollapsibleContent"],
     render: `(args) => (
       <ComponentRef {...args}>
-        <CollapsibleTrigger asChild><button>Toggle</button></CollapsibleTrigger>
-        <CollapsibleContent>Collapsible content here.</CollapsibleContent>
+        <CollapsibleTrigger asChild><button className="text-sm font-medium">Toggle content</button></CollapsibleTrigger>
+        <CollapsibleContent className="mt-2 p-2 border rounded">Hidden content revealed.</CollapsibleContent>
       </ComponentRef>
     )`,
   },