@smicolon/fasla-ui 0.2.3 → 0.3.0

package/registry.json

@@ -4,36 +4,134 @@
   "homepage": "https://ui.smicolon.com",
   "items": [
     {
-      "name": "button",
+      "name": "animated-gradient",
       "type": "registry:ui",
-      "title": "Button",
-      "description": "A button component with multiple variants, sizes, and loading state.",
-      "dependencies": ["@radix-ui/react-slot", "class-variance-authority"],
+      "title": "Animated Gradient",
+      "description": "Animated gradient background and text effects.",
+      "dependencies": [
+        "framer-motion"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/button/button.tsx",
+          "path": "registry/effects/animated-gradient/animated-gradient.tsx",
           "type": "registry:ui",
-          "target": "components/ui/button.tsx"
+          "target": "components/ui/animated-gradient.tsx"
         }
       ],
-      "categories": ["primitives", "forms"]
+      "categories": [
+        "effects",
+        "backgrounds"
+      ]
     },
     {
-      "name": "input",
+      "name": "app-shell",
+      "type": "registry:block",
+      "title": "App Shell",
+      "description": "Application shell with sidebar, header, and content area.",
+      "dependencies": [],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/blocks/app-shell/AppShell.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/app-shell.tsx"
+        }
+      ],
+      "categories": [
+        "layout",
+        "application"
+      ]
+    },
+    {
+      "name": "avatar",
       "type": "registry:ui",
-      "title": "Input",
-      "description": "An input component with variants for validation states and icon support.",
-      "dependencies": ["class-variance-authority"],
+      "title": "Avatar",
+      "description": "A user's photo, initials or icon, in three sizes and two radii, with an optional border and presence dot. Falls back from photo to initials to icon on its own.",
+      "dependencies": [
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": [
+        "status-indicator"
+      ],
+      "files": [
+        {
+          "path": "registry/ui/avatar/avatar.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/avatar.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "data-display"
+      ]
+    },
+    {
+      "name": "badge",
+      "type": "registry:ui",
+      "title": "Badge",
+      "description": "A compact inline label for status, category or metadata: solid, soft and outline types in six semantic tones, with an optional icon, avatar and close button.",
+      "dependencies": [
+        "class-variance-authority",
+        "lucide-react"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/input/input.tsx",
+          "path": "registry/ui/badge/badge.tsx",
           "type": "registry:ui",
-          "target": "components/ui/input.tsx"
+          "target": "components/ui/badge.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "data-display"
+      ]
+    },
+    {
+      "name": "border-beam",
+      "type": "registry:ui",
+      "title": "Border Beam",
+      "description": "Animated border beam and glowing border effects.",
+      "dependencies": [
+        "framer-motion"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/effects/border-beam/border-beam.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/border-beam.tsx"
+        }
+      ],
+      "categories": [
+        "effects",
+        "borders"
+      ]
+    },
+    {
+      "name": "button",
+      "type": "registry:ui",
+      "title": "Button",
+      "description": "A button component with multiple variants, sizes, and loading state.",
+      "dependencies": [
+        "@radix-ui/react-slot",
+        "class-variance-authority",
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/button/button.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/button.tsx"
         }
       ],
-      "categories": ["primitives", "forms"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
       "name": "card",
@@ -49,78 +147,101 @@
           "target": "components/ui/card.tsx"
         }
       ],
-      "categories": ["primitives", "layout"]
+      "categories": [
+        "primitives",
+        "layout"
+      ]
     },
     {
-      "name": "badge",
+      "name": "checkbox",
       "type": "registry:ui",
-      "title": "Badge",
-      "description": "A badge component for status indicators with multiple variants.",
-      "dependencies": ["class-variance-authority"],
+      "title": "Checkbox",
+      "description": "An accessible checkbox for binary selections with controlled state.",
+      "dependencies": [
+        "lucide-react"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/badge/badge.tsx",
+          "path": "registry/ui/checkbox/checkbox.tsx",
           "type": "registry:ui",
-          "target": "components/ui/badge.tsx"
+          "target": "components/ui/checkbox.tsx"
         }
       ],
-      "categories": ["primitives", "data-display"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
-      "name": "skeleton",
+      "name": "radio",
       "type": "registry:ui",
-      "title": "Skeleton",
-      "description": "Loading skeleton placeholders with pre-built variants for text, avatars, and cards.",
-      "dependencies": [],
+      "title": "Radio",
+      "description": "An accessible radio for choosing one option from a set, with a plain and a bordered layout variant.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/skeleton/skeleton.tsx",
+          "path": "registry/ui/radio/radio.tsx",
           "type": "registry:ui",
-          "target": "components/ui/skeleton.tsx"
+          "target": "components/ui/radio.tsx"
         }
       ],
