@tolle_/tolle-ui 18.2.24 → 18.2.26

package/registry/manifest.json

@@ -0,0 +1,4925 @@
+{
+  "package": "@tolle_/tolle-ui",
+  "version": "18.2.26",
+  "registry": "r/{name}.json",
+  "components": [
+    {
+      "name": "accordion",
+      "title": "Accordion",
+      "description": "Accordion component.",
+      "category": "layout",
+      "selector": "tolle-accordion",
+      "import": "import { AccordionComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add accordion",
+      "registryDependencies": [
+        "accordion-item"
+      ],
+      "dependencies": [],
+      "files": [
+        "accordion.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AccordionComponent",
+          "selector": "tolle-accordion",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "type",
+              "type": "'single' | 'multiple'",
+              "default": "'single'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "accordion-item",
+      "title": "Accordion Item",
+      "description": "Accordion Item component.",
+      "category": "layout",
+      "selector": "tolle-accordion-item",
+      "import": "import { AccordionItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add accordion-item",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "accordion-item.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AccordionItemComponent",
+          "selector": "tolle-accordion-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "title",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "string | number",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "alert",
+      "title": "Alert",
+      "description": "Alert component with variant options.",
+      "category": "feedback",
+      "selector": "tolle-alert",
+      "import": "import { AlertComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add alert",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "alert.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AlertComponent",
+          "selector": "tolle-alert",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "variant",
+              "type": "'default' | 'destructive' | 'success' | 'warning' | 'info'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "dismissible",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onClose",
+              "type": "void"
+            }
+          ],
+          "slots": [
+            {
+              "name": "[icon]"
+            },
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "destructive",
+                "success",
+                "warning",
+                "info"
+              ],
+              "default": "default"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "alert-dialog",
+      "title": "Alert Dialog",
+      "description": "Alert Dialog component.",
+      "category": "overlays",
+      "selector": "tolle-alert-dialog",
+      "import": "import { AlertDialogComponent, AlertDialogTriggerComponent, AlertDialogPortalComponent, AlertDialogContentComponent, AlertDialogHeaderComponent, AlertDialogFooterComponent, AlertDialogTitleComponent, AlertDialogDescriptionComponent, AlertDialogActionComponent, AlertDialogCancelComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add alert-dialog",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "alert-dialog.component.ts",
+        "alert-dialog.types.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AlertDialogComponent",
+          "selector": "tolle-alert-dialog",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "openChange",
+              "type": "boolean"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogTriggerComponent",
+          "selector": "tolle-alert-dialog-trigger",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogPortalComponent",
+          "selector": "tolle-alert-dialog-portal",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogContentComponent",
+          "selector": "tolle-alert-dialog-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "AlertDialogSize",
+              "default": "'lg'",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogHeaderComponent",
+          "selector": "tolle-alert-dialog-header",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogFooterComponent",
+          "selector": "tolle-alert-dialog-footer",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogTitleComponent",
+          "selector": "tolle-alert-dialog-title",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogDescriptionComponent",
+          "selector": "tolle-alert-dialog-description",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogActionComponent",
+          "selector": "tolle-alert-dialog-action",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "AlertDialogCancelComponent",
+          "selector": "tolle-alert-dialog-cancel",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "alert-dialog-dynamic",
+      "title": "Alert Dialog Dynamic",
+      "description": "Alert Dialog Dynamic component.",
+      "category": "overlays",
+      "selector": "tolle-alert-dialog-dynamic",
+      "import": "import { AlertDialogDynamicComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add alert-dialog-dynamic",
+      "registryDependencies": [
+        "alert-dialog",
+        "button"
+      ],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "alert-dialog-dynamic.component.ts",
+        "alert-dialog.types.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AlertDialogDynamicComponent",
+          "selector": "tolle-alert-dialog-dynamic",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "aspect-ratio",
+      "title": "Aspect Ratio",
+      "description": "Aspect Ratio component.",
+      "category": "layout",
+      "selector": "tolle-aspect-ratio",
+      "import": "import { AspectRatioComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add aspect-ratio",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "aspect-ratio.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AspectRatioComponent",
+          "selector": "tolle-aspect-ratio",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "ratio",
+              "type": "string | number",
+              "default": "'16 / 9'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "avatar",
+      "title": "Avatar",
+      "description": "Avatar component with shape and size options.",
+      "category": "media",
+      "selector": "tolle-avatar",
+      "import": "import { AvatarComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add avatar",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "avatar.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "AvatarComponent",
+          "selector": "tolle-avatar",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "src",
+              "type": "string",
+              "description": "Image URL. When absent or failed to load, projected fallback content is shown.",
+              "required": false
+            },
+            {
+              "name": "alt",
+              "type": "string",
+              "default": "''",
+              "description": "Alternative text for the avatar image.",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'sm' | 'default' | 'lg' | 'xl'",
+              "default": "'default'",
+              "description": "Size of the avatar.",
+              "required": false
+            },
+            {
+              "name": "shape",
+              "type": "'circle' | 'square'",
+              "default": "'circle'",
+              "description": "Shape of the avatar.",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the avatar via `cn()` (last-wins).",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "shape",
+              "options": [
+                "circle",
+                "square"
+              ],
+              "default": "circle"
+            },
+            {
+              "name": "size",
+              "options": [
+                "sm",
+                "default",
+                "lg",
+                "xl"
+              ],
+              "default": "default"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "avatar-fallback",
+      "title": "Avatar Fallback",
+      "description": "Avatar Fallback component.",
+      "category": "media",
+      "selector": "tolle-avatar-fallback",
+      "import": "import { AvatarFallbackComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add avatar-fallback",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "avatar-fallback.component.ts"
+      ],
+      "components": [
+        {
+          "className": "AvatarFallbackComponent",
+          "selector": "tolle-avatar-fallback",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "badge",
+      "title": "Badge",
+      "description": "Badge component with variant and size options.",
+      "category": "feedback",
+      "selector": "tolle-badge",
+      "import": "import { BadgeComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add badge",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "badge.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "BadgeComponent",
+          "selector": "tolle-badge",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "variant",
+              "type": "'default' | 'secondary' | 'outline' | 'destructive'",
+              "default": "'default'",
+              "description": "Visual style of the badge.",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default'",
+              "default": "'default'",
+              "description": "Size of the badge.",
+              "required": false
+            },
+            {
+              "name": "removable",
+              "type": "boolean",
+              "default": "false",
+              "description": "Shows a trailing dismiss (×) button that emits `onRemove`.",
+              "required": false
+            },
+            {
+              "name": "removeLabel",
+              "type": "string",
+              "default": "'Remove'",
+              "description": "Accessible label for the dismiss button.",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the badge via `cn()` (last-wins).",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onRemove",
+              "type": "MouseEvent",
+              "description": "Emitted with the click event when the dismiss button is pressed."
+            }
+          ],
+          "slots": [
+            {
+              "name": "[prefix]"
+            },
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "secondary",
+                "outline",
+                "destructive"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "size",
+              "options": [
+                "xs",
+                "sm",
+                "default"
+              ],
+              "default": "default"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "breadcrumb",
+      "title": "Breadcrumb",
+      "description": "Breadcrumb component.",
+      "category": "navigation",
+      "selector": "tolle-breadcrumb",
+      "import": "import { BreadcrumbComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add breadcrumb",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "breadcrumb.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "BreadcrumbComponent",
+          "selector": "tolle-breadcrumb",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "breadcrumb-item",
+      "title": "Breadcrumb Item",
+      "description": "Breadcrumb Item component.",
+      "category": "navigation",
+      "selector": "tolle-breadcrumb-item",
+      "import": "import { BreadcrumbItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add breadcrumb-item",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "breadcrumb-item.component.ts"
+      ],
+      "components": [
+        {
+          "className": "BreadcrumbItemComponent",
+          "selector": "tolle-breadcrumb-item",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "breadcrumb-link",
+      "title": "Breadcrumb Link",
+      "description": "Breadcrumb Link component.",
+      "category": "navigation",
+      "selector": "tolle-breadcrumb-link",
+      "import": "import { BreadcrumbLinkComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add breadcrumb-link",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "breadcrumb-link.component.ts"
+      ],
+      "components": [
+        {
+          "className": "BreadcrumbLinkComponent",
+          "selector": "tolle-breadcrumb-link",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "breadcrumb-separator",
+      "title": "Breadcrumb Separator",
+      "description": "Breadcrumb Separator component.",
+      "category": "layout",
+      "selector": "tolle-breadcrumb-separator",
+      "import": "import { BreadcrumbSeparatorComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add breadcrumb-separator",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "breadcrumb-separator.component.ts"
+      ],
+      "components": [
+        {
+          "className": "BreadcrumbSeparatorComponent",
+          "selector": "tolle-breadcrumb-separator",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "button",
+      "title": "Button",
+      "description": "Button component with variant and size and busy options.",
+      "category": "actions",
+      "selector": "tolle-button",
+      "import": "import { ButtonComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add button",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "button.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ButtonComponent",
+          "selector": "tolle-button",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the button via `cn()` (last-wins).",
+              "required": false
+            },
+            {
+              "name": "variant",
+              "type": "'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'",
+              "default": "'default'",
+              "description": "Visual style of the button.",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'default' | 'xs' | 'sm' | 'lg' | 'icon-xs' | 'icon-sm' | 'icon' | 'icon-lg'",
+              "default": "'default'",
+              "description": "Size of the button, including icon-only sizes.",
+              "required": false
+            },
+            {
+              "name": "type",
+              "type": "'button' | 'submit' | 'reset'",
+              "default": "'button'",
+              "description": "Native button type. Defaults to 'button' so it never submits a form unexpectedly.",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "Disables the button and blocks pointer events.",
+              "required": false
+            },
+            {
+              "name": "busy",
+              "type": "boolean",
+              "default": "false",
+              "description": "Shows a spinner, sets `aria-busy`, and prevents interaction while a task runs.",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "destructive",
+                "outline",
+                "secondary",
+                "ghost",
+                "link"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "size",
+              "options": [
+                "default",
+                "xs",
+                "sm",
+                "lg",
+                "icon-xs",
+                "icon-sm",
+                "icon",
+                "icon-lg"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "busy",
+              "options": [
+                "true"
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "button-group",
+      "title": "Button Group",
+      "description": "Button Group component.",
+      "category": "actions",
+      "selector": "tolle-button-group",
+      "import": "import { ButtonGroupComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add button-group",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "button-group.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ButtonGroupComponent",
+          "selector": "tolle-button-group",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "calendar",
+      "title": "Calendar",
+      "description": "Calendar component.",
+      "category": "date-time",
+      "selector": "tolle-calendar",
+      "import": "import { CalendarComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add calendar",
+      "registryDependencies": [],
+      "dependencies": [
+        "date-fns"
+      ],
+      "files": [
+        "calendar.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "CalendarComponent",
+          "selector": "tolle-calendar",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "bordered",
+              "type": "boolean",
+              "default": "true",
+              "description": "Renders the calendar's own border, background and shadow. Set `false` when\nnesting inside a card/popover that already provides the chrome.",
+              "required": false
+            },
+            {
+              "name": "mode",
+              "type": "CalendarMode",
+              "default": "'date'",
+              "required": false
+            },
+            {
+              "name": "disablePastDates",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "showQuickActions",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "minDate",
+              "type": "Date",
+              "required": false
+            },
+            {
+              "name": "maxDate",
+              "type": "Date",
+              "required": false
+            },
+            {
+              "name": "formatMonthFn",
+              "type": "(date: Date) => string",
+              "required": false
+            },
+            {
+              "name": "formatYearFn",
+              "type": "(date: Date) => string",
+              "required": false
+            },
+            {
+              "name": "formatDateFn",
+              "type": "(date: Date) => string",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "dateSelect",
+              "type": "Date | null"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "card",
+      "title": "Card",
+      "description": "Card component.",
+      "category": "layout",
+      "selector": "tolle-card",
+      "import": "import { CardComponent, CardHeaderComponent, CardTitleComponent, CardDescriptionComponent, CardContentComponent, CardFooterComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add card",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "card.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "CardComponent",
+          "selector": "tolle-card",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CardHeaderComponent",
+          "selector": "tolle-card-header",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CardTitleComponent",
+          "selector": "tolle-card-title",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CardDescriptionComponent",
+          "selector": "tolle-card-description",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CardContentComponent",
+          "selector": "tolle-card-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CardFooterComponent",
+          "selector": "tolle-card-footer",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "carousel",
+      "title": "Carousel",
+      "description": "Carousel component.",
+      "category": "media",
+      "selector": "tolle-carousel",
+      "import": "import { CarouselComponent, CarouselContentDirective, CarouselContainerDirective, CarouselItemDirective, CarouselPreviousDirective, CarouselNextDirective } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add carousel",
+      "registryDependencies": [],
+      "dependencies": [
+        "embla-carousel"
+      ],
+      "files": [
+        "carousel/carousel.component.ts"
+      ],
+      "components": [
+        {
+          "className": "CarouselComponent",
+          "selector": "tolle-carousel",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "opts",
+              "type": "EmblaOptionsType",
+              "default": "{}",
+              "required": false
+            },
+            {
+              "name": "plugins",
+              "type": "EmblaPluginType[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "orientation",
+              "type": "'horizontal' | 'vertical'",
+              "default": "'horizontal'",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "api",
+              "type": "EmblaCarouselType"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CarouselContentDirective",
+          "selector": "[tolleCarouselContent]",
+          "kind": "directive",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        },
+        {
+          "className": "CarouselContainerDirective",
+          "selector": "[tolleCarouselContainer]",
+          "kind": "directive",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        },
+        {
+          "className": "CarouselItemDirective",
+          "selector": "[tolleCarouselItem]",
+          "kind": "directive",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        },
+        {
+          "className": "CarouselPreviousDirective",
+          "selector": "[tolleCarouselPrevious]",
+          "kind": "directive",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        },
+        {
+          "className": "CarouselNextDirective",
+          "selector": "[tolleCarouselNext]",
+          "kind": "directive",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "checkbox",
+      "title": "Checkbox",
+      "description": "Checkbox component with size and checked options.",
+      "category": "forms",
+      "selector": "tolle-checkbox",
+      "import": "import { CheckboxComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add checkbox",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "checkbox.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "CheckboxComponent",
+          "selector": "tolle-checkbox",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the checkbox via `cn()` (last-wins).",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "Disables the checkbox and blocks toggling.",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "description": "Size of the checkbox.",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": [
+            {
+              "name": "size",
+              "options": [
+                "xs",
+                "sm",
+                "default",
+                "lg"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "checked",
+              "options": [
+                "true",
+                "false"
+              ],
+              "default": "false"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "collapsible",
+      "title": "Collapsible",
+      "description": "Collapsible component.",
+      "category": "layout",
+      "selector": "tolle-collapsible",
+      "import": "import { CollapsibleComponent, CollapsibleTriggerComponent, CollapsibleContentComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add collapsible",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "collapsible.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "CollapsibleComponent",
+          "selector": "tolle-collapsible",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "openChange",
+              "type": "boolean"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CollapsibleTriggerComponent",
+          "selector": "tolle-collapsible-trigger",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "CollapsibleContentComponent",
+          "selector": "tolle-collapsible-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "context-menu",
+      "title": "Context Menu",
+      "description": "Context Menu component.",
+      "category": "overlays",
+      "selector": "tolle-context-menu",
+      "import": "import { ContextMenuComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add context-menu",
+      "registryDependencies": [],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "context-menu.component.ts",
+        "context-menu.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ContextMenuComponent",
+          "selector": "tolle-context-menu",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "context-menu-trigger",
+      "title": "Context Menu Trigger",
+      "description": "Context Menu Trigger component.",
+      "category": "overlays",
+      "selector": "[tolleContextMenuTrigger]",
+      "import": "import { ContextMenuTriggerDirective } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add context-menu-trigger",
+      "registryDependencies": [],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "context-menu-trigger.directive.ts",
+        "context-menu.service.ts"
+      ],
+      "components": [
+        {
+          "className": "ContextMenuTriggerDirective",
+          "selector": "[tolleContextMenuTrigger]",
+          "kind": "directive",
+          "inputs": [
+            {
+              "name": "items",
+              "type": "ContextMenuItem[]",
+              "default": "[]",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "action",
+              "type": "string"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "country-selector",
+      "title": "Country Selector",
+      "description": "Country Selector component.",
+      "category": "forms",
+      "selector": "tolle-country-selector",
+      "import": "import { CountrySelectorComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add country-selector",
+      "registryDependencies": [
+        "input",
+        "popover"
+      ],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "country-codes.service.ts",
+        "country-selector.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "CountrySelectorComponent",
+          "selector": "tolle-country-selector",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "any",
+              "default": "`country-selector-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "hideHintOnFocus",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Select country'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "defaultCountryCode",
+              "type": "string",
+              "default": "'GH'",
+              "required": false
+            },
+            {
+              "name": "returnValue",
+              "type": "'object' | 'isoAlpha2' | 'dialCode' | 'name'",
+              "default": "'isoAlpha2'",
+              "required": false
+            },
+            {
+              "name": "showName",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "externalFocused",
+              "type": "boolean | undefined",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onSelect",
+              "type": "any"
+            },
+            {
+              "name": "onFocusChange",
+              "type": "void"
+            },
+            {
+              "name": "onBlurChange",
+              "type": "void"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "data-table",
+      "title": "Data Table",
+      "description": "Data Table component.",
+      "category": "data",
+      "selector": "tolle-data-table",
+      "import": "import { DataTableComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add data-table",
+      "registryDependencies": [
+        "checkbox",
+        "input",
+        "pagination",
+        "popover",
+        "popover-content",
+        "select",
+        "select-item",
+        "tolle-cell"
+      ],
+      "dependencies": [
+        "@floating-ui/dom",
+        "class-variance-authority"
+      ],
+      "files": [
+        "data-table.component.ts",
+        "select.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "DataTableComponent",
+          "selector": "tolle-data-table",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "data",
+              "type": "any[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "columns",
+              "type": "TableColumn[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "searchable",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "paginate",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "pageSizeOptions",
+              "type": "number[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "pageSize",
+              "type": "number",
+              "default": "10",
+              "required": false
+            },
+            {
+              "name": "expandable",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "stickyHeader",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "maxHeight",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "allowColumnHiding",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "showSettings",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "expandedTemplate",
+              "type": "TemplateRef<any>",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "date-picker",
+      "title": "Date Picker",
+      "description": "Date Picker component.",
+      "category": "date-time",
+      "selector": "tolle-date-picker",
+      "import": "import { DatePickerComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add date-picker",
+      "registryDependencies": [
+        "calendar",
+        "masked-input"
+      ],
+      "dependencies": [
+        "@floating-ui/dom",
+        "date-fns"
+      ],
+      "files": [
+        "date-picker.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "DatePickerComponent",
+          "selector": "tolle-date-picker",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'MM/DD/YYYY'",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disablePastDates",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "showClear",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "showQuickActions",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "minDate",
+              "type": "Date",
+              "required": false
+            },
+            {
+              "name": "maxDate",
+              "type": "Date",
+              "required": false
+            },
+            {
+              "name": "mode",
+              "type": "CalendarMode",
+              "default": "'date'",
+              "required": false
+            },
+            {
+              "name": "formatMonthFn",
+              "type": "(date: Date) => string",
+              "required": false
+            },
+            {
+              "name": "formatYearFn",
+              "type": "(date: Date) => string",
+              "required": false
+            },
+            {
+              "name": "displayFormat",
+              "type": "(date: Date, mode: CalendarMode) => string",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "date-range-picker",
+      "title": "Date Range Picker",
+      "description": "Date Range Picker component.",
+      "category": "date-time",
+      "selector": "tolle-date-range-picker",
+      "import": "import { DateRangePickerComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add date-range-picker",
+      "registryDependencies": [
+        "input",
+        "range-calendar"
+      ],
+      "dependencies": [
+        "@floating-ui/dom",
+        "date-fns"
+      ],
+      "files": [
+        "date-range-picker.component.ts",
+        "types/date-range.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "DateRangePickerComponent",
+          "selector": "tolle-date-range-picker",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Pick a date range'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disablePastDates",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "numberOfMonths",
+              "type": "number",
+              "default": "1",
+              "description": "Consecutive months shown in the popover (e.g. `2` for a two-month picker).",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "dropdown-item",
+      "title": "Dropdown Item",
+      "description": "Dropdown Item component.",
+      "category": "overlays",
+      "selector": "tolle-dropdown-item",
+      "import": "import { DropdownItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add dropdown-item",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "dropdown-item.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "DropdownItemComponent",
+          "selector": "tolle-dropdown-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "dropdown-label",
+      "title": "Dropdown Label",
+      "description": "Dropdown Label component.",
+      "category": "forms",
+      "selector": "tolle-dropdown-label",
+      "import": "import { DropdownLabelComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add dropdown-label",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "dropdown-label.component.ts"
+      ],
+      "components": [
+        {
+          "className": "DropdownLabelComponent",
+          "selector": "tolle-dropdown-label",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "dropdown-menu",
+      "title": "Dropdown Menu",
+      "description": "Dropdown Menu component.",
+      "category": "overlays",
+      "selector": "tolle-dropdown-menu",
+      "import": "import { DropdownMenuComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add dropdown-menu",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "dropdown-menu.component.ts"
+      ],
+      "components": [
+        {
+          "className": "DropdownMenuComponent",
+          "selector": "tolle-dropdown-menu",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "dropdown-separator",
+      "title": "Dropdown Separator",
+      "description": "Dropdown Separator component.",
+      "category": "overlays",
+      "selector": "tolle-dropdown-separator",
+      "import": "import { DropdownSeparatorComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add dropdown-separator",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "dropdown-separator.component.ts"
+      ],
+      "components": [
+        {
+          "className": "DropdownSeparatorComponent",
+          "selector": "tolle-dropdown-separator",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "dropdown-trigger",
+      "title": "Dropdown Trigger",
+      "description": "Dropdown Trigger component.",
+      "category": "overlays",
+      "selector": "[tolleDropdownTrigger]",
+      "import": "import { DropdownTriggerDirective } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add dropdown-trigger",
+      "registryDependencies": [
+        "dropdown-menu"
+      ],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "dropdown-trigger.directive.ts"
+      ],
+      "components": [
+        {
+          "className": "DropdownTriggerDirective",
+          "selector": "[tolleDropdownTrigger]",
+          "kind": "directive",
+          "inputs": [
+            {
+              "name": "menu",
+              "type": "DropdownMenuComponent",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "empty-state",
+      "title": "Empty State",
+      "description": "Empty State component with variant options.",
+      "category": "feedback",
+      "selector": "tolle-empty-state",
+      "import": "import { EmptyStateComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add empty-state",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "empty-state.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "EmptyStateComponent",
+          "selector": "tolle-empty-state",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "variant",
+              "type": "'default' | 'minimal'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "title",
+              "type": "string",
+              "default": "'No items found'",
+              "required": false
+            },
+            {
+              "name": "description",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": "[icon]"
+            },
+            {
+              "name": "[actions]"
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "minimal"
+              ],
+              "default": "default"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "hover-card",
+      "title": "Hover Card",
+      "description": "Hover Card component.",
+      "category": "overlays",
+      "selector": "tolle-hover-card",
+      "import": "import { HoverCardComponent, HoverCardTriggerComponent, HoverCardContentComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add hover-card",
+      "registryDependencies": [],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "hover-card.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "HoverCardComponent",
+          "selector": "tolle-hover-card",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "openDelay",
+              "type": "number",
+              "default": "700",
+              "required": false
+            },
+            {
+              "name": "closeDelay",
+              "type": "number",
+              "default": "300",
+              "required": false
+            },
+            {
+              "name": "placement",
+              "type": "'top' | 'bottom' | 'left' | 'right'",
+              "default": "'bottom'",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "HoverCardTriggerComponent",
+          "selector": "tolle-hover-card-trigger",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "HoverCardContentComponent",
+          "selector": "tolle-hover-card-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "input",
+      "title": "Input",
+      "description": "Input component.",
+      "category": "forms",
+      "selector": "tolle-input",
+      "import": "import { InputComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add input",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "input.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "InputComponent",
+          "selector": "tolle-input",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "string",
+              "default": "`input-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "type",
+              "type": "string",
+              "default": "'text'",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "containerClass",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "hideHintOnFocus",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": "[prefix]"
+            },
+            {
+              "name": "[suffix]"
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "title": "Label",
+      "description": "Label component.",
+      "category": "forms",
+      "selector": "tolle-label",
+      "import": "import { LabelComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add label",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "label.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "LabelComponent",
+          "selector": "tolle-label",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "for",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "masked-input",
+      "title": "Masked Input",
+      "description": "Masked Input component.",
+      "category": "forms",
+      "selector": "tolle-masked-input",
+      "import": "import { MaskedInputComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add masked-input",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "masked-input.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "MaskedInputComponent",
+          "selector": "tolle-masked-input",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "string",
+              "default": "`masked-input-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "mask",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "type",
+              "type": "string",
+              "default": "'text'",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "containerClass",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "returnRaw",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "hideHintOnFocus",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "externalFocused",
+              "type": "boolean | undefined",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": "[prefix]"
+            },
+            {
+              "name": "[suffix]"
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "modal",
+      "title": "Modal",
+      "description": "Modal component.",
+      "category": "overlays",
+      "selector": "tolle-modal",
+      "import": "import { ModalComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add modal",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "modal-ref.ts",
+        "modal-stack.service.ts",
+        "modal.component.ts",
+        "modal.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ModalComponent",
+          "selector": "tolle-modal",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "multi-select",
+      "title": "Multi Select",
+      "description": "Multi Select component.",
+      "category": "forms",
+      "selector": "tolle-multi-select",
+      "import": "import { MultiSelectComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add multi-select",
+      "registryDependencies": [
+        "badge",
+        "input",
+        "select-item"
+      ],
+      "dependencies": [
+        "@floating-ui/dom",
+        "class-variance-authority"
+      ],
+      "files": [
+        "multi-select.component.ts",
+        "select.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "MultiSelectComponent",
+          "selector": "tolle-multi-select",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Select options...'",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "searchable",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "maxSelections",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "maxDisplayItems",
+              "type": "number",
+              "default": "3",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "otp",
+      "title": "Otp",
+      "description": "Otp component.",
+      "category": "forms",
+      "selector": "tolle-otp",
+      "import": "import { OtpComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add otp",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "otp.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "OtpComponent",
+          "selector": "tolle-otp",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "auto",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "length",
+              "type": "number",
+              "default": "6",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "otp-group",
+      "title": "Otp Group",
+      "description": "Otp Group component.",
+      "category": "forms",
+      "selector": "tolle-otp-group",
+      "import": "import { OtpGroupComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add otp-group",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "otp-group.component.ts"
+      ],
+      "components": [
+        {
+          "className": "OtpGroupComponent",
+          "selector": "tolle-otp-group",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "otp-slot",
+      "title": "Otp Slot",
+      "description": "Otp Slot component.",
+      "category": "forms",
+      "selector": "tolle-otp-slot",
+      "import": "import { OtpSlotComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add otp-slot",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "otp-slot.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "OtpSlotComponent",
+          "selector": "tolle-otp-slot",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "char",
+              "type": "string | undefined",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "isActive",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "isFirst",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "isLast",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "pagination",
+      "title": "Pagination",
+      "description": "Pagination component.",
+      "category": "navigation",
+      "selector": "tolle-pagination",
+      "import": "import { PaginationComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add pagination",
+      "registryDependencies": [
+        "input",
+        "select",
+        "select-item"
+      ],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "pagination.component.ts",
+        "select.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "PaginationComponent",
+          "selector": "tolle-pagination",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "showPageLinks",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "showPageOptions",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "showCurrentPageInfo",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "currentPageInfoTemplate",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "totalRecords",
+              "type": "number",
+              "default": "0",
+              "required": false
+            },
+            {
+              "name": "currentPageSize",
+              "type": "number",
+              "default": "10",
+              "required": false
+            },
+            {
+              "name": "currentPage",
+              "type": "number",
+              "default": "1",
+              "required": false
+            },
+            {
+              "name": "pageSizeOptions",
+              "type": "number[]",
+              "default": "[10, 20, 30, 50]",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onPageNumberChange",
+              "type": "number"
+            },
+            {
+              "name": "onPageSizeChange",
+              "type": "number"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "phone-number-input",
+      "title": "Phone Number Input",
+      "description": "Phone Number Input component.",
+      "category": "forms",
+      "selector": "tolle-phone-number-input",
+      "import": "import { PhoneNumberInputComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add phone-number-input",
+      "registryDependencies": [
+        "country-selector",
+        "input",
+        "masked-input",
+        "popover"
+      ],
+      "dependencies": [
+        "@floating-ui/dom",
+        "libphonenumber-js"
+      ],
+      "files": [
+        "country-codes.service.ts",
+        "phone-number-input.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "PhoneNumberInputComponent",
+          "selector": "tolle-phone-number-input",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "any",
+              "default": "`phone-input-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "hideHintOnFocus",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Phone number'",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "defaultCountryCode",
+              "type": "string",
+              "default": "'GH'",
+              "required": false
+            },
+            {
+              "name": "dataType",
+              "type": "'NumberOnly' | 'FullObject'",
+              "default": "'FullObject'",
+              "required": false
+            },
+            {
+              "name": "mask",
+              "type": "string",
+              "default": "'(000) 000-0000'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "enableCountrySelector",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onSelect",
+              "type": "any"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "popover",
+      "title": "Popover",
+      "description": "Popover component.",
+      "category": "overlays",
+      "selector": "tolle-popover",
+      "import": "import { PopoverComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add popover",
+      "registryDependencies": [],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "popover.component.ts"
+      ],
+      "components": [
+        {
+          "className": "PopoverComponent",
+          "selector": "tolle-popover",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "placement",
+              "type": "'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'",
+              "default": "'bottom'",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "onOpen",
+              "type": "void"
+            },
+            {
+              "name": "onClose",
+              "type": "void"
+            }
+          ],
+          "slots": [
+            {
+              "name": "[trigger]"
+            },
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "popover-content",
+      "title": "Popover Content",
+      "description": "Popover Content component.",
+      "category": "overlays",
+      "selector": "tolle-popover-content",
+      "import": "import { PopoverContentComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add popover-content",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "popover-content.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "PopoverContentComponent",
+          "selector": "tolle-popover-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "progress",
+      "title": "Progress",
+      "description": "Progress component.",
+      "category": "feedback",
+      "selector": "tolle-progress",
+      "import": "import { ProgressComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add progress",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "progress.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ProgressComponent",
+          "selector": "tolle-progress",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "number | null",
+              "default": "0",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "radio-group",
+      "title": "Radio Group",
+      "description": "Radio Group component.",
+      "category": "forms",
+      "selector": "tolle-radio-group",
+      "import": "import { RadioGroupComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add radio-group",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "radio-group.component.ts",
+        "radio-service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "RadioGroupComponent",
+          "selector": "tolle-radio-group",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "name",
+              "type": "any",
+              "default": "`radio-group-${Math.random().toString(36).substring(2, 9)}`",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "radio-item",
+      "title": "Radio Item",
+      "description": "Radio Item component.",
+      "category": "forms",
+      "selector": "tolle-radio-item",
+      "import": "import { RadioItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add radio-item",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "radio-item.component.ts",
+        "radio-service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "RadioItemComponent",
+          "selector": "tolle-radio-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "range-calendar",
+      "title": "Range Calendar",
+      "description": "Range Calendar component.",
+      "category": "date-time",
+      "selector": "tolle-range-calendar",
+      "import": "import { RangeCalendarComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add range-calendar",
+      "registryDependencies": [],
+      "dependencies": [
+        "date-fns"
+      ],
+      "files": [
+        "range-calendar.component.ts",
+        "types/date-range.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "RangeCalendarComponent",
+          "selector": "tolle-range-calendar",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disablePastDates",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "bordered",
+              "type": "boolean",
+              "default": "true",
+              "description": "Renders the calendar's own border/background/shadow. Set `false` inside a\ncard/popover that already provides chrome.",
+              "required": false
+            },
+            {
+              "name": "numberOfMonths",
+              "type": "number",
+              "default": "1",
+              "description": "Number of consecutive months rendered side by side.",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "rangeSelect",
+              "type": "DateRange"
+            }
+          ],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "resizable",
+      "title": "Resizable",
+      "description": "Resizable component.",
+      "category": "layout",
+      "selector": "tolle-resizable",
+      "import": "import { ResizableComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add resizable",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "resizable.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ResizableComponent",
+          "selector": "tolle-resizable",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "width",
+              "type": "number",
+              "default": "300",
+              "required": false
+            },
+            {
+              "name": "height",
+              "type": "number",
+              "default": "200",
+              "required": false
+            },
+            {
+              "name": "minWidth",
+              "type": "number",
+              "default": "50",
+              "required": false
+            },
+            {
+              "name": "minHeight",
+              "type": "number",
+              "default": "50",
+              "required": false
+            },
+            {
+              "name": "maxWidth",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "maxHeight",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "resizable",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "directions",
+              "type": "('right' | 'bottom' | 'both')[]",
+              "default": "['right', 'bottom', 'both']",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "containerClass",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "resizeStart",
+              "type": "void"
+            },
+            {
+              "name": "resize",
+              "type": "{ width: number; height: number }"
+            },
+            {
+              "name": "resizeEnd",
+              "type": "{ width: number; height: number }"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "resizable-panel",
+      "title": "Resizable Panel",
+      "description": "Resizable Panel component.",
+      "category": "layout",
+      "selector": "tolle-resizable-panel",
+      "import": "import { ResizablePanelComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add resizable-panel",
+      "registryDependencies": [
+        "resizable-panel-item"
+      ],
+      "dependencies": [],
+      "files": [
+        "resizable-panel.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ResizablePanelComponent",
+          "selector": "tolle-resizable-panel",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "direction",
+              "type": "'horizontal' | 'vertical'",
+              "default": "'horizontal'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "resizable-panel-item",
+      "title": "Resizable Panel Item",
+      "description": "Resizable Panel Item component.",
+      "category": "layout",
+      "selector": "tolle-resizable-panel-item",
+      "import": "import { ResizablePanelItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add resizable-panel-item",
+      "registryDependencies": [
+        "resizable-panel"
+      ],
+      "dependencies": [],
+      "files": [
+        "resizable-panel-item.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ResizablePanelItemComponent",
+          "selector": "tolle-resizable-panel-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "size",
+              "type": "number",
+              "default": "1",
+              "required": false
+            },
+            {
+              "name": "minSize",
+              "type": "number",
+              "default": "10",
+              "required": false
+            },
+            {
+              "name": "maxSize",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "resizable",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "scroll-area",
+      "title": "Scroll Area",
+      "description": "Scroll Area component.",
+      "category": "layout",
+      "selector": "tolle-scroll-area",
+      "import": "import { ScrollAreaComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add scroll-area",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "scroll-area.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ScrollAreaComponent",
+          "selector": "tolle-scroll-area",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "height",
+              "type": "string",
+              "default": "'100%'",
+              "required": false
+            },
+            {
+              "name": "orientation",
+              "type": "'vertical' | 'horizontal' | 'both'",
+              "default": "'both'",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "segment",
+      "title": "Segment",
+      "description": "Segment component.",
+      "category": "forms",
+      "selector": "tolle-segment",
+      "import": "import { SegmentedComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add segment",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "segment.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SegmentedComponent",
+          "selector": "tolle-segment",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "items",
+              "type": "SegmentItem[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "itemTemplate",
+              "type": "TemplateRef<any>",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "select",
+      "title": "Select",
+      "description": "Select component.",
+      "category": "forms",
+      "selector": "tolle-select",
+      "import": "import { SelectComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add select",
+      "registryDependencies": [
+        "input",
+        "select-item"
+      ],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "select.component.ts",
+        "select.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SelectComponent",
+          "selector": "tolle-select",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Select an option'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "searchable",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "select-group",
+      "title": "Select Group",
+      "description": "Select Group component.",
+      "category": "forms",
+      "selector": "tolle-select-group",
+      "import": "import { SelectGroupComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add select-group",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "select-group.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SelectGroupComponent",
+          "selector": "tolle-select-group",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "select-item",
+      "title": "Select Item",
+      "description": "Select Item component.",
+      "category": "forms",
+      "selector": "tolle-select-item",
+      "import": "import { SelectItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add select-item",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "select-item.component.ts",
+        "select.service.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SelectItemComponent",
+          "selector": "tolle-select-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "any",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "selected",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "multiSelect",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "id",
+              "type": "any",
+              "default": "`select-item-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "select-separator",
+      "title": "Select Separator",
+      "description": "Select Separator component.",
+      "category": "forms",
+      "selector": "tolle-select-separator",
+      "import": "import { SelectSeparatorComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add select-separator",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "select-separator.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SelectSeparatorComponent",
+          "selector": "tolle-select-separator",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "separator",
+      "title": "Separator",
+      "description": "Separator component.",
+      "category": "layout",
+      "selector": "tolle-separator",
+      "import": "import { SeparatorComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add separator",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "separator.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SeparatorComponent",
+          "selector": "tolle-separator",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "orientation",
+              "type": "'horizontal' | 'vertical'",
+              "default": "'horizontal'",
+              "description": "Orientation of the rule.",
+              "required": false
+            },
+            {
+              "name": "decorative",
+              "type": "boolean",
+              "default": "true",
+              "description": "When true, the separator is purely visual (aria-hidden, role=\"none\").",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "sheet",
+      "title": "Sheet",
+      "description": "Sheet component.",
+      "category": "overlays",
+      "selector": "tolle-sheet",
+      "import": "import { SheetComponent, SheetTriggerComponent, SheetContentComponent, SheetHeaderComponent, SheetFooterComponent, SheetTitleComponent, SheetDescriptionComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add sheet",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "sheet.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SheetComponent",
+          "selector": "tolle-sheet",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "isOpen",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "hasBackdrop",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "isOpenChange",
+              "type": "boolean"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetTriggerComponent",
+          "selector": "tolle-sheet-trigger",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetContentComponent",
+          "selector": "tolle-sheet-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "side",
+              "type": "'top' | 'bottom' | 'left' | 'right'",
+              "default": "'right'",
+              "required": false
+            },
+            {
+              "name": "rounded",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetHeaderComponent",
+          "selector": "tolle-sheet-header",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetFooterComponent",
+          "selector": "tolle-sheet-footer",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetTitleComponent",
+          "selector": "tolle-sheet-title",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "SheetDescriptionComponent",
+          "selector": "tolle-sheet-description",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "sheet-wrapper",
+      "title": "Sheet Wrapper",
+      "description": "Sheet Wrapper component.",
+      "category": "overlays",
+      "selector": "tolle-sheet-wrapper",
+      "import": "import { SheetWrapperComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add sheet-wrapper",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "sheet-ref.ts",
+        "sheet-wrapper.component.ts",
+        "sheet.types.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SheetWrapperComponent",
+          "selector": "tolle-sheet-wrapper",
+          "kind": "component",
+          "inputs": [],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "sidebar",
+      "title": "Sidebar",
+      "description": "Sidebar component.",
+      "category": "layout",
+      "selector": "tolle-sidebar",
+      "import": "import { SidebarComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add sidebar",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "sidebar.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SidebarComponent",
+          "selector": "tolle-sidebar",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "items",
+              "type": "SidebarGroup[]",
+              "default": "[]",
+              "required": false
+            },
+            {
+              "name": "collapsed",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "variant",
+              "type": "'default' | 'secondary' | 'ghost' | 'outline'",
+              "default": "'default'",
+              "description": "Styling variant for active items.\n- default: Solid primary background, light text (Matches Badge Default)\n- secondary: Solid secondary background\n- ghost: Transparent background, accent text (Shadcn standard)\n- outline: Bordered",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": "[header]"
+            },
+            {
+              "name": "[footer]"
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "skeleton",
+      "title": "Skeleton",
+      "description": "Skeleton component with variant options.",
+      "category": "feedback",
+      "selector": "tolle-skeleton",
+      "import": "import { SkeletonComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add skeleton",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "skeleton.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SkeletonComponent",
+          "selector": "tolle-skeleton",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "variant",
+              "type": "'rect' | 'circle' | 'pill'",
+              "default": "'rect'",
+              "description": "Shape of the skeleton placeholder.",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the skeleton via `cn()` (last-wins).",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "rect",
+                "circle",
+                "pill"
+              ],
+              "default": "rect"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "slider",
+      "title": "Slider",
+      "description": "Slider component.",
+      "category": "forms",
+      "selector": "tolle-slider",
+      "import": "import { SliderComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add slider",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "slider.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SliderComponent",
+          "selector": "tolle-slider",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "min",
+              "type": "number",
+              "default": "0",
+              "required": false
+            },
+            {
+              "name": "max",
+              "type": "number",
+              "default": "100",
+              "required": false
+            },
+            {
+              "name": "step",
+              "type": "number",
+              "default": "1",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "switch",
+      "title": "Switch",
+      "description": "Switch component with size and checked options.",
+      "category": "forms",
+      "selector": "tolle-switch",
+      "import": "import { SwitchComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add switch",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "switch.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "SwitchComponent",
+          "selector": "tolle-switch",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the switch track via `cn()` (last-wins).",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "Disables the switch and blocks toggling.",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "description": "Size of the switch.",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": [
+            {
+              "name": "size",
+              "options": [
+                "xs",
+                "sm",
+                "default",
+                "lg"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "checked",
+              "options": [
+                "true",
+                "false"
+              ],
+              "default": "false"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "tabs",
+      "title": "Tabs",
+      "description": "Tabs component.",
+      "category": "layout",
+      "selector": "tolle-tabs",
+      "import": "import { TabsComponent, TabsListComponent, TabsTriggerComponent, TabsContentComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add tabs",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "tabs.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "TabsComponent",
+          "selector": "tolle-tabs",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "defaultValue",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "value",
+              "type": "string",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "valueChange",
+              "type": "string"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "TabsListComponent",
+          "selector": "tolle-tabs-list",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "description": "Extra Tailwind classes merged onto the tabs list via `cn()` (last-wins).",
+              "required": false
+            },
+            {
+              "name": "variant",
+              "type": "'default' | 'underline'",
+              "default": "'default'",
+              "description": "Visual style of the tab list.",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "underline"
+              ],
+              "default": "default"
+            }
+          ]
+        },
+        {
+          "className": "TabsTriggerComponent",
+          "selector": "tolle-tabs-trigger",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "string",
+              "required": true
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "TabsContentComponent",
+          "selector": "tolle-tabs-content",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "string",
+              "required": true
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "tag-input",
+      "title": "Tag Input",
+      "description": "Tag Input component.",
+      "category": "forms",
+      "selector": "tolle-tag-input",
+      "import": "import { TagInputComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add tag-input",
+      "registryDependencies": [
+        "badge"
+      ],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "tag-input.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "TagInputComponent",
+          "selector": "tolle-tag-input",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "string",
+              "default": "`tag-input-${Math.random().toString(36).substr(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "'Type and press Enter...'",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'xs' | 'sm' | 'default' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "delimiter",
+              "type": "string",
+              "default": "','",
+              "required": false
+            },
+            {
+              "name": "maxTags",
+              "type": "number | null",
+              "default": "null",
+              "required": false
+            },
+            {
+              "name": "allowDuplicates",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "tagPrefix",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "tagSuffix",
+              "type": "string",
+              "default": "''",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "textarea",
+      "title": "Textarea",
+      "description": "Textarea component.",
+      "category": "forms",
+      "selector": "tolle-textarea",
+      "import": "import { TextareaComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add textarea",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "textarea.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "TextareaComponent",
+          "selector": "tolle-textarea",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "id",
+              "type": "any",
+              "default": "`textarea-${Math.random().toString(36).substring(2, 9)}`",
+              "required": false
+            },
+            {
+              "name": "label",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "placeholder",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hint",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "errorMessage",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "rows",
+              "type": "number",
+              "default": "3",
+              "required": false
+            },
+            {
+              "name": "maxLength",
+              "type": "number",
+              "required": false
+            },
+            {
+              "name": "showCharacterCount",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "autoGrow",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "error",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "className",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "hideHintOnFocus",
+              "type": "boolean",
+              "default": "true",
+              "required": false
+            },
+            {
+              "name": "hideCharacterCountOnFocus",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "readonly",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "toaster",
+      "title": "Toaster",
+      "description": "Toaster component.",
+      "category": "feedback",
+      "selector": "tolle-toaster",
+      "import": "import { ToastContainerComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add toaster",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "toast.service.ts",
+        "toaster.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ToastContainerComponent",
+          "selector": "tolle-toaster",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "position",
+              "type": "ToastPosition",
+              "default": "'bottom-right'",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "toggle",
+      "title": "Toggle",
+      "description": "Toggle component with variant and size options.",
+      "category": "actions",
+      "selector": "tolle-toggle",
+      "import": "import { ToggleComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add toggle",
+      "registryDependencies": [],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "toggle.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ToggleComponent",
+          "selector": "tolle-toggle",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "variant",
+              "type": "'default' | 'outline'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'default' | 'sm' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "pressed",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "pressedChange",
+              "type": "boolean"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": [
+            {
+              "name": "variant",
+              "options": [
+                "default",
+                "outline"
+              ],
+              "default": "default"
+            },
+            {
+              "name": "size",
+              "options": [
+                "default",
+                "sm",
+                "lg"
+              ],
+              "default": "default"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "toggle-group",
+      "title": "Toggle Group",
+      "description": "Toggle Group component.",
+      "category": "actions",
+      "selector": "tolle-toggle-group",
+      "import": "import { ToggleGroupComponent, ToggleGroupItemComponent } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add toggle-group",
+      "registryDependencies": [
+        "toggle"
+      ],
+      "dependencies": [
+        "class-variance-authority"
+      ],
+      "files": [
+        "toggle-group.component.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "ToggleGroupComponent",
+          "selector": "tolle-toggle-group",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "type",
+              "type": "'single' | 'multiple'",
+              "default": "'single'",
+              "required": false
+            },
+            {
+              "name": "variant",
+              "type": "'default' | 'outline'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "size",
+              "type": "'default' | 'sm' | 'lg'",
+              "default": "'default'",
+              "required": false
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [
+            {
+              "name": "valueChange",
+              "type": "any"
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        },
+        {
+          "className": "ToggleGroupItemComponent",
+          "selector": "tolle-toggle-group-item",
+          "kind": "component",
+          "inputs": [
+            {
+              "name": "value",
+              "type": "string",
+              "required": true
+            },
+            {
+              "name": "class",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [
+            {
+              "name": ""
+            }
+          ],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "tolle-cell",
+      "title": "Tolle Cell",
+      "description": "Tolle Cell component.",
+      "category": "data",
+      "selector": "[tolleCell]",
+      "import": "import { TolleCellDirective } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add tolle-cell",
+      "registryDependencies": [],
+      "dependencies": [],
+      "files": [
+        "tolle-cell.directive.ts"
+      ],
+      "components": [
+        {
+          "className": "TolleCellDirective",
+          "selector": "[tolleCell]",
+          "kind": "directive",
+          "inputs": [
+            {
+              "name": "name",
+              "type": "string",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    },
+    {
+      "name": "tooltip",
+      "title": "Tooltip",
+      "description": "Tooltip component.",
+      "category": "overlays",
+      "selector": "[tolleTooltip]",
+      "import": "import { TooltipDirective } from '@tolle_/tolle-ui';",
+      "install": "npx @tolle_/cli add tooltip",
+      "registryDependencies": [],
+      "dependencies": [
+        "@floating-ui/dom"
+      ],
+      "files": [
+        "tooltip.directive.ts",
+        "utils/cn.ts"
+      ],
+      "components": [
+        {
+          "className": "TooltipDirective",
+          "selector": "[tolleTooltip]",
+          "kind": "directive",
+          "inputs": [
+            {
+              "name": "content",
+              "type": "string",
+              "default": "''",
+              "required": false
+            },
+            {
+              "name": "placement",
+              "type": "'top' | 'bottom' | 'left' | 'right'",
+              "default": "'top'",
+              "required": false
+            }
+          ],
+          "outputs": [],
+          "slots": [],
+          "variants": []
+        }
+      ]
+    }
+  ]
+}