{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "shadcn/studio", "homepage": "https://shadcnstudio.com", "items": [ { "name": "accordion-01", "title": "Accordion 1", "description": "Basic accordion with default styling and collapsible FAQ items.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-01.tsx" } ] }, { "name": "accordion-02", "title": "Accordion 2", "description": "Card-style accordion with separated items, shadow effects, and rotated chevron icons.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-02.tsx" } ] }, { "name": "accordion-03", "title": "Accordion 3", "description": "Icon-enhanced accordion with category icons displayed before each item title.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-03.tsx" } ] }, { "name": "accordion-04", "title": "Accordion 4", "description": "Plus/minus icon accordion with animated icon transitions for expand/collapse states.", "type": "registry:component", "dependencies": [ "@radix-ui/react-accordion", "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-04.tsx" } ] }, { "name": "accordion-05", "title": "Accordion 5", "description": "Active state accordion with amber highlighting for expanded items and borders.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-05.tsx" } ] }, { "name": "accordion-06", "title": "Accordion 6", "description": "Icon and expand indicator accordion with category icons and plus icon for expand/collapse.", "type": "registry:component", "dependencies": [ "@radix-ui/react-accordion", "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-06.tsx" } ] }, { "name": "accordion-07", "title": "Accordion 7", "description": "Avatar-based accordion displaying user profiles with avatar images, names, and email addresses.", "type": "registry:component", "registryDependencies": [ "accordion", "avatar" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-07.tsx" } ] }, { "name": "accordion-08", "title": "Accordion 8", "description": "Enhanced icon accordion with circular icon containers and subtitle descriptions for each item.", "type": "registry:component", "dependencies": [ "@radix-ui/react-accordion", "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-08.tsx" } ] }, { "name": "accordion-09", "title": "Accordion 9", "description": "Outline-style accordion with bordered items and spacing between each accordion item.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-09.tsx" } ] }, { "name": "accordion-10", "title": "Accordion 10", "description": "Box-style accordion with unified border container around all accordion items.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-10.tsx" } ] }, { "name": "accordion-11", "title": "Accordion 11", "description": "Tab-style accordion with accent background highlighting for expanded items.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-11.tsx" } ] }, { "name": "accordion-12", "title": "Accordion 12", "description": "Tab with outline accordion featuring bordered highlighting and shadow effects for expanded items.", "type": "registry:component", "dependencies": [ "@radix-ui/react-accordion", "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-12.tsx" } ] }, { "name": "accordion-13", "title": "Accordion 13", "description": "Media content accordion with category icons and embedded images in accordion content.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-13.tsx" } ] }, { "name": "accordion-14", "title": "Accordion 14", "description": "Filled header accordion with accent background triggers and separated content sections.", "type": "registry:component", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-14.tsx" } ] }, { "name": "accordion-15", "title": "Accordion 15", "description": "Multi-level accordion with nested collapsible sections for hierarchical FAQ organization.", "type": "registry:component", "dependencies": [ "@radix-ui/react-accordion", "lucide-react" ], "registryDependencies": [ "accordion", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-15.tsx" } ] }, { "name": "accordion-16", "title": "Accordion 16", "description": "Simplified multi-level accordion with plus/minus icons for nested FAQ categories and questions.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "accordion", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/accordion/accordion-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/accordion/accordion-16.tsx" } ] }, { "name": "alert-01", "title": "Alert 1", "description": "Basic alert with circle alert icon and simple title message.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-01.tsx" } ] }, { "name": "alert-02", "title": "Alert 2", "description": "Avatar-enhanced alert with user profile image, and alert icon.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "avatar" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-02.tsx" } ] }, { "name": "alert-03", "title": "Alert 3", "description": "Closable alert with dismiss functionality using X icon and state management.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-03.tsx" } ] }, { "name": "alert-04", "title": "Alert 4", "description": "Interactive alert with link button featuring arrow icon and styled border/text colors.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "button" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-04.tsx" } ] }, { "name": "alert-05", "title": "Alert 5", "description": "Attached icon alert with separated icon section and destructive warning styling.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-05.tsx" } ] }, { "name": "alert-06", "title": "Alert 6", "description": "Focused icon alert with avatar-wrapped warning icon and destructive background styling.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "avatar" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-06.tsx" } ] }, { "name": "alert-07", "title": "Alert 7", "description": "File upload progress alert with animated progress bar, action buttons, and close functionality.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "button" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-07.tsx" } ] }, { "name": "alert-08", "title": "Alert 8", "description": "Multi-action alert with primary background, multiple buttons, and dismissible interface.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "button" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-08.tsx" } ] }, { "name": "alert-09", "title": "Alert 9", "description": "Task progress alert with user avatar, progress indicator, and task completion tracking.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "avatar", "progress" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-09.tsx" } ] }, { "name": "alert-10", "title": "Alert 10", "description": "Gradient background alert with email verification message and gradient styling.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "button", "progress" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-10.tsx" } ] }, { "name": "alert-11", "title": "Alert 11", "description": "Success indicator alert with left border highlight and green success styling.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-11.tsx" } ] }, { "name": "alert-12", "title": "Alert 12", "description": "Information/error indicator alert with destructive background styling and informational content.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-12.tsx" } ] }, { "name": "alert-13", "title": "Alert 13", "description": "displaying a minimal \"New message!\" notification with an attention icon and an actionable \"Open\" button", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert", "button" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-13.tsx" } ] }, { "name": "alert-14", "title": "Alert 14", "description": "Error indicator alert with red styling and destructive error message.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-14.tsx" } ] }, { "name": "alert-15", "title": "Alert 15", "description": "Pure destructive alert using built-in destructive variant with error styling.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-15.tsx" } ] }, { "name": "alert-16", "title": "Alert 16", "description": "Minimal alert without icon displaying simple message text only.", "type": "registry:component", "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-16.tsx" } ] }, { "name": "alert-17", "title": "Alert 17", "description": "Standard alert with both title and description text providing detailed information.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-17.tsx" } ] }, { "name": "alert-18", "title": "Alert 18", "description": "Outline info alert with blue border and text styling for informational messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-18.tsx" } ] }, { "name": "alert-19", "title": "Alert 19", "description": "Outline success alert with green border and text for success messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-19.tsx" } ] }, { "name": "alert-20", "title": "Alert 20", "description": "Outline warning alert with amber border and text for warning messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-20.tsx" } ] }, { "name": "alert-21", "title": "Alert 21", "description": "Soft primary alert with subtle background and text styling for secondary messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-21.tsx" } ] }, { "name": "alert-22", "title": "Alert 22", "description": "Soft info alert with blue background and subtle styling for information.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-22.tsx" } ] }, { "name": "alert-23", "title": "Alert 23", "description": "Soft success alert with green background and subtle styling for success messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-23.tsx" } ] }, { "name": "alert-24", "title": "Alert 24", "description": "Soft warning alert with amber background and subtle styling for warnings.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-24.tsx" } ] }, { "name": "alert-25", "title": "Alert 25", "description": "Soft destructive alert with red background and subtle styling for errors.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-25.tsx" } ] }, { "name": "alert-26", "title": "Alert 26", "description": "Solid info alert with full primary background for prominent informational messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-26.tsx" } ] }, { "name": "alert-27", "title": "Alert 27", "description": "Solid success alert with full green background for prominent success messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-27.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-27.tsx" } ] }, { "name": "alert-28", "title": "Alert 28", "description": "Solid warning alert with full amber background for prominent warning messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-28.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-28.tsx" } ] }, { "name": "alert-29", "title": "Alert 29", "description": "Solid info alert with full blue background for prominent informational messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-29.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-29.tsx" } ] }, { "name": "alert-30", "title": "Alert 30", "description": "Solid destructive alert with full red background for prominent error messages.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert" ], "files": [ { "path": "src/components/shadcn-studio/alert/alert-30.tsx", "type": "registry:component", "target": "components/shadcn-studio/alert/alert-30.tsx" } ] }, { "name": "avatar-01", "title": "Avatar 1", "description": "Basic avatar with profile image and fallback initials.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-01.tsx" } ] }, { "name": "avatar-02", "title": "Avatar 2", "description": "Avatar with ring border highlighting for active or selected states.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-02.tsx" } ] }, { "name": "avatar-03", "title": "Avatar 3", "description": "Small sized avatar variant with compact dimensions.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-03.tsx" } ] }, { "name": "avatar-04", "title": "Avatar 4", "description": "Large sized avatar variant with expanded dimensions.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-04.tsx" } ] }, { "name": "avatar-05", "title": "Avatar 5", "description": "Circular avatar with fallback initials.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-05.tsx" } ] }, { "name": "avatar-06", "title": "Avatar 6", "description": "Icon avatar using Lucide icon with colored background.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-06.tsx" } ] }, { "name": "avatar-07", "title": "Avatar 7", "description": "Status avatar with busy indicator showing red status dot.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-07.tsx" } ] }, { "name": "avatar-08", "title": "Avatar 8", "description": "Status avatar with online indicator showing green status dot.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-08.tsx" } ] }, { "name": "avatar-09", "title": "Avatar 9", "description": "Status avatar with away indicator showing amber status dot for absent/away state.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-09.tsx" } ] }, { "name": "avatar-10", "title": "Avatar 10", "description": "Avatar with plus icon overlay for adding or editing profile functionality.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-10.tsx" } ] }, { "name": "avatar-11", "title": "Avatar 11", "description": "Avatar with notification badge showing count number for alerts and messages.", "type": "registry:component", "registryDependencies": [ "avatar", "badge" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-11.tsx" } ] }, { "name": "avatar-12", "title": "Avatar 12", "description": "Avatar with verified badge showing check mark icon for verified accounts.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-12.tsx" } ] }, { "name": "avatar-13", "title": "Avatar 13", "description": "Avatar group displaying multiple overlapping users with ring borders.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-13.tsx" } ] }, { "name": "avatar-14", "title": "Avatar 14", "description": "Avatar group with count indicator showing additional users (+9) in overflow.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-14.tsx" } ] }, { "name": "avatar-15", "title": "Avatar 15", "description": "Large-sized avatar group with bigger dimensions for prominent display.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-15.tsx" } ] }, { "name": "avatar-16", "title": "Avatar 16", "description": "Avatar group with tooltip hover effects and elevation animation.", "type": "registry:component", "registryDependencies": [ "avatar", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-16.tsx" } ] }, { "name": "avatar-17", "title": "Avatar 17", "description": "Avatar group with smooth spacing transition on hover interaction.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-17.tsx" } ] }, { "name": "avatar-18", "title": "Avatar 18", "description": "Avatar group with tooltip transitions and hover spacing effects.", "type": "registry:component", "registryDependencies": [ "avatar", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-18.tsx" } ] }, { "name": "avatar-19", "title": "Avatar 19", "description": "Avatar group with dropdown menu showing additional users and actions.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-19.tsx" } ] }, { "name": "avatar-20", "title": "Avatar 20", "description": "Avatar group with outlined container and background styling.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-20.tsx" } ] }, { "name": "avatar-21", "title": "Avatar 21", "description": "Avatar group with popularity indicator styling and text showcasing community trust.", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/avatar/avatar-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/avatar/avatar-21.tsx" } ] }, { "name": "badge-01", "title": "Badge 1", "description": "Default badge demonstrating basic styling with standard text display", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-01.tsx" } ] }, { "name": "badge-02", "title": "Badge 2", "description": "Secondary variant badge with muted styling for less prominent labels", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-02.tsx" } ] }, { "name": "badge-03", "title": "Badge 3", "description": "Destructive variant badge with red styling for error or warning states", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-03.tsx" } ] }, { "name": "badge-04", "title": "Badge 4", "description": "Outline variant badge with bordered styling for subtle emphasis", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-04.tsx" } ] }, { "name": "badge-05", "title": "Badge 5", "description": "Dot indicator badge with colored circle for compact status representation", "type": "registry:component", "files": [ { "path": "src/components/shadcn-studio/badge/badge-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-05.tsx" } ] }, { "name": "badge-06", "title": "Badge 6", "description": "Rounded badge with full border radius for pill-shaped appearance", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-06.tsx" } ] }, { "name": "badge-07", "title": "Badge 7", "description": "Number badge with circular design for count and notification displays", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-07.tsx" } ] }, { "name": "badge-08", "title": "Badge 8", "description": "Large size badge with increased padding for prominence", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-08.tsx" } ] }, { "name": "badge-09", "title": "Badge 9", "description": "Small size badge with reduced padding for compact display areas", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-09.tsx" } ] }, { "name": "badge-10", "title": "Badge 10", "description": "Badge with icon integration for enhanced visual context", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-10.tsx" } ] }, { "name": "badge-11", "title": "Badge 11", "description": "Link badge that can be used as clickable navigation element", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-11.tsx" } ] }, { "name": "badge-12", "title": "Badge 12", "description": "Closable badge with X button for dismissible notifications", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-12.tsx" } ] }, { "name": "badge-13", "title": "Badge 13", "description": "Selectable badge with checkbox functionality for interactive selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "checkbox" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-13.tsx" } ] }, { "name": "badge-14", "title": "Badge 14", "description": "Gradient styled badge with vibrant indigo-to-pink color transition", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-14.tsx" } ] }, { "name": "badge-15", "title": "Badge 15", "description": "Gradient outline badge with bordered gradient effect", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-15.tsx" } ] }, { "name": "badge-16", "title": "Badge 16", "description": "In-progress status badge with amber color and dot indicator", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-16.tsx" } ] }, { "name": "badge-17", "title": "Badge 17", "description": "Blocked status badge with destructive color and dot indicator", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-17.tsx" } ] }, { "name": "badge-18", "title": "Badge 18", "description": "Completed status badge with green color and dot indicator", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-18.tsx" } ] }, { "name": "badge-19", "title": "Badge 19", "description": "Pending status badge with amber outline and alert icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-19.tsx" } ] }, { "name": "badge-20", "title": "Badge 20", "description": "Failed status badge with destructive outline and ban icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-20.tsx" } ] }, { "name": "badge-21", "title": "Badge 21", "description": "Successful status badge with green outline and check icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-21.tsx" } ] }, { "name": "badge-22", "title": "Badge 22", "description": "Avatar badge combining user profile image with label text", "type": "registry:component", "registryDependencies": [ "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-22.tsx" } ] }, { "name": "badge-23", "title": "Badge 23", "description": "Cart notification badge with count display over shopping icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "badge" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-23.tsx" } ] }, { "name": "badge-24", "title": "Badge 24", "description": "Online status indicator badge with green dot over avatar", "type": "registry:component", "registryDependencies": [ "avatar" ], "files": [ { "path": "src/components/shadcn-studio/badge/badge-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/badge/badge-24.tsx" } ] }, { "name": "breadcrumb-01", "title": "Breadcrumb 1", "description": "Basic breadcrumb navigation with standard separators for page hierarchy", "type": "registry:component", "registryDependencies": [ "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-01.tsx" } ] }, { "name": "breadcrumb-02", "title": "Breadcrumb 2", "description": "Breadcrumb with home icon and slash separators for enhanced navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-02.tsx" } ] }, { "name": "breadcrumb-03", "title": "Breadcrumb 3", "description": "Breadcrumb with folder icons and chevron separators for file system navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-03.tsx" } ] }, { "name": "breadcrumb-04", "title": "Breadcrumb 4", "description": "Breadcrumb with dot icon separators for minimal visual hierarchy", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-04.tsx" } ] }, { "name": "breadcrumb-05", "title": "Breadcrumb 5", "description": "Breadcrumb styled with outlined badge components for modern tab-like appearance", "type": "registry:component", "registryDependencies": [ "badge", "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-05.tsx" } ] }, { "name": "breadcrumb-06", "title": "Breadcrumb 6", "description": "Breadcrumb with dropdown menu integration for compact nested navigation and outlined badge components for modern tab-like appearance", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "breadcrumb", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-06.tsx" } ] }, { "name": "breadcrumb-07", "title": "Breadcrumb 7", "description": "Interactive breadcrumb with folder state icons and dropdown functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "breadcrumb", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-07.tsx" } ] }, { "name": "breadcrumb-08", "title": "Breadcrumb 8", "description": "Outlined breadcrumb with bordered container styling for defined boundaries", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "breadcrumb" ], "files": [ { "path": "src/components/shadcn-studio/breadcrumb/breadcrumb-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/breadcrumb/breadcrumb-08.tsx" } ] }, { "name": "button-01", "title": "Button 1", "description": "A basic button component with default styling", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-01.tsx" } ] }, { "name": "button-02", "title": "Button 2", "description": "A button component in disabled state", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-02.tsx" } ] }, { "name": "button-03", "title": "Button 3", "description": "A rounded button with icon and text content", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-03.tsx" } ] }, { "name": "button-04", "title": "Button 4", "description": "A button with animated icon that moves on hover", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-04.tsx" } ] }, { "name": "button-05", "title": "Button 5", "description": "Outline buttons with icons positioned before and after text", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-05.tsx" } ] }, { "name": "button-06", "title": "Button 6", "description": "Grouped action buttons for Cancel and Save operations", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-06.tsx" } ] }, { "name": "button-07", "title": "Button 7", "description": "A button component with large size variant", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-07.tsx" } ] }, { "name": "button-08", "title": "Button 8", "description": "A button component with small size variant", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-08.tsx" } ] }, { "name": "button-09", "title": "Button 9", "description": "A button component with custom extra small sizing", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-09.tsx" } ] }, { "name": "button-10", "title": "Button 10", "description": "A destructive button with gradient background for delete actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-10.tsx" } ] }, { "name": "button-11", "title": "Button 11", "description": "A Primary Button with gradient background effect for primary action", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-11.tsx" } ] }, { "name": "button-12", "title": "Button 12", "description": "Upgrade button with amber gradient and icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-12.tsx" } ] }, { "name": "button-13", "title": "Button 13", "description": "Outline button with sky blue theme for duplicate action", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-13.tsx" } ] }, { "name": "button-14", "title": "Button 14", "description": "Outline button with dashed border for download action", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-14.tsx" } ] }, { "name": "button-15", "title": "Button 15", "description": "Destructive outline button for discard/delete actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-15.tsx" } ] }, { "name": "button-16", "title": "Button 16", "description": "Ghost button with animated arrow on hover", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-16.tsx" } ] }, { "name": "button-17", "title": "Button 17", "description": "Loading button with spinning icon in disabled state", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-17.tsx" } ] }, { "name": "button-18", "title": "Button 18", "description": "Link button with animated underline effect on hover", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-18.tsx" } ] }, { "name": "button-19", "title": "Button 19", "description": "Publish button with circular icon badge and rounded outline styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-19.tsx" } ] }, { "name": "button-20", "title": "Button 20", "description": "Copy button UI displaying a truncated URL with a rounded \"Copy\" icon for quick copying.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-20.tsx" } ] }, { "name": "button-21", "title": "Button 21", "description": "Button with badge indicator showing unread message count", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-21.tsx" } ] }, { "name": "button-22", "title": "Button 22", "description": "caution button with a warning icon and soft amber styling to indicate alerts or risks.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-22.tsx" } ] }, { "name": "button-23", "title": "Button 23", "description": "Save button with a floppy disk icon and soft blue background for non-intrusive actions.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-23.tsx" } ] }, { "name": "button-24", "title": "Button 24", "description": "Action buttons styled for “Reject” and “Approve” with colored shield icons to indicate decision-based actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-24.tsx" } ] }, { "name": "button-25", "title": "Button 25", "description": "Notifications button with bell icon and red notification badge counter", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-25.tsx" } ] }, { "name": "button-26", "title": "Button 26", "description": "Promise-based button with loading spinner and success/error state transitions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-26.tsx" } ] }, { "name": "button-27", "title": "Button 27", "description": "User profile button with avatar image and username display", "type": "registry:component", "registryDependencies": [ "avatar", "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-27.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-27.tsx" } ] }, { "name": "button-28", "title": "Button 28", "description": "Copy button with state transition animation between copy and check icons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-28.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-28.tsx" } ] }, { "name": "button-29", "title": "Button 29", "description": "Social media icon buttons for Google, X/Twitter, Facebook, and GitHub", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-29.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-29.tsx" } ] }, { "name": "button-30", "title": "Button 30", "description": "Social authentication buttons with branded colors and \"Continue with\" text", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-30.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-30.tsx" } ] }, { "name": "button-31", "title": "Button 31", "description": "Icon-only button with bookmark icon and screen reader accessibility", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-31.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-31.tsx" } ] }, { "name": "button-32", "title": "Button 32", "description": "Circular icon button with plus icon and tooltip for enhanced UX", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/button/button-32.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-32.tsx" } ] }, { "name": "button-33", "title": "Button 33", "description": "Toggle icon button that switches between menu and close icons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-33.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-33.tsx" } ] }, { "name": "button-34", "title": "Button 34", "description": "Theme toggle button switching between sun and moon icons with colored styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-34.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-34.tsx" } ] }, { "name": "button-35", "title": "Button 35", "description": "Mail icon button with notification badge counter for unread messages", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-35.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-35.tsx" } ] }, { "name": "button-36", "title": "Button 36", "description": "Security icon button with destructive gradient background effect", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-36.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-36.tsx" } ] }, { "name": "button-37", "title": "Button 37", "description": "Success icon button with soft green background and check icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-37.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-37.tsx" } ] }, { "name": "button-38", "title": "Button 38", "description": "Notification icon button with animated blue dot indicator", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-38.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-38.tsx" } ] }, { "name": "button-39", "title": "Button 39", "description": "Animated button with ripple effect on click", "type": "registry:component", "dependencies": [ "class-variance-authority", "motion" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-39.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-39.tsx" }, { "path": "src/components/ui/ripple-button.tsx", "type": "registry:ui", "target": "components/ui/ripple-button.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-40", "title": "Button 40", "description": "Button with ring hover effect that shows animated border on hover", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-40.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-40.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-41", "title": "Button 41", "description": "Button with shine hover effect using gradient animation", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-41.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-41.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-42", "title": "Button 42", "description": "Button with tap scale animation using Framer Motion", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-42.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-42.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-43", "title": "Button 43", "description": "Button with shimmer effect animation across the surface", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-43.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-43.tsx" }, { "path": "src/components/ui/shimmer-button.tsx", "type": "registry:ui", "target": "components/ui/shimmer-button.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-44", "title": "Button 44", "description": "Button with bounce hover effect on mouse interaction", "type": "registry:component", "dependencies": [ "class-variance-authority", "motion" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-44.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-44.tsx" }, { "path": "src/components/ui/bounce-button.tsx", "type": "registry:ui", "target": "components/ui/bounce-button.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-45", "title": "Button 45", "description": "Button with magnetic effect that follows mouse movement", "type": "registry:component", "dependencies": [ "class-variance-authority", "motion" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button/button-45.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-45.tsx" }, { "path": "src/components/ui/magnetic-button.tsx", "type": "registry:ui", "target": "components/ui/magnetic-button.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-46", "title": "Button 46", "description": "Destructive button with heartbeat pulse animation effect", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button/button-46.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-46.tsx" } ], "cssVars": { "theme": { "animate-heartbeat": "heartbeat 2s infinite ease-in-out" } }, "css": { "@keyframes heartbeat": { "0%": { "box-shadow": "0 0 0 0 var(--heartbeat-color, var(--destructive))", "transform": "scale(1)" }, "50%": { "box-shadow": "0 0 0 7px transparent", "transform": "scale(1.05)" }, "100%": { "box-shadow": "0 0 0 0 transparent", "transform": "scale(1)" } } }, "meta": { "isAnimated": true, "badge": "Updated" } }, { "name": "button-47", "title": "Button 47", "description": "Button with stitched border design using layered shadow effects", "type": "registry:component", "files": [ { "path": "src/components/shadcn-studio/button/button-47.tsx", "type": "registry:component", "target": "components/shadcn-studio/button/button-47.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-group-01", "title": "Button Group 1", "description": "Download button group with action button and download count display", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-01.tsx" } ] }, { "name": "button-group-02", "title": "Button Group 2", "description": "Interactive like button group with toggle state and dynamic count", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-02.tsx" } ] }, { "name": "button-group-03", "title": "Button Group 3", "description": "Toolbar button group with tooltips for design tools and actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-03.tsx" } ] }, { "name": "button-group-04", "title": "Button Group 4", "description": "Rounded media control button group with play, pause, and skip functions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-04.tsx" } ] }, { "name": "button-group-05", "title": "Button Group 5", "description": "Social media links button group with branded colors and hover effects", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-05.tsx" } ] }, { "name": "button-group-06", "title": "Button Group 6", "description": "Zoom control button group with increment/decrement and percentage display", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-06.tsx" } ] }, { "name": "button-group-07", "title": "Button Group 7", "description": "Number input button group with plus/minus controls and value display", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-07.tsx" } ] }, { "name": "button-group-08", "title": "Button Group 8", "description": "Preview link button group with primary action and external link icon", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-08.tsx" } ] }, { "name": "button-group-09", "title": "Button Group 9", "description": "Action button group with edit, duplicate, and delete functions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-09.tsx" } ] }, { "name": "button-group-10", "title": "Button Group 10", "description": "Flip transformation button group with horizontal and vertical controls", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-10.tsx" } ] }, { "name": "button-group-11", "title": "Button Group 11", "description": "Git merge button group with dropdown menu for merge strategy selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-11.tsx" } ] }, { "name": "button-group-12", "title": "Button Group 12", "description": "Ghost variant button group for navigation between settings, dashboard, and analytics", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-12.tsx" } ] }, { "name": "button-group-13", "title": "Button Group 13", "description": "Email action button group with ripple animation effects", "type": "registry:component", "dependencies": [ "class-variance-authority", "lucide-react", "motion" ], "registryDependencies": [ "button", "utils" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-13.tsx" }, { "path": "src/components/ui/ripple-button.tsx", "type": "registry:ui", "target": "components/ui/ripple-button.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-group-14", "title": "Button Group 14", "description": "Like/dislike button group with expandable hover reveal animation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-14.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-group-15", "title": "Button Group 15", "description": "Navigation button group with scale animation on press using Framer Motion", "type": "registry:component", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-15.tsx" } ], "meta": { "isAnimated": true } }, { "name": "button-group-16", "title": "Button Group 16", "description": "File action button group with animated shine/shimmer hover effect", "type": "registry:component", "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/button-group/button-group-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/button-group/button-group-16.tsx" } ], "meta": { "isAnimated": true } }, { "name": "calendar-01", "title": "Calendar 1", "description": "Basic single date selection calendar with default month display", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-01.tsx" } ] }, { "name": "calendar-02", "title": "Calendar 2", "description": "Multi-month calendar displaying two months side by side for single date selection", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-02.tsx" } ] }, { "name": "calendar-03", "title": "Calendar 3", "description": "Single month calendar with date range selection capability", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-03.tsx" } ] }, { "name": "calendar-04", "title": "Calendar 4", "description": "Multi-month calendar with date range selection across multiple months", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-04.tsx" } ] }, { "name": "calendar-05", "title": "Calendar 5", "description": "Range selection calendar with minimum days constraint (5 days minimum)", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-05.tsx" } ] }, { "name": "calendar-06", "title": "Calendar 6", "description": "Calendar with disabled dates before a specific date for restricted selection", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-06.tsx" } ] }, { "name": "calendar-07", "title": "Calendar 7", "description": "Range calendar with disabled weekends for business day selection only", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-07.tsx" } ] }, { "name": "calendar-08", "title": "Calendar 8", "description": "Localized calendar with language switching between English and Hindi", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar", "card", "select" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-08.tsx" } ] }, { "name": "calendar-09", "title": "Calendar 9", "description": "Calendar with month and year dropdown selectors for easy navigation", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-09.tsx" } ] }, { "name": "calendar-10", "title": "Calendar 10", "description": "Variable size calendar with responsive cell sizing for different screen sizes", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-10.tsx" } ] }, { "name": "calendar-11", "title": "Calendar 11", "description": "Event calendar with integrated event list display and add event functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "card" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-11.tsx" } ] }, { "name": "calendar-12", "title": "Calendar 12", "description": "Multi-select calendar allowing selection of multiple individual dates", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-12.tsx" } ] }, { "name": "calendar-13", "title": "Calendar 13", "description": "Custom styled calendar with sky blue theme for selected dates", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-13.tsx" } ] }, { "name": "calendar-14", "title": "Calendar 14", "description": "Custom styled range calendar with sky blue theme for date range selection", "type": "registry:component", "dependencies": [ "react-day-picker" ], "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-14.tsx" } ] }, { "name": "calendar-15", "title": "Calendar 15", "description": "Calendar with right-aligned navigation controls for alternative layout", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-15.tsx" } ] }, { "name": "calendar-16", "title": "Calendar 16", "description": "Calendar with left-aligned navigation controls for alternative layout", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-16.tsx" } ] }, { "name": "calendar-17", "title": "Calendar 17", "description": "Calendar with week numbers displayed for week-based scheduling", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-17.tsx" } ] }, { "name": "calendar-18", "title": "Calendar 18", "description": "Calendar with \"Today\" quick action button for fast current date selection", "type": "registry:component", "registryDependencies": [ "button", "calendar", "card" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-18.tsx" } ] }, { "name": "calendar-19", "title": "Calendar 19", "description": "Calendar with synchronized date input field for manual date entry", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "calendar", "card", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-19.tsx" } ] }, { "name": "calendar-20", "title": "Calendar 20", "description": "Calendar with integrated time input for complete datetime selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "calendar", "card", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-20.tsx" } ] }, { "name": "calendar-21", "title": "Calendar 21", "description": "Advanced calendar with collapsible year/month selection and custom navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "collapsible", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-21.tsx" } ] }, { "name": "calendar-22", "title": "Calendar 22", "description": "Calendar with preset date shortcuts (Today, Yesterday, Tomorrow, in 3 days, in a week, etc.)", "type": "registry:component", "registryDependencies": [ "button", "calendar", "card" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-22.tsx" } ] }, { "name": "calendar-23", "title": "Calendar 23", "description": "Range calendar with preset date range shortcuts (Last week, month, year, etc.)", "type": "registry:component", "registryDependencies": [ "button", "calendar", "card" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-23.tsx" } ] }, { "name": "calendar-24", "title": "Calendar 24", "description": "Appointment booking calendar with time slot selection and availability indicators", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "card", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-24.tsx" } ] }, { "name": "calendar-25", "title": "Calendar 25", "description": "Pricing calendar with dynamic price display for each date based on availability", "type": "registry:component", "registryDependencies": [ "calendar" ], "files": [ { "path": "src/components/shadcn-studio/calendar/calendar-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/calendar/calendar-25.tsx" } ] }, { "name": "card-01", "title": "Card 1", "description": "Login form card with email and password inputs", "type": "registry:component", "registryDependencies": [ "button", "card", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/card/card-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-01.tsx" } ] }, { "name": "card-02", "title": "Card 2", "description": "Meeting notes card with team member avatars and attendee list", "type": "registry:component", "registryDependencies": [ "avatar", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-02.tsx" } ] }, { "name": "card-03", "title": "Card 3", "description": "Team invitation card with member list and invite functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-03.tsx" } ] }, { "name": "card-04", "title": "Card 4", "description": "Image showcase card with gradient background and bottom-aligned image", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-04.tsx" } ] }, { "name": "card-05", "title": "Card 5", "description": "Image showcase card with top-aligned image and action buttons", "type": "registry:component", "registryDependencies": [ "button", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-05.tsx" } ] }, { "name": "card-06", "title": "Card 6", "description": "Horizontal layout card with side-by-side image and content", "type": "registry:component", "registryDependencies": [ "button", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-06.tsx" } ] }, { "name": "card-07", "title": "Card 7", "description": "Overlay card with image background and overlaid text content", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-07.tsx" } ] }, { "name": "card-08", "title": "Card 8", "description": "Soft background card with subtle primary color theme", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-08.tsx" } ] }, { "name": "card-09", "title": "Card 9", "description": "Outline card with primary border and transparent background", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-09.tsx" } ] }, { "name": "card-10", "title": "Card 10", "description": "Tabbed card with integrated tabs component for organized content sections", "type": "registry:component", "registryDependencies": [ "card", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/card/card-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-10.tsx" } ] }, { "name": "card-11", "title": "Card 11", "description": "Social media post card with user profile, image, hashtags and interaction buttons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "card", "utils" ], "files": [ { "path": "src/components/shadcn-studio/card/card-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-11.tsx" } ] }, { "name": "card-12", "title": "Card 12", "description": "Product showcase card with gradient background, like button and pricing details", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "card", "utils" ], "files": [ { "path": "src/components/shadcn-studio/card/card-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-12.tsx" } ] }, { "name": "card-13", "title": "Card 13", "description": "Testimonial card with user profile, star rating and highlighted text review", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-13.tsx" } ] }, { "name": "card-14", "title": "Card 14", "description": "Dismissible action card with close button and call-to-action content", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-14.tsx" } ] }, { "name": "card-15", "title": "Card 15", "description": "Connected card group with three image showcase cards arranged side by side", "type": "registry:component", "registryDependencies": [ "card", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/card/card-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-15.tsx" } ], "meta": { "className": "col-span-full border-r-0" } }, { "name": "card-16", "title": "Card 16", "description": "Interactive spotlight card with animated glow effect that follows mouse movement", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-16.tsx" } ], "meta": { "isAnimated": true } }, { "name": "card-17", "title": "Card 17", "description": "Dynamic 3D hover card with perspective transforms and smooth depth animations", "type": "registry:component", "registryDependencies": [ "card" ], "files": [ { "path": "src/components/shadcn-studio/card/card-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/card/card-17.tsx" } ], "meta": { "isAnimated": true } }, { "name": "checkbox-01", "title": "Checkbox 1", "description": "Basic checkbox with label for simple true/false selection", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-01.tsx" } ] }, { "name": "checkbox-02", "title": "Checkbox 2", "description": "Indeterminate checkbox with custom styling and three-state functionality", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "registryDependencies": [ "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-02.tsx" } ] }, { "name": "checkbox-03", "title": "Checkbox 3", "description": "Checkbox with dashed border styling for visual distinction", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-03.tsx" } ] }, { "name": "checkbox-04", "title": "Checkbox 4", "description": "Todo list checkbox with strikethrough text when checked", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-04.tsx" } ] }, { "name": "checkbox-05", "title": "Checkbox 5", "description": "Multiple checkboxes in different sizes for size comparison and selection", "type": "registry:component", "registryDependencies": [ "checkbox" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-05.tsx" } ] }, { "name": "checkbox-06", "title": "Checkbox 6", "description": "Badge-style checkboxes with hidden unchecked state for compact selection", "type": "registry:component", "registryDependencies": [ "badge", "checkbox" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-06.tsx" } ] }, { "name": "checkbox-07", "title": "Checkbox 7", "description": "Checkbox with description text providing additional context and information", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-07.tsx" } ] }, { "name": "checkbox-08", "title": "Checkbox 8", "description": "Horizontal group of checkboxes for technology selection with organized layout", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-08.tsx" } ] }, { "name": "checkbox-09", "title": "Checkbox 9", "description": "Vertical group of checkboxes with icons for fruits selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-09.tsx" } ] }, { "name": "checkbox-10", "title": "Checkbox 10", "description": "Color-themed checkboxes with destructive, info, and success color variants", "type": "registry:component", "registryDependencies": [ "checkbox" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-10.tsx" } ] }, { "name": "checkbox-11", "title": "Checkbox 11", "description": "Custom icon checkboxes with heart, star, and circle icons for visual feedback", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-11.tsx" } ] }, { "name": "checkbox-12", "title": "Checkbox 12", "description": "Filled circular checkboxes with color themes and circle check icons", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-12.tsx" } ] }, { "name": "checkbox-13", "title": "Checkbox 13", "description": "Card-style checkboxes with border highlighting and description text", "type": "registry:component", "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-13.tsx" } ] }, { "name": "checkbox-14", "title": "Checkbox 14", "description": "List group checkboxes with icons and skills selection in bordered layout", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-14.tsx" } ] }, { "name": "checkbox-15", "title": "Checkbox 15", "description": "Tree checkbox with parent-child relationship and indeterminate state", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "registryDependencies": [ "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-15.tsx" } ] }, { "name": "checkbox-16", "title": "Checkbox 16", "description": "Form checkbox with terms acceptance, description text, and action buttons", "type": "registry:component", "registryDependencies": [ "button", "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-16.tsx" } ] }, { "name": "checkbox-17", "title": "Checkbox 17", "description": "Smooth animated checkbox with motion transitions and visual feedback", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "motion" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-17.tsx" }, { "path": "src/components/ui/motion-checkbox.tsx", "type": "registry:ui", "target": "components/ui/motion-checkbox.tsx" } ], "meta": { "isAnimated": true } }, { "name": "checkbox-18", "title": "Checkbox 18", "description": "Animated todo checkbox with strikethrough effect and smooth transitions", "type": "registry:component", "dependencies": [ "@radix-ui/react-checkbox", "motion" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-18.tsx" }, { "path": "src/components/ui/motion-checkbox.tsx", "type": "registry:ui", "target": "components/ui/motion-checkbox.tsx" } ], "meta": { "isAnimated": true } }, { "name": "checkbox-19", "title": "Checkbox 19", "description": "Checkbox with confetti animation effect when checked", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/checkbox/checkbox-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/checkbox/checkbox-19.tsx" } ], "meta": { "isAnimated": true } }, { "name": "collapsible-01", "title": "Collapsible 1", "description": "Basic collapsible with repository list and toggle button functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-01.tsx" } ] }, { "name": "collapsible-02", "title": "Collapsible 2", "description": "File tree explorer with nested folders and expandable directory structure", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-02.tsx" } ] }, { "name": "collapsible-03", "title": "Collapsible 3", "description": "Task completion list with user avatars and progress percentages", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-03.tsx" } ] }, { "name": "collapsible-04", "title": "Collapsible 4", "description": "User list with avatars, status indicators and expandable team member details", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-04.tsx" } ] }, { "name": "collapsible-05", "title": "Collapsible 5", "description": "Filter panel with price range inputs, rating checkboxes and brand selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "checkbox", "collapsible", "label", "input", "separator" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-05.tsx" } ] }, { "name": "collapsible-06", "title": "Collapsible 6", "description": "Simple text content collapsible with expandable paragraph sections", "type": "registry:component", "registryDependencies": [ "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-06.tsx" } ] }, { "name": "collapsible-07", "title": "Collapsible 7", "description": "FAQ card with collapsible answer section and expandable image content", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-07.tsx" } ] }, { "name": "collapsible-08", "title": "Collapsible 8", "description": "Menu items with dropdown actions and nested navigation structure", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "collapsible", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-08.tsx" } ] }, { "name": "collapsible-09", "title": "Collapsible 9", "description": "Multi-step form with delivery address, shipping options and payment details", "type": "registry:component", "dependencies": [ "lucide-react", "react-payment-inputs" ], "registryDependencies": [ "button", "collapsible", "input", "label", "radio-group", "separator", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-09.tsx" } ] }, { "name": "collapsible-10", "title": "Collapsible 10", "description": "Animated collapsible with smooth transitions and motion effects", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "collapsible" ], "files": [ { "path": "src/components/shadcn-studio/collapsible/collapsible-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/collapsible/collapsible-10.tsx" } ], "meta": { "isAnimated": true } }, { "name": "combobox-01", "title": "Combobox 1", "description": "Basic combobox with framework selection and searchable dropdown", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-01.tsx" } ] }, { "name": "combobox-02", "title": "Combobox 2", "description": "Grouped combobox with fruits, vegetables, and beverages organized by categories", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-02.tsx" } ] }, { "name": "combobox-03", "title": "Combobox 3", "description": "Grouped combobox with disabled options and category-based selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-03.tsx" } ] }, { "name": "combobox-04", "title": "Combobox 4", "description": "Industry selector combobox with icons for various business sectors", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-04.tsx" } ] }, { "name": "combobox-05", "title": "Combobox 5", "description": "Framework selector combobox with custom check icon styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-05.tsx" } ] }, { "name": "combobox-06", "title": "Combobox 6", "description": "combobox with add new option functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-06.tsx" } ] }, { "name": "combobox-07", "title": "Combobox 7", "description": "Timezone selector combobox with real timezone data from Intl API", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "label", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-07.tsx" } ] }, { "name": "combobox-08", "title": "Combobox 8", "description": "User selector combobox with avatars, name and email addresses", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-08.tsx" } ] }, { "name": "combobox-09", "title": "Combobox 9", "description": "Country selector combobox with flag icons and country selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-09.tsx" } ] }, { "name": "combobox-10", "title": "Combobox 10", "description": "Multi-select framework combobox with badge display and removable selections", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-10.tsx" } ] }, { "name": "combobox-11", "title": "Combobox 11", "description": "Multiple-select combobox with expandable badge view to show or hide selected items dynamically", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-11.tsx" } ] }, { "name": "combobox-12", "title": "Combobox 12", "description": "Multi-select combobox with a count badge showing the number of selected frameworks.", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "command", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-12.tsx" } ] }, { "name": "combobox-13", "title": "Combobox 13", "description": "Framework selector combobox with smooth animations and motion effects", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-13.tsx" } ], "meta": { "isAnimated": true } }, { "name": "combobox-14", "title": "Combobox 14", "description": "Framework selector combobox with floating label animation and enhanced styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "command", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/combobox/combobox-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/combobox/combobox-14.tsx" } ], "meta": { "isAnimated": true } }, { "name": "data-table-01", "title": "Data Table 1", "description": "Basic data table with records and row selection functionality", "type": "registry:component", "dependencies": [ "@tanstack/react-table" ], "registryDependencies": [ "checkbox", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-01.tsx" } ] }, { "name": "data-table-02", "title": "Data Table 2", "description": "Density data table with density selection", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "checkbox", "select", "table", "utils" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-02.tsx" } ] }, { "name": "data-table-03", "title": "Data Table 3", "description": "Payment records table with search filter, column visibility toggle, and refresh functionality", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "button", "checkbox", "dropdown-menu", "input", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-03.tsx" } ] }, { "name": "data-table-04", "title": "Data Table 4", "description": "Product inventory table with images, badges, and advanced filtering by multiple attributes", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "avatar", "badge", "checkbox", "input", "label", "select", "table", "utils" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-04.tsx" } ] }, { "name": "data-table-05", "title": "Data Table 5", "description": "table with sortable columns and up/down arrow sort indicators", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "checkbox", "table", "utils" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-05.tsx" } ] }, { "name": "data-table-06", "title": "Data Table 6", "description": "Data table with row expansion functionality for detailed content display", "type": "registry:component", "dependencies": [ "@tanstack/react-table" ], "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-06.tsx" } ] }, { "name": "data-table-07", "title": "Data Table 7", "description": "Data table with pinnable columns sticking to the left side or right side for easy access", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "button", "dropdown-menu", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-07.tsx" } ] }, { "name": "data-table-08", "title": "Data Table 8", "description": "Drag-and-drop data table with sortable rows and reordering functionality", "type": "registry:component", "dependencies": [ "@dnd-kit/core", "@dnd-kit/modifiers", "@dnd-kit/sortable", "@dnd-kit/utilities", "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "button", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-08.tsx" } ] }, { "name": "data-table-09", "title": "Data Table 9", "description": "Data table with expanding sub rows for detailed content display", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "button", "checkbox", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-09.tsx" } ] }, { "name": "data-table-10", "title": "Data Table 10", "description": "Data table with pagination, rows selection, and sorting system", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "badge", "button", "checkbox", "label", "pagination", "select", "table", "utils" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-10.tsx" } ] }, { "name": "data-table-11", "title": "Data Table 11", "description": "data table with sorting, row selection, and pagination—styled with Origin UI and powered by @tanstack/react-table", "type": "registry:component", "dependencies": [ "lucide-react", "@tanstack/react-table" ], "registryDependencies": [ "badge", "button", "checkbox", "pagination", "select", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-11.tsx" }, { "path": "src/hooks/use-pagination.ts", "type": "registry:hook", "target": "hooks/use-pagination.ts" } ] }, { "name": "data-table-12", "title": "Data Table 12", "description": "Data table with export functionality supporting CSV, Excel, and multiple formats", "type": "registry:component", "dependencies": [ "lucide-react", "papaparse", "@tanstack/react-table", "xlsx" ], "registryDependencies": [ "badge", "button", "checkbox", "dropdown-menu", "input", "table", "utils" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-12.tsx" } ] }, { "name": "data-table-13", "title": "Data Table 13", "description": "editable data table with inline cell editing for text, status, and progress—supports row selection and live updates.", "type": "registry:component", "dependencies": [ "@tanstack/react-table" ], "registryDependencies": [ "button", "checkbox", "input", "select", "table" ], "files": [ { "path": "src/components/shadcn-studio/data-table/data-table-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/data-table/data-table-13.tsx" } ] }, { "name": "date-picker-01", "title": "Date Picker 1", "description": "Basic single date picker with popover calendar display", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-01.tsx" } ] }, { "name": "date-picker-02", "title": "Date Picker 2", "description": "Date range picker with popover calendar for selecting start and end dates", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-02.tsx" } ] }, { "name": "date-picker-03", "title": "Date Picker 3", "description": "Single date picker with calendar icon and enhanced visual styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-03.tsx" } ] }, { "name": "date-picker-04", "title": "Date Picker 4", "description": "Date picker with integrated input field for manual date entry and calendar popup", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-04.tsx" } ] }, { "name": "date-picker-05", "title": "Date Picker 5", "description": "Natural language date picker supporting phrases like \"tomorrow\" or \"next week\"", "type": "registry:component", "dependencies": [ "chrono-node", "lucide-react" ], "registryDependencies": [ "button", "calendar", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-05.tsx" } ] }, { "name": "date-picker-06", "title": "Date Picker 6", "description": "Date range picker with compact date formatting using little-date library", "type": "registry:component", "dependencies": [ "little-date", "lucide-react" ], "registryDependencies": [ "button", "calendar", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-06.tsx" } ] }, { "name": "date-picker-07", "title": "Date Picker 7", "description": "Single date picker with disabled outside days for cleaner calendar view", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-07.tsx" } ] }, { "name": "date-picker-08", "title": "Date Picker 8", "description": "Simple time input field with step control for precise time selection", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-08.tsx" } ] }, { "name": "date-picker-09", "title": "Date Picker 9", "description": "Time input field with clock icon for enhanced visual identification", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-09.tsx" } ] }, { "name": "date-picker-10", "title": "Date Picker 10", "description": "Combined date picker and time input displayed side by side for datetime selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-10.tsx" } ] }, { "name": "date-picker-11", "title": "Date Picker 11", "description": "Date picker with time range selection (from/to times) for event scheduling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-11.tsx" } ] }, { "name": "date-picker-12", "title": "Date Picker 12", "description": "Travel date picker with departure/return dates and time selection for bookings", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "calendar", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-12.tsx" } ] }, { "name": "date-picker-13", "title": "Date Picker 13", "description": "Analytics chart with date range filter showing visitor data and interactive filtering", "type": "registry:component", "dependencies": [ "lucide-react", "recharts" ], "registryDependencies": [ "button", "calendar", "card", "chart", "popover" ], "files": [ { "path": "src/components/shadcn-studio/date-picker/date-picker-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/date-picker/date-picker-13.tsx" } ], "meta": { "className": "col-span-full border-r-0" } }, { "name": "dialog-01", "title": "Dialog 1", "description": "Basic alert dialog with confirmation for destructive actions", "type": "registry:component", "registryDependencies": [ "alert-dialog", "button" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-01.tsx" } ] }, { "name": "dialog-02", "title": "Dialog 2", "description": "Alert dialog with icon and detailed feature list for update notifications", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert-dialog", "button" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-02.tsx" } ] }, { "name": "dialog-03", "title": "Dialog 3", "description": "Destructive alert dialog with warning icon and checkbox for permanent deletion", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "alert-dialog", "button", "checkbox", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-03.tsx" } ] }, { "name": "dialog-04", "title": "Dialog 4", "description": "Scrollable dialog with long content and scroll area for product information", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-04.tsx" } ] }, { "name": "dialog-05", "title": "Dialog 5", "description": "Scrollable dialog with sticky header for fixed navigation while scrolling content", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-05.tsx" } ] }, { "name": "dialog-06", "title": "Dialog 6", "description": "Scrollable dialog with sticky footer for persistent action buttons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-06.tsx" } ] }, { "name": "dialog-07", "title": "Dialog 7", "description": "Full-screen dialog taking up the entire viewport for immersive content", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "scroll-area" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-07.tsx" } ] }, { "name": "dialog-08", "title": "Dialog 8", "description": "Terms and conditions dialog with structured content and accept/decline actions", "type": "registry:component", "registryDependencies": [ "button", "dialog" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-08.tsx" } ] }, { "name": "dialog-09", "title": "Dialog 9", "description": "Subscription dialog with input field and subscribe button", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-09.tsx" } ] }, { "name": "dialog-10", "title": "Dialog 10", "description": "Referral program dialog with avatar display and email sharing functionality", "type": "registry:component", "registryDependencies": [ "avatar", "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-10.tsx" } ] }, { "name": "dialog-11", "title": "Dialog 11", "description": "Rating feedback dialog with emoji radio buttons and text area for comments", "type": "registry:component", "registryDependencies": [ "button", "dialog", "checkbox", "label", "radio-group", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-11.tsx" } ] }, { "name": "dialog-12", "title": "Dialog 12", "description": "OTP verification dialog with input-otp component and validation feedback", "type": "registry:component", "dependencies": [ "input-otp", "lucide-react" ], "registryDependencies": [ "button", "dialog", "utils" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-12.tsx" } ] }, { "name": "dialog-13", "title": "Dialog 13", "description": "Sign up dialog with gradient background and terms acceptance checkbox", "type": "registry:component", "registryDependencies": [ "button", "checkbox", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-13.tsx" } ] }, { "name": "dialog-14", "title": "Dialog 14", "description": "Sign in dialog with gradient background and social login options", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-14.tsx" } ] }, { "name": "dialog-15", "title": "Dialog 15", "description": "Invite friends dialog with avatar list and email invitation functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-15.tsx" } ] }, { "name": "dialog-16", "title": "Dialog 16", "description": "Profile edit dialog positioned at top-left corner of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-16.tsx" } ] }, { "name": "dialog-17", "title": "Dialog 17", "description": "Profile edit dialog positioned at top-align corner of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-17.tsx" } ] }, { "name": "dialog-18", "title": "Dialog 18", "description": "Profile edit dialog positioned at top-right-aligned of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-18.tsx" } ] }, { "name": "dialog-19", "title": "Dialog 19", "description": "Profile edit dialog positioned at middle-left-aligned of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-19.tsx" } ] }, { "name": "dialog-20", "title": "Dialog 20", "description": "Profile edit dialog positioned at middle-right side of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-20.tsx" } ] }, { "name": "dialog-21", "title": "Dialog 21", "description": "Profile edit dialog positioned at bottom-left-aligned of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-21.tsx" } ] }, { "name": "dialog-22", "title": "Dialog 22", "description": "Profile edit dialog positioned at center left of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-22.tsx" } ] }, { "name": "dialog-23", "title": "Dialog 23", "description": "Profile edit dialog positioned at bottom right aligned of screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-23.tsx" } ] }, { "name": "dialog-24", "title": "Dialog 24", "description": "Profile edit dialog with slide-up animation from bottom", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-24.tsx" } ], "meta": { "isAnimated": true } }, { "name": "dialog-25", "title": "Dialog 25", "description": "Profile edit dialog with slide-right animation from left side of the screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-25.tsx" } ], "meta": { "isAnimated": true } }, { "name": "dialog-26", "title": "Dialog 26", "description": "Profile edit dialog with zoom in animation from center of the screen", "type": "registry:component", "registryDependencies": [ "button", "dialog", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/dialog/dialog-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/dialog/dialog-26.tsx" } ], "meta": { "isAnimated": true } }, { "name": "dropdown-menu-01", "title": "Dropdown Menu 1", "description": "Basic dropdown menu with groups, separators, and submenu for account actions", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-01.tsx" } ] }, { "name": "dropdown-menu-02", "title": "Dropdown Menu 2", "description": "User switcher dropdown with avatar display and task assignment selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-02.tsx" } ] }, { "name": "dropdown-menu-03", "title": "Dropdown Menu 3", "description": "Chat list dropdown with avatars, message previews, and notification badges", "type": "registry:component", "registryDependencies": [ "avatar", "badge", "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-03.tsx" } ] }, { "name": "dropdown-menu-04", "title": "Dropdown Menu 4", "description": "Contact list dropdown with avatars, email display, and send action buttons", "type": "registry:component", "registryDependencies": [ "avatar", "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-04.tsx" } ] }, { "name": "dropdown-menu-05", "title": "Dropdown Menu 5", "description": "Meeting schedule dropdown with avatars, switch toggles for scheduling control", "type": "registry:component", "registryDependencies": [ "avatar", "button", "dropdown-menu", "switch" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-05.tsx" } ] }, { "name": "dropdown-menu-06", "title": "Dropdown Menu 6", "description": "Text editing dropdown menu with formatting options and descriptions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-06.tsx" } ] }, { "name": "dropdown-menu-07", "title": "Dropdown Menu 7", "description": "User account menu dropdown with avatar trigger and profile management options", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-07.tsx" } ] }, { "name": "dropdown-menu-08", "title": "Dropdown Menu 8", "description": "User profile dropdown with avatar header, user info, and submenu for invitations", "type": "registry:component", "registryDependencies": [ "avatar", "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-08.tsx" } ] }, { "name": "dropdown-menu-09", "title": "Dropdown Menu 9", "description": "Start-aligned dropdown menu with edit, share, and delete actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-09.tsx" } ] }, { "name": "dropdown-menu-10", "title": "Dropdown Menu 10", "description": "End-aligned dropdown menu with browser actions and keyboard shortcuts", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-10.tsx" } ] }, { "name": "dropdown-menu-11", "title": "Dropdown Menu 11", "description": "Task priority selector dropdown with icons and priority levels", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-11.tsx" } ] }, { "name": "dropdown-menu-12", "title": "Dropdown Menu 12", "description": "User profile menu dropdown with icons for profile, settings, billing, and FAQ", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-12.tsx" } ] }, { "name": "dropdown-menu-13", "title": "Dropdown Menu 13", "description": "Dropdown with checkbox controls for UI elements", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-13.tsx" } ] }, { "name": "dropdown-menu-14", "title": "Dropdown Menu 14", "description": "Radio group selection dropdown for panel position with single choice selection", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-14.tsx" } ] }, { "name": "dropdown-menu-15", "title": "Dropdown Menu 15", "description": "Left side animation dropdown menu", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-15.tsx" } ], "meta": { "isAnimated": true } }, { "name": "dropdown-menu-16", "title": "Dropdown Menu 16", "description": "Animated dropdown menu with slide up animation effect", "type": "registry:component", "registryDependencies": [ "button", "dropdown-menu", "switch" ], "files": [ { "path": "src/components/shadcn-studio/dropdown-menu/dropdown-menu-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/dropdown-menu/dropdown-menu-16.tsx" } ], "meta": { "isAnimated": true } }, { "name": "form-01", "title": "Form 1", "description": "Form with radio group selection and alert notifications for user feedback", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/form/form-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-01.tsx" } ] }, { "name": "form-02", "title": "Form 2", "description": "Form with checkbox controls and alert integration for user selections", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "checkbox", "form" ], "files": [ { "path": "src/components/shadcn-studio/form/form-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-02.tsx" } ] }, { "name": "form-03", "title": "Form 3", "description": "Form with switch toggle controls for settings and preferences", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "switch" ], "files": [ { "path": "src/components/shadcn-studio/form/form-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-03.tsx" } ] }, { "name": "form-04", "title": "Form 4", "description": "Form with input fields and validation alerts for data entry", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "input" ], "files": [ { "path": "src/components/shadcn-studio/form/form-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-04.tsx" } ] }, { "name": "form-05", "title": "Form 5", "description": "Form with OTP input component for secure verification codes", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "input-otp" ], "files": [ { "path": "src/components/shadcn-studio/form/form-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-05.tsx" } ] }, { "name": "form-06", "title": "Form 6", "description": "Form with textarea component for multi-line text input", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/form/form-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-06.tsx" } ] }, { "name": "form-07", "title": "Form 7", "description": "Form with select dropdown components for option selection", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "select" ], "files": [ { "path": "src/components/shadcn-studio/form/form-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-07.tsx" } ] }, { "name": "form-08", "title": "Form 8", "description": "Form with command popover for searchable command selection", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "command", "form", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/form/form-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-08.tsx" } ] }, { "name": "form-09", "title": "Form 9", "description": "Form with date picker in popover for date selection", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "calendar", "form", "popover", "utils" ], "files": [ { "path": "src/components/shadcn-studio/form/form-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-09.tsx" } ] }, { "name": "form-10", "title": "Form 10", "description": "Comprehensive form with multiple input types in card layout for complex data entry", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "card", "form", "input", "radio-group", "select", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/form/form-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/form/form-10.tsx" } ] }, { "name": "input-01", "title": "Input 1", "description": "A basic email input field with placeholder text", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-01.tsx" } ] }, { "name": "input-02", "title": "Input 2", "description": "An email input field with a descriptive label for improved accessibility", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-02.tsx" } ] }, { "name": "input-03", "title": "Input 3", "description": "A required email input field with a red asterisk indicator and validation", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-03.tsx" } ] }, { "name": "input-04", "title": "Input 4", "description": "A disabled email input field that prevents user interaction", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-04.tsx" } ] }, { "name": "input-05", "title": "Input 5", "description": "A read-only email input field with default value and muted styling", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-05.tsx" } ] }, { "name": "input-06", "title": "Input 6", "description": "Text input fields showcasing different size variants (small, medium, large)", "type": "registry:component", "registryDependencies": [ "input" ], "files": [ { "path": "src/components/shadcn-studio/input/input-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-06.tsx" } ] }, { "name": "input-07", "title": "Input 7", "description": "An email input field with a pre-filled default value", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-07.tsx" } ] }, { "name": "input-08", "title": "Input 8", "description": "An input field with fully rounded borders for a modern appearance", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-08.tsx" } ] }, { "name": "input-09", "title": "Input 9", "description": "An input field with helper text below for additional guidance", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-09.tsx" } ] }, { "name": "input-10", "title": "Input 10", "description": "An email input field with right-aligned helper text for privacy assurance", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-10.tsx" } ] }, { "name": "input-11", "title": "Input 11", "description": "An email input field with hint text indicating the field is optional", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-11.tsx" } ] }, { "name": "input-12", "title": "Input 12", "description": "An email input field with error validation and dynamic error message display", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-12.tsx" } ] }, { "name": "input-13", "title": "Input 13", "description": "An email input field with custom indigo focus ring styling", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-13.tsx" } ] }, { "name": "input-14", "title": "Input 14", "description": "A username input field with a user icon positioned at the start", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-14.tsx" } ] }, { "name": "input-15", "title": "Input 15", "description": "An email input field with a mail icon positioned at the end", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-15.tsx" } ] }, { "name": "input-16", "title": "Input 16", "description": "A URL input field with \"https://\" text prefix positioned at the start", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-16.tsx" } ] }, { "name": "input-17", "title": "Input 17", "description": "A domain input field with \".com\" text suffix positioned at the end", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-17.tsx" } ] }, { "name": "input-18", "title": "Input 18", "description": "A URL input field with both \"https://\" prefix and \".com\" suffix text add-ons", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-18.tsx" } ] }, { "name": "input-19", "title": "Input 19", "description": "A URL input field with an external \"https://\" add-on box at the start", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-19.tsx" } ] }, { "name": "input-20", "title": "Input 20", "description": "A domain input field with an external \".com\" add-on box at the end", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-20.tsx" } ] }, { "name": "input-21", "title": "Input 21", "description": "A URL input field with both external \"https://\" and \".com\" add-on boxes", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-21.tsx" } ] }, { "name": "input-22", "title": "Input 22", "description": "An email input field with a filled muted background style and no border", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-22.tsx" } ] }, { "name": "input-23", "title": "Input 23", "description": "An email input field with an overlapping label positioned over the border", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-23.tsx" } ] }, { "name": "input-24", "title": "Input 24", "description": "An email input field with an animated floating label that moves on focus", "type": "registry:component", "registryDependencies": [ "input" ], "files": [ { "path": "src/components/shadcn-studio/input/input-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-24.tsx" } ] }, { "name": "input-25", "title": "Input 25", "description": "An email input field with an inset label positioned above the input area", "type": "registry:component", "files": [ { "path": "src/components/shadcn-studio/input/input-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-25.tsx" } ] }, { "name": "input-26", "title": "Input 26", "description": "A password input field with a toggle button to show/hide password visibility", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-26.tsx" } ] }, { "name": "input-27", "title": "Input 27", "description": "A file input field with custom styling for the file picker button", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-27.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-27.tsx" } ] }, { "name": "input-28", "title": "Input 28", "description": "A URL input field with a protocol selector dropdown at the start", "type": "registry:component", "registryDependencies": [ "input", "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/input/input-28.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-28.tsx" } ] }, { "name": "input-29", "title": "Input 29", "description": "A domain input field with a TLD selector dropdown at the end", "type": "registry:component", "registryDependencies": [ "input", "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/input/input-29.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-29.tsx" } ] }, { "name": "input-30", "title": "Input 30", "description": "An email input field paired with a subscribe button for newsletter signups", "type": "registry:component", "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-30.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-30.tsx" } ] }, { "name": "input-31", "title": "Input 31", "description": "An email input field with an inline send button positioned at the end", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-31.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-31.tsx" } ] }, { "name": "input-32", "title": "Input 32", "description": "Input field with a right-aligned icon button, ideal for actions like downloading or submitting email addresses", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-32.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-32.tsx" } ] }, { "name": "input-33", "title": "Input 33", "description": "An email input field with an external subscribe button connected via styling", "type": "registry:component", "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-33.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-33.tsx" } ] }, { "name": "input-34", "title": "Input 34", "description": "Input field with character limit counter showing current count out of maximum allowed", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-34.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-34.tsx" } ] }, { "name": "input-35", "title": "Input 35", "description": "Input field with real-time character counter, guiding users on remaining character allowance.", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-35.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-35.tsx" } ] }, { "name": "input-36", "title": "Input 36", "description": "Input field with clear button to instantly reset the field value", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-36.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-36.tsx" } ] }, { "name": "input-37", "title": "Input 37", "description": "Search input field with keyboard shortcut indicator (⌘K) for enhanced UX", "type": "registry:component", "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-37.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-37.tsx" } ] }, { "name": "input-38", "title": "Input 38", "description": "Search input field with search icon and microphone button for voice input", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-38.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-38.tsx" } ] }, { "name": "input-39", "title": "Input 39", "description": "Search input field with loading indicator that shows during search operations", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input/input-39.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-39.tsx" } ] }, { "name": "input-40", "title": "Input 40", "description": "Number input field with increment/decrement buttons using React Aria Components", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-40.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-40.tsx" } ] }, { "name": "input-41", "title": "Input 41", "description": "Number field with increment/decrement buttons positioned at the end using React Aria", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-41.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-41.tsx" } ] }, { "name": "input-42", "title": "Input 42", "description": "Number field with vertically stacked increment/decrement buttons using React Aria", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-42.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-42.tsx" } ] }, { "name": "input-43", "title": "Input 43", "description": "Number field with rounded increment/decrement buttons positioned inline using React Aria", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-43.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-43.tsx" } ] }, { "name": "input-44", "title": "Input 44", "description": "Number field with rounded increment/decrement buttons positioned at the end using React Aria", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-44.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-44.tsx" } ] }, { "name": "input-45", "title": "Input 45", "description": "Number field with vertically stacked chevron buttons for increment/decrement using React Aria", "type": "registry:component", "dependencies": [ "lucide-react", "react-aria-components" ], "files": [ { "path": "src/components/shadcn-studio/input/input-45.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-45.tsx" } ] }, { "name": "input-46", "title": "Input 46", "description": "Password input field with strength meter and requirements validation checker", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/input/input-46.tsx", "type": "registry:component", "target": "components/shadcn-studio/input/input-46.tsx" } ] }, { "name": "input-mask-01", "title": "Input Mask 1", "description": "An input field with custom alphanumeric mask pattern for structured data entry", "type": "registry:component", "dependencies": [ "use-mask-input" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-01.tsx" } ] }, { "name": "input-mask-02", "title": "Input Mask 2", "description": "A time input field with HH:MM:SS mask formatting for precise time entry", "type": "registry:component", "dependencies": [ "use-mask-input" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-02.tsx" } ] }, { "name": "input-mask-03", "title": "Input Mask 3", "description": "A credit card number input with automatic formatting and card type detection", "type": "registry:component", "dependencies": [ "lucide-react", "react-payment-inputs" ], "devDependencies": [ "@types/react-payment-inputs" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-03.tsx" } ] }, { "name": "input-mask-04", "title": "Input Mask 4", "description": "A credit card expiry date input with MM/YY formatting and validation", "type": "registry:component", "dependencies": [ "react-payment-inputs" ], "devDependencies": [ "@types/react-payment-inputs" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-04.tsx" } ] }, { "name": "input-mask-05", "title": "Input Mask 5", "description": "A credit card CVC input field with secure formatting and length validation", "type": "registry:component", "dependencies": [ "react-payment-inputs" ], "devDependencies": [ "@types/react-payment-inputs" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-05.tsx" } ] }, { "name": "input-mask-06", "title": "Input Mask 6", "description": "A comprehensive credit card details form with card number, expiry, and CVC inputs with automatic formatting", "type": "registry:component", "dependencies": [ "lucide-react", "react-payment-inputs" ], "devDependencies": [ "@types/react-payment-inputs" ], "registryDependencies": [ "input", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-mask/input-mask-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-mask/input-mask-06.tsx" } ] }, { "name": "input-otp-01", "title": "Input OTP 1", "description": "A 4-digit numeric OTP input field with individual slots for each digit", "type": "registry:component", "dependencies": [ "input-otp" ], "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-01.tsx" } ] }, { "name": "input-otp-02", "title": "Input OTP 2", "description": "A 4-character alphanumeric OTP input field supporting both letters and numbers", "type": "registry:component", "dependencies": [ "input-otp" ], "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-02.tsx" } ] }, { "name": "input-otp-03", "title": "Input OTP 3", "description": "A 4-digit OTP input field with resend functionality and helper text", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-03.tsx" } ] }, { "name": "input-otp-04", "title": "Input OTP 4", "description": "A 4-digit OTP input field with countdown timer and automatic resend functionality", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-04.tsx" } ] }, { "name": "input-otp-05", "title": "Input OTP 5", "description": "A 4-digit OTP input field with outlined styling and rounded borders", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-05.tsx" } ] }, { "name": "input-otp-06", "title": "Input OTP 6", "description": "A 4-digit OTP input field with filled background styling and muted appearance", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-06.tsx" } ] }, { "name": "input-otp-07", "title": "Input OTP 7", "description": "A 4-digit OTP input field with minimal underline styling and no background", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-07.tsx" } ] }, { "name": "input-otp-08", "title": "Input OTP 8", "description": "A 6-digit OTP input field with grouped layout and visual separator between groups", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-08.tsx" } ] }, { "name": "input-otp-09", "title": "Input OTP 9", "description": "A 6-digit OTP input field with outlined grouped layout and visual separator", "type": "registry:component", "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-09.tsx" } ] }, { "name": "input-otp-10", "title": "Input OTP 10", "description": "A 6-digit OTP input field with custom dot separator and grouped layout", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "input-otp", "label" ], "files": [ { "path": "src/components/shadcn-studio/input-otp/input-otp-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/input-otp/input-otp-10.tsx" } ] }, { "name": "pagination-01", "title": "Pagination 1", "description": "A basic pagination component with previous, numbered pages, and next controls", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-01.tsx" } ] }, { "name": "pagination-02", "title": "Pagination 2", "description": "A pagination component with chevron icons for previous and next navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-02.tsx" } ] }, { "name": "pagination-03", "title": "Pagination 3", "description": "A pagination component with primary button styling for the active page", "type": "registry:component", "registryDependencies": [ "button", "pagination", "utils" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-03.tsx" } ] }, { "name": "pagination-04", "title": "Pagination 4", "description": "A pagination component with secondary button styling and custom variants", "type": "registry:component", "registryDependencies": [ "button", "pagination", "utils" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-04.tsx" } ] }, { "name": "pagination-05", "title": "Pagination 5", "description": "A bordered pagination component with dividers and connected button styling", "type": "registry:component", "registryDependencies": [ "button", "pagination", "utils" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-05.tsx" } ] }, { "name": "pagination-06", "title": "Pagination 6", "description": "A pagination component with fully rounded button styling for modern appearance", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-06.tsx" } ] }, { "name": "pagination-07", "title": "Pagination 7", "description": "A pagination component with first and last page navigation buttons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-07.tsx" } ] }, { "name": "pagination-08", "title": "Pagination 8", "description": "A pagination component with ellipsis and tooltip showing hidden page count", "type": "registry:component", "registryDependencies": [ "pagination", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-08.tsx" } ] }, { "name": "pagination-09", "title": "Pagination 9", "description": "A pagination component with underline styling for the active page indicator", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-09.tsx" } ] }, { "name": "pagination-10", "title": "Pagination 10", "description": "A card-style pagination component with border, shadow, and contained layout", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-10.tsx" } ] }, { "name": "pagination-11", "title": "Pagination 11", "description": "A minimal numberless pagination component with only previous and next controls", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-11.tsx" } ] }, { "name": "pagination-12", "title": "Pagination 12", "description": "A numberless pagination component with current page indicator text display", "type": "registry:component", "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-12.tsx" } ] }, { "name": "pagination-13", "title": "Pagination 13", "description": "A compact mini pagination component with page count display and icon navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "pagination" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-13.tsx" } ] }, { "name": "pagination-14", "title": "Pagination 14", "description": "A pagination component with page size selector dropdown for customizable results per page", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "pagination", "select" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-14.tsx" } ] }, { "name": "pagination-15", "title": "Pagination 15", "description": "A comprehensive pagination component with page size selector, tooltips, and detailed navigation controls", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "pagination", "select", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/pagination/pagination-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/pagination/pagination-15.tsx" } ], "meta": { "className": "col-span-full border-r-0" } }, { "name": "popover-01", "title": "Popover 1", "description": "A ratings popover displaying star ratings with progress bars and review statistics", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "popover", "progress", "separator" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-01.tsx" } ] }, { "name": "popover-02", "title": "Popover 2", "description": "A dimensions popover with input fields for width, max width, height, and max height settings", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-02.tsx" } ] }, { "name": "popover-03", "title": "Popover 3", "description": "A pricing popover displaying plan details with features and pricing information", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-03.tsx" } ] }, { "name": "popover-04", "title": "Popover 4", "description": "A volume control popover with a slider for adjusting audio levels", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "label", "popover", "slider" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-04.tsx" } ] }, { "name": "popover-05", "title": "Popover 5", "description": "An informational popover about Shadcn Studio with description and learn more link", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-05.tsx" } ] }, { "name": "popover-06", "title": "Popover 6", "description": "A download progress popover with progress bar and pause/cancel/retry controls", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "popover", "progress", "utils" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-06.tsx" } ] }, { "name": "popover-07", "title": "Popover 7", "description": "A file deletion confirmation popover with warning icon and action buttons", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-07.tsx" } ] }, { "name": "popover-08", "title": "Popover 8", "description": "A feedback popover with textarea for user comments and send/cancel actions", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "popover", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-08.tsx" } ] }, { "name": "popover-09", "title": "Popover 9", "description": "A filter popover with checkbox options and price range slider controls", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "checkbox", "label", "popover", "slider" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-09.tsx" } ] }, { "name": "popover-10", "title": "Popover 10", "description": "A user search popover with debounced input, loading states, and avatar display", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "input", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-10.tsx" } ] }, { "name": "popover-11", "title": "Popover 11", "description": "A notifications popover with unread indicators and mark-as-read functionality", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "popover", "separator" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-11.tsx" } ] }, { "name": "popover-12", "title": "Popover 12", "description": "An informational popover with image and content layout for location details", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-12.tsx" } ] }, { "name": "popover-13", "title": "Popover 13", "description": "A promotional popover with QR code and coupon code with copy functionality with slide in from left animation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "input", "popover", "separator", "utils" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-13.tsx" } ], "meta": { "isAnimated": true } }, { "name": "popover-14", "title": "Popover 14", "description": "A team sharing popover with email input and member selection checkboxes with slide in from bottom animation", "type": "registry:component", "registryDependencies": [ "avatar", "button", "checkbox", "input", "label", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-14.tsx" } ], "meta": { "isAnimated": true } }, { "name": "popover-15", "title": "Popover 15", "description": "A user profile popover with avatar, bio, and social statistics display with zoom-in animation", "type": "registry:component", "registryDependencies": [ "avatar", "button", "popover" ], "files": [ { "path": "src/components/shadcn-studio/popover/popover-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/popover/popover-15.tsx" } ], "meta": { "isAnimated": true } }, { "name": "radio-group-01", "title": "Radio Group 1", "description": "A basic vertical radio group", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-01.tsx" } ] }, { "name": "radio-group-02", "title": "Radio Group 2", "description": "A horizontal radio group layout", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-02.tsx" } ] }, { "name": "radio-group-03", "title": "Radio Group 3", "description": "A colored radio group with custom styling for different states", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-03.tsx" } ] }, { "name": "radio-group-04", "title": "Radio Group 4", "description": "A radio group with different sizes for various display options", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-04.tsx" } ] }, { "name": "radio-group-05", "title": "Radio Group 5", "description": "A radio group with dashed borders", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-05.tsx" } ] }, { "name": "radio-group-06", "title": "Radio Group 6", "description": "A radio group with solid filled styling for theme selection", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-06.tsx" } ] }, { "name": "radio-group-07", "title": "Radio Group 7", "description": "A radio group with descriptions for detailed plan selection options", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-07.tsx" } ] }, { "name": "radio-group-08", "title": "Radio Group 8", "description": "A chip-style radio group with grid layout for size selection", "type": "registry:component", "registryDependencies": [ "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-08.tsx" } ] }, { "name": "radio-group-09", "title": "Radio Group 9", "description": "A list-style radio group with pricing and badges for plan selection", "type": "registry:component", "registryDependencies": [ "badge", "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-09.tsx" } ] }, { "name": "radio-group-10", "title": "Radio Group 10", "description": "A split-list radio group with highlighted selected state and pricing", "type": "registry:component", "registryDependencies": [ "badge", "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-10.tsx" } ] }, { "name": "radio-group-11", "title": "Radio Group 11", "description": "A card-style radio group with detailed descriptions and pricing", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-11.tsx" } ] }, { "name": "radio-group-12", "title": "Radio Group 12", "description": "A border less card radio group with hidden radio buttons and label-based selection", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-12.tsx" } ] }, { "name": "radio-group-13", "title": "Radio Group 13", "description": "A vertical card radio group with icons and centered layout for plan selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-13.tsx" } ] }, { "name": "radio-group-14", "title": "Radio Group 14", "description": "An animated radio group with motion effects for notification preferences", "type": "registry:component", "dependencies": [ "@radix-ui/react-radio-group", "lucide-react", "motion" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-14.tsx" }, { "path": "src/components/ui/motion-radio-group.tsx", "type": "registry:ui", "target": "components/ui/motion-radio-group.tsx" } ], "meta": { "isAnimated": true } }, { "name": "radio-group-15", "title": "Radio Group 15", "description": "An animated inset radio group with smooth transitions for language selection", "type": "registry:component", "registryDependencies": [ "label", "radio-group" ], "files": [ { "path": "src/components/shadcn-studio/radio-group/radio-group-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/radio-group/radio-group-15.tsx" } ], "meta": { "isAnimated": true } }, { "name": "select-01", "title": "Select 1", "description": "A basic native select dropdown for gender selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-01.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-02", "title": "Select 2", "description": "A native select dropdown with placeholder text for user guidance", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-02.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-03", "title": "Select 3", "description": "A native select dropdown with icon for movie selection", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-03.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-04", "title": "Select 4", "description": "A native select dropdown with helper text", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-04.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-05", "title": "Select 5", "description": "A native select dropdown with error state and validation message", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-05.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-06", "title": "Select 6", "description": "A required native select dropdown with asterisk indicator", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-06.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-07", "title": "Select 7", "description": "A native select dropdown with option groups for categorized choices", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-07.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-08", "title": "Select 8", "description": "A native select dropdown with overlapping label design", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-08.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-09", "title": "Select 9", "description": "A native select dropdown with inset label design and custom styling", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-09.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-10", "title": "Select 10", "description": "A basic custom select dropdown with grouped items and labels", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-10.tsx" } ] }, { "name": "select-11", "title": "Select 11", "description": "A custom select dropdown with placeholder text", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-11.tsx" } ] }, { "name": "select-12", "title": "Select 12", "description": "A custom select dropdown with icon", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-12.tsx" } ] }, { "name": "select-13", "title": "Select 13", "description": "A custom select dropdown with helper text for location selection", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-13.tsx" } ] }, { "name": "select-14", "title": "Select 14", "description": "A custom select dropdown with error state and validation message", "type": "registry:component", "registryDependencies": [ "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-14.tsx" } ] }, { "name": "select-15", "title": "Select 15", "description": "A custom select dropdown with different size variants (small, default, large)", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-15.tsx" } ] }, { "name": "select-16", "title": "Select 16", "description": "A custom select dropdown with colored border and focus ring styling", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-16.tsx" } ] }, { "name": "select-17", "title": "Select 17", "description": "A custom select dropdown with colored background and themed styling", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-17.tsx" } ] }, { "name": "select-18", "title": "Select 18", "description": "A ghost-style custom select dropdown with minimal styling and hover effects", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-18.tsx" } ] }, { "name": "select-19", "title": "Select 19", "description": "A disabled custom select dropdown with reduced opacity and interaction", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-19.tsx" } ] }, { "name": "select-20", "title": "Select 20", "description": "A custom select dropdown with disabled individual options", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-20.tsx" } ] }, { "name": "select-21", "title": "Select 21", "description": "A custom select dropdown with required field indicator", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-21.tsx" } ] }, { "name": "select-22", "title": "Select 22", "description": "A custom select dropdown with multiple option groups", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-22.tsx" } ] }, { "name": "select-23", "title": "Select 23", "description": "A custom select dropdown with separators and grouped countries by geographic regions", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-23.tsx" } ] }, { "name": "select-24", "title": "Select 24", "description": "A custom select dropdown with overlapping label positioned over the border", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-24.tsx" } ] }, { "name": "select-25", "title": "Select 25", "description": "A custom select dropdown with inset label design inside bordered container", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-25.tsx" } ] }, { "name": "select-26", "title": "Select 26", "description": "A timezone select dropdown with grouped time zones by geographic regions", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-26.tsx" } ] }, { "name": "select-27", "title": "Select 27", "description": "A music genre select dropdown with icons for each option", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-27.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-27.tsx" } ] }, { "name": "select-28", "title": "Select 28", "description": "A custom select dropdown with leading text before the selected value", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-28.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-28.tsx" } ] }, { "name": "select-29", "title": "Select 29", "description": "A status select dropdown with colored circle indicators for each status", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-29.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-29.tsx" } ] }, { "name": "select-30", "title": "Select 30", "description": "A country select dropdown with flag images for each country option", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-30.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-30.tsx" } ] }, { "name": "select-31", "title": "Select 31", "description": "A user select dropdown with avatar images for each user option", "type": "registry:component", "registryDependencies": [ "avatar", "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-31.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-31.tsx" } ] }, { "name": "select-32", "title": "Select 32", "description": "A multi-select dropdown with search functionality for product categories", "type": "registry:component", "dependencies": [ "cmdk", "lucide-react" ], "registryDependencies": [ "command", "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-32.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-32.tsx" }, { "path": "src/components/ui/multi-select.tsx", "type": "registry:ui", "target": "components/ui/multi-select.tsx" } ] }, { "name": "select-33", "title": "Select 33", "description": "A multi-select dropdown with placeholder, badge display and removal functionality", "type": "registry:component", "dependencies": [ "cmdk", "lucide-react" ], "registryDependencies": [ "command", "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-33.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-33.tsx" }, { "path": "src/components/ui/multi-select.tsx", "type": "registry:ui", "target": "components/ui/multi-select.tsx" } ] }, { "name": "select-34", "title": "Select 34", "description": "A native multiple select dropdown for dietary preferences with bordered container", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/select/select-34.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-34.tsx" }, { "path": "src/components/ui/select-native.tsx", "type": "registry:ui", "target": "components/ui/select-native.tsx" } ] }, { "name": "select-35", "title": "Select 35", "description": "A React Aria Components listbox with single selection for currency options", "type": "registry:component", "dependencies": [ "react-aria-components" ], "registryDependencies": [ "label" ], "files": [ { "path": "src/components/shadcn-studio/select/select-35.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-35.tsx" } ] }, { "name": "select-36", "title": "Select 36", "description": "A React Aria Components listbox with multiple selection and grouped language options", "type": "registry:component", "dependencies": [ "react-aria-components" ], "registryDependencies": [ "label" ], "files": [ { "path": "src/components/shadcn-studio/select/select-36.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-36.tsx" } ] }, { "name": "select-37", "title": "Select 37", "description": "An animated select dropdown with slide-in from bottom transition effect", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-37.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-37.tsx" } ], "meta": { "isAnimated": true } }, { "name": "select-38", "title": "Select 38", "description": "An animated select dropdown with zoom-in transition effect from center", "type": "registry:component", "registryDependencies": [ "label", "select" ], "files": [ { "path": "src/components/shadcn-studio/select/select-38.tsx", "type": "registry:component", "target": "components/shadcn-studio/select/select-38.tsx" } ], "meta": { "isAnimated": true } }, { "name": "sheet-01", "title": "Sheet 1", "description": "A basic sheet component with form inputs for profile editing", "type": "registry:component", "registryDependencies": [ "button", "input", "label", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-01.tsx" } ] }, { "name": "sheet-02", "title": "Sheet 2", "description": "A sheet component demonstrating different slide directions (top, right, bottom, left)", "type": "registry:component", "registryDependencies": [ "button", "input", "label", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-02.tsx" } ] }, { "name": "sheet-03", "title": "Sheet 3", "description": "A non-modal sheet component without overlay for profile editing", "type": "registry:component", "registryDependencies": [ "button", "input", "label", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-03.tsx" } ] }, { "name": "sheet-04", "title": "Sheet 4", "description": "A sheet component with scrollable content for terms and conditions", "type": "registry:component", "registryDependencies": [ "button", "scroll-area", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-04.tsx" } ] }, { "name": "sheet-05", "title": "Sheet 5", "description": "A sheet component with form validation and structured user registration", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "alert", "button", "form", "input", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-05.tsx" } ] }, { "name": "sheet-06", "title": "Sheet 6", "description": "A navigation sheet component with collapsible menu structure", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "collapsible", "sheet" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-06.tsx" } ] }, { "name": "sheet-07", "title": "Sheet 7", "description": "A sheet component with data table, pagination, and form integration for adding user data", "type": "registry:component", "dependencies": [ "@tanstack/react-table", "lucide-react" ], "registryDependencies": [ "button", "checkbox", "input", "label", "select", "sheet", "table" ], "files": [ { "path": "src/components/shadcn-studio/sheet/sheet-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/sheet/sheet-07.tsx" } ], "meta": { "className": "col-span-full border-r-0" } }, { "name": "sonner-01", "title": "Sonner 1", "description": "A basic toast notification with simple message display", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-01.tsx" } ] }, { "name": "sonner-02", "title": "Sonner 2", "description": "A toast notification with title and description for detailed information", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-02.tsx" } ] }, { "name": "sonner-03", "title": "Sonner 3", "description": "A toast notification with custom icon for enhanced visual communication", "type": "registry:component", "dependencies": [ "lucide-react", "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-03.tsx" } ] }, { "name": "sonner-04", "title": "Sonner 4", "description": "A toast notification with avatar component for personalized user notifications", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "avatar", "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-04.tsx" } ] }, { "name": "sonner-05", "title": "Sonner 5", "description": "A closable toast notification with user-controlled dismiss functionality", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-05.tsx" } ] }, { "name": "sonner-06", "title": "Sonner 6", "description": "A toast notification with action button for interactive user responses", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-06.tsx" } ] }, { "name": "sonner-07", "title": "Sonner 7", "description": "A promise-based toast notification with loading, success, and error states", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-07.tsx" } ] }, { "name": "sonner-08", "title": "Sonner 8", "description": "A toast notification with configurable positioning options for all screen corners and centers for e.g. (top-left, top-right, bottom-left, bottom-right, center)", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-08.tsx" } ] }, { "name": "sonner-09", "title": "Sonner 9", "description": "A soft-styled info toast notification with color-mixed background for subtle messaging", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-09.tsx" } ] }, { "name": "sonner-10", "title": "Sonner 10", "description": "A soft-styled success toast notification with green color theming for positive feedback", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-10.tsx" } ] }, { "name": "sonner-11", "title": "Sonner 11", "description": "A soft-styled warning toast notification with amber color theming for caution messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-11.tsx" } ] }, { "name": "sonner-12", "title": "Sonner 12", "description": "A soft-styled destructive error toast notification with subtle red theming for error messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-12.tsx" } ] }, { "name": "sonner-13", "title": "Sonner 13", "description": "An outline-styled info toast notification with border highlighting for informational messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-13.tsx" } ] }, { "name": "sonner-14", "title": "Sonner 14", "description": "An outline-styled success toast notification with green border theming for positive feedback", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-14.tsx" } ] }, { "name": "sonner-15", "title": "Sonner 15", "description": "An outline-styled warning toast notification with amber border theming for caution messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-15.tsx" } ] }, { "name": "sonner-16", "title": "Sonner 16", "description": "An outline-styled destructive error toast notification with red border theming for error messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-16.tsx" } ] }, { "name": "sonner-17", "title": "Sonner 17", "description": "A solid-styled info toast notification with blue background and white text for prominent messaging", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-17.tsx" } ] }, { "name": "sonner-18", "title": "Sonner 18", "description": "A solid-styled success toast notification with green background and white text for prominent positive feedback", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-18.tsx" } ] }, { "name": "sonner-19", "title": "Sonner 19", "description": "A solid-styled warning toast notification with amber background and white text for prominent caution messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-19.tsx" } ] }, { "name": "sonner-20", "title": "Sonner 20", "description": "A solid-styled destructive error toast notification with red background and white text for prominent error messages", "type": "registry:component", "dependencies": [ "sonner" ], "registryDependencies": [ "button" ], "files": [ { "path": "src/components/shadcn-studio/sonner/sonner-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/sonner/sonner-20.tsx" } ] }, { "name": "switch-01", "title": "Switch 1", "description": "A basic switch component with label for simple on/off controls", "type": "registry:component", "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-01.tsx" } ] }, { "name": "switch-02", "title": "Switch 2", "description": "A square-styled switch with rounded corners for alternative visual design", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-02.tsx" } ] }, { "name": "switch-03", "title": "Switch 3", "description": "A mini-sized switch with border styling for compact interface layouts", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-03.tsx" } ] }, { "name": "switch-04", "title": "Switch 4", "description": "Color-themed switches with destructive, success, info, and warning variants", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-04.tsx" } ] }, { "name": "switch-05", "title": "Switch 5", "description": "Multiple size variations of switches with small, medium, and large options", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-05.tsx" } ] }, { "name": "switch-06", "title": "Switch 6", "description": "Outline-styled switches with transparent backgrounds and colored borders for different themes", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-06.tsx" } ] }, { "name": "switch-07", "title": "Switch 7", "description": "A gradient-styled switch with amber to sky/indigo color transitions based on state", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-07.tsx" } ] }, { "name": "switch-08", "title": "Switch 8", "description": "A switch with dynamic label that changes text based on toggle state (Yes/No)", "type": "registry:component", "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-08.tsx" } ] }, { "name": "switch-09", "title": "Switch 9", "description": "A dual-label switch with clickable Yes/No labels that toggle the switch state", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-09.tsx" } ] }, { "name": "switch-10", "title": "Switch 10", "description": "A switch with icon label that toggles between sun and moon icons for theme switching", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-10.tsx" } ] }, { "name": "switch-11", "title": "Switch 11", "description": "A dual-icon switch with clickable sun and moon icons for theme mode switching", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-11.tsx" } ] }, { "name": "switch-12", "title": "Switch 12", "description": "A switch with check and X icon indicators that change visibility based on toggle state", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-12.tsx" } ] }, { "name": "switch-13", "title": "Switch 13", "description": "A switch with sliding check and X icon indicators that move with the toggle handle", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-13.tsx" } ] }, { "name": "switch-14", "title": "Switch 14", "description": "A square-styled switch with sliding Yes/No text indicators in the background", "type": "registry:component", "registryDependencies": [ "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-14.tsx" } ] }, { "name": "switch-15", "title": "Switch 15", "description": "A switch integrated within a card layout with database icon for backup settings", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-15.tsx" } ] }, { "name": "switch-16", "title": "Switch 16", "description": "A switch card with Google Cloud icon for backup service toggle functionality", "type": "registry:component", "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-16.tsx" } ] }, { "name": "switch-17", "title": "Switch 17", "description": "A switch card with GitHub icon for repository connection toggle functionality", "type": "registry:component", "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-17.tsx" } ] }, { "name": "switch-18", "title": "Switch 18", "description": "A list group of switches with icons for skill preference selection across multiple categories", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "switch" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-18.tsx" } ] }, { "name": "switch-19", "title": "Switch 19", "description": "Animated motion switches in multiple sizes with smooth transition effects", "type": "registry:component", "dependencies": [ "@radix-ui/react-switch", "motion" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-19.tsx" }, { "path": "src/components/ui/motion-switch.tsx", "type": "registry:ui", "target": "components/ui/motion-switch.tsx" } ], "meta": { "isAnimated": true } }, { "name": "switch-20", "title": "Switch 20", "description": "Animated gradient motion switches with color transitions and multiple size variations", "type": "registry:component", "dependencies": [ "@radix-ui/react-switch", "motion" ], "registryDependencies": [ "label", "utils" ], "files": [ { "path": "src/components/shadcn-studio/switch/switch-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/switch/switch-20.tsx" }, { "path": "src/components/ui/motion-switch.tsx", "type": "registry:ui", "target": "components/ui/motion-switch.tsx" } ], "meta": { "isAnimated": true } }, { "name": "table-01", "title": "Table 1", "description": "A basic table with caption, header, body, and footer displaying invoice data", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-01.tsx" } ] }, { "name": "table-02", "title": "Table 2", "description": "A bordered table with complete border styling around the table container", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-02.tsx" } ] }, { "name": "table-03", "title": "Table 3", "description": "A table with rounded corners and shadow styling for enhanced visual appeal", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-03.tsx" } ] }, { "name": "table-04", "title": "Table 4", "description": "A table with vertical lines between columns for clear data separation", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-04.tsx" } ] }, { "name": "table-05", "title": "Table 5", "description": "A table without borders for a clean, minimal appearance", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-05.tsx" } ] }, { "name": "table-06", "title": "Table 6", "description": "A striped rows table with alternating row background colors for improved readability", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-06.tsx" } ] }, { "name": "table-07", "title": "Table 7", "description": "A striped columns table with alternating column background colors for enhanced data comparison", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-07.tsx" } ] }, { "name": "table-08", "title": "Table 8", "description": "A table with highlighted row functionality for emphasis and user interaction", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-08.tsx" } ] }, { "name": "table-09", "title": "Table 9", "description": "A table with vertical scrolling functionality for displaying large datasets", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-09.tsx" } ] }, { "name": "table-10", "title": "Table 10", "description": "A table with sticky header that remains visible during vertical scrolling", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-10.tsx" } ] }, { "name": "table-11", "title": "Table 11", "description": "A table with sticky first column that remains fixed during horizontal scrolling", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-11.tsx" } ] }, { "name": "table-12", "title": "Table 12", "description": "A vertical table layout for displaying data in a column-oriented format with key-value pairs", "type": "registry:component", "registryDependencies": [ "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-12.tsx" } ] }, { "name": "table-13", "title": "Table 13", "description": "A table with avatar components for displaying user information with profile pictures", "type": "registry:component", "registryDependencies": [ "avatar", "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-13.tsx" } ] }, { "name": "table-14", "title": "Table 14", "description": "A table with integrated pagination controls for navigating through large datasets", "type": "registry:component", "registryDependencies": [ "pagination", "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-14.tsx" } ] }, { "name": "table-15", "title": "Table 15", "description": "A table with selectable rows using checkboxes for bulk actions and data manipulation", "type": "registry:component", "registryDependencies": [ "checkbox", "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-15.tsx" } ] }, { "name": "table-16", "title": "Table 16", "description": "A comprehensive product table with avatars, checkboxes, buttons, and action controls", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "checkbox", "table" ], "files": [ { "path": "src/components/shadcn-studio/table/table-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/table/table-16.tsx" } ] }, { "name": "tabs-01", "title": "Tabs 1", "description": "Basic tabs component with default styling for content organization and navigation", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-01.tsx" } ] }, { "name": "tabs-02", "title": "Tabs 2", "description": "Outlined tabs with border styling and background transparency for modern interface design", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-02.tsx" } ] }, { "name": "tabs-03", "title": "Tabs 3", "description": "Tabs with icons for enhanced visual navigation and improved user experience", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-03.tsx" } ] }, { "name": "tabs-04", "title": "Tabs 4", "description": "Tabs with badge components for displaying notifications, counters, or status indicators", "type": "registry:component", "registryDependencies": [ "badge", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-04.tsx" } ] }, { "name": "tabs-05", "title": "Tabs 5", "description": "Vertical tabs with icons displayed above text labels in a stacked layout", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-05.tsx" } ] }, { "name": "tabs-06", "title": "Tabs 6", "description": "Tabs with badge count indicators showing numerical values for each tab", "type": "registry:component", "registryDependencies": [ "badge", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-06.tsx" } ] }, { "name": "tabs-07", "title": "Tabs 7", "description": "Icon-only tabs with tooltip labels for compact navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "tabs", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-07.tsx" } ] }, { "name": "tabs-08", "title": "Tabs 8", "description": "Simple justified tabs with equal width distribution across the container", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-08.tsx" } ] }, { "name": "tabs-09", "title": "Tabs 9", "description": "Solid pill-style tabs with rounded corners and filled background", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-09.tsx" } ] }, { "name": "tabs-10", "title": "Tabs 10", "description": "Outlined pill-style tabs with border styling and transparent background", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-10.tsx" } ] }, { "name": "tabs-11", "title": "Tabs 11", "description": "Underline tabs with border bottom styling for minimal navigation", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-11.tsx" } ] }, { "name": "tabs-12", "title": "Tabs 12", "description": "Sharp-cornered tabs with rectangular styling and bottom border", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-12.tsx" } ] }, { "name": "tabs-13", "title": "Tabs 13", "description": "Lifted tabs with shadow effects for elevated appearance", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-13.tsx" } ] }, { "name": "tabs-14", "title": "Tabs 14", "description": "Overflow tabs with scrollable area for handling many tab items", "type": "registry:component", "registryDependencies": [ "scroll-area", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-14.tsx" } ] }, { "name": "tabs-15", "title": "Tabs 15", "description": "Vertical tabs layout with left-side navigation structure", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-15.tsx" } ] }, { "name": "tabs-16", "title": "Tabs 16", "description": "Vertical tabs with underline styling in left-side layout", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-16.tsx" } ] }, { "name": "tabs-17", "title": "Tabs 17", "description": "Soft vertical tabs with gentle styling and left navigation", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-17.tsx" } ] }, { "name": "tabs-18", "title": "Tabs 18", "description": "Vertical tabs with solid background styling and left layout", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-18.tsx" } ] }, { "name": "tabs-19", "title": "Tabs 19", "description": "Vertical tabs with sharp corners and rectangular styling", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-19.tsx" } ] }, { "name": "tabs-20", "title": "Tabs 20", "description": "Vertical tabs with lined separator styling for organized layout", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-20.tsx" } ] }, { "name": "tabs-21", "title": "Tabs 21", "description": "Vertical tabs with tooltip functionality for additional information", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "tabs", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-21.tsx" } ] }, { "name": "tabs-22", "title": "Tabs 22", "description": "Vertical tabs with icons for enhanced visual navigation", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-22.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-22.tsx" } ] }, { "name": "tabs-23", "title": "Tabs 23", "description": "Vertical tabs with badge indicators in left navigation layout", "type": "registry:component", "registryDependencies": [ "badge", "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-23.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-23.tsx" } ] }, { "name": "tabs-24", "title": "Tabs 24", "description": "Vertical tabs with outline styling for clean bordered appearance", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-24.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-24.tsx" } ] }, { "name": "tabs-25", "title": "Tabs 25", "description": "Custom styled tabs with primary background active state and enhanced hover effects", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-25.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-25.tsx" } ] }, { "name": "tabs-26", "title": "Tabs 26", "description": "Custom tabs with underline styling using bottom border and no background", "type": "registry:component", "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-26.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-26.tsx" } ] }, { "name": "tabs-27", "title": "Tabs 27", "description": "Animated tabs with motion highlight transitions using motion-tabs components", "type": "registry:component", "dependencies": [ "motion" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-27.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-27.tsx" }, { "path": "src/components/ui/motion-highlight.tsx", "type": "registry:ui", "target": "components/ui/motion-highlight.tsx" }, { "path": "src/components/ui/motion-tabs.tsx", "type": "registry:ui", "target": "components/ui/motion-tabs.tsx" } ], "meta": { "isAnimated": true } }, { "name": "tabs-28", "title": "Tabs 28", "description": "Expandable tabs with icons and collapsible content using framer motion animations", "type": "registry:component", "dependencies": [ "lucide-react", "motion" ], "registryDependencies": [ "tabs", "utils" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-28.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-28.tsx" } ], "meta": { "isAnimated": true } }, { "name": "tabs-29", "title": "Tabs 29", "description": "Animated underline tabs with dynamic underline position tracking using framer motion", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "tabs" ], "files": [ { "path": "src/components/shadcn-studio/tabs/tabs-29.tsx", "type": "registry:component", "target": "components/shadcn-studio/tabs/tabs-29.tsx" } ], "meta": { "isAnimated": true } }, { "name": "textarea-01", "title": "Textarea 1", "description": "A basic textarea input field with placeholder text", "type": "registry:component", "registryDependencies": [ "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-01.tsx" } ] }, { "name": "textarea-02", "title": "Textarea 2", "description": "A textarea with associated label for improved accessibility", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-02.tsx" } ] }, { "name": "textarea-03", "title": "Textarea 3", "description": "A textarea with helper text below for additional context", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-03.tsx" } ] }, { "name": "textarea-04", "title": "Textarea 4", "description": "A textarea with right-aligned helper text for guidance", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-04.tsx" } ] }, { "name": "textarea-05", "title": "Textarea 5", "description": "An invalid textarea with error styling and validation message", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-05.tsx" } ] }, { "name": "textarea-06", "title": "Textarea 6", "description": "A textarea with hint text providing user guidance and tips", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-06.tsx" } ] }, { "name": "textarea-07", "title": "Textarea 7", "description": "A required textarea with asterisk indicator for mandatory fields", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-07.tsx" } ] }, { "name": "textarea-08", "title": "Textarea 8", "description": "A textarea with colored border (indigo) styling and focus ring effects", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-08.tsx" } ] }, { "name": "textarea-09", "title": "Textarea 9", "description": "A filled textarea with muted background and transparent border styling", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-09.tsx" } ] }, { "name": "textarea-10", "title": "Textarea 10", "description": "Textarea size variations with small, default, and large height options", "type": "registry:component", "registryDependencies": [ "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-10.tsx" } ] }, { "name": "textarea-11", "title": "Textarea 11", "description": "A textarea with start icon positioned on the left side", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-11.tsx" } ] }, { "name": "textarea-12", "title": "Textarea 12", "description": "A textarea with end icon positioned on the right side", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-12.tsx" } ] }, { "name": "textarea-13", "title": "Textarea 13", "description": "A textarea with overlapping label for modern form design", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-13.tsx" } ] }, { "name": "textarea-14", "title": "Textarea 14", "description": "A textarea with floating label that animates on focus", "type": "registry:component", "registryDependencies": [ "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-14.tsx" } ] }, { "name": "textarea-15", "title": "Textarea 15", "description": "A textarea with inset label for compact form layouts", "type": "registry:component", "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-15.tsx" } ] }, { "name": "textarea-16", "title": "Textarea 16", "description": "A textarea with separate submit button below for form submission", "type": "registry:component", "registryDependencies": [ "button", "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-16.tsx" } ] }, { "name": "textarea-17", "title": "Textarea 17", "description": "An auto-growing textarea with field-sizing-content that expands with text content", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-17.tsx" } ] }, { "name": "textarea-18", "title": "Textarea 18", "description": "A textarea with disabled resize functionality for fixed dimensions", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-18.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-18.tsx" } ] }, { "name": "textarea-19", "title": "Textarea 19", "description": "A textarea with character count display and remaining characters indicator", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-19.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-19.tsx" } ] }, { "name": "textarea-20", "title": "Textarea 20", "description": "A read-only textarea with muted background styling for displaying non-editable content", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-20.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-20.tsx" } ] }, { "name": "textarea-21", "title": "Textarea 21", "description": "A disabled textarea in non-interactive state for form display", "type": "registry:component", "registryDependencies": [ "label", "textarea" ], "files": [ { "path": "src/components/shadcn-studio/textarea/textarea-21.tsx", "type": "registry:component", "target": "components/shadcn-studio/textarea/textarea-21.tsx" } ] }, { "name": "tooltip-01", "title": "Tooltip 1", "description": "A basic tooltip with simple text content displayed on hover", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-01.tsx" } ] }, { "name": "tooltip-02", "title": "Tooltip 2", "description": "A light-themed tooltip with custom background and text colors", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-02.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-02.tsx" } ] }, { "name": "tooltip-03", "title": "Tooltip 3", "description": "A tooltip without the arrow indicator for clean minimal appearance", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-03.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-03.tsx" } ] }, { "name": "tooltip-04", "title": "Tooltip 4", "description": "An error-styled tooltip with destructive color scheme for warnings", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-04.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-04.tsx" } ] }, { "name": "tooltip-05", "title": "Tooltip 5", "description": "A tooltip with an icon and text content in a flexible layout", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-05.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-05.tsx" } ] }, { "name": "tooltip-06", "title": "Tooltip 6", "description": "A tooltip with rounded corners for a modern soft appearance", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-06.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-06.tsx" } ] }, { "name": "tooltip-07", "title": "Tooltip 7", "description": "A rich content tooltip with accessibility information, icon and formatted text", "type": "registry:component", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-07.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-07.tsx" } ] }, { "name": "tooltip-08", "title": "Tooltip 8", "description": "A tooltip displaying user information with avatar and name", "type": "registry:component", "registryDependencies": [ "avatar", "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-08.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-08.tsx" } ] }, { "name": "tooltip-09", "title": "Tooltip 9", "description": "A tooltip with badge indicator for pricing and status information", "type": "registry:component", "registryDependencies": [ "badge", "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-09.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-09.tsx" } ] }, { "name": "tooltip-10", "title": "Tooltip 10", "description": "A directional tooltip demo showing placement on all four sides for e.g. top, right, bottom, left", "type": "registry:component", "registryDependencies": [ "button", "tooltip" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-10.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-10.tsx" } ] }, { "name": "tooltip-11", "title": "Tooltip 11", "description": "A hover card with media content including image and description links", "dependencies": [ "lucide-react" ], "type": "registry:component", "registryDependencies": [ "button", "hover-card" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-11.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-11.tsx" } ] }, { "name": "tooltip-12", "title": "Tooltip 12", "description": "A hover card displaying statistics with avatar and growth metrics", "type": "registry:component", "registryDependencies": [ "avatar", "button", "hover-card" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-12.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-12.tsx" } ] }, { "name": "tooltip-13", "title": "Tooltip 13", "description": "A project hover card with progress bar, timeline, and team avatars", "dependencies": [ "lucide-react" ], "type": "registry:component", "registryDependencies": [ "avatar", "button", "hover-card", "progress" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-13.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-13.tsx" } ] }, { "name": "tooltip-14", "title": "Tooltip 14", "description": "An alert hover card with warning icon for error notifications", "dependencies": [ "lucide-react" ], "type": "registry:component", "registryDependencies": [ "button", "hover-card" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-14.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-14.tsx" } ] }, { "name": "tooltip-15", "title": "Tooltip 15", "description": "A hover card showing today's task completion with team member avatars and percentage progress", "type": "registry:component", "registryDependencies": [ "avatar", "button", "hover-card" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-15.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-15.tsx" } ] }, { "name": "tooltip-16", "title": "Tooltip 16", "description": "An animated tooltip with stacked avatars and hover effects using motion-tooltip component", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "avatar", "utils" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-16.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-16.tsx" }, { "path": "src/components/ui/motion-tooltip.tsx", "type": "registry:ui", "target": "components/ui/motion-tooltip.tsx" } ], "meta": { "isAnimated": true } }, { "name": "tooltip-17", "title": "Tooltip 17", "description": "A global tooltip system with overlapping avatars and hover scaling effects using global-tooltip component", "type": "registry:component", "dependencies": [ "motion" ], "registryDependencies": [ "avatar", "utils" ], "files": [ { "path": "src/components/shadcn-studio/tooltip/tooltip-17.tsx", "type": "registry:component", "target": "components/shadcn-studio/tooltip/tooltip-17.tsx" }, { "path": "src/components/ui/global-tooltip.tsx", "type": "registry:ui", "target": "components/ui/global-tooltip.tsx" } ], "meta": { "isAnimated": true } }, { "name": "about-us-page-01", "title": "About Us 1", "description": "Centered header with video/image section and overlapping stats grid card displaying icons, values, and descriptions", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "card" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/about-us-page/about-us-page-01/page.tsx", "type": "registry:page", "target": "app/about-us-page-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/about-us-page-01/about-us-page-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/about-us-page-01/about-us-page-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "about-us-page" } }, { "name": "app-integration-01", "title": "App Integration 1", "description": "Two-column layout with integration cards featuring tool logos, names, descriptions, and call-to-action for conversion-focused app showcases", "type": "registry:block", "registryDependencies": [ "button", "card" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/app-integration/app-integration-01/page.tsx", "type": "registry:page", "target": "app/app-integration-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/app-integration-01/app-integration-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/app-integration-01/app-integration-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "app-integration" } }, { "name": "blog-component-01", "title": "Blog 1", "description": "Three-column blog grid with featured images, titles, descriptions, and read more buttons for journey and destination content", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/blog-component/blog-component-01/page.tsx", "type": "registry:page", "target": "app/blog-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/blog-component-01/blog-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/blog-component-01/blog-component-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "blog-component" } }, { "name": "contact-us-page-01", "title": "Contact Us 1", "description": "Two-column layout with contact illustration image and contact information grid featuring avatar icons and contact details", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "card", "avatar" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/contact-us-page/contact-us-page-01/page.tsx", "type": "registry:page", "target": "app/contact-us-page-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/contact-us-page-01/contact-us-page-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/contact-us-page-01/contact-us-page-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "contact-us-page" } }, { "name": "cta-section-01", "title": "CTA 1", "description": "Rounded card layout with app download content featuring heading, description, and App Store/Google Play download buttons", "type": "registry:block", "registryDependencies": [ "card" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/cta-section/cta-section-01/page.tsx", "type": "registry:page", "target": "app/cta-section-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/cta-section-01/cta-section-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/cta-section-01/cta-section-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "cta-section" } }, { "name": "error-page-01", "title": "Error 1", "description": "Two-column error page layout with left-side text content (Whoops heading, error message, description) and right-side black background featuring centered astronaut illustration", "type": "registry:block", "registryDependencies": [ "button" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/error-page/error-page-01/page.tsx", "type": "registry:page", "target": "app/error-page-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/error-page-01/error-page-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/error-page-01/error-page-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "error-page" } }, { "name": "faq-component-01", "title": "FAQ 1", "description": "Simple accordion-style FAQ section with collapsible questions and answers using shadcn/ui accordion component, featuring a clean header and single-column layout for basic Q&A display", "type": "registry:block", "registryDependencies": [ "accordion" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/faq-component/faq-component-01/page.tsx", "type": "registry:page", "target": "app/faq-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/faq-component-01/faq-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/faq-component-01/faq-component-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "faq-component" } }, { "name": "features-section-01", "title": "Features 1", "description": "Three-column grid features section with header, description, \"See all features\" button, and feature cards containing avatar icons, titles, and descriptions", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "card", "button", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/features-section/features-section-01/page.tsx", "type": "registry:page", "target": "app/features-section-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/features-section-01/features-section-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/features-section-01/features-section-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "features-section" } }, { "name": "footer-component-01", "title": "Footer 1", "description": "Simple three-section footer with logo and brand name, centered navigation links, social media icons, separator line, and copyright text with heart emoji", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "separator", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/footer-component/footer-component-01/page.tsx", "type": "registry:page", "target": "app/footer-component-01/page.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/footer-component-01/footer-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/footer-component-01/footer-component-01.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "footer-component" } }, { "name": "forgot-password-01", "title": "Forgot Password 1", "description": "Centered card layout with logo header, title, description, and form input for password reset functionality with decorative background shape", "type": "registry:block", "registryDependencies": [ "button", "card", "input", "label", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/forgot-password/forgot-password-01/page.tsx", "type": "registry:page", "target": "app/forgot-password-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/forgot-password-01/forgot-password-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/forgot-password-01/forgot-password-01.tsx" }, { "path": "src/components/shadcn-studio/blocks/forgot-password-01/forgot-password-form.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/forgot-password-01/forgot-password-form.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "forgot-password" } }, { "name": "gallery-component-01", "title": "Gallery 1", "description": "Gallery section with centered header featuring underlined text highlight, flexible grid layout supporting both single images and 2x2 grid sections for versatile image arrangement", "type": "registry:block", "registryDependencies": [ "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/gallery-component/gallery-component-01/page.tsx", "type": "registry:page", "target": "app/gallery-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/gallery-component-01/gallery-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/gallery-component-01/gallery-component-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "gallery-component" } }, { "name": "hero-section-01", "title": "Hero 1", "description": "Centered vertical layout hero with navigation header, AI-powered badge in muted container, decorative SVG underline animation on \"Effortless\" text, call-to-action button, and full-width bottom dish image showcase", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "button", "dropdown-menu", "navigation-menu", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/hero-section/hero-section-01/page.tsx", "type": "registry:page", "target": "app/hero-section-01/page.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/hero-section-01/header.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/hero-section-01/header.tsx" }, { "path": "src/components/shadcn-studio/blocks/hero-section-01/hero-section-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/hero-section-01/hero-section-01.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "hero-section" } }, { "name": "login-page-01", "title": "Login 1", "description": "Centered card layout with logo header, quick login buttons, and full authentication form featuring email/password inputs, social login options, and remember me functionality", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card", "checkbox", "input", "label", "separator", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/login-page/login-page-01/page.tsx", "type": "registry:page", "target": "app/login-page-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/login-page-01/login-form.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/login-page-01/login-form.tsx" }, { "path": "src/components/shadcn-studio/blocks/login-page-01/login-page-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/login-page-01/login-page-01.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "login-page" } }, { "name": "logo-cloud-01", "title": "Logo Cloud 1", "description": "Muted background logo cloud with centered card container, underlined text highlight, and flexbox logo grid arrangement with responsive gap spacing and centered alignment", "type": "registry:block", "registryDependencies": [ "card" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/logo-cloud/logo-cloud-01/page.tsx", "type": "registry:page", "target": "app/logo-cloud-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/logo-cloud-01/logo-cloud-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/logo-cloud-01/logo-cloud-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "logo-cloud" } }, { "name": "navbar-component-01", "title": "Navbar 1", "description": "A sticky navigation header with centered logo and brand name flanked symmetrically by navigation links on both sides. Features a search icon button and responsive mobile dropdown menu, perfect for balanced logo-centric layouts.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/navbar-component/navbar-component-01/page.tsx", "type": "registry:page", "target": "app/navbar-component-01/page.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/navbar-component-01/navbar-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/navbar-component-01/navbar-component-01.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "navbar-component" } }, { "name": "portfolio-01", "title": "Portfolio 1", "description": "Portfolio showcase with masonry grid layout featuring project details, client information, and social media links", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "badge", "separator" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/portfolio/portfolio-01/page.tsx", "type": "registry:page", "target": "app/portfolio-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/portfolio-01/portfolio-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/portfolio-01/portfolio-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "portfolio" } }, { "name": "pricing-component-01", "title": "Pricing 1", "description": "Interactive pricing cards with monthly/annual toggle switch and plan comparison features", "type": "registry:block", "registryDependencies": [ "button", "card", "switch", "separator" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/pricing-component/pricing-component-01/page.tsx", "type": "registry:page", "target": "app/pricing-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/pricing-component-01/pricing-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/pricing-component-01/pricing-component-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "pricing-component" } }, { "name": "register-01", "title": "Register 1", "description": "Centered card layout with logo header, registration form featuring full name, email, password inputs, social signup options, and account linking for comprehensive user onboarding", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card", "checkbox", "input", "label", "separator", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/register/register-01/page.tsx", "type": "registry:page", "target": "app/register-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/register-01/register-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/register-01/register-01.tsx" }, { "path": "src/components/shadcn-studio/blocks/register-01/register-form.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/register-01/register-form.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "register" } }, { "name": "reset-password-01", "title": "Reset Password 1", "description": "Centered card layout with logo header, clear reset password messaging, form inputs for current and new passwords, and back to login navigation for secure password recovery", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "card", "input", "label", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/reset-password/reset-password-01/page.tsx", "type": "registry:page", "target": "app/reset-password-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/reset-password-01/reset-password-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/reset-password-01/reset-password-01.tsx" }, { "path": "src/components/shadcn-studio/blocks/reset-password-01/reset-password-form.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/reset-password-01/reset-password-form.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "reset-password" } }, { "name": "social-proof-01", "title": "Social Proof 1", "description": "Feature checklist layout with split design showcasing product benefits alongside a complementary image. Perfect for highlighting key features with checkmark icons and descriptive content.", "type": "registry:block", "dependencies": [ "lucide-react" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/social-proof/social-proof-01/page.tsx", "type": "registry:page", "target": "app/social-proof-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/social-proof-01/social-proof-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/social-proof-01/social-proof-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "social-proof" } }, { "name": "team-section-01", "title": "Team 1", "description": "A clean team showcase featuring a responsive 4-column grid layout with member cards, social media links, and hover effects. Perfect for displaying team members with their photos, names, roles, and social connections.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "card", "separator" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/team-section/team-section-01/page.tsx", "type": "registry:page", "target": "app/team-section-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/team-section-01/team-section-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/team-section-01/team-section-01.tsx" } ], "meta": { "category": "marketing-ui", "section": "team-section" } }, { "name": "testimonials-component-01", "title": "Testimonials 1", "description": "Testimonials section with side content and carousel featuring customer feedback with star ratings and avatars", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "card", "carousel", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/testimonials-component/testimonials-component-01/page.tsx", "type": "registry:page", "target": "app/testimonials-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/testimonials-component-01/testimonials-component-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/testimonials-component-01/testimonials-component-01.tsx" }, { "path": "src/components/ui/rating.tsx", "type": "registry:ui", "target": "components/ui/rating.tsx" } ], "meta": { "category": "marketing-ui", "section": "testimonials-component" } }, { "name": "two-factor-authentication-01", "title": "Two Factor Authentication 1", "description": "Centered card layout with logo header, clear two-factor authentication messaging, OTP input field, and authenticator app instructions for secure account verification", "type": "registry:block", "registryDependencies": [ "button", "card", "input-otp", "label", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/two-factor-authentication/two-factor-authentication-01/page.tsx", "type": "registry:page", "target": "app/two-factor-authentication-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/two-factor-authentication-01/two-factor-authentication-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/two-factor-authentication-01/two-factor-authentication-01.tsx" }, { "path": "src/components/shadcn-studio/blocks/two-factor-authentication-01/two-factor-authentication-form.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/two-factor-authentication-01/two-factor-authentication-form.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "two-factor-authentication" } }, { "name": "verify-email-01", "title": "Verify Email 1", "description": "Centered card layout with logo header, email verification messaging, activation link instructions, skip option, and resend link for streamlined email confirmation", "type": "registry:block", "registryDependencies": [ "button", "card", "utils" ], "files": [ { "path": "src/app/(blank)/preview/marketing-ui/verify-email/verify-email-01/page.tsx", "type": "registry:page", "target": "app/verify-email-01/page.tsx" }, { "path": "src/assets/svg/auth-background-shape.tsx", "type": "registry:component", "target": "assets/svg/auth-background-shape.tsx" }, { "path": "src/assets/svg/logo.tsx", "type": "registry:component", "target": "assets/svg/logo.tsx" }, { "path": "src/components/shadcn-studio/blocks/verify-email-01/verify-email-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/verify-email-01/verify-email-01.tsx" }, { "path": "src/components/layout/logo.tsx", "type": "registry:component", "target": "components/shadcn-studio/logo.tsx" } ], "meta": { "category": "marketing-ui", "section": "verify-email" } }, { "name": "application-shell-01", "title": "Application Shell 1", "description": "Classic sidebar application shell with navigation menu, user profile, and language selector for traditional dashboard layouts.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "breadcrumb", "button", "card", "dropdown-menu", "separator", "sidebar" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/application-shell/application-shell-01/page.tsx", "type": "registry:page", "target": "app/application-shell-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-language.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-language.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-profile.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-profile.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "application-shell" } }, { "name": "chart-component-01", "title": "Chart 1", "description": "Comprehensive sales metrics dashboard featuring company profile, key performance indicators (sales trend, discounts, profit, orders), pie chart for revenue goals, and bar chart for sales plan completion with cohort analysis tools.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "card", "chart" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/charts-component/chart-component-01/page.tsx", "type": "registry:page", "target": "app/chart-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/chart-sales-metrics.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/chart-sales-metrics.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "charts-component" } }, { "name": "dashboard-dialog-01", "title": "Dashboard Dialog 1", "description": "A subscription plan selection dialog with pricing options, features comparison, and radio button selection for choosing between different tiers.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "dialog", "label", "radio-group", "utils" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-dialog/dashboard-dialog-01/page.tsx", "type": "registry:page", "target": "app/dashboard-dialog-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/dashboard-dialog-01/dialog-plan.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dashboard-dialog-01/dialog-plan.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-dialog" } }, { "name": "dashboard-shell-01", "title": "Dashboard Shell 1", "description": "Comprehensive dashboard layout with sidebar navigation, breadcrumb header, sales metrics charts, statistics cards, transaction tables, and widget components for business analytics and reporting", "type": "registry:block", "dependencies": [ "@tanstack/react-table", "lucide-react" ], "registryDependencies": [ "avatar", "badge", "breadcrumb", "button", "card", "chart", "dropdown-menu", "pagination", "progress", "separator", "sidebar", "table", "utils" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-shell/dashboard-shell-01/page.tsx", "type": "registry:page", "target": "app/dashboard-shell-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/chart-sales-metrics.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/chart-sales-metrics.tsx" }, { "path": "src/components/shadcn-studio/blocks/datatable-transaction.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/datatable-transaction.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-language.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-language.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-profile.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-profile.tsx" }, { "path": "src/components/shadcn-studio/blocks/statistics-card-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/statistics-card-01.tsx" }, { "path": "src/components/shadcn-studio/blocks/widget-product-insights.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/widget-product-insights.tsx" }, { "path": "src/components/shadcn-studio/blocks/widget-total-earning.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/widget-total-earning.tsx" }, { "path": "src/hooks/use-pagination.ts", "type": "registry:hook", "target": "hooks/use-pagination.ts" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-shell" } }, { "name": "dashboard-dropdown-01", "title": "Dashboard Dropdown 1", "description": "A language selection dropdown with flag icons and language options for internationalization and localization features.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "button", "dropdown-menu" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-dropdown/dashboard-dropdown-01/page.tsx", "type": "registry:page", "target": "app/dashboard-dropdown-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-language.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-language.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-dropdown" } }, { "name": "dashboard-dropdown-02", "title": "Dashboard Dropdown 2", "description": "A user profile dropdown with avatar display, user information, profile settings, and account actions for user management.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "dropdown-menu" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-dropdown/dashboard-dropdown-02/page.tsx", "type": "registry:page", "target": "app/dashboard-dropdown-02/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-profile.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-profile.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-dropdown" } }, { "name": "dashboard-footer-01", "title": "Dashboard Footer 1", "description": "A complete dashboard layout with sidebar, main content area, and footer featuring copyright text with social media icons (Facebook, Instagram, LinkedIn, Twitter) for application branding.", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "card", "sidebar" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-footer/dashboard-footer-01/page.tsx", "type": "registry:page", "target": "app/dashboard-footer-01/page.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-footer" } }, { "name": "dashboard-header-01", "title": "Dashboard Header 1", "description": "Comprehensive dashboard header with navigation, breadcrumbs, user profile, and language dropdown", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "breadcrumb", "button", "card", "dropdown-menu", "separator", "sidebar" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-header/dashboard-header-01/page.tsx", "type": "registry:page", "target": "app/dashboard-header-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-language.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-language.tsx" }, { "path": "src/components/shadcn-studio/blocks/dropdown-profile.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/dropdown-profile.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-header" } }, { "name": "dashboard-sidebar-01", "title": "Dashboard Sidebar 1", "description": "Social media analytics dashboard sidebar featuring Content Performance, Audience Insights, Hashtag Performance, Competitor Analysis, Influencer tracking, Campaign Tracking, Sentiment Tracking, Real Time Monitoring, and Schedule Post & Calendar navigation", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "card", "sidebar" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/dashboard-sidebar/dashboard-sidebar-01/page.tsx", "type": "registry:page", "target": "app/dashboard-sidebar-01/page.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "dashboard-sidebar" } }, { "name": "statistics-component-01", "title": "Statistics 1", "description": "Logistics and shipping statistics cards displaying Shipped Orders, Damaged Returns, Missed Delivery Slots, and Late Deliveries with percentage change indicators and \"than last week\" comparison periods", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "card", "utils" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/statistics-component/statistics-component-01/page.tsx", "type": "registry:page", "target": "app/statistics-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/statistics-card-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/statistics-card-01.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "statistics-component" } }, { "name": "widget-component-01", "title": "Widget 1", "description": "Total earnings widget with progress tracking, interactive controls, and comprehensive financial overview", "type": "registry:block", "dependencies": [ "lucide-react" ], "registryDependencies": [ "avatar", "button", "card", "dropdown-menu", "progress" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/widgets-component/widget-component-01/page.tsx", "type": "registry:page", "target": "app/widget-component-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/widget-total-earning.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/widget-total-earning.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "widgets-component" } }, { "name": "widget-component-02", "title": "Widget 2", "description": "Product insights widget with advanced analytics, chart visualization, and comprehensive product data overview", "type": "registry:block", "dependencies": [ "lucide-react", "recharts" ], "registryDependencies": [ "card", "chart", "separator", "utils" ], "files": [ { "path": "src/app/(blank)/preview/dashboard-and-application/widgets-component/widget-component-02/page.tsx", "type": "registry:page", "target": "app/widget-component-02/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/widget-product-insights.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/widget-product-insights.tsx" } ], "meta": { "category": "dashboard-and-application", "section": "widgets-component" } }, { "name": "product-list-01", "title": "Product List 1", "description": "Three-column grid layout with product cards featuring centered images, product names with badges, separator lines, pricing with sale discounts, wishlist checkboxes and shopping cart icons", "type": "registry:block", "dependencies": [ "@radix-ui/react-checkbox", "lucide-react" ], "registryDependencies": [ "badge", "button", "card", "separator", "utils" ], "files": [ { "path": "src/app/(blank)/preview/ecommerce/product-list/product-list-01/page.tsx", "type": "registry:page", "target": "app/product-list-01/page.tsx" }, { "path": "src/components/shadcn-studio/blocks/product-list-01/product-list-01.tsx", "type": "registry:component", "target": "components/shadcn-studio/blocks/product-list-01/product-list-01.tsx" } ], "meta": { "category": "ecommerce", "section": "product-list" } }, { "name": "marshmallow", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Gabriela, Geist Fallback, ui-sans-serif", "font-mono": "Geist Mono, Geist Mono Fallback, ui-monospace", "font-serif": "Gabriela, Geist Fallback, ui-serif", "radius": "0rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.97 0.01 267.41)", "foreground": "oklch(0.22 0 0)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.22 0 0)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.22 0 0)", "primary": "oklch(0.80 0.14 348.82)", "primary-foreground": "oklch(0 0 0)", "secondary": "oklch(0.94 0.07 97.70)", "secondary-foreground": "oklch(0 0 0)", "muted": "oklch(0.92 0.01 273.42)", "muted-foreground": "oklch(0.34 0 0)", "accent": "oklch(0.83 0.09 247.96)", "accent-foreground": "oklch(0 0 0)", "destructive": "oklch(0.70 0.19 23.04)", "border": "oklch(0.85 0 0)", "input": "oklch(0.85 0 0)", "ring": "oklch(0.83 0.09 247.96)", "chart-1": "oklch(0.80 0.14 348.82)", "chart-2": "oklch(0.77 0.15 306.21)", "chart-3": "oklch(0.83 0.09 247.96)", "chart-4": "oklch(0.88 0.09 66.79)", "chart-5": "oklch(0.94 0.14 130.35)", "sidebar": "oklch(1.00 0 0)", "sidebar-foreground": "oklch(0.22 0 0)", "sidebar-primary": "oklch(0.80 0.14 348.82)", "sidebar-primary-foreground": "oklch(0 0 0)", "sidebar-accent": "oklch(0.83 0.09 247.96)", "sidebar-accent-foreground": "oklch(0 0 0)", "sidebar-border": "oklch(0.85 0 0)", "sidebar-ring": "oklch(0.83 0.09 247.96)", "font-sans": "Gabriela, Geist Fallback, ui-sans-serif", "font-serif": "Gabriela, Geist Fallback, ui-serif", "font-mono": "Geist Mono, Geist Mono Fallback, ui-monospace", "radius": "0rem", "shadow-color": "oklch(0.83 0.09 248.95 )", "shadow-opacity": "0.10", "shadow-blur": "5px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "2px", "spacing": "0.25rem", "shadow-2xs": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.05)", "shadow-xs": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.05)", "shadow-sm": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 1px 2px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 1px 2px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-md": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 2px 4px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-lg": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 4px 6px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-xl": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 8px 10px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-2xl": "0px 2px 5px 0px oklch(0.83 0.09 247.96 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.22 0 0)", "foreground": "oklch(0.97 0.01 267.41)", "card": "oklch(0.29 0 0)", "card-foreground": "oklch(0.97 0.01 267.41)", "popover": "oklch(0.29 0 0)", "popover-foreground": "oklch(0.97 0.01 267.41)", "primary": "oklch(0.80 0.14 348.82)", "primary-foreground": "oklch(0.22 0 0)", "secondary": "oklch(0.77 0.15 306.21)", "secondary-foreground": "oklch(0.22 0 0)", "muted": "oklch(0.32 0 0)", "muted-foreground": "oklch(0.85 0 0)", "accent": "oklch(0.83 0.09 247.96)", "accent-foreground": "oklch(0.22 0 0)", "destructive": "oklch(0.70 0.19 23.04)", "border": "oklch(0.39 0 0)", "input": "oklch(0.39 0 0)", "ring": "oklch(0.83 0.09 247.96)", "chart-1": "oklch(0.80 0.14 348.82)", "chart-2": "oklch(0.77 0.15 306.21)", "chart-3": "oklch(0.83 0.09 247.96)", "chart-4": "oklch(0.88 0.09 66.79)", "chart-5": "oklch(0.94 0.14 130.35)", "sidebar": "oklch(0.29 0 0)", "sidebar-foreground": "oklch(0.97 0.01 267.41)", "sidebar-primary": "oklch(0.80 0.14 348.82)", "sidebar-primary-foreground": "oklch(0.22 0 0)", "sidebar-accent": "oklch(0.83 0.09 247.96)", "sidebar-accent-foreground": "oklch(0.22 0 0)", "sidebar-border": "oklch(0.39 0 0)", "sidebar-ring": "oklch(0.83 0.09 247.96)", "radius": "0.625rem", "shadow-color": "oklch(0.83 0.09 248.95 / 0.10)", "shadow-opacity": "0.10", "shadow-blur": "2px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.05)", "shadow-xs": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.05)", "shadow-sm": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 1px 2px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 1px 2px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-md": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 2px 4px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-lg": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 4px 6px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-xl": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.10), 0px 8px 10px -1px oklch(0.83 0.09 247.96 / 0.10)", "shadow-2xl": "0px 1px 2px 0px oklch(0.83 0.09 247.96 / 0.25)" } } }, { "name": "art-deco", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Delius Swash Caps", "font-mono": "Delius Swash Caps", "font-serif": "Delius Swash Caps", "radius": "0.625rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.96 0.03 106.92)", "foreground": "oklch(0.40 0.07 90.80)", "card": "oklch(0.98 0.04 97.73)", "card-foreground": "oklch(0.32 0 0)", "popover": "oklch(0.98 0.04 97.73)", "popover-foreground": "oklch(0.32 0 0)", "primary": "oklch(0.77 0.14 91.27)", "primary-foreground": "oklch(0 0 0)", "secondary": "oklch(0.67 0.13 61.58)", "secondary-foreground": "oklch(0 0 0)", "muted": "oklch(0.93 0.03 106.94)", "muted-foreground": "oklch(0.32 0 0)", "accent": "oklch(0.89 0.18 95.47)", "accent-foreground": "oklch(0.32 0 0)", "destructive": "oklch(0.69 0.20 32.29)", "border": "oklch(0.83 0.11 93.01)", "input": "oklch(0.65 0.13 81.66)", "ring": "oklch(0.75 0.15 84.05)", "chart-1": "oklch(0.89 0.18 95.47)", "chart-2": "oklch(0.67 0.13 61.58)", "chart-3": "oklch(0.65 0.13 81.66)", "chart-4": "oklch(0.75 0.15 84.05)", "chart-5": "oklch(0.77 0.14 91.27)", "sidebar": "oklch(0.96 0.03 106.92)", "sidebar-foreground": "oklch(0.32 0 0)", "sidebar-primary": "oklch(0.77 0.14 91.27)", "sidebar-primary-foreground": "oklch(0.32 0 0)", "sidebar-accent": "oklch(0.89 0.18 95.47)", "sidebar-accent-foreground": "oklch(0.32 0 0)", "sidebar-border": "oklch(0.65 0.13 81.66)", "sidebar-ring": "oklch(0.75 0.15 84.05)", "font-sans": "Delius Swash Caps", "font-serif": "Delius Swash Caps", "font-mono": "Delius Swash Caps", "radius": "0.625rem", "shadow-color": "oklch(0.70 0.17 28.12 / 30%)", "shadow-opacity": "0.05", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-sm": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-md": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 2px 4px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-lg": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 4px 6px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 8px 10px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-2xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.13)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.32 0 0)", "foreground": "oklch(0.96 0.03 106.92)", "card": "oklch(0.41 0 0)", "card-foreground": "oklch(0.96 0.03 106.92)", "popover": "oklch(0.41 0 0)", "popover-foreground": "oklch(0.96 0.03 106.92)", "primary": "oklch(0.84 0.17 83.07)", "primary-foreground": "oklch(0 0 0)", "secondary": "oklch(0.47 0.11 50.64)", "secondary-foreground": "oklch(0.96 0.03 106.92)", "muted": "oklch(0.44 0 0)", "muted-foreground": "oklch(0.96 0.03 106.92)", "accent": "oklch(0.66 0.14 79.74)", "accent-foreground": "oklch(0 0 0)", "destructive": "oklch(0.66 0.23 35.22)", "border": "oklch(0.47 0.11 50.64)", "input": "oklch(0.47 0.11 50.64)", "ring": "oklch(0.65 0.13 81.66)", "chart-1": "oklch(0.75 0.15 84.05)", "chart-2": "oklch(0.47 0.11 50.64)", "chart-3": "oklch(0.65 0.13 81.66)", "chart-4": "oklch(0.75 0.15 84.05)", "chart-5": "oklch(0.65 0.13 81.66)", "sidebar": "oklch(0.32 0 0)", "sidebar-foreground": "oklch(1.00 0 0)", "sidebar-primary": "oklch(0.61 0.13 79.65)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.75 0.15 84.05)", "sidebar-accent-foreground": "oklch(0.96 0.03 106.92)", "sidebar-border": "oklch(0.47 0.11 50.64)", "sidebar-ring": "oklch(0.65 0.13 81.66)", "radius": "0.625rem", "shadow-color": "oklch(0.00 0 0 / 0.05)", "shadow-opacity": "0.05", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 3px 0px oklch(0 0 0 / 0.03)", "shadow-xs": "0px 1px 3px 0px oklch(0 0 0 / 0.03)", "shadow-sm": "0px 1px 3px 0px oklch(0 0 0 / 0.05), 0px 1px 2px -1px oklch(0 0 0 / 0.05)", "shadow": "0px 1px 3px 0px oklch(0 0 0 / 0.05), 0px 1px 2px -1px oklch(0 0 0 / 0.05)", "shadow-md": "0px 1px 3px 0px oklch(0 0 0 / 0.05), 0px 2px 4px -1px oklch(0 0 0 / 0.05)", "shadow-lg": "0px 1px 3px 0px oklch(0 0 0 / 0.05), 0px 4px 6px -1px oklch(0 0 0 / 0.05)", "shadow-xl": "0px 1px 3px 0px oklch(0 0 0 / 0.05), 0px 8px 10px -1px oklch(0 0 0 / 0.05)", "shadow-2xl": "0px 1px 3px 0px oklch(0 0 0 / 0.13)" } } }, { "name": "vs-code", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "'Source Code Pro', 'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-mono": "'Source Code Pro', 'Geist Mono', 'Geist Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", "font-serif": "'Source Serif 4', 'Geist', 'Geist Fallback', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif", "radius": "0rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.97 0.02 225.66)", "foreground": "oklch(0.15 0.02 269.18)", "card": "oklch(0.98 0.01 228.79)", "card-foreground": "oklch(0.15 0.02 269.18)", "popover": "oklch(0.98 0.01 238.45)", "popover-foreground": "oklch(0.15 0.02 269.18)", "primary": "oklch(0.71 0.15 239.15)", "primary-foreground": "oklch(0.94 0.03 232.39)", "secondary": "oklch(0.91 0.03 229.20)", "secondary-foreground": "oklch(0.15 0.02 269.18)", "muted": "oklch(0.89 0.02 225.69)", "muted-foreground": "oklch(0.36 0.03 231.55)", "accent": "oklch(0.88 0.02 235.72)", "accent-foreground": "oklch(0.34 0.05 229.20)", "destructive": "oklch(0.61 0.24 20.96)", "border": "oklch(0.82 0.02 240.77)", "input": "oklch(0.82 0.02 240.77)", "ring": "oklch(0.55 0.10 235.72)", "chart-1": "oklch(0.57 0.11 228.92)", "chart-2": "oklch(0.45 0.10 270.08)", "chart-3": "oklch(0.65 0.15 159.03)", "chart-4": "oklch(0.75 0.10 100.01)", "chart-5": "oklch(0.55 0.15 299.88)", "sidebar": "oklch(0.93 0.01 238.46)", "sidebar-foreground": "oklch(0.15 0.02 269.18)", "sidebar-primary": "oklch(0.57 0.11 228.92)", "sidebar-primary-foreground": "oklch(0.99 0.01 203.97)", "sidebar-accent": "oklch(0.88 0.02 235.72)", "sidebar-accent-foreground": "oklch(0.15 0.02 269.18)", "sidebar-border": "oklch(0.82 0.02 240.77)", "sidebar-ring": "oklch(0.57 0.11 228.92)", "font-sans": "'Source Code Pro', 'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "'Source Serif 4', 'Geist', 'Geist Fallback', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif", "font-mono": "'Source Code Pro', 'Geist Mono', 'Geist Mono Fallback', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", "radius": "0rem", "shadow-color": "oklch(0.49 0.09 235.45)", "shadow-opacity": "0.06", "shadow-blur": "2.5px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.03)", "shadow-xs": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.03)", "shadow-sm": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.06), 0px 1px 2px -1px oklch(0.49 0.09 235.00 / 0.06)", "shadow": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.06), 0px 1px 2px -1px oklch(0.49 0.09 235.00 / 0.06)", "shadow-md": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.06), 0px 2px 4px -1px oklch(0.49 0.09 235.00 / 0.06)", "shadow-lg": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.06), 0px 4px 6px -1px oklch(0.49 0.09 235.00 / 0.06)", "shadow-xl": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.06), 0px 8px 10px -1px oklch(0.49 0.09 235.00 / 0.06)", "shadow-2xl": "0px 1px 2.5px 0px oklch(0.49 0.09 235.00 / 0.15)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.18 0.02 271.27)", "foreground": "oklch(0.90 0.01 238.47)", "card": "oklch(0.22 0.02 271.67)", "card-foreground": "oklch(0.90 0.01 238.47)", "popover": "oklch(0.22 0.02 271.67)", "popover-foreground": "oklch(0.90 0.01 238.47)", "primary": "oklch(0.71 0.15 239.15)", "primary-foreground": "oklch(0.94 0.03 232.39)", "secondary": "oklch(0.28 0.03 270.91)", "secondary-foreground": "oklch(0.90 0.01 238.47)", "muted": "oklch(0.28 0.03 270.91)", "muted-foreground": "oklch(0.60 0.03 269.46)", "accent": "oklch(0.28 0.03 270.91)", "accent-foreground": "oklch(0.90 0.01 238.47)", "destructive": "oklch(0.64 0.25 19.69)", "border": "oklch(0.90 0.01 238.47 / 15%)", "input": "oklch(0.90 0.01 238.47 / 20%)", "ring": "oklch(0.66 0.13 227.70)", "chart-1": "oklch(0.66 0.13 227.70)", "chart-2": "oklch(0.60 0.10 269.83)", "chart-3": "oklch(0.70 0.15 159.83)", "chart-4": "oklch(0.80 0.10 100.65)", "chart-5": "oklch(0.60 0.15 300.14)", "sidebar": "oklch(0.22 0.02 271.67)", "sidebar-foreground": "oklch(0.90 0.01 238.47)", "sidebar-primary": "oklch(0.66 0.13 227.70)", "sidebar-primary-foreground": "oklch(0.18 0.02 271.27)", "sidebar-accent": "oklch(0.28 0.03 270.91)", "sidebar-accent-foreground": "oklch(0.90 0.01 238.47)", "sidebar-border": "oklch(0.90 0.01 238.47 / 15%)", "sidebar-ring": "oklch(0.66 0.13 227.70)", "radius": "0.625rem", "shadow-color": "oklch(0 0 0)", "shadow-opacity": "0.01", "shadow-blur": "2px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 2px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 2px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 2px 0px oklch(0 0 0 / 0.03)" } } }, { "name": "spotify", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Lato, sans-serif", "font-mono": "Roboto Mono, Geist Mono, Geist Mono Fallback, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "font-serif": "Merriweather, Geist, Geist Fallback, ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "radius": "0.25rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.99 0 0)", "foreground": "oklch(0.35 0.02 165.48)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.35 0.02 165.48)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.35 0.02 165.48)", "primary": "oklch(0.67 0.17 153.85)", "primary-foreground": "oklch(0.99 0.02 175.22)", "secondary": "oklch(0.90 0.02 238.66)", "secondary-foreground": "oklch(0.20 0.02 266.02)", "muted": "oklch(0.90 0.02 240.73)", "muted-foreground": "oklch(0.50 0.03 268.53)", "accent": "oklch(0.90 0.02 240.73)", "accent-foreground": "oklch(0.35 0.02 165.48)", "destructive": "oklch(0.61 0.24 20.96)", "border": "oklch(0.94 0.01 238.46)", "input": "oklch(0.85 0.02 240.75)", "ring": "oklch(0.67 0.17 153.85)", "chart-1": "oklch(0.67 0.17 153.85)", "chart-2": "oklch(0.50 0.10 270.06)", "chart-3": "oklch(0.72 0.12 201.79)", "chart-4": "oklch(0.80 0.10 100.65)", "chart-5": "oklch(0.60 0.15 300.14)", "sidebar": "oklch(0.98 0.01 238.45)", "sidebar-foreground": "oklch(0.35 0.02 165.48)", "sidebar-primary": "oklch(0.67 0.17 153.85)", "sidebar-primary-foreground": "oklch(0.98 0.01 238.45)", "sidebar-accent": "oklch(0.90 0.02 240.73)", "sidebar-accent-foreground": "oklch(0.35 0.02 165.48)", "sidebar-border": "oklch(0.85 0.02 240.75)", "sidebar-ring": "oklch(0.67 0.17 153.85)", "font-sans": "Lato, sans-serif", "font-serif": "Merriweather, Geist, Geist Fallback, ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "Roboto Mono, Geist Mono, Geist Mono Fallback, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "radius": "0.25rem", "shadow-color": "oklch(0.35 0.05 163.50)", "shadow-opacity": "0.04", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.02)", "shadow-xs": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.02)", "shadow-sm": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 1px 2px -1px oklch(0.35 0.05 163.02 / 0.04)", "shadow": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 1px 2px -1px oklch(0.35 0.05 163.02 / 0.04)", "shadow-md": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 2px 4px -1px oklch(0.35 0.05 163.02 / 0.04)", "shadow-lg": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 4px 6px -1px oklch(0.35 0.05 163.02 / 0.04)", "shadow-xl": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.04), 0px 8px 10px -1px oklch(0.35 0.05 163.02 / 0.04)", "shadow-2xl": "0px 1px 3px 0px oklch(0.35 0.05 163.02 / 0.10)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.15 0.02 269.18)", "foreground": "oklch(0.95 0.01 238.46)", "card": "oklch(0.20 0.02 266.02)", "card-foreground": "oklch(0.95 0.01 238.46)", "popover": "oklch(0.20 0.02 266.02)", "popover-foreground": "oklch(0.95 0.01 238.46)", "primary": "oklch(0.67 0.17 153.85)", "primary-foreground": "oklch(0.15 0.02 269.18)", "secondary": "oklch(0.30 0.03 271.05)", "secondary-foreground": "oklch(0.95 0.01 238.46)", "muted": "oklch(0.30 0.03 271.05)", "muted-foreground": "oklch(0.60 0.03 269.46)", "accent": "oklch(0.30 0.03 271.05)", "accent-foreground": "oklch(0.95 0.01 238.46)", "destructive": "oklch(0.64 0.25 19.69)", "border": "oklch(0.95 0.01 238.46 / 15%)", "input": "oklch(0.95 0.01 238.46 / 20%)", "ring": "oklch(0.67 0.17 153.85)", "chart-1": "oklch(0.67 0.17 153.85)", "chart-2": "oklch(0.60 0.10 269.83)", "chart-3": "oklch(0.72 0.12 201.79)", "chart-4": "oklch(0.80 0.10 100.65)", "chart-5": "oklch(0.60 0.15 300.14)", "sidebar": "oklch(0.20 0.02 266.02)", "sidebar-foreground": "oklch(0.95 0.01 238.46)", "sidebar-primary": "oklch(0.67 0.17 153.85)", "sidebar-primary-foreground": "oklch(0.15 0.02 269.18)", "sidebar-accent": "oklch(0.30 0.03 271.05)", "sidebar-accent-foreground": "oklch(0.95 0.01 238.46)", "sidebar-border": "oklch(0.95 0.01 238.46 / 15%)", "sidebar-ring": "oklch(0.67 0.17 153.85)", "radius": "0.625rem", "shadow-color": "oklch(0 0 0)", "shadow-opacity": "0.01", "shadow-blur": "2px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 2px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 2px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 2px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 2px 0px oklch(0 0 0 / 0.03)" } } }, { "name": "summer", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Nunito, Segoe UI, Tahoma, Geneva, Verdana, sans-serif", "font-mono": "Fira Code, ui-monospace, SFMono-Regular", "font-serif": "Lora, ui-serif, Georgia, Cambria, Times New Roman, Times, serif", "radius": "0.6rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0.01 81.76)", "foreground": "oklch(0.38 0.02 64.16)", "card": "oklch(0.97 0.02 72.57)", "card-foreground": "oklch(0.38 0.02 64.16)", "popover": "oklch(0.96 0.04 83.12)", "popover-foreground": "oklch(0.38 0.02 64.16)", "primary": "oklch(0.70 0.17 28.12)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.81 0.15 71.81)", "secondary-foreground": "oklch(0.38 0.02 64.16)", "muted": "oklch(0.94 0.03 61.12)", "muted-foreground": "oklch(0.62 0.06 59.24)", "accent": "oklch(0.64 0.22 28.93)", "accent-foreground": "oklch(1.00 0 0)", "destructive": "oklch(0.57 0.20 26.34)", "border": "oklch(0.87 0.08 65.83)", "input": "oklch(0.96 0.03 78.77)", "ring": "oklch(0.70 0.17 28.12)", "chart-1": "oklch(0.70 0.17 28.12)", "chart-2": "oklch(0.81 0.15 71.81)", "chart-3": "oklch(0.71 0.18 37.63)", "chart-4": "oklch(0.89 0.15 91.66)", "chart-5": "oklch(0.59 0.19 36.05)", "sidebar": "oklch(0.97 0.02 72.57)", "sidebar-foreground": "oklch(0.38 0.02 64.16)", "sidebar-primary": "oklch(0.70 0.17 28.12)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.81 0.15 71.81)", "sidebar-accent-foreground": "oklch(0.38 0.02 64.16)", "sidebar-border": "oklch(0.87 0.08 65.83)", "sidebar-ring": "oklch(0.70 0.17 28.12)", "font-sans": "Nunito, Segoe UI, Tahoma, Geneva, Verdana, sans-serif", "font-serif": "Lora, ui-serif, Georgia, Cambria, Times New Roman, Times, serif", "font-mono": "Fira Code, ui-monospace, SFMono-Regular", "radius": "0.6rem", "shadow-color": "oklch(0.70 0.17 28.12 / 30%)", "shadow-opacity": "0.05", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-sm": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-md": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 2px 4px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-lg": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 4px 6px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 8px 10px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-2xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.13)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.26 0.02 63.41)", "foreground": "oklch(0.87 0.08 65.83)", "card": "oklch(0.31 0.03 60.03)", "card-foreground": "oklch(0.87 0.08 65.83)", "popover": "oklch(0.36 0.03 54.43)", "popover-foreground": "oklch(0.87 0.08 65.83)", "primary": "oklch(0.70 0.17 28.12)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.81 0.15 71.81)", "secondary-foreground": "oklch(0.26 0.02 63.41)", "muted": "oklch(0.56 0.05 59.94)", "muted-foreground": "oklch(0.79 0.06 71.87)", "accent": "oklch(0.61 0.21 27.04)", "accent-foreground": "oklch(1.00 0 0)", "destructive": "oklch(0.50 0.19 27.43)", "border": "oklch(0.45 0.05 60.24)", "input": "oklch(0.40 0.04 60.31)", "ring": "oklch(0.70 0.17 28.12)", "chart-1": "oklch(0.70 0.17 28.12)", "chart-2": "oklch(0.81 0.15 71.81)", "chart-3": "oklch(0.71 0.18 37.63)", "chart-4": "oklch(0.89 0.15 91.66)", "chart-5": "oklch(0.59 0.19 36.05)", "sidebar": "oklch(0.31 0.03 60.03)", "sidebar-foreground": "oklch(0.87 0.08 65.83)", "sidebar-primary": "oklch(0.70 0.17 28.12)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.81 0.15 71.81)", "sidebar-accent-foreground": "oklch(0.26 0.02 63.41)", "sidebar-border": "oklch(0.45 0.05 60.24)", "sidebar-ring": "oklch(0.70 0.17 28.12)", "radius": "0.625rem", "shadow-color": "oklch(0.70 0.17 28.12 / 70%)", "shadow-opacity": "0.05", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-xs": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.03)", "shadow-sm": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 1px 2px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-md": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 2px 4px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-lg": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 4px 6px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.05), 0px 8px 10px -1px oklch(0.70 0.17 28.12 / 0.05)", "shadow-2xl": "0px 1px 3px 0px oklch(0.70 0.17 28.12 / 0.13)" } } }, { "name": "material-design", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Roboto, sans-serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "font-serif": "Merriweather, serif", "radius": "1rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0.01 335.69)", "foreground": "oklch(0.22 0 0)", "card": "oklch(0.96 0.01 335.69)", "card-foreground": "oklch(0.14 0 0)", "popover": "oklch(0.95 0.01 316.67)", "popover-foreground": "oklch(0.40 0.04 309.35)", "primary": "oklch(0.51 0.21 286.50)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.49 0.04 300.23)", "secondary-foreground": "oklch(1.00 0 0)", "muted": "oklch(0.96 0.01 335.69)", "muted-foreground": "oklch(0.14 0 0)", "accent": "oklch(0.92 0.04 303.47)", "accent-foreground": "oklch(0.14 0 0)", "destructive": "oklch(0.57 0.23 29.21)", "border": "oklch(0.83 0.02 308.26)", "input": "oklch(0.57 0.02 309.68)", "ring": "oklch(0.50 0.13 293.77)", "chart-1": "oklch(0.61 0.21 279.42)", "chart-2": "oklch(0.72 0.15 157.67)", "chart-3": "oklch(0.66 0.17 324.24)", "chart-4": "oklch(0.81 0.15 127.91)", "chart-5": "oklch(0.68 0.17 258.25)", "sidebar": "oklch(0.99 0 0)", "sidebar-foreground": "oklch(0.15 0 0)", "sidebar-primary": "oklch(0.56 0.11 228.27)", "sidebar-primary-foreground": "oklch(0.98 0 0)", "sidebar-accent": "oklch(0.95 0 0)", "sidebar-accent-foreground": "oklch(0.25 0 0)", "sidebar-border": "oklch(0.90 0 0)", "sidebar-ring": "oklch(0.56 0.11 228.27)", "font-sans": "Roboto, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "radius": "1rem", "shadow-color": "oklch(0 0 0 / 0.01)", "shadow-opacity": "0.01", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 3px 0px oklch(0 0 0 / 0.03)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.15 0.01 317.69)", "foreground": "oklch(0.95 0.01 321.50)", "card": "oklch(0.22 0.02 322.13)", "card-foreground": "oklch(0.95 0.01 321.50)", "popover": "oklch(0.22 0.02 322.13)", "popover-foreground": "oklch(0.95 0.01 321.50)", "primary": "oklch(0.60 0.22 279.81)", "primary-foreground": "oklch(0.98 0.01 321.51)", "secondary": "oklch(0.45 0.03 294.79)", "secondary-foreground": "oklch(0.95 0.01 321.50)", "muted": "oklch(0.22 0.01 319.50)", "muted-foreground": "oklch(0.70 0.01 320.70)", "accent": "oklch(0.35 0.06 299.57)", "accent-foreground": "oklch(0.95 0.01 321.50)", "destructive": "oklch(0.57 0.23 29.21)", "border": "oklch(0.40 0.04 309.35)", "input": "oklch(0.40 0.04 309.35)", "ring": "oklch(0.50 0.15 294.97)", "chart-1": "oklch(0.50 0.25 274.99)", "chart-2": "oklch(0.60 0.15 150.16)", "chart-3": "oklch(0.65 0.20 309.96)", "chart-4": "oklch(0.60 0.17 132.98)", "chart-5": "oklch(0.60 0.20 255.25)", "sidebar": "oklch(0.20 0.01 317.74)", "sidebar-foreground": "oklch(0.95 0.01 321.50)", "sidebar-primary": "oklch(0.59 0.11 225.82)", "sidebar-primary-foreground": "oklch(0.95 0.01 321.50)", "sidebar-accent": "oklch(0.30 0.01 319.52)", "sidebar-accent-foreground": "oklch(0.95 0.01 321.50)", "sidebar-border": "oklch(0.35 0.01 319.53 / 30%)", "sidebar-ring": "oklch(0.59 0.11 225.82)", "radius": "0.625rem", "shadow-color": "oklch(0 0 0 / 0.01)", "shadow-opacity": "0.01", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 3px 0px oklch(0 0 0 / 0.03)" } } }, { "name": "marvel", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Outfit, sans-serif", "font-mono": "Geist Mono, monospace", "font-serif": "Merriweather, serif", "radius": "0rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0.01 25.23)", "foreground": "oklch(0.20 0.01 18.05)", "card": "oklch(0.95 0.01 25.23)", "card-foreground": "oklch(0.18 0.01 29.18)", "popover": "oklch(0.94 0.01 25.23)", "popover-foreground": "oklch(0.22 0.01 29.09)", "primary": "oklch(0.55 0.22 27.03)", "primary-foreground": "oklch(0.98 0.01 100.72)", "secondary": "oklch(0.52 0.14 247.51)", "secondary-foreground": "oklch(0.98 0.01 100.72)", "muted": "oklch(0.91 0.01 25.23)", "muted-foreground": "oklch(0.38 0.01 17.71)", "accent": "oklch(0.86 0.04 33.45)", "accent-foreground": "oklch(0.18 0.01 29.18)", "destructive": "oklch(0.56 0.23 29.23)", "border": "oklch(0.84 0.01 25.22)", "input": "oklch(0.80 0.01 25.22)", "ring": "oklch(0.50 0.12 244.86)", "chart-1": "oklch(0.58 0.23 27.06)", "chart-2": "oklch(0.61 0.18 251.95)", "chart-3": "oklch(0.72 0.15 83.50)", "chart-4": "oklch(0.67 0.15 144.89)", "chart-5": "oklch(0.75 0.15 304.74)", "sidebar": "oklch(0.97 0 0)", "sidebar-foreground": "oklch(0.20 0.01 18.05)", "sidebar-primary": "oklch(0.52 0.14 247.51)", "sidebar-primary-foreground": "oklch(0.98 0.01 100.72)", "sidebar-accent": "oklch(0.69 0.14 79.70)", "sidebar-accent-foreground": "oklch(0.20 0.01 18.05)", "sidebar-border": "oklch(0.87 0.01 25.23)", "sidebar-ring": "oklch(0.52 0.14 247.51)", "font-sans": "Outfit, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "Geist Mono, monospace", "radius": "0rem", "shadow-color": "oklch(0 0 0 / 0.01)", "shadow-opacity": "0.01", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 3px 0px oklch(0 0 0 / 0.03)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.12 0.01 38.49)", "foreground": "oklch(0.95 0.01 25.23)", "card": "oklch(0.18 0.01 29.18)", "card-foreground": "oklch(0.95 0.01 25.23)", "popover": "oklch(0.18 0.01 29.18)", "popover-foreground": "oklch(0.95 0.01 25.23)", "primary": "oklch(0.65 0.23 27.09)", "primary-foreground": "oklch(0.98 0.01 100.72)", "secondary": "oklch(0.50 0.14 249.16)", "secondary-foreground": "oklch(0.98 0.01 100.72)", "muted": "oklch(0.20 0.01 18.05)", "muted-foreground": "oklch(0.70 0.01 25.22)", "accent": "oklch(0.59 0.12 78.19)", "accent-foreground": "oklch(0.95 0.01 25.23)", "destructive": "oklch(0.56 0.23 29.23)", "border": "oklch(0.38 0.01 17.71)", "input": "oklch(0.38 0.01 17.71)", "ring": "oklch(0.49 0.14 250.75)", "chart-1": "oklch(0.64 0.25 26.85)", "chart-2": "oklch(0.66 0.19 250.17)", "chart-3": "oklch(0.78 0.16 87.01)", "chart-4": "oklch(0.68 0.15 144.94)", "chart-5": "oklch(0.75 0.15 304.74)", "sidebar": "oklch(0.14 0.01 33.25)", "sidebar-foreground": "oklch(0.95 0.01 25.23)", "sidebar-primary": "oklch(0.50 0.14 249.16)", "sidebar-primary-foreground": "oklch(0.98 0.01 100.72)", "sidebar-accent": "oklch(0.59 0.12 78.19)", "sidebar-accent-foreground": "oklch(0.95 0.01 25.23)", "sidebar-border": "oklch(0.32 0.01 27.45 / 30%)", "sidebar-ring": "oklch(0.50 0.14 249.16)", "radius": "0.625rem", "shadow-color": "oklch(0 0 0 / 0.01)", "shadow-opacity": "0.01", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-xs": "0px 1px 3px 0px oklch(0 0 0 / 0.01)", "shadow-sm": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 1px 2px -1px oklch(0 0 0 / 0.01)", "shadow-md": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 2px 4px -1px oklch(0 0 0 / 0.01)", "shadow-lg": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 4px 6px -1px oklch(0 0 0 / 0.01)", "shadow-xl": "0px 1px 3px 0px oklch(0 0 0 / 0.01), 0px 8px 10px -1px oklch(0 0 0 / 0.01)", "shadow-2xl": "0px 1px 3px 0px oklch(0 0 0 / 0.03)" } } }, { "name": "valorant", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Barlow", "font-mono": "JetBrains Mono", "font-serif": "Merriweather", "radius": "0rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.97 0.02 12.89)", "foreground": "oklch(0.24 0.07 17.95)", "card": "oklch(0.98 0.01 17.50)", "card-foreground": "oklch(0.26 0.07 19.47)", "popover": "oklch(0.98 0.01 17.50)", "popover-foreground": "oklch(0.26 0.07 19.47)", "primary": "oklch(0.67 0.22 21.22)", "primary-foreground": "oklch(0.99 0 0)", "secondary": "oklch(0.95 0.02 10.30)", "secondary-foreground": "oklch(0.24 0.07 17.95)", "muted": "oklch(0.98 0.01 17.50)", "muted-foreground": "oklch(0.26 0.07 19.47)", "accent": "oklch(0.99 0 0)", "accent-foreground": "oklch(0.43 0.13 20.48)", "destructive": "oklch(0.80 0.17 73.59)", "border": "oklch(0.91 0.05 10.24)", "input": "oklch(0.90 0.05 11.99)", "ring": "oklch(0.92 0.04 12.26)", "chart-1": "oklch(0.86 0.18 88.48)", "chart-2": "oklch(0.62 0.21 255.62)", "chart-3": "oklch(0.54 0.29 297.65)", "chart-4": "oklch(0.95 0.10 98.75)", "chart-5": "oklch(0.87 0.12 100.10)", "sidebar": "oklch(0.97 0.02 12.89)", "sidebar-foreground": "oklch(0.26 0.07 19.47)", "sidebar-primary": "oklch(0.67 0.22 21.22)", "sidebar-primary-foreground": "oklch(0.98 0.01 17.50)", "sidebar-accent": "oklch(0.98 0.01 17.50)", "sidebar-accent-foreground": "oklch(0.43 0.13 20.48)", "sidebar-border": "oklch(0.91 0.05 10.24)", "sidebar-ring": "oklch(0.92 0.04 12.26)", "font-sans": "Barlow", "font-serif": "Merriweather", "font-mono": "JetBrains Mono", "radius": "0rem", "shadow-color": "oklch(0.3 0.0891 19.6)", "shadow-opacity": "0.08", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0px", "shadow-offset-y": "0px", "spacing": "0.25rem", "shadow-2xs": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.04)", "shadow-xs": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.04)", "shadow-sm": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.08), 0px 1px 2px -1px oklch(0.30 0.09 19.60 / 0.08)", "shadow": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.08), 0px 1px 2px -1px oklch(0.30 0.09 19.60 / 0.08)", "shadow-md": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.08), 0px 2px 4px -1px oklch(0.30 0.09 19.60 / 0.08)", "shadow-lg": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.08), 0px 4px 6px -1px oklch(0.30 0.09 19.60 / 0.08)", "shadow-xl": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.08), 0px 8px 10px -1px oklch(0.30 0.09 19.60 / 0.08)", "shadow-2xl": "0px 0px 3px 0px oklch(0.30 0.09 19.60 / 0.20)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.16 0.03 16.52)", "foreground": "oklch(0.99 0 0)", "card": "oklch(0.21 0.05 18.42)", "card-foreground": "oklch(0.98 0 0)", "popover": "oklch(0.26 0.07 19.47)", "popover-foreground": "oklch(0.99 0 0)", "primary": "oklch(0.67 0.22 21.22)", "primary-foreground": "oklch(0.99 0 0)", "secondary": "oklch(0.30 0.09 19.60)", "secondary-foreground": "oklch(0.95 0.02 10.30)", "muted": "oklch(0.26 0.07 19.47)", "muted-foreground": "oklch(0.99 0 0)", "accent": "oklch(0.43 0.13 20.48)", "accent-foreground": "oklch(0.99 0 0)", "destructive": "oklch(0.80 0.17 73.59)", "border": "oklch(0.31 0.09 19.47)", "input": "oklch(0.39 0.12 20.38)", "ring": "oklch(0.50 0.16 20.99)", "chart-1": "oklch(0.86 0.18 88.48)", "chart-2": "oklch(0.62 0.21 255.62)", "chart-3": "oklch(0.54 0.29 297.65)", "chart-4": "oklch(0.95 0.10 98.75)", "chart-5": "oklch(0.87 0.12 100.10)", "sidebar": "oklch(0.26 0.07 19.47)", "sidebar-foreground": "oklch(0.99 0 0)", "sidebar-primary": "oklch(0.67 0.22 21.22)", "sidebar-primary-foreground": "oklch(0.99 0 0)", "sidebar-accent": "oklch(0.43 0.13 20.48)", "sidebar-accent-foreground": "oklch(0.99 0 0)", "sidebar-border": "oklch(0.39 0.12 20.38)", "sidebar-ring": "oklch(0.50 0.16 20.99)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "ghibli-studio", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Nunito, sans-serif", "font-mono": "JetBrains Mono, monospace", "font-serif": "PT Serif, serif", "radius": "0.625rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.91 0.05 82.78)", "foreground": "oklch(0.41 0.08 78.86)", "card": "oklch(0.92 0.04 84.56)", "card-foreground": "oklch(0.41 0.08 74.04)", "popover": "oklch(0.92 0.04 84.56)", "popover-foreground": "oklch(0.41 0.08 74.04)", "primary": "oklch(0.71 0.10 111.96)", "primary-foreground": "oklch(0.98 0.01 2.18)", "secondary": "oklch(0.88 0.05 83.32)", "secondary-foreground": "oklch(0.51 0.08 78.21)", "muted": "oklch(0.86 0.06 82.94)", "muted-foreground": "oklch(0.51 0.08 74.78)", "accent": "oklch(0.86 0.05 85.12)", "accent-foreground": "oklch(0.26 0.02 356.72)", "destructive": "oklch(0.63 0.24 29.21)", "border": "oklch(0.74 0.06 79.64)", "input": "oklch(0.74 0.06 79.64)", "ring": "oklch(0.51 0.08 74.78)", "chart-1": "oklch(0.66 0.19 41.68)", "chart-2": "oklch(0.70 0.12 183.58)", "chart-3": "oklch(0.48 0.08 211.35)", "chart-4": "oklch(0.84 0.17 84.99)", "chart-5": "oklch(0.74 0.17 60.02)", "sidebar": "oklch(0.87 0.06 84.46)", "sidebar-foreground": "oklch(0.41 0.08 78.86)", "sidebar-primary": "oklch(0.26 0.02 356.72)", "sidebar-primary-foreground": "oklch(0.98 0.01 2.18)", "sidebar-accent": "oklch(0.83 0.06 84.44)", "sidebar-accent-foreground": "oklch(0.26 0.02 356.72)", "sidebar-border": "oklch(0.91 0 0)", "sidebar-ring": "oklch(0.71 0 0)", "font-sans": "Nunito, sans-serif", "font-serif": "PT Serif, serif", "font-mono": "JetBrains Mono, monospace", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.20 0.01 52.89)", "foreground": "oklch(0.88 0.05 79.11)", "card": "oklch(0.25 0.01 48.28)", "card-foreground": "oklch(0.88 0.05 79.11)", "popover": "oklch(0.25 0.01 48.28)", "popover-foreground": "oklch(0.88 0.05 79.11)", "primary": "oklch(0.64 0.05 114.58)", "primary-foreground": "oklch(0.98 0.01 2.18)", "secondary": "oklch(0.33 0.02 60.70)", "secondary-foreground": "oklch(0.88 0.05 83.32)", "muted": "oklch(0.27 0.01 39.35)", "muted-foreground": "oklch(0.74 0.06 79.64)", "accent": "oklch(0.33 0.02 60.70)", "accent-foreground": "oklch(0.86 0.05 85.12)", "destructive": "oklch(0.63 0.24 29.21)", "border": "oklch(0.33 0.02 60.70)", "input": "oklch(0.33 0.02 60.70)", "ring": "oklch(0.64 0.05 114.58)", "chart-1": "oklch(0.66 0.19 41.68)", "chart-2": "oklch(0.70 0.12 183.58)", "chart-3": "oklch(0.48 0.08 211.35)", "chart-4": "oklch(0.84 0.17 84.99)", "chart-5": "oklch(0.74 0.17 60.02)", "sidebar": "oklch(0.23 0.01 60.90)", "sidebar-foreground": "oklch(0.88 0.05 79.11)", "sidebar-primary": "oklch(0.64 0.05 114.58)", "sidebar-primary-foreground": "oklch(0.98 0.01 2.18)", "sidebar-accent": "oklch(0.33 0.02 60.70)", "sidebar-accent-foreground": "oklch(0.86 0.05 85.12)", "sidebar-border": "oklch(0.33 0.02 60.70)", "sidebar-ring": "oklch(0.64 0.05 114.58)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "modern-minimal", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-mono": "JetBrains Mono, monospace", "font-serif": "Source Serif 4, serif", "radius": "0.375rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(1.00 0 0)", "foreground": "oklch(0.32 0 0)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.32 0 0)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.32 0 0)", "primary": "oklch(0.62 0.19 259.76)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.97 0 0)", "secondary-foreground": "oklch(0.45 0.03 257.68)", "muted": "oklch(0.98 0 0)", "muted-foreground": "oklch(0.55 0.02 264.41)", "accent": "oklch(0.95 0.03 233.56)", "accent-foreground": "oklch(0.38 0.14 265.59)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.93 0.01 261.82)", "input": "oklch(0.93 0.01 261.82)", "ring": "oklch(0.62 0.19 259.76)", "chart-1": "oklch(0.62 0.19 259.76)", "chart-2": "oklch(0.55 0.22 262.96)", "chart-3": "oklch(0.49 0.22 264.43)", "chart-4": "oklch(0.42 0.18 265.55)", "chart-5": "oklch(0.38 0.14 265.59)", "sidebar": "oklch(0.98 0 0)", "sidebar-foreground": "oklch(0.14 0 0)", "sidebar-primary": "oklch(0.20 0 0)", "sidebar-primary-foreground": "oklch(0.98 0 0)", "sidebar-accent": "oklch(0.97 0 0)", "sidebar-accent-foreground": "oklch(0.20 0 0)", "sidebar-border": "oklch(0.92 0 0)", "sidebar-ring": "oklch(0.71 0 0)", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "Source Serif 4, serif", "font-mono": "JetBrains Mono, monospace", "radius": "0.375rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.20 0 0)", "foreground": "oklch(0.92 0 0)", "card": "oklch(0.27 0 0)", "card-foreground": "oklch(0.92 0 0)", "popover": "oklch(0.27 0 0)", "popover-foreground": "oklch(0.92 0 0)", "primary": "oklch(0.62 0.19 259.76)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.27 0 0)", "secondary-foreground": "oklch(0.92 0 0)", "muted": "oklch(0.27 0 0)", "muted-foreground": "oklch(0.72 0 0)", "accent": "oklch(0.38 0.14 265.59)", "accent-foreground": "oklch(0.88 0.06 254.63)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.37 0 0)", "input": "oklch(0.37 0 0)", "ring": "oklch(0.62 0.19 259.76)", "chart-1": "oklch(0.71 0.14 254.69)", "chart-2": "oklch(0.62 0.19 259.76)", "chart-3": "oklch(0.55 0.22 262.96)", "chart-4": "oklch(0.49 0.22 264.43)", "chart-5": "oklch(0.42 0.18 265.55)", "sidebar": "oklch(0.21 0.01 285.56)", "sidebar-foreground": "oklch(0.99 0 0)", "sidebar-primary": "oklch(0.49 0.24 264.41)", "sidebar-primary-foreground": "oklch(0.99 0 0)", "sidebar-accent": "oklch(0.27 0.01 285.81)", "sidebar-accent-foreground": "oklch(0.99 0 0)", "sidebar-border": "oklch(1.00 0 0 / 10%)", "sidebar-ring": "oklch(0.55 0.02 285.76)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "nature", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Montserrat, sans-serif", "font-mono": "Source Code Pro, monospace", "font-serif": "Merriweather, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.97 0.01 81.76)", "foreground": "oklch(0.30 0.04 29.20)", "card": "oklch(0.97 0.01 81.76)", "card-foreground": "oklch(0.30 0.04 29.20)", "popover": "oklch(0.97 0.01 81.76)", "popover-foreground": "oklch(0.30 0.04 29.20)", "primary": "oklch(0.52 0.13 144.33)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.96 0.02 147.54)", "secondary-foreground": "oklch(0.43 0.12 144.33)", "muted": "oklch(0.94 0.01 72.65)", "muted-foreground": "oklch(0.45 0.05 38.69)", "accent": "oklch(0.90 0.05 146.01)", "accent-foreground": "oklch(0.43 0.12 144.33)", "destructive": "oklch(0.54 0.19 26.90)", "border": "oklch(0.88 0.02 77.29)", "input": "oklch(0.88 0.02 77.29)", "ring": "oklch(0.52 0.13 144.33)", "chart-1": "oklch(0.67 0.16 144.06)", "chart-2": "oklch(0.58 0.14 144.14)", "chart-3": "oklch(0.52 0.13 144.33)", "chart-4": "oklch(0.43 0.12 144.33)", "chart-5": "oklch(0.22 0.05 145.19)", "sidebar": "oklch(0.94 0.01 72.65)", "sidebar-foreground": "oklch(0.30 0.04 29.20)", "sidebar-primary": "oklch(0.52 0.13 144.33)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.90 0.05 146.01)", "sidebar-accent-foreground": "oklch(0.43 0.12 144.33)", "sidebar-border": "oklch(0.88 0.02 77.29)", "sidebar-ring": "oklch(0.52 0.13 144.33)", "font-sans": "Montserrat, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "Source Code Pro, monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.27 0.03 150.18)", "foreground": "oklch(0.94 0.01 72.65)", "card": "oklch(0.33 0.03 146.53)", "card-foreground": "oklch(0.94 0.01 72.65)", "popover": "oklch(0.33 0.03 146.53)", "popover-foreground": "oklch(0.94 0.01 72.65)", "primary": "oklch(0.67 0.16 144.06)", "primary-foreground": "oklch(0.22 0.05 145.19)", "secondary": "oklch(0.39 0.03 143.09)", "secondary-foreground": "oklch(0.90 0.02 142.94)", "muted": "oklch(0.33 0.03 146.53)", "muted-foreground": "oklch(0.86 0.02 77.29)", "accent": "oklch(0.58 0.14 144.14)", "accent-foreground": "oklch(0.94 0.01 72.65)", "destructive": "oklch(0.54 0.19 26.90)", "border": "oklch(0.39 0.03 143.09)", "input": "oklch(0.39 0.03 143.09)", "ring": "oklch(0.67 0.16 144.06)", "chart-1": "oklch(0.77 0.12 145.23)", "chart-2": "oklch(0.72 0.14 144.92)", "chart-3": "oklch(0.67 0.16 144.06)", "chart-4": "oklch(0.63 0.15 144.32)", "chart-5": "oklch(0.58 0.14 144.14)", "sidebar": "oklch(0.27 0.03 150.18)", "sidebar-foreground": "oklch(0.94 0.01 72.65)", "sidebar-primary": "oklch(0.67 0.16 144.06)", "sidebar-primary-foreground": "oklch(0.22 0.05 145.19)", "sidebar-accent": "oklch(0.58 0.14 144.14)", "sidebar-accent-foreground": "oklch(0.94 0.01 72.65)", "sidebar-border": "oklch(0.39 0.03 143.09)", "sidebar-ring": "oklch(0.67 0.16 144.06)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "elegant-luxury", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Poppins, sans-serif", "font-mono": "IBM Plex Mono, monospace", "font-serif": "Libre Baskerville, serif", "radius": "0.375rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0 0)", "foreground": "oklch(0.22 0 0)", "card": "oklch(0.98 0 0)", "card-foreground": "oklch(0.22 0 0)", "popover": "oklch(0.98 0 0)", "popover-foreground": "oklch(0.22 0 0)", "primary": "oklch(0.47 0.15 25.06)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.96 0.04 88.18)", "secondary-foreground": "oklch(0.48 0.10 75.09)", "muted": "oklch(0.94 0.01 48.70)", "muted-foreground": "oklch(0.44 0.01 73.63)", "accent": "oklch(0.96 0.06 94.84)", "accent-foreground": "oklch(0.40 0.13 25.81)", "destructive": "oklch(0.44 0.16 26.84)", "border": "oklch(0.94 0.03 81.74)", "input": "oklch(0.94 0.03 81.74)", "ring": "oklch(0.47 0.15 25.06)", "chart-1": "oklch(0.51 0.19 27.52)", "chart-2": "oklch(0.47 0.15 25.06)", "chart-3": "oklch(0.40 0.13 25.81)", "chart-4": "oklch(0.56 0.15 49.06)", "chart-5": "oklch(0.47 0.12 46.52)", "sidebar": "oklch(0.94 0.01 48.70)", "sidebar-foreground": "oklch(0.22 0 0)", "sidebar-primary": "oklch(0.47 0.15 25.06)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.96 0.06 94.84)", "sidebar-accent-foreground": "oklch(0.40 0.13 25.81)", "sidebar-border": "oklch(0.94 0.03 81.74)", "sidebar-ring": "oklch(0.47 0.15 25.06)", "font-sans": "Poppins, sans-serif", "font-serif": "Libre Baskerville, serif", "font-mono": "IBM Plex Mono, monospace", "radius": "0.375rem", "shadow-color": "hsl(0 63% 18%)", "shadow-opacity": "0.12", "shadow-blur": "16px", "shadow-spread": "-2px", "shadow-offset-x": "1px", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.06)", "shadow-xs": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.06)", "shadow-sm": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.12), 1px 1px 2px -3px oklch(0.28 0.09 24.83 / 0.12)", "shadow": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.12), 1px 1px 2px -3px oklch(0.28 0.09 24.83 / 0.12)", "shadow-md": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.12), 1px 2px 4px -3px oklch(0.28 0.09 24.83 / 0.12)", "shadow-lg": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.12), 1px 4px 6px -3px oklch(0.28 0.09 24.83 / 0.12)", "shadow-xl": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.12), 1px 8px 10px -3px oklch(0.28 0.09 24.83 / 0.12)", "shadow-2xl": "1px 1px 16px -2px oklch(0.28 0.09 24.83 / 0.30)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.22 0.01 52.96)", "foreground": "oklch(0.97 0 0)", "card": "oklch(0.27 0.01 39.35)", "card-foreground": "oklch(0.97 0 0)", "popover": "oklch(0.27 0.01 39.35)", "popover-foreground": "oklch(0.97 0 0)", "primary": "oklch(0.51 0.19 27.52)", "primary-foreground": "oklch(0.98 0 0)", "secondary": "oklch(0.47 0.12 46.52)", "secondary-foreground": "oklch(0.96 0.06 94.84)", "muted": "oklch(0.27 0.01 39.35)", "muted-foreground": "oklch(0.87 0 0)", "accent": "oklch(0.56 0.15 49.06)", "accent-foreground": "oklch(0.96 0.06 94.84)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.37 0.01 73.58)", "input": "oklch(0.37 0.01 73.58)", "ring": "oklch(0.51 0.19 27.52)", "chart-1": "oklch(0.71 0.17 21.96)", "chart-2": "oklch(0.64 0.21 25.39)", "chart-3": "oklch(0.58 0.22 27.29)", "chart-4": "oklch(0.84 0.16 84.06)", "chart-5": "oklch(0.77 0.16 69.82)", "sidebar": "oklch(0.22 0.01 52.96)", "sidebar-foreground": "oklch(0.97 0 0)", "sidebar-primary": "oklch(0.51 0.19 27.52)", "sidebar-primary-foreground": "oklch(0.98 0 0)", "sidebar-accent": "oklch(0.56 0.15 49.06)", "sidebar-accent-foreground": "oklch(0.96 0.06 94.84)", "sidebar-border": "oklch(0.37 0.01 73.58)", "sidebar-ring": "oklch(0.51 0.19 27.52)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "neo-brutalism", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "DM Sans, sans-serif", "font-mono": "Space Mono, monospace", "font-serif": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "radius": "0px", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(1.00 0 0)", "foreground": "oklch(0 0 0)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0 0 0)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0 0 0)", "primary": "oklch(0.65 0.24 26.92)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.97 0.21 109.74)", "secondary-foreground": "oklch(0 0 0)", "muted": "oklch(0.96 0 0)", "muted-foreground": "oklch(0.32 0 0)", "accent": "oklch(0.56 0.24 260.83)", "accent-foreground": "oklch(1.00 0 0)", "destructive": "oklch(0 0 0)", "border": "oklch(0 0 0)", "input": "oklch(0 0 0)", "ring": "oklch(0.65 0.24 26.92)", "chart-1": "oklch(0.65 0.24 26.92)", "chart-2": "oklch(0.97 0.21 109.74)", "chart-3": "oklch(0.56 0.24 260.83)", "chart-4": "oklch(0.73 0.25 142.50)", "chart-5": "oklch(0.59 0.27 328.36)", "sidebar": "oklch(0.96 0 0)", "sidebar-foreground": "oklch(0 0 0)", "sidebar-primary": "oklch(0.65 0.24 26.92)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.56 0.24 260.83)", "sidebar-accent-foreground": "oklch(1.00 0 0)", "sidebar-border": "oklch(0 0 0)", "sidebar-ring": "oklch(0.65 0.24 26.92)", "font-sans": "DM Sans, sans-serif", "font-serif": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "Space Mono, monospace", "radius": "0px", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "1", "shadow-blur": "0px", "shadow-spread": "0px", "shadow-offset-x": "4px", "shadow-offset-y": "4px", "spacing": "0.25rem", "shadow-2xs": "4px 4px 0px 0px oklch(0.00 0 0 / 0.50)", "shadow-xs": "4px 4px 0px 0px oklch(0.00 0 0 / 0.50)", "shadow-sm": "4px 4px 0px 0px oklch(0.00 0 0 / 1.00), 4px 1px 2px -1px oklch(0.00 0 0 / 1.00)", "shadow": "4px 4px 0px 0px oklch(0.00 0 0 / 1.00), 4px 1px 2px -1px oklch(0.00 0 0 / 1.00)", "shadow-md": "4px 4px 0px 0px oklch(0.00 0 0 / 1.00), 4px 2px 4px -1px oklch(0.00 0 0 / 1.00)", "shadow-lg": "4px 4px 0px 0px oklch(0.00 0 0 / 1.00), 4px 4px 6px -1px oklch(0.00 0 0 / 1.00)", "shadow-xl": "4px 4px 0px 0px oklch(0.00 0 0 / 1.00), 4px 8px 10px -1px oklch(0.00 0 0 / 1.00)", "shadow-2xl": "4px 4px 0px 0px oklch(0.00 0 0 / 2.50)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0 0 0)", "foreground": "oklch(1.00 0 0)", "card": "oklch(0.32 0 0)", "card-foreground": "oklch(1.00 0 0)", "popover": "oklch(0.32 0 0)", "popover-foreground": "oklch(1.00 0 0)", "primary": "oklch(0.70 0.19 23.04)", "primary-foreground": "oklch(0 0 0)", "secondary": "oklch(0.97 0.20 109.61)", "secondary-foreground": "oklch(0 0 0)", "muted": "oklch(0.32 0 0)", "muted-foreground": "oklch(0.85 0 0)", "accent": "oklch(0.68 0.18 251.63)", "accent-foreground": "oklch(0 0 0)", "destructive": "oklch(1.00 0 0)", "border": "oklch(1.00 0 0)", "input": "oklch(1.00 0 0)", "ring": "oklch(0.70 0.19 23.04)", "chart-1": "oklch(0.70 0.19 23.04)", "chart-2": "oklch(0.97 0.20 109.61)", "chart-3": "oklch(0.68 0.18 251.63)", "chart-4": "oklch(0.74 0.23 142.87)", "chart-5": "oklch(0.61 0.25 328.13)", "sidebar": "oklch(0 0 0)", "sidebar-foreground": "oklch(1.00 0 0)", "sidebar-primary": "oklch(0.70 0.19 23.04)", "sidebar-primary-foreground": "oklch(0 0 0)", "sidebar-accent": "oklch(0.68 0.18 251.63)", "sidebar-accent-foreground": "oklch(0 0 0)", "sidebar-border": "oklch(1.00 0 0)", "sidebar-ring": "oklch(0.70 0.19 23.04)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "pastel-dreams", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Open Sans, sans-serif", "font-mono": "IBM Plex Mono, monospace", "font-serif": "Source Serif 4, serif", "radius": "1.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.97 0.01 316.68)", "foreground": "oklch(0.37 0.03 259.73)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.37 0.03 259.73)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.37 0.03 259.73)", "primary": "oklch(0.71 0.16 293.40)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.91 0.05 306.07)", "secondary-foreground": "oklch(0.45 0.03 257.68)", "muted": "oklch(0.95 0.03 307.19)", "muted-foreground": "oklch(0.55 0.02 264.41)", "accent": "oklch(0.94 0.03 322.47)", "accent-foreground": "oklch(0.37 0.03 259.73)", "destructive": "oklch(0.81 0.10 19.47)", "border": "oklch(0.91 0.05 306.07)", "input": "oklch(0.91 0.05 306.07)", "ring": "oklch(0.71 0.16 293.40)", "chart-1": "oklch(0.71 0.16 293.40)", "chart-2": "oklch(0.61 0.22 292.63)", "chart-3": "oklch(0.54 0.25 293.03)", "chart-4": "oklch(0.49 0.24 292.70)", "chart-5": "oklch(0.43 0.21 292.63)", "sidebar": "oklch(0.91 0.05 306.07)", "sidebar-foreground": "oklch(0.37 0.03 259.73)", "sidebar-primary": "oklch(0.71 0.16 293.40)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.94 0.03 322.47)", "sidebar-accent-foreground": "oklch(0.37 0.03 259.73)", "sidebar-border": "oklch(0.91 0.05 306.07)", "sidebar-ring": "oklch(0.71 0.16 293.40)", "font-sans": "Open Sans, sans-serif", "font-serif": "Source Serif 4, serif", "font-mono": "IBM Plex Mono, monospace", "radius": "1.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.08", "shadow-blur": "16px", "shadow-spread": "-4px", "shadow-offset-x": "0px", "shadow-offset-y": "8px", "spacing": "0.25rem", "shadow-2xs": "0px 8px 16px -4px oklch(0.00 0 0 / 0.04)", "shadow-xs": "0px 8px 16px -4px oklch(0.00 0 0 / 0.04)", "shadow-sm": "0px 8px 16px -4px oklch(0.00 0 0 / 0.08), 0px 1px 2px -5px oklch(0.00 0 0 / 0.08)", "shadow": "0px 8px 16px -4px oklch(0.00 0 0 / 0.08), 0px 1px 2px -5px oklch(0.00 0 0 / 0.08)", "shadow-md": "0px 8px 16px -4px oklch(0.00 0 0 / 0.08), 0px 2px 4px -5px oklch(0.00 0 0 / 0.08)", "shadow-lg": "0px 8px 16px -4px oklch(0.00 0 0 / 0.08), 0px 4px 6px -5px oklch(0.00 0 0 / 0.08)", "shadow-xl": "0px 8px 16px -4px oklch(0.00 0 0 / 0.08), 0px 8px 10px -5px oklch(0.00 0 0 / 0.08)", "shadow-2xl": "0px 8px 16px -4px oklch(0.00 0 0 / 0.20)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.22 0.01 52.96)", "foreground": "oklch(0.93 0.03 273.66)", "card": "oklch(0.28 0.03 307.25)", "card-foreground": "oklch(0.93 0.03 273.66)", "popover": "oklch(0.28 0.03 307.25)", "popover-foreground": "oklch(0.93 0.03 273.66)", "primary": "oklch(0.79 0.12 295.97)", "primary-foreground": "oklch(0.22 0.01 52.96)", "secondary": "oklch(0.34 0.04 309.13)", "secondary-foreground": "oklch(0.87 0.01 261.81)", "muted": "oklch(0.28 0.03 307.25)", "muted-foreground": "oklch(0.71 0.02 261.33)", "accent": "oklch(0.39 0.05 304.68)", "accent-foreground": "oklch(0.87 0.01 261.81)", "destructive": "oklch(0.81 0.10 19.47)", "border": "oklch(0.34 0.04 309.13)", "input": "oklch(0.34 0.04 309.13)", "ring": "oklch(0.79 0.12 295.97)", "chart-1": "oklch(0.79 0.12 295.97)", "chart-2": "oklch(0.71 0.16 293.40)", "chart-3": "oklch(0.61 0.22 292.63)", "chart-4": "oklch(0.54 0.25 293.03)", "chart-5": "oklch(0.49 0.24 292.70)", "sidebar": "oklch(0.34 0.04 309.13)", "sidebar-foreground": "oklch(0.93 0.03 273.66)", "sidebar-primary": "oklch(0.79 0.12 295.97)", "sidebar-primary-foreground": "oklch(0.22 0.01 52.96)", "sidebar-accent": "oklch(0.39 0.05 304.68)", "sidebar-accent-foreground": "oklch(0.87 0.01 261.81)", "sidebar-border": "oklch(0.34 0.04 309.13)", "sidebar-ring": "oklch(0.79 0.12 295.97)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "clean-slate", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Inter, sans-serif", "font-mono": "JetBrains Mono, monospace", "font-serif": "Merriweather, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0 0)", "foreground": "oklch(0.28 0.04 260.33)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.28 0.04 260.33)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.28 0.04 260.33)", "primary": "oklch(0.59 0.20 277.06)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.93 0.01 261.82)", "secondary-foreground": "oklch(0.37 0.03 259.73)", "muted": "oklch(0.97 0 0)", "muted-foreground": "oklch(0.55 0.02 264.41)", "accent": "oklch(0.93 0.03 273.66)", "accent-foreground": "oklch(0.37 0.03 259.73)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.87 0.01 261.81)", "input": "oklch(0.87 0.01 261.81)", "ring": "oklch(0.59 0.20 277.06)", "chart-1": "oklch(0.59 0.20 277.06)", "chart-2": "oklch(0.51 0.23 276.97)", "chart-3": "oklch(0.46 0.21 277.06)", "chart-4": "oklch(0.40 0.18 277.16)", "chart-5": "oklch(0.36 0.14 278.65)", "sidebar": "oklch(0.97 0 0)", "sidebar-foreground": "oklch(0.28 0.04 260.33)", "sidebar-primary": "oklch(0.59 0.20 277.06)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.93 0.03 273.66)", "sidebar-accent-foreground": "oklch(0.37 0.03 259.73)", "sidebar-border": "oklch(0.87 0.01 261.81)", "sidebar-ring": "oklch(0.59 0.20 277.06)", "font-sans": "Inter, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "JetBrains Mono, monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "8px", "shadow-spread": "-1px", "shadow-offset-x": "0px", "shadow-offset-y": "4px", "spacing": "0.25rem", "shadow-2xs": "0px 4px 8px -1px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0px 4px 8px -1px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 1px 2px -2px oklch(0.00 0 0 / 0.10)", "shadow": "0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 1px 2px -2px oklch(0.00 0 0 / 0.10)", "shadow-md": "0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 2px 4px -2px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 4px 6px -2px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0px 4px 8px -1px oklch(0.00 0 0 / 0.10), 0px 8px 10px -2px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0px 4px 8px -1px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.21 0.04 264.04)", "foreground": "oklch(0.93 0.01 256.71)", "card": "oklch(0.28 0.04 260.33)", "card-foreground": "oklch(0.93 0.01 256.71)", "popover": "oklch(0.28 0.04 260.33)", "popover-foreground": "oklch(0.93 0.01 256.71)", "primary": "oklch(0.68 0.16 276.93)", "primary-foreground": "oklch(0.21 0.04 264.04)", "secondary": "oklch(0.34 0.03 261.83)", "secondary-foreground": "oklch(0.87 0.01 261.81)", "muted": "oklch(0.28 0.04 260.33)", "muted-foreground": "oklch(0.71 0.02 261.33)", "accent": "oklch(0.37 0.03 259.73)", "accent-foreground": "oklch(0.87 0.01 261.81)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.45 0.03 257.68)", "input": "oklch(0.45 0.03 257.68)", "ring": "oklch(0.68 0.16 276.93)", "chart-1": "oklch(0.68 0.16 276.93)", "chart-2": "oklch(0.59 0.20 277.06)", "chart-3": "oklch(0.51 0.23 276.97)", "chart-4": "oklch(0.46 0.21 277.06)", "chart-5": "oklch(0.40 0.18 277.16)", "sidebar": "oklch(0.28 0.04 260.33)", "sidebar-foreground": "oklch(0.93 0.01 256.71)", "sidebar-primary": "oklch(0.68 0.16 276.93)", "sidebar-primary-foreground": "oklch(0.21 0.04 264.04)", "sidebar-accent": "oklch(0.37 0.03 259.73)", "sidebar-accent-foreground": "oklch(0.87 0.01 261.81)", "sidebar-border": "oklch(0.45 0.03 257.68)", "sidebar-ring": "oklch(0.68 0.16 276.93)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "midnight-bloom", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Montserrat, sans-serif", "font-mono": "Source Code Pro, monospace", "font-serif": "Playfair Display, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0 0)", "foreground": "oklch(0.32 0 0)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.32 0 0)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.32 0 0)", "primary": "oklch(0.57 0.20 283.26)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.82 0.07 249.99)", "secondary-foreground": "oklch(0.32 0 0)", "muted": "oklch(0.82 0.02 90.54)", "muted-foreground": "oklch(0.54 0 0)", "accent": "oklch(0.65 0.06 117.02)", "accent-foreground": "oklch(1.00 0 0)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.87 0 0)", "input": "oklch(0.87 0 0)", "ring": "oklch(0.57 0.20 283.26)", "chart-1": "oklch(0.57 0.20 283.26)", "chart-2": "oklch(0.53 0.17 314.68)", "chart-3": "oklch(0.34 0.18 301.34)", "chart-4": "oklch(0.67 0.14 261.15)", "chart-5": "oklch(0.59 0.10 245.35)", "sidebar": "oklch(0.98 0 0)", "sidebar-foreground": "oklch(0.32 0 0)", "sidebar-primary": "oklch(0.57 0.20 283.26)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.65 0.06 117.02)", "sidebar-accent-foreground": "oklch(1.00 0 0)", "sidebar-border": "oklch(0.87 0 0)", "sidebar-ring": "oklch(0.57 0.20 283.26)", "font-sans": "Montserrat, sans-serif", "font-serif": "Playfair Display, serif", "font-mono": "Source Code Pro, monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "10px", "shadow-spread": "-2px", "shadow-offset-x": "0px", "shadow-offset-y": "5px", "spacing": "0.25rem", "shadow-2xs": "0px 5px 10px -2px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0px 5px 10px -2px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0px 5px 10px -2px oklch(0.00 0 0 / 0.10), 0px 1px 2px -3px oklch(0.00 0 0 / 0.10)", "shadow": "0px 5px 10px -2px oklch(0.00 0 0 / 0.10), 0px 1px 2px -3px oklch(0.00 0 0 / 0.10)", "shadow-md": "0px 5px 10px -2px oklch(0.00 0 0 / 0.10), 0px 2px 4px -3px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0px 5px 10px -2px oklch(0.00 0 0 / 0.10), 0px 4px 6px -3px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0px 5px 10px -2px oklch(0.00 0 0 / 0.10), 0px 8px 10px -3px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0px 5px 10px -2px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.23 0.01 268.25)", "foreground": "oklch(0.92 0 0)", "card": "oklch(0.32 0.01 229.15)", "card-foreground": "oklch(0.92 0 0)", "popover": "oklch(0.32 0.01 229.15)", "popover-foreground": "oklch(0.92 0 0)", "primary": "oklch(0.57 0.20 283.26)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.34 0.18 301.34)", "secondary-foreground": "oklch(0.92 0 0)", "muted": "oklch(0.39 0 0)", "muted-foreground": "oklch(0.72 0 0)", "accent": "oklch(0.67 0.14 261.15)", "accent-foreground": "oklch(0.92 0 0)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.39 0 0)", "input": "oklch(0.39 0 0)", "ring": "oklch(0.57 0.20 283.26)", "chart-1": "oklch(0.57 0.20 283.26)", "chart-2": "oklch(0.53 0.17 314.68)", "chart-3": "oklch(0.34 0.18 301.34)", "chart-4": "oklch(0.67 0.14 261.15)", "chart-5": "oklch(0.59 0.10 245.35)", "sidebar": "oklch(0.23 0.01 268.25)", "sidebar-foreground": "oklch(0.92 0 0)", "sidebar-primary": "oklch(0.57 0.20 283.26)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.67 0.14 261.15)", "sidebar-accent-foreground": "oklch(0.92 0 0)", "sidebar-border": "oklch(0.39 0 0)", "sidebar-ring": "oklch(0.57 0.20 283.26)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "sunset-horizon", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Montserrat, sans-serif", "font-mono": "Ubuntu Mono, monospace", "font-serif": "Merriweather, serif", "radius": "0.625rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.99 0.01 67.74)", "foreground": "oklch(0.34 0.01 7.89)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.34 0.01 7.89)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.34 0.01 7.89)", "primary": "oklch(0.74 0.16 34.57)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.96 0.02 28.97)", "secondary-foreground": "oklch(0.56 0.13 32.65)", "muted": "oklch(0.97 0.02 44.86)", "muted-foreground": "oklch(0.49 0.05 27.86)", "accent": "oklch(0.83 0.11 57.89)", "accent-foreground": "oklch(0.34 0.01 7.89)", "destructive": "oklch(0.61 0.21 22.21)", "border": "oklch(0.93 0.04 40.57)", "input": "oklch(0.93 0.04 40.57)", "ring": "oklch(0.74 0.16 34.57)", "chart-1": "oklch(0.74 0.16 34.57)", "chart-2": "oklch(0.83 0.11 57.89)", "chart-3": "oklch(0.88 0.08 56.41)", "chart-4": "oklch(0.82 0.11 41.27)", "chart-5": "oklch(0.64 0.13 32.06)", "sidebar": "oklch(0.97 0.02 44.86)", "sidebar-foreground": "oklch(0.34 0.01 7.89)", "sidebar-primary": "oklch(0.74 0.16 34.57)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.83 0.11 57.89)", "sidebar-accent-foreground": "oklch(0.34 0.01 7.89)", "sidebar-border": "oklch(0.93 0.04 40.57)", "sidebar-ring": "oklch(0.74 0.16 34.57)", "font-sans": "Montserrat, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "Ubuntu Mono, monospace", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.09", "shadow-blur": "12px", "shadow-spread": "-3px", "shadow-offset-x": "0px", "shadow-offset-y": "6px", "spacing": "0.25rem", "shadow-2xs": "0px 6px 12px -3px oklch(0.00 0 0 / 0.04)", "shadow-xs": "0px 6px 12px -3px oklch(0.00 0 0 / 0.04)", "shadow-sm": "0px 6px 12px -3px oklch(0.00 0 0 / 0.09), 0px 1px 2px -4px oklch(0.00 0 0 / 0.09)", "shadow": "0px 6px 12px -3px oklch(0.00 0 0 / 0.09), 0px 1px 2px -4px oklch(0.00 0 0 / 0.09)", "shadow-md": "0px 6px 12px -3px oklch(0.00 0 0 / 0.09), 0px 2px 4px -4px oklch(0.00 0 0 / 0.09)", "shadow-lg": "0px 6px 12px -3px oklch(0.00 0 0 / 0.09), 0px 4px 6px -4px oklch(0.00 0 0 / 0.09)", "shadow-xl": "0px 6px 12px -3px oklch(0.00 0 0 / 0.09), 0px 8px 10px -4px oklch(0.00 0 0 / 0.09)", "shadow-2xl": "0px 6px 12px -3px oklch(0.00 0 0 / 0.22)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.26 0.02 351.79)", "foreground": "oklch(0.94 0.01 48.70)", "card": "oklch(0.32 0.02 339.89)", "card-foreground": "oklch(0.94 0.01 48.70)", "popover": "oklch(0.32 0.02 339.89)", "popover-foreground": "oklch(0.94 0.01 48.70)", "primary": "oklch(0.74 0.16 34.57)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.36 0.02 342.33)", "secondary-foreground": "oklch(0.94 0.01 48.70)", "muted": "oklch(0.32 0.02 339.89)", "muted-foreground": "oklch(0.84 0.02 50.14)", "accent": "oklch(0.83 0.11 57.89)", "accent-foreground": "oklch(0.26 0.02 351.79)", "destructive": "oklch(0.61 0.21 22.21)", "border": "oklch(0.36 0.02 342.33)", "input": "oklch(0.36 0.02 342.33)", "ring": "oklch(0.74 0.16 34.57)", "chart-1": "oklch(0.74 0.16 34.57)", "chart-2": "oklch(0.83 0.11 57.89)", "chart-3": "oklch(0.88 0.08 56.41)", "chart-4": "oklch(0.82 0.11 41.27)", "chart-5": "oklch(0.64 0.13 32.06)", "sidebar": "oklch(0.26 0.02 351.79)", "sidebar-foreground": "oklch(0.94 0.01 48.70)", "sidebar-primary": "oklch(0.74 0.16 34.57)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.83 0.11 57.89)", "sidebar-accent-foreground": "oklch(0.26 0.02 351.79)", "sidebar-border": "oklch(0.36 0.02 342.33)", "sidebar-ring": "oklch(0.74 0.16 34.57)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "claude", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0.01 93.48)", "foreground": "oklch(0.34 0.03 94.42)", "card": "oklch(0.98 0.01 93.48)", "card-foreground": "oklch(0.19 0 0)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.27 0.02 99.70)", "primary": "oklch(0.62 0.14 39.15)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.92 0.01 87.42)", "secondary-foreground": "oklch(0.43 0.02 99.33)", "muted": "oklch(0.93 0.02 91.55)", "muted-foreground": "oklch(0.61 0.01 91.49)", "accent": "oklch(0.92 0.01 87.42)", "accent-foreground": "oklch(0.27 0.02 99.70)", "destructive": "oklch(0.19 0 0)", "border": "oklch(0.88 0.01 100.76)", "input": "oklch(0.76 0.02 96.91)", "ring": "oklch(0.59 0.17 252.92)", "chart-1": "oklch(0.56 0.13 42.95)", "chart-2": "oklch(0.69 0.16 290.29)", "chart-3": "oklch(0.88 0.03 91.64)", "chart-4": "oklch(0.88 0.04 298.21)", "chart-5": "oklch(0.56 0.13 41.94)", "sidebar": "oklch(0.97 0.01 93.49)", "sidebar-foreground": "oklch(0.36 0.01 106.85)", "sidebar-primary": "oklch(0.62 0.14 39.15)", "sidebar-primary-foreground": "oklch(0.99 0 0)", "sidebar-accent": "oklch(0.92 0.01 87.42)", "sidebar-accent-foreground": "oklch(0.33 0 0)", "sidebar-border": "oklch(0.94 0 0)", "sidebar-ring": "oklch(0.77 0 0)", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.27 0 0)", "foreground": "oklch(0.81 0.01 93.53)", "card": "oklch(0.27 0 0)", "card-foreground": "oklch(0.98 0.01 93.48)", "popover": "oklch(0.31 0 0)", "popover-foreground": "oklch(0.92 0 0)", "primary": "oklch(0.67 0.13 38.92)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.98 0.01 93.48)", "secondary-foreground": "oklch(0.31 0 0)", "muted": "oklch(0.22 0 0)", "muted-foreground": "oklch(0.77 0.02 100.64)", "accent": "oklch(0.21 0.01 88.79)", "accent-foreground": "oklch(0.97 0.01 93.49)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.36 0.01 106.85)", "input": "oklch(0.43 0.01 99.03)", "ring": "oklch(0.59 0.17 252.92)", "chart-1": "oklch(0.56 0.13 42.95)", "chart-2": "oklch(0.69 0.16 290.29)", "chart-3": "oklch(0.21 0.01 88.79)", "chart-4": "oklch(0.31 0.05 289.74)", "chart-5": "oklch(0.56 0.13 41.94)", "sidebar": "oklch(0.24 0 0)", "sidebar-foreground": "oklch(0.81 0.01 93.53)", "sidebar-primary": "oklch(0.33 0 0)", "sidebar-primary-foreground": "oklch(0.99 0 0)", "sidebar-accent": "oklch(0.17 0 0)", "sidebar-accent-foreground": "oklch(0.81 0.01 93.53)", "sidebar-border": "oklch(0.94 0 0)", "sidebar-ring": "oklch(0.77 0 0)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "caffeine", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0 0)", "foreground": "oklch(0.24 0 0)", "card": "oklch(0.99 0 0)", "card-foreground": "oklch(0.24 0 0)", "popover": "oklch(0.99 0 0)", "popover-foreground": "oklch(0.24 0 0)", "primary": "oklch(0.43 0.04 42.00)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.92 0.07 76.67)", "secondary-foreground": "oklch(0.35 0.07 41.41)", "muted": "oklch(0.95 0 0)", "muted-foreground": "oklch(0.50 0 0)", "accent": "oklch(0.93 0 0)", "accent-foreground": "oklch(0.24 0 0)", "destructive": "oklch(0.63 0.19 33.26)", "border": "oklch(0.88 0 0)", "input": "oklch(0.88 0 0)", "ring": "oklch(0.43 0.04 42.00)", "chart-1": "oklch(0.43 0.04 42.00)", "chart-2": "oklch(0.92 0.07 76.67)", "chart-3": "oklch(0.93 0 0)", "chart-4": "oklch(0.94 0.05 75.02)", "chart-5": "oklch(0.43 0.04 42.00)", "sidebar": "oklch(0.99 0 0)", "sidebar-foreground": "oklch(0.26 0 0)", "sidebar-primary": "oklch(0.33 0 0)", "sidebar-primary-foreground": "oklch(0.99 0 0)", "sidebar-accent": "oklch(0.98 0 0)", "sidebar-accent-foreground": "oklch(0.33 0 0)", "sidebar-border": "oklch(0.94 0 0)", "sidebar-ring": "oklch(0.77 0 0)", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.18 0 0)", "foreground": "oklch(0.95 0 0)", "card": "oklch(0.21 0 0)", "card-foreground": "oklch(0.95 0 0)", "popover": "oklch(0.21 0 0)", "popover-foreground": "oklch(0.95 0 0)", "primary": "oklch(0.92 0.05 67.14)", "primary-foreground": "oklch(0.20 0.02 201.14)", "secondary": "oklch(0.32 0.02 67.00)", "secondary-foreground": "oklch(0.92 0.05 67.14)", "muted": "oklch(0.25 0 0)", "muted-foreground": "oklch(0.77 0 0)", "accent": "oklch(0.29 0 0)", "accent-foreground": "oklch(0.95 0 0)", "destructive": "oklch(0.63 0.19 33.26)", "border": "oklch(0.24 0.01 88.77)", "input": "oklch(0.40 0 0)", "ring": "oklch(0.92 0.05 67.14)", "chart-1": "oklch(0.92 0.05 67.14)", "chart-2": "oklch(0.32 0.02 67.00)", "chart-3": "oklch(0.29 0 0)", "chart-4": "oklch(0.35 0.02 67.11)", "chart-5": "oklch(0.92 0.05 67.14)", "sidebar": "oklch(0.21 0.01 285.56)", "sidebar-foreground": "oklch(0.97 0 0)", "sidebar-primary": "oklch(0.49 0.22 264.43)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.27 0.01 285.81)", "sidebar-accent-foreground": "oklch(0.97 0 0)", "sidebar-border": "oklch(0.27 0.01 285.81)", "sidebar-ring": "oklch(0.87 0.01 286.27)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "corporate", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Inter, sans-serif", "font-mono": "IBM Plex Mono, monospace", "font-serif": "Source Serif 4, serif", "radius": "0.375rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.98 0 0)", "foreground": "oklch(0.21 0.03 263.61)", "card": "oklch(1.00 0 0)", "card-foreground": "oklch(0.21 0.03 263.61)", "popover": "oklch(1.00 0 0)", "popover-foreground": "oklch(0.21 0.03 263.61)", "primary": "oklch(0.48 0.20 260.47)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.97 0 0)", "secondary-foreground": "oklch(0.37 0.03 259.73)", "muted": "oklch(0.97 0 0)", "muted-foreground": "oklch(0.55 0.02 264.41)", "accent": "oklch(0.95 0.02 260.18)", "accent-foreground": "oklch(0.48 0.20 260.47)", "destructive": "oklch(0.58 0.22 27.29)", "border": "oklch(0.93 0.01 261.82)", "input": "oklch(0.93 0.01 261.82)", "ring": "oklch(0.48 0.20 260.47)", "chart-1": "oklch(0.48 0.20 260.47)", "chart-2": "oklch(0.56 0.24 260.92)", "chart-3": "oklch(0.40 0.16 259.61)", "chart-4": "oklch(0.43 0.16 259.82)", "chart-5": "oklch(0.29 0.07 261.20)", "sidebar": "oklch(0.97 0 0)", "sidebar-foreground": "oklch(0.21 0.03 263.61)", "sidebar-primary": "oklch(0.48 0.20 260.47)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.95 0.02 260.18)", "sidebar-accent-foreground": "oklch(0.48 0.20 260.47)", "sidebar-border": "oklch(0.93 0.01 261.82)", "sidebar-ring": "oklch(0.48 0.20 260.47)", "font-sans": "Inter, sans-serif", "font-serif": "Source Serif 4, serif", "font-mono": "IBM Plex Mono, monospace", "radius": "0.375rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.26 0.03 262.67)", "foreground": "oklch(0.93 0.01 261.82)", "card": "oklch(0.30 0.03 260.51)", "card-foreground": "oklch(0.93 0.01 261.82)", "popover": "oklch(0.30 0.03 260.51)", "popover-foreground": "oklch(0.93 0.01 261.82)", "primary": "oklch(0.56 0.24 260.92)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.35 0.04 261.40)", "secondary-foreground": "oklch(0.93 0.01 261.82)", "muted": "oklch(0.30 0.03 260.51)", "muted-foreground": "oklch(0.71 0.02 261.33)", "accent": "oklch(0.33 0.04 264.63)", "accent-foreground": "oklch(0.93 0.01 261.82)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.35 0.04 261.40)", "input": "oklch(0.35 0.04 261.40)", "ring": "oklch(0.56 0.24 260.92)", "chart-1": "oklch(0.56 0.24 260.92)", "chart-2": "oklch(0.48 0.20 260.47)", "chart-3": "oklch(0.69 0.17 255.59)", "chart-4": "oklch(0.43 0.16 259.82)", "chart-5": "oklch(0.29 0.07 261.20)", "sidebar": "oklch(0.26 0.03 262.67)", "sidebar-foreground": "oklch(0.93 0.01 261.82)", "sidebar-primary": "oklch(0.56 0.24 260.92)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.33 0.04 264.63)", "sidebar-accent-foreground": "oklch(0.93 0.01 261.82)", "sidebar-border": "oklch(0.35 0.04 261.40)", "sidebar-ring": "oklch(0.56 0.24 260.92)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "slack", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Lato, sans-serif", "font-mono": "Roboto Mono, monospace", "font-serif": "Merriweather, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(1.00 0 0)", "foreground": "oklch(0.23 0 0)", "card": "oklch(0.98 0 0)", "card-foreground": "oklch(0.23 0 0)", "popover": "oklch(0.98 0 0)", "popover-foreground": "oklch(0.23 0 0)", "primary": "oklch(0.37 0.14 323.40)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.96 0.01 311.36)", "secondary-foreground": "oklch(0.31 0.11 327.10)", "muted": "oklch(0.97 0 0)", "muted-foreground": "oklch(0.49 0 0)", "accent": "oklch(0.88 0.02 323.34)", "accent-foreground": "oklch(0.31 0.11 327.10)", "destructive": "oklch(0.59 0.22 11.39)", "border": "oklch(0.91 0 0)", "input": "oklch(0.91 0 0)", "ring": "oklch(0.37 0.14 323.40)", "chart-1": "oklch(0.31 0.11 327.10)", "chart-2": "oklch(0.37 0.14 323.40)", "chart-3": "oklch(0.59 0.22 11.39)", "chart-4": "oklch(0.77 0.13 222.66)", "chart-5": "oklch(0.69 0.14 160.27)", "sidebar": "oklch(0.96 0.01 311.36)", "sidebar-foreground": "oklch(0.23 0 0)", "sidebar-primary": "oklch(0.37 0.14 323.40)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.88 0.02 323.34)", "sidebar-accent-foreground": "oklch(0.31 0.11 327.10)", "sidebar-border": "oklch(0.91 0 0)", "sidebar-ring": "oklch(0.37 0.14 323.40)", "font-sans": "Lato, sans-serif", "font-serif": "Merriweather, serif", "font-mono": "Roboto Mono, monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.23 0.01 260.69)", "foreground": "oklch(0.93 0 0)", "card": "oklch(0.26 0.01 260.70)", "card-foreground": "oklch(0.93 0 0)", "popover": "oklch(0.26 0.01 260.70)", "popover-foreground": "oklch(0.93 0 0)", "primary": "oklch(0.58 0.14 327.21)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.30 0.01 254.00)", "secondary-foreground": "oklch(0.93 0 0)", "muted": "oklch(0.26 0.01 260.70)", "muted-foreground": "oklch(0.68 0 0)", "accent": "oklch(0.33 0.03 326.28)", "accent-foreground": "oklch(0.93 0 0)", "destructive": "oklch(0.59 0.22 11.39)", "border": "oklch(0.30 0.01 268.37)", "input": "oklch(0.30 0.01 268.37)", "ring": "oklch(0.58 0.14 327.21)", "chart-1": "oklch(0.58 0.14 327.21)", "chart-2": "oklch(0.77 0.13 222.66)", "chart-3": "oklch(0.69 0.14 160.27)", "chart-4": "oklch(0.59 0.22 11.39)", "chart-5": "oklch(0.80 0.15 82.32)", "sidebar": "oklch(0.23 0.01 260.69)", "sidebar-foreground": "oklch(0.93 0 0)", "sidebar-primary": "oklch(0.58 0.14 327.21)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.33 0.03 326.28)", "sidebar-accent-foreground": "oklch(0.93 0 0)", "sidebar-border": "oklch(0.30 0.01 268.37)", "sidebar-ring": "oklch(0.58 0.14 327.21)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } }, { "name": "perplexity", "type": "registry:style", "css": { "@layer base": { "body": { "letter-spacing": "var(--tracking-normal)" } } }, "cssVars": { "theme": { "font-sans": "Inter, sans-serif", "font-mono": "Roboto Mono, monospace", "font-serif": "Lora, serif", "radius": "0.5rem", "tracking-tighter": "calc(var(--tracking-normal) - 0.05em)", "tracking-tight": "calc(var(--tracking-normal) - 0.025em)", "tracking-wide": "calc(var(--tracking-normal) + 0.025em)", "tracking-wider": "calc(var(--tracking-normal) + 0.05em)", "tracking-widest": "calc(var(--tracking-normal) + 0.1em)" }, "light": { "background": "oklch(0.95 0.01 196.81)", "foreground": "oklch(0.38 0.06 211.49)", "card": "oklch(0.97 0.01 196.81)", "card-foreground": "oklch(0.38 0.06 211.49)", "popover": "oklch(0.97 0.01 196.81)", "popover-foreground": "oklch(0.38 0.06 211.49)", "primary": "oklch(0.72 0.12 210.36)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.97 0.01 247.91)", "secondary-foreground": "oklch(0.14 0 0)", "muted": "oklch(0.97 0.01 247.91)", "muted-foreground": "oklch(0.55 0.04 256.40)", "accent": "oklch(0.96 0.02 204.34)", "accent-foreground": "oklch(0.57 0.10 213.73)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.93 0.01 256.71)", "input": "oklch(0.93 0.01 256.71)", "ring": "oklch(0.72 0.12 210.36)", "chart-1": "oklch(0.72 0.12 210.36)", "chart-2": "oklch(0.57 0.10 213.73)", "chart-3": "oklch(0.79 0.12 209.45)", "chart-4": "oklch(0.76 0.11 208.70)", "chart-5": "oklch(0.83 0.10 208.33)", "sidebar": "oklch(0.98 0 0)", "sidebar-foreground": "oklch(0.14 0 0)", "sidebar-primary": "oklch(0.72 0.12 210.36)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.96 0.02 204.34)", "sidebar-accent-foreground": "oklch(0.57 0.10 213.73)", "sidebar-border": "oklch(0.93 0.01 256.71)", "sidebar-ring": "oklch(0.72 0.12 210.36)", "font-sans": "Inter, sans-serif", "font-serif": "Lora, serif", "font-mono": "Roboto Mono, monospace", "radius": "0.5rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "spacing": "0.25rem", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)", "tracking-normal": "0em" }, "dark": { "background": "oklch(0.21 0.02 226.02)", "foreground": "oklch(0.85 0.13 194.97)", "card": "oklch(0.23 0.03 218.18)", "card-foreground": "oklch(0.85 0.13 194.97)", "popover": "oklch(0.23 0.03 218.18)", "popover-foreground": "oklch(0.85 0.13 194.97)", "primary": "oklch(0.72 0.12 210.36)", "primary-foreground": "oklch(1.00 0 0)", "secondary": "oklch(0.27 0.01 285.81)", "secondary-foreground": "oklch(0.97 0 0)", "muted": "oklch(0.24 0 0)", "muted-foreground": "oklch(0.71 0.01 286.23)", "accent": "oklch(0.24 0 0)", "accent-foreground": "oklch(0.97 0 0)", "destructive": "oklch(0.64 0.21 25.39)", "border": "oklch(0.29 0 0)", "input": "oklch(0.29 0 0)", "ring": "oklch(0.72 0.12 210.36)", "chart-1": "oklch(0.72 0.12 210.36)", "chart-2": "oklch(0.79 0.12 209.45)", "chart-3": "oklch(0.76 0.11 208.70)", "chart-4": "oklch(0.83 0.10 208.33)", "chart-5": "oklch(0.57 0.10 213.73)", "sidebar": "oklch(0.19 0 0)", "sidebar-foreground": "oklch(0.97 0 0)", "sidebar-primary": "oklch(0.72 0.12 210.36)", "sidebar-primary-foreground": "oklch(1.00 0 0)", "sidebar-accent": "oklch(0.24 0 0)", "sidebar-accent-foreground": "oklch(0.97 0 0)", "sidebar-border": "oklch(0.29 0 0)", "sidebar-ring": "oklch(0.72 0.12 210.36)", "radius": "0.625rem", "shadow-color": "hsl(0 0% 0%)", "shadow-opacity": "0.1", "shadow-blur": "3px", "shadow-spread": "0px", "shadow-offset-x": "0", "shadow-offset-y": "1px", "letter-spacing": "0em", "spacing": "0.25rem", "font-sans": "'Geist', 'Geist Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'", "font-serif": "\"Geist\", \"Geist Fallback\", ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif", "font-mono": "\"Geist Mono\", \"Geist Mono Fallback\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace", "shadow-2xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-xs": "0 1px 3px 0px oklch(0.00 0 0 / 0.05)", "shadow-sm": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 1px 2px -1px oklch(0.00 0 0 / 0.10)", "shadow-md": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 2px 4px -1px oklch(0.00 0 0 / 0.10)", "shadow-lg": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 4px 6px -1px oklch(0.00 0 0 / 0.10)", "shadow-xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.10), 0 8px 10px -1px oklch(0.00 0 0 / 0.10)", "shadow-2xl": "0 1px 3px 0px oklch(0.00 0 0 / 0.25)" } } } ] }