-      "categories": ["primitives", "feedback"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
-      "name": "app-shell",
-      "type": "registry:block",
-      "title": "App Shell",
-      "description": "Application shell with sidebar, header, and content area.",
-      "dependencies": [],
+      "name": "combobox",
+      "type": "registry:ui",
+      "title": "Combobox",
+      "description": "A searchable combobox with single or multiple selection.",
+      "dependencies": [
+        "lucide-react"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/blocks/app-shell/AppShell.tsx",
-          "type": "registry:block",
-          "target": "components/blocks/app-shell.tsx"
+          "path": "registry/ui/combobox/combobox.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/combobox.tsx"
         }
       ],
-      "categories": ["layout", "application"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
-      "name": "page-header",
+      "name": "data-table",
       "type": "registry:block",
-      "title": "Page Header",
-      "description": "Page header with title, breadcrumb, description, and actions.",
+      "title": "Data Table",
+      "description": "Data table with sorting, pagination, and custom cell rendering.",
       "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/blocks/page-header/PageHeader.tsx",
+          "path": "registry/blocks/data-table/DataTable.tsx",
           "type": "registry:block",
-          "target": "components/blocks/page-header.tsx"
+          "target": "components/blocks/data-table.tsx"
         }
       ],
-      "categories": ["layout", "navigation"]
+      "categories": [
+        "data-display",
+        "tables"
+      ]
     },
     {
       "name": "empty-state",
       "type": "registry:block",
       "title": "Empty State",
       "description": "Empty state component with icon, title, description, and actions.",
-      "dependencies": [],
+      "dependencies": [
+        "lucide-react"
+      ],
       "registryDependencies": [],
       "files": [
         {
@@ -129,7 +250,10 @@
           "target": "components/blocks/empty-state.tsx"
         }
       ],
-      "categories": ["feedback", "data-display"]
+      "categories": [
+        "feedback",
+        "data-display"
+      ]
     },
     {
       "name": "form-section",
@@ -145,30 +269,120 @@
           "target": "components/blocks/form-section.tsx"
         }
       ],
-      "categories": ["forms", "layout"]
+      "categories": [
+        "forms",
+        "layout"
+      ]
     },
     {
-      "name": "data-table",
+      "name": "glow-card",
+      "type": "registry:ui",
+      "title": "Glow Card",
+      "description": "Card with a cursor-following glow on hover.",
+      "dependencies": [],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/effects/glow-card/glow-card.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/glow-card.tsx"
+        }
+      ],
+      "categories": [
+        "effects",
+        "interactive"
+      ]
+    },
+    {
+      "name": "input",
+      "type": "registry:ui",
+      "title": "Input",
+      "description": "An input component with variants for validation states and icon support.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/input/input.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/input.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "forms"
+      ]
+    },
+    {
+      "name": "navbar",
       "type": "registry:block",
-      "title": "Data Table",
-      "description": "Data table with sorting, pagination, and custom cell rendering.",
+      "title": "Navbar",
+      "description": "Responsive navigation bar with desktop links and mobile menu.",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/blocks/navbar/Navbar.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/navbar.tsx"
+        }
+      ],
+      "categories": [
+        "navigation",
+        "layout"
+      ]
+    },
+    {
+      "name": "page-header",
+      "type": "registry:block",
+      "title": "Page Header",
+      "description": "Page header with title, breadcrumb, description, and actions.",
       "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/blocks/data-table/DataTable.tsx",
+          "path": "registry/blocks/page-header/PageHeader.tsx",
           "type": "registry:block",
-          "target": "components/blocks/data-table.tsx"
+          "target": "components/blocks/page-header.tsx"
+        }
+      ],
+      "categories": [
+        "layout",
+        "navigation"
+      ]
+    },
+    {
+      "name": "select",
+      "type": "registry:ui",
+      "title": "Select",
+      "description": "A select control for choosing one option from a list.",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/select/select.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/select.tsx"
         }
       ],
