@nikala-ui/core 0.10.1 → 0.11.0

package/src/registry/metadata.ts

@@ -16,6 +16,12 @@ export const COMPONENT_METADATA: Record<string, ComponentMeta> = {
     dependencies: ["clsx", "tailwind-merge", "class-variance-authority"],
     registryDependencies: ["spinner"],
   },
+  "button-group": {
+    title: "Button Group",
+    description: "Groups related buttons into a connected horizontal or vertical control.",
+    dependencies: ["clsx", "tailwind-merge"],
+    registryDependencies: ["button"],
+  },
   input: {
     title: "Input",
     description: "A standard text input field with styling variants.",
@@ -271,6 +277,92 @@ export const COMPONENT_METADATA: Record<string, ComponentMeta> = {
     description: "Profile and link preview popover triggered on hover, built on Kobalte primitives.",
     dependencies: ["clsx", "tailwind-merge", "@kobalte/core"],
   },
+  table: {
+    title: "Table",
+    description: "A responsive and accessible data table component with headers, rows, cells, and footer summaries.",
+    dependencies: ["clsx", "tailwind-merge"],
+  },
+  dropzone: {
+    title: "Dropzone",
+    description: "A compound drag-and-drop file upload container with file list previews and validation feedback.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["create-drop-zone"],
+  },
+  "toggle-group": {
+    title: "Toggle Group",
+    description: "A set of two-state buttons that can be toggled on or off with single or multiple selection modes.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority"],
+    registryDependencies: ["create-controllable-signal"],
+  },
+  timeline: {
+    title: "Timeline",
+    description: "A responsive chronological display for event streams, activity logs, order tracking, and multi-step workflows.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority"],
+  },
+  "navigation-menu": {
+    title: "Navigation Menu",
+    description: "A responsive and accessible top header navigation menu with mega-menu dropdowns and link previews.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+    registryDependencies: ["create-click-outside"],
+  },
+  navbar: {
+    title: "Navbar",
+    description: "A responsive, accessible, and composable top navigation header suite supporting nested dropdown flyouts, floating card containers, and mobile navigation drawers.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+  },
+  footer: {
+    title: "Footer",
+    description: "A responsive, accessible, and structured bottom navigation layout suite supporting multi-column link directories, brand sections, and newsletter inputs.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority"],
+  },
+  stat: {
+    title: "Stat",
+    description: "Display key performance indicators, statistics, financial data, and metrics with trends and icons.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+  },
+  marquee: {
+    title: "Marquee",
+    description: "A smooth, GPU-accelerated infinite scrolling ticker component for logo clouds, testimonials, and live ribbons.",
+    dependencies: ["clsx", "tailwind-merge"],
+  },
+  "review-card": {
+    title: "Review Card",
+    description: "A versatile, structured card component for customer testimonials, product ratings, verified buyer badges, and social proof.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+    registryDependencies: ["avatar", "rating"],
+  },
+  rating: {
+    title: "Rating",
+    description: "An accessible star rating component supporting interactive inputs, hover preview states, and read-only score badges.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+  },
+  pagination: {
+    title: "Pagination",
+    description: "An accessible multi-page navigation bar with previous, next, page numbers, and ellipsis controls.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+    registryDependencies: ["create-pagination"],
+  },
+  message: {
+    title: "Message",
+    description: "A structured chat and conversation message layout with avatars, alignment, headers, footers, and actions.",
+    dependencies: ["clsx", "tailwind-merge"],
+  },
+  bubble: {
+    title: "Bubble",
+    description: "Chat message bubble container supporting variants, grouped consecutive bubbles, and emoji reactions.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority"],
+  },
+  marker: {
+    title: "Marker",
+    description: "System chat events, date dividers, and live typing indicator badges.",
+    dependencies: ["clsx", "tailwind-merge"],
+  },
+  sidebar: {
+    title: "Sidebar",
+    description: "A composable, collapsible, and accessible application sidebar navigation suite with icon mode, mobile drawer, and keyboard shortcuts.",
+    dependencies: ["clsx", "tailwind-merge", "class-variance-authority", "lucide-solid"],
+    registryDependencies: ["tooltip", "skeleton", "separator"],
+  },
 };
 
 /**
@@ -437,4 +529,53 @@ export const HOOK_METADATA: Record<string, ComponentMeta> = {
     title: "createScrollIntoView",
     description: "SolidJS reactive primitive for scrolling a target element into view smooth or auto behavior",
   },
+  "create-drop-zone": {
+    title: "createDropZone",
+    description: "SolidJS reactive primitive for file drag & drop operations, validation, and file chooser dialogs",
+  },
+  "create-pagination": {
+    title: "createPagination",
+    description: "SolidJS reactive primitive for computing pagination state, dynamic page ranges with ellipses, and navigation controls",
+  },
+  "create-chat-scroll": {
+    title: "createChatScroll",
+    description: "SolidJS reactive primitive for automated chat container scrolling with manual scroll-up detection",
+  },
+};
+
+/**
+ * Static metadata configuration for ready-to-use application and marketing blocks.
+ */
+export const BLOCK_METADATA: Record<string, ComponentMeta> = {
+  "hero-01": {
+    title: "Hero 01 — Simple Centered with Actions",
+    description: "A clean centered hero section with badge pill, high-contrast headline, and dual CTA buttons.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["button", "badge"],
+  },
+  "login-01": {
+    title: "Login 01 — Split Screen with Social Auth & Testimonial",
+    description: "A modern split-screen authentication page block with OAuth providers, email sign-in form, and brand testimonial visual.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["button", "input", "label", "checkbox", "separator", "form", "field", "form-message"],
+  },
+  "register-01": {
+    title: "Register 01 — Sign-Up Card with Password Strength",
+    description: "A comprehensive sign-up card featuring social logins, live password strength meter with validation checklist, and terms agreement.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["card", "input", "label", "button", "checkbox", "progress", "badge", "separator", "form", "field", "form-message"],
+  },
+  "otp-verification-01": {
+    title: "OTP Verification 01 — Two-Factor Security Code",
+    description: "A clean 2-Factor Authentication block with a 6-digit PIN input, countdown resend timer, and security notifications.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["card", "pin-input", "button", "alert", "badge", "form"],
+  },
+  "forgot-password-01": {
+    title: "Forgot Password 01 — Account Recovery Flow",
+    description: "A sleek password recovery block with email instructions submission and success confirmation states.",
+    dependencies: ["clsx", "tailwind-merge", "lucide-solid"],
+    registryDependencies: ["card", "input", "label", "button", "alert", "form", "field", "form-message"],
+  },
 };
+