npm - @smicolon/fasla-ui - Versions diffs - 0.2.3 → 0.2.4 - Mend

@smicolon/fasla-ui 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/package.json +1 -1
package/registry/effects/typewriter-text/typewriter-text.tsx +2 -2
package/registry.json +372 -78

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@smicolon/fasla-ui",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Professional UI components with animations and app building blocks",
   "license": "MIT",
   "author": "Smicolon",

package/registry/effects/typewriter-text/typewriter-text.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ export function TypewriterText({
       return
     }
-    let timeoutId: NodeJS.Timeout
+    let timeoutId: ReturnType<typeof setTimeout>
     let charIndex = 0
     setIsTyping(true)
@@ -156,7 +156,7 @@ export function TypewriterWords({
     }
     const currentWord = words[wordIndex] ?? ""
-    let timeoutId: NodeJS.Timeout
+    let timeoutId: ReturnType<typeof setTimeout>
     if (!isDeleting) {
       // Typing

package/registry.json CHANGED Viewed

@@ -4,59 +4,74 @@
   "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",
-      "type": "registry:ui",
-      "title": "Input",
-      "description": "An input component with variants for validation states and icon support.",
-      "dependencies": ["class-variance-authority"],
+      "name": "app-shell",
+      "type": "registry:block",
+      "title": "App Shell",
+      "description": "Application shell with sidebar, header, and content area.",
+      "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/input/input.tsx",
-          "type": "registry:ui",
-          "target": "components/ui/input.tsx"
+          "path": "registry/blocks/app-shell/AppShell.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/app-shell.tsx"
         }
       ],
-      "categories": ["primitives", "forms"]
+      "categories": [
+        "layout",
+        "application"
+      ]
     },
     {
-      "name": "card",
+      "name": "avatar",
       "type": "registry:ui",
-      "title": "Card",
-      "description": "A card component with header, content, and footer sections.",
-      "dependencies": [],
+      "title": "Avatar",
+      "description": "Represent users with images, fallback content, and grouping.",
+      "dependencies": [
+        "class-variance-authority"
+      ],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/card/card.tsx",
+          "path": "registry/ui/avatar/avatar.tsx",
           "type": "registry:ui",
-          "target": "components/ui/card.tsx"
+          "target": "components/ui/avatar.tsx"
         }
       ],
-      "categories": ["primitives", "layout"]
+      "categories": [
+        "primitives",
+        "data-display"
+      ]
     },
     {
       "name": "badge",
       "type": "registry:ui",
       "title": "Badge",
       "description": "A badge component for status indicators with multiple variants.",
-      "dependencies": ["class-variance-authority"],
+      "dependencies": [
+        "class-variance-authority"
+      ],
       "registryDependencies": [],
       "files": [
         {
@@ -65,55 +80,129 @@
           "target": "components/ui/badge.tsx"
         }
       ],
-      "categories": ["primitives", "data-display"]
+      "categories": [
+        "primitives",
+        "data-display"
+      ]
     },
     {
-      "name": "skeleton",
+      "name": "border-beam",
       "type": "registry:ui",
-      "title": "Skeleton",
-      "description": "Loading skeleton placeholders with pre-built variants for text, avatars, and cards.",
+      "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"
+      ],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/button/button.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/button.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "forms"
+      ]
+    },
+    {
+      "name": "card",
+      "type": "registry:ui",
+      "title": "Card",
+      "description": "A card component with header, content, and footer sections.",
       "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/ui/skeleton/skeleton.tsx",
+          "path": "registry/ui/card/card.tsx",
           "type": "registry:ui",
-          "target": "components/ui/skeleton.tsx"
+          "target": "components/ui/card.tsx"
         }
       ],
-      "categories": ["primitives", "feedback"]
+      "categories": [
+        "primitives",
+        "layout"
+      ]
     },
     {
-      "name": "app-shell",
-      "type": "registry:block",
-      "title": "App Shell",
-      "description": "Application shell with sidebar, header, and content area.",
+      "name": "checkbox",
+      "type": "registry:ui",
+      "title": "Checkbox",
+      "description": "An accessible checkbox for binary selections with controlled state.",
       "dependencies": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/blocks/app-shell/AppShell.tsx",
-          "type": "registry:block",
-          "target": "components/blocks/app-shell.tsx"
+          "path": "registry/ui/checkbox/checkbox.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/checkbox.tsx"
         }
       ],
-      "categories": ["layout", "application"]
+      "categories": [
+        "primitives",
+        "forms"
+      ]
     },
     {
-      "name": "page-header",
+      "name": "combobox",
+      "type": "registry:ui",
+      "title": "Combobox",
+      "description": "A searchable combobox with single or multiple selection.",
+      "dependencies": [],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/ui/combobox/combobox.tsx",
+          "type": "registry:ui",
+          "target": "components/ui/combobox.tsx"
+        }
+      ],
+      "categories": [
+        "primitives",
+        "forms"
+      ]
+    },
+    {
+      "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",
@@ -129,7 +218,10 @@
           "target": "components/blocks/empty-state.tsx"
         }
       ],
-      "categories": ["feedback", "data-display"]
+      "categories": [
+        "feedback",
+        "data-display"
+      ]
     },
     {
       "name": "form-section",
@@ -145,30 +237,116 @@
           "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": [],
       "registryDependencies": [],
       "files": [
         {
-          "path": "registry/blocks/data-table/DataTable.tsx",
+          "path": "registry/blocks/navbar/Navbar.tsx",
           "type": "registry:block",
-          "target": "components/blocks/data-table.tsx"
+          "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/page-header/PageHeader.tsx",
+          "type": "registry:block",
+          "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": [],
+      "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 +355,135 @@
           "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": [],
+      "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", "backgrounds"]
+      "categories": [
+        "effects",
+        "interactive"
+      ]
+    },
+    {
+      "name": "stats-card",
+      "type": "registry:block",
+      "title": "Stats Card",
+      "description": "Display a metric with trend, icon, and supporting label.",
+      "dependencies": [],
+      "registryDependencies": [],
+      "files": [
+        {
+          "path": "registry/blocks/stats-card/StatsCard.tsx",
+          "type": "registry:block",
+          "target": "components/blocks/stats-card.tsx"
+        }
+      ],
+      "categories": [
+        "data-display",
+        "application"
+      ]
+    },
+    {
+      "name": "switch",
+      "type": "registry:ui",
+      "title": "Switch",
+      "description": "An accessible switch for on-off settings.",
+      "dependencies": [],
+      "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": [
+        "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 +492,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"
+      ]
     }
   ]
 }