-      "categories": ["data-display", "tables"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
       "name": "shimmer-button",
       "type": "registry:ui",
       "title": "Shimmer Button",
       "description": "A button with animated shimmer effect.",
-      "dependencies": ["framer-motion"],
+      "dependencies": [
+        "framer-motion"
+      ],
       "registryDependencies": [],
       "files": [
         {
@@ -177,30 +391,162 @@
           "target": "components/ui/shimmer-button.tsx"
         }
       ],
-      "categories": ["effects", "buttons"]
+      "categories": [
+        "effects",
+        "buttons"
+      ]
     },
     {
-      "name": "animated-gradient",
+      "name": "sidebar",
+      "type": "registry:block",
+      "title": "Sidebar",
+      "description": "Responsive sidebar navigation with collapsible structure.",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/blocks/sidebar/Sidebar.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/sidebar.tsx"
+        }
+      ],
+      "categories": [
+        "navigation",
+        "layout"
+      ]
+    },
+    {
+      "name": "skeleton",
       "type": "registry:ui",
-      "title": "Animated Gradient",
-      "description": "Animated gradient background and text effects.",
-      "dependencies": ["framer-motion"],
+      "title": "Skeleton",
+      "description": "Loading skeleton placeholders with pre-built variants for text, avatars, and cards.",
+      "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/effects/animated-gradient/animated-gradient.tsx",
+          "path": "registry/ui/skeleton/skeleton.tsx",
           "type": "registry:ui",
-          "target": "components/ui/animated-gradient.tsx"
+          "target": "components/ui/skeleton.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "feedback"
+      ]
+    },
+    {
+      "name": "spotlight",
+      "type": "registry:ui",
+      "title": "Spotlight",
+      "description": "Cursor-following spotlight effect.",
+      "dependencies": [
+        "framer-motion"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/effects/spotlight/spotlight.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/spotlight.tsx"
+        }
+      ],
+      "categories": [
+        "effects",
+        "interactive"
+      ]
+    },
+    {
+      "name": "stats-card",
+      "type": "registry:block",
+      "title": "Stats Card",
+      "description": "Display a metric with trend, icon, and supporting label.",
+      "dependencies": [
+        "lucide-react"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/blocks/stats-card/StatsCard.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/stats-card.tsx"
+        }
+      ],
+      "categories": [
+        "data-display",
+        "application"
+      ]
+    },
+    {
+      "name": "status-indicator",
+      "type": "registry:ui",
+      "title": "Status Indicator",
+      "description": "A presence dot — online, away, busy or offline — with an accessible name in the page's language, so colour never carries the status alone.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/status-indicator/status-indicator.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/status-indicator.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "data-display"
+      ]
+    },
+    {
+      "name": "switch",
+      "type": "registry:ui",
+      "title": "Switch",
+      "description": "An accessible switch for on-off settings: solid and outline styles in three sizes, with the track before or after its label.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/switch/switch.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/switch.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "forms"
+      ]
+    },
+    {
+      "name": "tabs",
+      "type": "registry:ui",
+      "title": "Tabs",
+      "description": "Accessible tab lists, triggers, and keyboard-navigable panels.",
+      "dependencies": [],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/tabs/tabs.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/tabs.tsx"
         }
       ],
-      "categories": ["effects", "backgrounds"]
+      "categories": [
+        "primitives",
+        "navigation"
+      ]
     },
     {
       "name": "text-reveal",
       "type": "registry:ui",
       "title": "Text Reveal",
       "description": "Character and word reveal animations.",
-      "dependencies": ["framer-motion"],
+      "dependencies": [
+        "framer-motion"
+      ],
       "registryDependencies": [],
       "files": [
         {
@@ -209,39 +555,50 @@
           "target": "components/ui/text-reveal.tsx"
         }
       ],
-      "categories": ["effects", "text"]
+      "categories": [
+        "effects",
+        "text"
+      ]
     },
     {
-      "name": "border-beam",
+      "name": "textarea",
       "type": "registry:ui",
-      "title": "Border Beam",
-      "description": "Animated border beam and glowing border effects.",
-      "dependencies": ["framer-motion"],
+      "title": "Textarea",
+      "description": "A multi-line text input with character counting and resize options.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/effects/border-beam/border-beam.tsx",
+          "path": "registry/ui/textarea/textarea.tsx",
           "type": "registry:ui",
-          "target": "components/ui/border-beam.tsx"
+          "target": "components/ui/textarea.tsx"
         }
       ],
-      "categories": ["effects", "borders"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
-      "name": "spotlight",
+      "name": "typewriter-text",
       "type": "registry:ui",
-      "title": "Spotlight",
-      "description": "Cursor-following spotlight effect.",
-      "dependencies": ["framer-motion"],
+      "title": "Typewriter Text",
+      "description": "Text that types itself out, one character at a time.",
+      "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/effects/spotlight/spotlight.tsx",
+          "path": "registry/effects/typewriter-text/typewriter-text.tsx",
           "type": "registry:ui",
-          "target": "components/ui/spotlight.tsx"
+          "target": "components/ui/typewriter-text.tsx"
         }
       ],
-      "categories": ["effects", "interactive"]
+      "categories": [
+        "effects",
+        "text"
+      ]
     }
   ]
 }