{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "shadcn-storybook-registry", "homepage": "https://github.com/lloydrichards/shadcn-storybook-registry", "author": "Lloyd Richards ", "items": [ { "name": "accordion-story", "type": "registry:component", "title": "Accordion Story", "description": "Interactive Storybook stories demonstrating accordion component usage and variants", "categories": ["ui", "storybook", "accordion", "layout"], "author": "Lloyd Richards ", "registryDependencies": ["accordion"], "files": [ { "path": "registry/ui/accordion-story/accordion-radix.stories.tsx", "type": "registry:component", "target": "@ui/accordion.stories.tsx" } ] }, { "name": "alert-story", "type": "registry:component", "title": "Alert Story", "description": "Interactive Storybook stories demonstrating alert component usage and variants", "categories": ["ui", "storybook", "alert", "feedback"], "author": "Lloyd Richards ", "registryDependencies": ["alert"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/alert-story/alert-radix.stories.tsx", "type": "registry:component", "target": "@ui/alert.stories.tsx" } ] }, { "name": "alert-dialog-story", "type": "registry:component", "title": "Alert Dialog Story", "description": "Interactive Storybook stories demonstrating alert dialog component usage and variants", "categories": ["ui", "storybook", "dialog", "modal"], "author": "Lloyd Richards ", "registryDependencies": ["alert-dialog"], "files": [ { "path": "registry/ui/alert-dialog-story/alert-dialog-radix.stories.tsx", "type": "registry:component", "target": "@ui/alert-dialog.stories.tsx" } ] }, { "name": "aspect-ratio-story", "type": "registry:component", "title": "Aspect Ratio Story", "description": "Interactive Storybook stories demonstrating aspect ratio component usage and variants", "categories": ["ui", "storybook", "layout", "responsive"], "author": "Lloyd Richards ", "registryDependencies": ["aspect-ratio"], "files": [ { "path": "registry/ui/aspect-ratio-story/aspect-ratio-radix.stories.tsx", "type": "registry:component", "target": "@ui/aspect-ratio.stories.tsx" } ] }, { "name": "avatar-story", "type": "registry:component", "title": "Avatar Story", "description": "Interactive Storybook stories demonstrating avatar component usage and variants", "categories": ["ui", "storybook", "avatar", "profile"], "author": "Lloyd Richards ", "registryDependencies": ["avatar"], "files": [ { "path": "registry/ui/avatar-story/avatar-radix.stories.tsx", "type": "registry:component", "target": "@ui/avatar.stories.tsx" } ] }, { "name": "badge-story", "type": "registry:component", "title": "Badge Story", "description": "Interactive Storybook stories demonstrating badge component usage and variants", "categories": ["ui", "storybook", "badge", "indicator"], "author": "Lloyd Richards ", "registryDependencies": ["badge"], "files": [ { "path": "registry/ui/badge-story/badge-radix.stories.tsx", "type": "registry:component", "target": "@ui/badge.stories.tsx" } ] }, { "name": "breadcrumb-story", "type": "registry:component", "title": "Breadcrumb Story", "description": "Interactive Storybook stories demonstrating breadcrumb component usage and variants", "categories": ["ui", "storybook", "navigation", "breadcrumb"], "author": "Lloyd Richards ", "registryDependencies": ["breadcrumb"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/breadcrumb-story/breadcrumb-radix.stories.tsx", "type": "registry:component", "target": "@ui/breadcrumb.stories.tsx" } ] }, { "name": "button-story", "type": "registry:file", "title": "Button Story", "description": "Interactive Storybook stories demonstrating button component usage and variants", "categories": ["ui", "storybook", "button", "interaction"], "author": "Lloyd Richards ", "registryDependencies": ["button"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/button-story/button-radix.stories.tsx", "type": "registry:component", "target": "@ui/button.stories.tsx" } ] }, { "name": "button-group-story", "type": "registry:component", "title": "Button Group Story", "description": "Interactive Storybook stories demonstrating button group component usage and variants", "categories": ["ui", "storybook", "button-group", "layout"], "author": "Lloyd Richards ", "registryDependencies": [ "button", "button-group", "dropdown-menu", "input", "input-group", "popover", "select", "separator", "textarea", "tooltip" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/button-group-story/button-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/button-group.stories.tsx" } ] }, { "name": "calendar-story", "type": "registry:component", "title": "Calendar Story", "description": "Interactive Storybook stories demonstrating calendar component usage and variants", "categories": ["ui", "storybook", "calendar", "date"], "author": "Lloyd Richards ", "registryDependencies": ["calendar"], "dependencies": ["date-fns"], "files": [ { "path": "registry/ui/calendar-story/calendar-radix.stories.tsx", "type": "registry:component", "target": "@ui/calendar.stories.tsx" } ] }, { "name": "card-story", "type": "registry:component", "title": "Card Story", "description": "Interactive Storybook stories demonstrating card component usage and variants", "categories": ["ui", "storybook", "card", "container"], "author": "Lloyd Richards ", "registryDependencies": ["card", "button"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/card-story/card-radix.stories.tsx", "type": "registry:component", "target": "@ui/card.stories.tsx" } ] }, { "name": "carousel-story", "type": "registry:component", "title": "Carousel Story", "description": "Interactive Storybook stories demonstrating carousel component usage and variants", "categories": ["ui", "storybook", "carousel", "slider"], "author": "Lloyd Richards ", "registryDependencies": ["carousel"], "dependencies": ["embla-carousel-react"], "files": [ { "path": "registry/ui/carousel-story/carousel-radix.stories.tsx", "type": "registry:component", "target": "@ui/carousel.stories.tsx" } ] }, { "name": "chart-story", "type": "registry:component", "title": "Chart Story", "description": "Interactive Storybook stories demonstrating chart component usage and variants", "categories": ["ui", "storybook", "chart", "data-visualization"], "author": "Lloyd Richards ", "registryDependencies": ["chart"], "dependencies": ["recharts"], "files": [ { "path": "registry/ui/chart-story/chart-radix.stories.tsx", "type": "registry:component", "target": "@ui/chart.stories.tsx" } ] }, { "name": "checkbox-story", "type": "registry:component", "title": "Checkbox Story", "description": "Interactive Storybook stories demonstrating checkbox component usage and variants", "categories": ["ui", "storybook", "checkbox", "form"], "author": "Lloyd Richards ", "registryDependencies": ["checkbox", "label"], "files": [ { "path": "registry/ui/checkbox-story/checkbox-radix.stories.tsx", "type": "registry:component", "target": "@ui/checkbox.stories.tsx" } ] }, { "name": "collapsible-story", "type": "registry:component", "title": "Collapsible Story", "description": "Interactive Storybook stories demonstrating collapsible component usage and variants", "categories": ["ui", "storybook", "collapsible", "layout"], "author": "Lloyd Richards ", "registryDependencies": ["collapsible"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/collapsible-story/collapsible-radix.stories.tsx", "type": "registry:component", "target": "@ui/collapsible.stories.tsx" } ] }, { "name": "command-story", "type": "registry:component", "title": "Command Story", "description": "Interactive Storybook stories demonstrating command component usage and variants", "categories": ["ui", "storybook", "command", "search"], "author": "Lloyd Richards ", "registryDependencies": ["dialog", "command"], "files": [ { "path": "registry/ui/command-story/command-radix.stories.tsx", "type": "registry:component", "target": "@ui/command.stories.tsx" } ] }, { "name": "context-menu-story", "type": "registry:component", "title": "Context Menu Story", "description": "Interactive Storybook stories demonstrating context menu component usage and variants", "categories": ["ui", "storybook", "menu", "context"], "author": "Lloyd Richards ", "registryDependencies": ["context-menu"], "files": [ { "path": "registry/ui/context-menu-story/context-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/context-menu.stories.tsx" } ] }, { "name": "date-picker-story", "type": "registry:component", "title": "Date Picker Story", "description": "Interactive Storybook stories demonstrating date picker component usage and variants", "categories": ["ui", "storybook", "date-picker", "form"], "author": "Lloyd Richards ", "registryDependencies": [ "button", "calendar", "label", "input", "popover" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/date-picker-story/date-picker-radix.stories.tsx", "type": "registry:component", "target": "@ui/date-picker.stories.tsx" } ] }, { "name": "dialog-story", "type": "registry:component", "title": "Dialog Story", "description": "Interactive Storybook stories demonstrating dialog component usage and variants", "categories": ["ui", "storybook", "dialog", "modal"], "author": "Lloyd Richards ", "registryDependencies": ["dialog"], "files": [ { "path": "registry/ui/dialog-story/dialog-radix.stories.tsx", "type": "registry:component", "target": "@ui/dialog.stories.tsx" } ] }, { "name": "drawer-story", "type": "registry:component", "title": "Drawer Story", "description": "Interactive Storybook stories demonstrating drawer component usage and variants", "categories": ["ui", "storybook", "drawer", "navigation"], "author": "Lloyd Richards ", "registryDependencies": ["drawer"], "files": [ { "path": "registry/ui/drawer-story/drawer-radix.stories.tsx", "type": "registry:component", "target": "@ui/drawer.stories.tsx" } ] }, { "name": "dropdown-menu-story", "type": "registry:component", "title": "Dropdown Menu Story", "description": "Interactive Storybook stories demonstrating dropdown menu component usage and variants", "categories": ["ui", "storybook", "dropdown", "menu"], "author": "Lloyd Richards ", "registryDependencies": ["dropdown-menu"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/dropdown-menu-story/dropdown-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/dropdown-menu.stories.tsx" } ] }, { "name": "empty-story", "type": "registry:component", "title": "Empty Story", "description": "Interactive Storybook stories demonstrating empty state component usage and variants", "categories": ["ui", "storybook", "empty", "placeholder"], "author": "Lloyd Richards ", "registryDependencies": [ "avatar", "button", "empty", "input-group", "kbd" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/empty-story/empty-radix.stories.tsx", "type": "registry:component", "target": "@ui/empty.stories.tsx" } ] }, { "name": "field-story", "type": "registry:component", "title": "Field Story", "description": "Interactive Storybook stories demonstrating field component usage and variants", "categories": ["ui", "storybook", "field", "form"], "author": "Lloyd Richards ", "registryDependencies": [ "checkbox", "field", "input", "radio-group", "select", "slider", "switch", "textarea" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/field-story/field-radix.stories.tsx", "type": "registry:component", "target": "@ui/field.stories.tsx" } ] }, { "name": "form-react-hook-story", "type": "registry:component", "title": "Form (React Hook Form) Story", "description": "Interactive Storybook stories demonstrating form usage with React Hook Form", "categories": ["ui", "storybook", "form", "validation"], "author": "Lloyd Richards ", "registryDependencies": ["button", "field", "input"], "dependencies": ["@hookform/resolvers", "zod", "react-hook-form"], "files": [ { "path": "registry/ui/form-story/form-react-hook-radix.stories.tsx", "type": "registry:component", "target": "@ui/form-react-hook.stories.tsx" } ] }, { "name": "form-tanstack-story", "type": "registry:component", "title": "Form (TanStack Form) Story", "description": "Interactive Storybook stories demonstrating form usage with TanStack Form", "categories": ["ui", "storybook", "form", "validation"], "author": "Lloyd Richards ", "registryDependencies": ["button", "field", "input"], "dependencies": ["@tanstack/react-form", "zod"], "files": [ { "path": "registry/ui/form-story/form-tanstack-radix.stories.tsx", "type": "registry:component", "target": "@ui/form-tanstack.stories.tsx" } ] }, { "name": "hover-card-story", "type": "registry:component", "title": "Hover Card Story", "description": "Interactive Storybook stories demonstrating hover card component usage and variants", "categories": ["ui", "storybook", "hover", "popover"], "author": "Lloyd Richards ", "registryDependencies": ["hover-card"], "files": [ { "path": "registry/ui/hover-card-story/hover-card-radix.stories.tsx", "type": "registry:component", "target": "@ui/hover-card.stories.tsx" } ] }, { "name": "input-group-story", "type": "registry:component", "title": "Input Group Story", "description": "Interactive Storybook stories demonstrating input group component usage and variants", "categories": ["ui", "storybook", "input", "form"], "author": "Lloyd Richards ", "registryDependencies": [ "button-group", "dropdown-menu", "input-group", "label", "popover", "spinner", "tooltip" ], "files": [ { "path": "registry/ui/input-group-story/input-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/input-group.stories.tsx" } ] }, { "name": "input-story", "type": "registry:component", "title": "Input Story", "description": "Interactive Storybook stories demonstrating input component usage and variants", "categories": ["ui", "storybook", "input", "form"], "author": "Lloyd Richards ", "registryDependencies": ["input", "label", "button"], "files": [ { "path": "registry/ui/input-story/input-radix.stories.tsx", "type": "registry:component", "target": "@ui/input.stories.tsx" } ] }, { "name": "input-otp-story", "type": "registry:component", "title": "Input OTP Story", "description": "Interactive Storybook stories demonstrating OTP input component usage and variants", "categories": ["ui", "storybook", "input", "otp", "form"], "author": "Lloyd Richards ", "registryDependencies": ["input-otp"], "dependencies": ["input-otp"], "files": [ { "path": "registry/ui/input-otp-story/input-otp-radix.stories.tsx", "type": "registry:component", "target": "@ui/input-otp.stories.tsx" } ] }, { "name": "item-story", "type": "registry:component", "title": "Item Story", "description": "Interactive Storybook stories demonstrating item component usage and variants", "categories": ["ui", "storybook", "item", "list"], "author": "Lloyd Richards ", "registryDependencies": ["avatar", "button", "dropdown-menu", "item"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/item-story/item-radix.stories.tsx", "type": "registry:component", "target": "@ui/item.stories.tsx" } ] }, { "name": "kbd-story", "type": "registry:component", "title": "Kbd Story", "description": "Interactive Storybook stories demonstrating keyboard shortcut component usage and variants", "categories": ["ui", "storybook", "kbd", "keyboard"], "author": "Lloyd Richards ", "registryDependencies": ["button-group", "input-group", "kbd", "tooltip"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/kbd-story/kbd-radix.stories.tsx", "type": "registry:component", "target": "@ui/kbd.stories.tsx" } ] }, { "name": "label-story", "type": "registry:component", "title": "Label Story", "description": "Interactive Storybook stories demonstrating label component usage and variants", "categories": ["ui", "storybook", "label", "form"], "author": "Lloyd Richards ", "registryDependencies": ["label"], "files": [ { "path": "registry/ui/label-story/label-radix.stories.tsx", "type": "registry:component", "target": "@ui/label.stories.tsx" } ] }, { "name": "menubar-story", "type": "registry:component", "title": "Menubar Story", "description": "Interactive Storybook stories demonstrating menubar component usage and variants", "categories": ["ui", "storybook", "menubar", "navigation"], "author": "Lloyd Richards ", "registryDependencies": ["menubar"], "files": [ { "path": "registry/ui/menubar-story/menubar-radix.stories.tsx", "type": "registry:component", "target": "@ui/menubar.stories.tsx" } ] }, { "name": "navigation-menu-story", "type": "registry:component", "title": "Navigation Menu Story", "description": "Interactive Storybook stories demonstrating navigation menu component usage and variants", "categories": ["ui", "storybook", "navigation", "menu"], "author": "Lloyd Richards ", "registryDependencies": ["navigation-menu"], "files": [ { "path": "registry/ui/navigation-menu-story/navigation-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/navigation-menu.stories.tsx" } ] }, { "name": "pagination-story", "type": "registry:component", "title": "Pagination Story", "description": "Interactive Storybook stories demonstrating pagination component usage and variants", "categories": ["ui", "storybook", "pagination", "navigation"], "author": "Lloyd Richards ", "registryDependencies": ["button"], "files": [ { "path": "registry/ui/pagination-story/pagination-radix.stories.tsx", "type": "registry:component", "target": "@ui/pagination.stories.tsx" } ] }, { "name": "popover-story", "type": "registry:component", "title": "Popover Story", "description": "Interactive Storybook stories demonstrating popover component usage and variants", "categories": ["ui", "storybook", "popover", "overlay"], "author": "Lloyd Richards ", "registryDependencies": ["popover"], "files": [ { "path": "registry/ui/popover-story/popover-radix.stories.tsx", "type": "registry:component", "target": "@ui/popover.stories.tsx" } ] }, { "name": "progress-story", "type": "registry:component", "title": "Progress Story", "description": "Interactive Storybook stories demonstrating progress component usage and variants", "categories": ["ui", "storybook", "progress", "feedback"], "author": "Lloyd Richards ", "registryDependencies": ["progress"], "files": [ { "path": "registry/ui/progress-story/progress-radix.stories.tsx", "type": "registry:component", "target": "@ui/progress.stories.tsx" } ] }, { "name": "questionnaire-story", "type": "registry:component", "title": "Questionnaire Story", "description": "Interactive Storybook stories demonstrating multi-step questionnaire flows, validation, and navigation", "categories": ["ui", "storybook", "questionnaire", "form"], "author": "Lloyd Richards ", "registryDependencies": ["questionnaire"], "files": [ { "path": "registry/ui/questionnaire-story/questionnaire-radix.stories.tsx", "type": "registry:component", "target": "@ui/questionnaire.stories.tsx" } ] }, { "name": "radio-group-story", "type": "registry:component", "title": "Radio Group Story", "description": "Interactive Storybook stories demonstrating radio group component usage and variants", "categories": ["ui", "storybook", "radio", "form"], "author": "Lloyd Richards ", "registryDependencies": ["radio-group", "label"], "files": [ { "path": "registry/ui/radio-group-story/radio-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/radio-group.stories.tsx" } ] }, { "name": "resizable-story", "type": "registry:component", "title": "Resizable Story", "description": "Interactive Storybook stories demonstrating resizable component usage and variants", "categories": ["ui", "storybook", "resizable", "layout"], "author": "Lloyd Richards ", "registryDependencies": ["resizable"], "files": [ { "path": "registry/ui/resizable-story/resizable-radix.stories.tsx", "type": "registry:component", "target": "@ui/resizable.stories.tsx" } ] }, { "name": "scroll-area-story", "type": "registry:component", "title": "Scroll Area Story", "description": "Interactive Storybook stories demonstrating scroll area component usage and variants", "categories": ["ui", "storybook", "scroll", "layout"], "author": "Lloyd Richards ", "registryDependencies": ["scroll-area"], "files": [ { "path": "registry/ui/scroll-area-story/scroll-area-radix.stories.tsx", "type": "registry:component", "target": "@ui/scroll-area.stories.tsx" } ] }, { "name": "select-story", "type": "registry:component", "title": "Select Story", "description": "Interactive Storybook stories demonstrating select component usage and variants", "categories": ["ui", "storybook", "select", "form"], "author": "Lloyd Richards ", "registryDependencies": ["select"], "files": [ { "path": "registry/ui/select-story/select-radix.stories.tsx", "type": "registry:component", "target": "@ui/select.stories.tsx" } ] }, { "name": "separator-story", "type": "registry:component", "title": "Separator Story", "description": "Interactive Storybook stories demonstrating separator component usage and variants", "categories": ["ui", "storybook", "separator", "layout"], "author": "Lloyd Richards ", "registryDependencies": ["separator"], "files": [ { "path": "registry/ui/separator-story/separator-radix.stories.tsx", "type": "registry:component", "target": "@ui/separator.stories.tsx" } ] }, { "name": "sheet-story", "type": "registry:component", "title": "Sheet Story", "description": "Interactive Storybook stories demonstrating sheet component usage and variants", "categories": ["ui", "storybook", "sheet", "overlay"], "author": "Lloyd Richards ", "registryDependencies": ["sheet"], "files": [ { "path": "registry/ui/sheet-story/sheet-radix.stories.tsx", "type": "registry:component", "target": "@ui/sheet.stories.tsx" } ] }, { "name": "sidebar-story", "type": "registry:component", "title": "Sidebar Story", "description": "Interactive Storybook stories demonstrating sidebar component usage and variants", "categories": ["ui", "storybook", "sidebar", "navigation"], "author": "Lloyd Richards ", "registryDependencies": ["sidebar", "dropdown-menu"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/sidebar-story/sidebar-radix.stories.tsx", "type": "registry:component", "target": "@ui/sidebar.stories.tsx" } ] }, { "name": "skeleton-story", "type": "registry:component", "title": "Skeleton Story", "description": "Interactive Storybook stories demonstrating skeleton component usage and variants", "categories": ["ui", "storybook", "skeleton", "loading"], "author": "Lloyd Richards ", "registryDependencies": ["skeleton"], "files": [ { "path": "registry/ui/skeleton-story/skeleton-radix.stories.tsx", "type": "registry:component", "target": "@ui/skeleton.stories.tsx" } ] }, { "name": "slider-story", "type": "registry:component", "title": "Slider Story", "description": "Interactive Storybook stories demonstrating slider component usage and variants", "categories": ["ui", "storybook", "slider", "form"], "author": "Lloyd Richards ", "registryDependencies": ["slider"], "files": [ { "path": "registry/ui/slider-story/slider-radix.stories.tsx", "type": "registry:component", "target": "@ui/slider.stories.tsx" } ] }, { "name": "sonner-story", "type": "registry:component", "title": "Sonner Story", "description": "Interactive Storybook stories demonstrating toast notifications usage and variants", "categories": ["ui", "storybook", "toast", "feedback"], "author": "Lloyd Richards ", "registryDependencies": ["sonner", "button"], "dependencies": ["sonner"], "files": [ { "path": "registry/ui/sonner-story/sonner-radix.stories.tsx", "type": "registry:component", "target": "@ui/sonner.stories.tsx" } ] }, { "name": "spinner-story", "type": "registry:component", "title": "Spinner Story", "description": "Interactive Storybook stories demonstrating loading spinner component usage and variants", "categories": ["ui", "storybook", "spinner", "loading"], "author": "Lloyd Richards ", "registryDependencies": ["spinner", "button"], "files": [ { "path": "registry/ui/spinner-story/spinner-radix.stories.tsx", "type": "registry:component", "target": "@ui/spinner.stories.tsx" } ] }, { "name": "switch-story", "type": "registry:component", "title": "Switch Story", "description": "Interactive Storybook stories demonstrating switch component usage and variants", "categories": ["ui", "storybook", "switch", "form"], "author": "Lloyd Richards ", "registryDependencies": ["switch", "label"], "files": [ { "path": "registry/ui/switch-story/switch-radix.stories.tsx", "type": "registry:component", "target": "@ui/switch.stories.tsx" } ] }, { "name": "table-story", "type": "registry:component", "title": "Table Story", "description": "Interactive Storybook stories demonstrating table component usage and variants", "categories": ["ui", "storybook", "table", "data"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/ui/table-story/table-radix.stories.tsx", "type": "registry:component", "target": "@ui/table.stories.tsx" } ] }, { "name": "tabs-story", "type": "registry:component", "title": "Tabs Story", "description": "Interactive Storybook stories demonstrating tabs component usage and variants", "categories": ["ui", "storybook", "tabs", "navigation"], "author": "Lloyd Richards ", "registryDependencies": ["tabs"], "files": [ { "path": "registry/ui/tabs-story/tabs-radix.stories.tsx", "type": "registry:component", "target": "@ui/tabs.stories.tsx" } ] }, { "name": "textarea-story", "type": "registry:component", "title": "Textarea Story", "description": "Interactive Storybook stories demonstrating textarea component usage and variants", "categories": ["ui", "storybook", "textarea", "form"], "author": "Lloyd Richards ", "registryDependencies": ["textarea", "button", "label"], "files": [ { "path": "registry/ui/textarea-story/textarea-radix.stories.tsx", "type": "registry:component", "target": "@ui/textarea.stories.tsx" } ] }, { "name": "toggle-story", "type": "registry:component", "title": "Toggle Story", "description": "Interactive Storybook stories demonstrating toggle component usage and variants", "categories": ["ui", "storybook", "toggle", "form"], "author": "Lloyd Richards ", "registryDependencies": ["toggle"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/toggle-story/toggle-radix.stories.tsx", "type": "registry:component", "target": "@ui/toggle.stories.tsx" } ] }, { "name": "toggle-group-story", "type": "registry:component", "title": "Toggle Group Story", "description": "Interactive Storybook stories demonstrating toggle group component usage and variants", "categories": ["ui", "storybook", "toggle-group", "form"], "author": "Lloyd Richards ", "registryDependencies": ["toggle-group"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/toggle-group-story/toggle-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/toggle-group.stories.tsx" } ] }, { "name": "tooltip-story", "type": "registry:component", "title": "Tooltip Story", "description": "Interactive Storybook stories demonstrating tooltip component usage and variants", "categories": ["ui", "storybook", "tooltip", "overlay"], "author": "Lloyd Richards ", "registryDependencies": ["tooltip"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/tooltip-story/tooltip-radix.stories.tsx", "type": "registry:component", "target": "@ui/tooltip.stories.tsx" } ] }, { "name": "color-story", "type": "registry:component", "title": "Color Story", "description": "Design system documentation and examples for color tokens and themes", "categories": ["design", "tokens", "storybook", "color"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/tokens/color-story/color-radix.stories.tsx", "type": "registry:component", "target": "@ui/color.stories.tsx" } ] }, { "name": "radius-story", "type": "registry:component", "title": "Radius Story", "description": "Design system documentation and examples for border radius tokens", "categories": ["design", "tokens", "storybook", "radius"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/tokens/radius-story/radius-radix.stories.tsx", "type": "registry:component", "target": "@ui/radius.stories.tsx" } ] }, { "name": "shadow-story", "type": "registry:component", "title": "Shadow Story", "description": "Design system documentation and examples for shadow tokens", "categories": ["design", "tokens", "storybook", "shadow"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/tokens/shadow-story/shadow-radix.stories.tsx", "type": "registry:component", "target": "@ui/shadow.stories.tsx" } ] }, { "name": "spacing-story", "type": "registry:component", "title": "Spacing Story", "description": "Design system documentation and examples for spacing tokens", "categories": ["design", "tokens", "storybook", "spacing"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/tokens/spacing-story/spacing-radix.stories.tsx", "type": "registry:component", "target": "@ui/spacing.stories.tsx" } ] }, { "name": "typeset-story", "type": "registry:component", "title": "Typeset Story", "description": "Storybook-only documentation for shadcn Typeset; bundled CSS supports the story, while applications generate and own their CSS", "categories": ["design", "storybook", "typography", "markdown"], "author": "Lloyd Richards ", "registryDependencies": ["button"], "files": [ { "path": "registry/tokens/typeset-story/typeset-radix.stories.tsx", "type": "registry:component", "target": "@ui/typeset.stories.tsx" }, { "path": "registry/tokens/typeset-story/typeset.css", "type": "registry:file", "target": "@ui/typeset.css" } ] }, { "name": "typography-story", "type": "registry:component", "title": "Typography Story", "description": "Design system documentation and examples for typography tokens", "categories": ["design", "tokens", "storybook", "typography"], "author": "Lloyd Richards ", "registryDependencies": ["table"], "files": [ { "path": "registry/tokens/typography-story/typography-radix.stories.tsx", "type": "registry:component", "target": "@ui/typography.stories.tsx" } ] }, { "name": "all-stories", "type": "registry:component", "title": "All Stories", "description": "Complete collection of all Storybook stories in the registry for bulk installation", "categories": ["utility", "collection", "storybook"], "author": "Lloyd Richards ", "registryDependencies": [ "accordion", "alert", "alert-dialog", "aspect-ratio", "attachment", "avatar", "badge", "breadcrumb", "bubble", "button", "calendar", "card", "carousel", "chart", "checkbox", "collapsible", "dialog", "command", "context-menu", "drawer", "dropdown-menu", "label", "hover-card", "input", "input-group", "input-otp", "marker", "menubar", "message", "message-scroller", "navigation-menu", "popover", "progress", "questionnaire", "radio-group", "resizable", "scroll-area", "select", "separator", "sheet", "sidebar", "skeleton", "slider", "switch", "table", "tabs", "textarea", "toggle", "toggle-group", "tooltip" ], "files": [ { "path": "registry/ui/accordion-story/accordion-radix.stories.tsx", "type": "registry:component", "target": "@ui/accordion.stories.tsx" }, { "path": "registry/ui/alert-story/alert-radix.stories.tsx", "type": "registry:component", "target": "@ui/alert.stories.tsx" }, { "path": "registry/ui/alert-dialog-story/alert-dialog-radix.stories.tsx", "type": "registry:component", "target": "@ui/alert-dialog.stories.tsx" }, { "path": "registry/ui/aspect-ratio-story/aspect-ratio-radix.stories.tsx", "type": "registry:component", "target": "@ui/aspect-ratio.stories.tsx" }, { "path": "registry/ui/attachment-story/attachment-radix.stories.tsx", "type": "registry:component", "target": "@ui/attachment.stories.tsx" }, { "path": "registry/ui/avatar-story/avatar-radix.stories.tsx", "type": "registry:component", "target": "@ui/avatar.stories.tsx" }, { "path": "registry/ui/badge-story/badge-radix.stories.tsx", "type": "registry:component", "target": "@ui/badge.stories.tsx" }, { "path": "registry/ui/breadcrumb-story/breadcrumb-radix.stories.tsx", "type": "registry:component", "target": "@ui/breadcrumb.stories.tsx" }, { "path": "registry/ui/bubble-story/bubble-radix.stories.tsx", "type": "registry:component", "target": "@ui/bubble.stories.tsx" }, { "path": "registry/ui/button-story/button-radix.stories.tsx", "type": "registry:component", "target": "@ui/button.stories.tsx" }, { "path": "registry/ui/calendar-story/calendar-radix.stories.tsx", "type": "registry:component", "target": "@ui/calendar.stories.tsx" }, { "path": "registry/ui/card-story/card-radix.stories.tsx", "type": "registry:component", "target": "@ui/card.stories.tsx" }, { "path": "registry/ui/carousel-story/carousel-radix.stories.tsx", "type": "registry:component", "target": "@ui/carousel.stories.tsx" }, { "path": "registry/ui/chart-story/chart-radix.stories.tsx", "type": "registry:component", "target": "@ui/chart.stories.tsx" }, { "path": "registry/ui/checkbox-story/checkbox-radix.stories.tsx", "type": "registry:component", "target": "@ui/checkbox.stories.tsx" }, { "path": "registry/ui/collapsible-story/collapsible-radix.stories.tsx", "type": "registry:component", "target": "@ui/collapsible.stories.tsx" }, { "path": "registry/ui/command-story/command-radix.stories.tsx", "type": "registry:component", "target": "@ui/command.stories.tsx" }, { "path": "registry/ui/context-menu-story/context-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/context-menu.stories.tsx" }, { "path": "registry/ui/date-picker-story/date-picker-radix.stories.tsx", "type": "registry:component", "target": "@ui/date-picker.stories.tsx" }, { "path": "registry/ui/dialog-story/dialog-radix.stories.tsx", "type": "registry:component", "target": "@ui/dialog.stories.tsx" }, { "path": "registry/ui/drawer-story/drawer-radix.stories.tsx", "type": "registry:component", "target": "@ui/drawer.stories.tsx" }, { "path": "registry/ui/dropdown-menu-story/dropdown-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/dropdown-menu.stories.tsx" }, { "path": "registry/ui/form-story/form-react-hook-radix.stories.tsx", "type": "registry:component", "target": "@ui/form-react-hook.stories.tsx" }, { "path": "registry/ui/form-story/form-tanstack-radix.stories.tsx", "type": "registry:component", "target": "@ui/form-tanstack.stories.tsx" }, { "path": "registry/ui/hover-card-story/hover-card-radix.stories.tsx", "type": "registry:component", "target": "@ui/hover-card.stories.tsx" }, { "path": "registry/ui/input-story/input-radix.stories.tsx", "type": "registry:component", "target": "@ui/input.stories.tsx" }, { "path": "registry/ui/input-group-story/input-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/input-group.stories.tsx" }, { "path": "registry/ui/input-otp-story/input-otp-radix.stories.tsx", "type": "registry:component", "target": "@ui/input-otp.stories.tsx" }, { "path": "registry/ui/label-story/label-radix.stories.tsx", "type": "registry:component", "target": "@ui/label.stories.tsx" }, { "path": "registry/ui/marker-story/marker-radix.stories.tsx", "type": "registry:component", "target": "@ui/marker.stories.tsx" }, { "path": "registry/ui/menubar-story/menubar-radix.stories.tsx", "type": "registry:component", "target": "@ui/menubar.stories.tsx" }, { "path": "registry/ui/message-story/message-radix.stories.tsx", "type": "registry:component", "target": "@ui/message.stories.tsx" }, { "path": "registry/ui/message-scroller-story/message-scroller-radix.stories.tsx", "type": "registry:component", "target": "@ui/message-scroller.stories.tsx" }, { "path": "registry/ui/navigation-menu-story/navigation-menu-radix.stories.tsx", "type": "registry:component", "target": "@ui/navigation-menu.stories.tsx" }, { "path": "registry/ui/pagination-story/pagination-radix.stories.tsx", "type": "registry:component", "target": "@ui/pagination.stories.tsx" }, { "path": "registry/ui/popover-story/popover-radix.stories.tsx", "type": "registry:component", "target": "@ui/popover.stories.tsx" }, { "path": "registry/ui/progress-story/progress-radix.stories.tsx", "type": "registry:component", "target": "@ui/progress.stories.tsx" }, { "path": "registry/ui/questionnaire-story/questionnaire-radix.stories.tsx", "type": "registry:component", "target": "@ui/questionnaire.stories.tsx" }, { "path": "registry/ui/radio-group-story/radio-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/radio-group.stories.tsx" }, { "path": "registry/ui/resizable-story/resizable-radix.stories.tsx", "type": "registry:component", "target": "@ui/resizable.stories.tsx" }, { "path": "registry/ui/scroll-area-story/scroll-area-radix.stories.tsx", "type": "registry:component", "target": "@ui/scroll-area.stories.tsx" }, { "path": "registry/ui/select-story/select-radix.stories.tsx", "type": "registry:component", "target": "@ui/select.stories.tsx" }, { "path": "registry/ui/separator-story/separator-radix.stories.tsx", "type": "registry:component", "target": "@ui/separator.stories.tsx" }, { "path": "registry/ui/sheet-story/sheet-radix.stories.tsx", "type": "registry:component", "target": "@ui/sheet.stories.tsx" }, { "path": "registry/ui/sidebar-story/sidebar-radix.stories.tsx", "type": "registry:component", "target": "@ui/sidebar.stories.tsx" }, { "path": "registry/ui/skeleton-story/skeleton-radix.stories.tsx", "type": "registry:component", "target": "@ui/skeleton.stories.tsx" }, { "path": "registry/ui/slider-story/slider-radix.stories.tsx", "type": "registry:component", "target": "@ui/slider.stories.tsx" }, { "path": "registry/ui/sonner-story/sonner-radix.stories.tsx", "type": "registry:component", "target": "@ui/sonner.stories.tsx" }, { "path": "registry/ui/switch-story/switch-radix.stories.tsx", "type": "registry:component", "target": "@ui/switch.stories.tsx" }, { "path": "registry/ui/table-story/table-radix.stories.tsx", "type": "registry:component", "target": "@ui/table.stories.tsx" }, { "path": "registry/ui/tabs-story/tabs-radix.stories.tsx", "type": "registry:component", "target": "@ui/tabs.stories.tsx" }, { "path": "registry/ui/textarea-story/textarea-radix.stories.tsx", "type": "registry:component", "target": "@ui/textarea.stories.tsx" }, { "path": "registry/ui/toggle-story/toggle-radix.stories.tsx", "type": "registry:component", "target": "@ui/toggle.stories.tsx" }, { "path": "registry/ui/toggle-group-story/toggle-group-radix.stories.tsx", "type": "registry:component", "target": "@ui/toggle-group.stories.tsx" }, { "path": "registry/ui/tooltip-story/tooltip-radix.stories.tsx", "type": "registry:component", "target": "@ui/tooltip.stories.tsx" }, { "path": "registry/tokens/color-story/color-radix.stories.tsx", "type": "registry:component", "target": "@ui/color.stories.tsx" }, { "path": "registry/tokens/radius-story/radius-radix.stories.tsx", "type": "registry:component", "target": "@ui/radius.stories.tsx" }, { "path": "registry/tokens/shadow-story/shadow-radix.stories.tsx", "type": "registry:component", "target": "@ui/shadow.stories.tsx" }, { "path": "registry/tokens/spacing-story/spacing-radix.stories.tsx", "type": "registry:component", "target": "@ui/spacing.stories.tsx" }, { "path": "registry/tokens/typeset-story/typeset-radix.stories.tsx", "type": "registry:component", "target": "@ui/typeset.stories.tsx" }, { "path": "registry/tokens/typeset-story/typeset.css", "type": "registry:file", "target": "@ui/typeset.css" }, { "path": "registry/tokens/typography-story/typography-radix.stories.tsx", "type": "registry:component", "target": "@ui/typography.stories.tsx" } ] }, { "name": "attachment-story", "type": "registry:component", "title": "Attachment Story", "description": "Storybook stories demonstrating attachment component files, previews, states, actions, and triggers", "categories": ["ui", "storybook", "attachment", "chat"], "author": "Lloyd Richards ", "registryDependencies": ["attachment", "button", "dialog", "spinner"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/attachment-story/attachment-radix.stories.tsx", "type": "registry:component", "target": "@ui/attachment.stories.tsx" } ] }, { "name": "bubble-story", "type": "registry:component", "title": "Bubble Story", "description": "Storybook stories demonstrating bubble component variants, alignment, reactions, and interactive content", "categories": ["ui", "storybook", "bubble", "chat"], "author": "Lloyd Richards ", "registryDependencies": [ "bubble", "button", "collapsible", "popover", "tooltip" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/bubble-story/bubble-radix.stories.tsx", "type": "registry:component", "target": "@ui/bubble.stories.tsx" } ] }, { "name": "marker-story", "type": "registry:component", "title": "Marker Story", "description": "Storybook stories demonstrating marker component status rows, separators, icons, links, and buttons", "categories": ["ui", "storybook", "marker", "chat"], "author": "Lloyd Richards ", "registryDependencies": ["marker", "spinner"], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/marker-story/marker-radix.stories.tsx", "type": "registry:component", "target": "@ui/marker.stories.tsx" } ] }, { "name": "message-story", "type": "registry:component", "title": "Message Story", "description": "Storybook stories demonstrating message component layout, avatars, actions, status, and attachments", "categories": ["ui", "storybook", "message", "chat"], "author": "Lloyd Richards ", "registryDependencies": [ "message", "avatar", "bubble", "button", "attachment", "marker", "spinner" ], "dependencies": ["lucide-react"], "files": [ { "path": "registry/ui/message-story/message-radix.stories.tsx", "type": "registry:component", "target": "@ui/message.stories.tsx" } ] }, { "name": "message-scroller-story", "type": "registry:component", "title": "Message Scroller Story", "description": "Storybook stories demonstrating message scroller anchoring, streaming, history loading, and jump controls", "categories": ["ui", "storybook", "message-scroller", "chat"], "author": "Lloyd Richards ", "registryDependencies": [ "message-scroller", "message", "bubble", "button", "marker" ], "dependencies": ["@shadcn/react"], "files": [ { "path": "registry/ui/message-scroller-story/message-scroller-radix.stories.tsx", "type": "registry:component", "target": "@ui/message-scroller.stories.tsx" } ] } ] }