@mlola-ui/registry 1.0.0

package/generated/catalog.ts

@@ -0,0 +1,2037 @@
+/* Generated by scripts/registry-codegen.ts. Do not edit. */
+export const registryCatalog = [
+  {
+    "name": "accordion",
+    "type": "registry:ui",
+    "title": "Accordion",
+    "description": "A collapsible content panel supporting single and multiple open modes",
+    "category": "layout",
+    "variants": [
+      "single",
+      "multiple"
+    ],
+    "sizes": [],
+    "tags": [
+      "interactive",
+      "disclosure",
+      "layout"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/accordion",
+      "exportName": "Accordion",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/accordion/accordion.tsx",
+        "target": "{{aliases.components}}/accordion.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "alert",
+    "type": "registry:ui",
+    "title": "Alert",
+    "description": "A status banner with variants, dismiss action, and optional action slot",
+    "category": "feedback",
+    "variants": [
+      "default",
+      "success",
+      "warning",
+      "danger",
+      "info"
+    ],
+    "sizes": [],
+    "tags": [
+      "status",
+      "feedback",
+      "banner"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/alert",
+      "exportName": "Alert",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/alert/alert.tsx",
+        "target": "{{aliases.components}}/alert.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "avatar",
+    "type": "registry:ui",
+    "title": "Avatar",
+    "description": "User avatar with image, initials fallback, and status indicator",
+    "category": "data",
+    "variants": [],
+    "sizes": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl"
+    ],
+    "tags": [
+      "media",
+      "user",
+      "identity"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/avatar",
+      "exportName": "Avatar",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/avatar/avatar.tsx",
+        "target": "{{aliases.components}}/avatar.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "badge",
+    "type": "registry:ui",
+    "title": "Badge",
+    "description": "A small status or label badge with color variants, dot indicator, and removal",
+    "category": "data",
+    "variants": [
+      "default",
+      "primary",
+      "secondary",
+      "success",
+      "warning",
+      "danger",
+      "outline"
+    ],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "status",
+      "label",
+      "indicator"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/badge",
+      "exportName": "Badge",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/badge/badge.tsx",
+        "target": "{{aliases.components}}/badge.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "breadcrumb",
+    "type": "registry:ui",
+    "title": "Breadcrumb",
+    "description": "Navigation breadcrumb trail with custom separators and responsive collapse",
+    "category": "navigation",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "navigation",
+      "wayfinding"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/breadcrumb",
+      "exportName": "Breadcrumb",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/breadcrumb/breadcrumb.tsx",
+        "target": "{{aliases.components}}/breadcrumb.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "button",
+    "type": "registry:ui",
+    "title": "Button",
+    "description": "A versatile button component with multiple variants, sizes, and states",
+    "category": "actions",
+    "variants": [
+      "primary",
+      "secondary",
+      "subtle",
+      "danger",
+      "outline",
+      "link"
+    ],
+    "sizes": [
+      "sm",
+      "md",
+      "lg",
+      "icon"
+    ],
+    "tags": [
+      "interactive",
+      "form",
+      "navigation"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/motion": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/button",
+      "exportName": "Button",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/button/button.tsx",
+        "target": "{{aliases.components}}/button.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "card",
+    "type": "registry:ui",
+    "title": "Card",
+    "description": "A compound card with header, content, and footer slots in four surface variants",
+    "category": "data",
+    "variants": [
+      "default",
+      "elevated",
+      "outline",
+      "subtle"
+    ],
+    "sizes": [],
+    "tags": [
+      "layout",
+      "container",
+      "surface"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/card",
+      "exportName": "Card",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/card/card.tsx",
+        "target": "{{aliases.components}}/card.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "carousel",
+    "type": "registry:ui",
+    "title": "Carousel",
+    "description": "One slide at a time with previous/next controls and a roving dot group",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "component",
+      "carousel",
+      "navigation",
+      "collection"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/carousel",
+      "exportName": "Carousel",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/carousel/carousel.tsx",
+        "target": "{{aliases.components}}/carousel.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "checkbox",
+    "type": "registry:ui",
+    "title": "Checkbox",
+    "description": "An accessible checkbox with label, description, error, and indeterminate state",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "form",
+      "input",
+      "selection"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/checkbox",
+      "exportName": "Checkbox",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/checkbox/checkbox.tsx",
+        "target": "{{aliases.components}}/checkbox.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "command-menu",
+    "type": "registry:ui",
+    "title": "Command Menu",
+    "description": "The ⌘K palette: ranked commands with shortcuts, keyboard navigation and matched letters bolded",
+    "category": "navigation",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "command",
+      "palette",
+      "search",
+      "keyboard"
+    ],
+    "registryDependencies": [
+      "kbd",
+      "modal"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/command-menu",
+      "exportName": "CommandMenu",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/match.ts",
+        "target": "{{aliases.components}}/_internal/match.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/scroll.ts",
+        "target": "{{aliases.components}}/_internal/scroll.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/command-menu/command-menu.tsx",
+        "target": "{{aliases.components}}/command-menu.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "dropdown-menu",
+    "type": "registry:ui",
+    "title": "Dropdown Menu",
+    "description": "A keyboard-navigable dropdown menu with icons, shortcuts, and danger items",
+    "category": "actions",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "menu",
+      "overlay",
+      "navigation"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/dropdown-menu",
+      "exportName": "DropdownMenu",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/dropdown-menu/dropdown-menu.tsx",
+        "target": "{{aliases.components}}/dropdown-menu.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "dropzone",
+    "type": "registry:ui",
+    "title": "Dropzone",
+    "description": "Drop, choose or paste files; checked for type, size and count before they are handed over",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "form",
+      "upload",
+      "files",
+      "attachments"
+    ],
+    "registryDependencies": [
+      "input"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/dropzone",
+      "exportName": "Dropzone",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/dropzone/dropzone.tsx",
+        "target": "{{aliases.components}}/dropzone.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "empty-state",
+    "type": "registry:ui",
+    "title": "Empty State",
+    "description": "What a screen says when there is nothing to show yet, and the way forward",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "empty",
+      "onboarding"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/empty-state",
+      "exportName": "EmptyState",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/empty-state/empty-state.tsx",
+        "target": "{{aliases.components}}/empty-state.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "input",
+    "type": "registry:ui",
+    "title": "Input",
+    "description": "Text input with variants, sizes, label, hint, and error states",
+    "category": "forms",
+    "variants": [
+      "default",
+      "filled",
+      "subtle"
+    ],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "form",
+      "interactive",
+      "text"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/input",
+      "exportName": "Field",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/input/input.tsx",
+        "target": "{{aliases.components}}/input.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "kbd",
+    "type": "registry:ui",
+    "title": "Kbd",
+    "description": "Keys and platform-aware shortcuts: mod+k reads ⌘K on a Mac and Ctrl K elsewhere, spoken as words",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "keyboard",
+      "shortcut"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/kbd",
+      "exportName": "Kbd",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/kbd/kbd.tsx",
+        "target": "{{aliases.components}}/kbd.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "modal",
+    "type": "registry:ui",
+    "title": "Modal",
+    "description": "Accessible dialog overlay with focus trap, escape handling, and scroll lock",
+    "category": "overlays",
+    "variants": [],
+    "sizes": [
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "full"
+    ],
+    "tags": [
+      "overlay",
+      "dialog",
+      "focus"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/modal",
+      "exportName": "Modal",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/dialog.ts",
+        "target": "{{aliases.components}}/_internal/dialog.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/modal/modal.tsx",
+        "target": "{{aliases.components}}/modal.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "otp-input",
+    "type": "registry:ui",
+    "title": "OTP Input",
+    "description": "A one-time code as separate boxes that type, delete, paste and autofill like one field",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "form",
+      "otp",
+      "verification",
+      "auth"
+    ],
+    "registryDependencies": [
+      "input"
+    ],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/otp-input",
+      "exportName": "OtpInput",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/otp-input/otp-input.tsx",
+        "target": "{{aliases.components}}/otp-input.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "pagination",
+    "type": "registry:ui",
+    "title": "Pagination",
+    "description": "Page navigation with prev/next, page numbers, and ellipsis for large ranges",
+    "category": "navigation",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "navigation",
+      "data",
+      "interactive"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/pagination",
+      "exportName": "Pagination",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/pagination/pagination.tsx",
+        "target": "{{aliases.components}}/pagination.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "popover",
+    "type": "registry:ui",
+    "title": "Popover",
+    "description": "A non-modal layer anchored to its trigger that flips and shifts to stay on screen",
+    "category": "overlays",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "overlay",
+      "floating",
+      "menu"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/popover",
+      "exportName": "Popover",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/anchor.ts",
+        "target": "{{aliases.components}}/_internal/anchor.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/floating.ts",
+        "target": "{{aliases.components}}/_internal/floating.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/popover/popover.tsx",
+        "target": "{{aliases.components}}/popover.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "progress",
+    "type": "registry:ui",
+    "title": "Progress",
+    "description": "Horizontal and circular progress indicators with variants and indeterminate mode",
+    "category": "feedback",
+    "variants": [
+      "default",
+      "success",
+      "warning",
+      "danger"
+    ],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "feedback",
+      "loading",
+      "status"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/progress",
+      "exportName": "Progress",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/progress/progress.tsx",
+        "target": "{{aliases.components}}/progress.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "radio-group",
+    "type": "registry:ui",
+    "title": "Radio Group",
+    "description": "A native radio group with vertical and horizontal orientations",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "form",
+      "input",
+      "selection"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/radio-group",
+      "exportName": "RadioGroup",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/radio-group/radio-group.tsx",
+        "target": "{{aliases.components}}/radio-group.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "rating",
+    "type": "registry:ui",
+    "title": "Rating",
+    "description": "Star rating with exact fractional fill and optional review count",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "component",
+      "rating",
+      "stars"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/rating",
+      "exportName": "Rating",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/rating/rating.tsx",
+        "target": "{{aliases.components}}/rating.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "resizable",
+    "type": "registry:ui",
+    "title": "Resizable",
+    "description": "Two panes and a keyboard-accessible handle between them",
+    "category": "layout",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "layout",
+      "panes",
+      "split"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/resizable",
+      "exportName": "Resizable",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/resizable/resizable.tsx",
+        "target": "{{aliases.components}}/resizable.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "segmented-control",
+    "type": "registry:ui",
+    "title": "Segmented Control",
+    "description": "Single-choice control that swaps between a small set of options",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "component",
+      "segmented",
+      "form",
+      "selection"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/segmented-control",
+      "exportName": "SegmentedControl",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/segmented-control/segmented-control.tsx",
+        "target": "{{aliases.components}}/segmented-control.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "select",
+    "type": "registry:ui",
+    "title": "Select",
+    "description": "Custom searchable dropdown with option groups, keyboard navigation, and clearing",
+    "category": "forms",
+    "variants": [],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "form",
+      "interactive",
+      "dropdown"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/select",
+      "exportName": "Select",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/anchor.ts",
+        "target": "{{aliases.components}}/_internal/anchor.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/floating.ts",
+        "target": "{{aliases.components}}/_internal/floating.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/select/select.tsx",
+        "target": "{{aliases.components}}/select.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "sheet",
+    "type": "registry:ui",
+    "title": "Sheet",
+    "description": "A slide-over panel from any screen edge with header, body, and footer sections",
+    "category": "overlays",
+    "variants": [
+      "left",
+      "right",
+      "top",
+      "bottom"
+    ],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "overlay",
+      "dialog",
+      "panel"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0",
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/sheet",
+      "exportName": "Sheet",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/dialog.ts",
+        "target": "{{aliases.components}}/_internal/dialog.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/sheet/sheet.tsx",
+        "target": "{{aliases.components}}/sheet.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "skeleton",
+    "type": "registry:ui",
+    "title": "Skeleton",
+    "description": "Shimmering loading placeholders for text, avatars, and cards",
+    "category": "feedback",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "loading",
+      "placeholder",
+      "feedback"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/skeleton",
+      "exportName": "Skeleton",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/skeleton/skeleton.tsx",
+        "target": "{{aliases.components}}/skeleton.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "slider",
+    "type": "registry:ui",
+    "title": "Slider",
+    "description": "An accessible single-value slider with keyboard support and pointer dragging",
+    "category": "forms",
+    "variants": [],
+    "sizes": [
+      "sm",
+      "md"
+    ],
+    "tags": [
+      "form",
+      "input",
+      "range"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/slider",
+      "exportName": "Slider",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/slider/slider.tsx",
+        "target": "{{aliases.components}}/slider.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "table",
+    "type": "registry:ui",
+    "title": "Table",
+    "description": "A compositional data table with sortable columns, striped rows, density sizes, and footer totals",
+    "category": "data",
+    "variants": [
+      "default",
+      "striped"
+    ],
+    "sizes": [
+      "sm",
+      "md"
+    ],
+    "tags": [
+      "data",
+      "layout"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/table",
+      "exportName": "Table",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/table/table.tsx",
+        "target": "{{aliases.components}}/table.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "tabs",
+    "type": "registry:ui",
+    "title": "Tabs",
+    "description": "Tabbed interface with underline, pills, and enclosed variants",
+    "category": "navigation",
+    "variants": [
+      "default",
+      "pills",
+      "enclosed"
+    ],
+    "sizes": [],
+    "tags": [
+      "navigation",
+      "interactive",
+      "layout"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/behavior": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/tabs",
+      "exportName": "Tabs",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/tabs/tabs.tsx",
+        "target": "{{aliases.components}}/tabs.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "textarea",
+    "type": "registry:ui",
+    "title": "Textarea",
+    "description": "Multi-line text that grows as it is written, with a counter near its limit",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "form",
+      "text",
+      "input"
+    ],
+    "registryDependencies": [
+      "input"
+    ],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/textarea",
+      "exportName": "Textarea",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/textarea/textarea.tsx",
+        "target": "{{aliases.components}}/textarea.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "timeline",
+    "type": "registry:ui",
+    "title": "Timeline",
+    "description": "A vertical event timeline with status dots, timestamps, and custom icon nodes",
+    "category": "data",
+    "variants": [
+      "complete",
+      "current",
+      "upcoming"
+    ],
+    "sizes": [],
+    "tags": [
+      "data",
+      "history",
+      "steps"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/timeline",
+      "exportName": "Timeline",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/timeline/timeline.tsx",
+        "target": "{{aliases.components}}/timeline.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "toast",
+    "type": "registry:ui",
+    "title": "Toast",
+    "description": "Toast notification system with an imperative API, auto-dismiss, and stacking",
+    "category": "feedback",
+    "variants": [
+      "default",
+      "success",
+      "warning",
+      "error",
+      "info"
+    ],
+    "sizes": [],
+    "tags": [
+      "notification",
+      "feedback",
+      "overlay"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/toast",
+      "exportName": "Toaster",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/toast/toast.tsx",
+        "target": "{{aliases.components}}/toast.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "toggle",
+    "type": "registry:ui",
+    "title": "Toggle",
+    "description": "iOS-style switch and button-style toggle with controlled and uncontrolled modes",
+    "category": "actions",
+    "variants": [],
+    "sizes": [
+      "sm",
+      "md",
+      "lg"
+    ],
+    "tags": [
+      "form",
+      "interactive",
+      "switch"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/toggle",
+      "exportName": "Switch",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/toggle/toggle.tsx",
+        "target": "{{aliases.components}}/toggle.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "tooltip",
+    "type": "registry:ui",
+    "title": "Tooltip",
+    "description": "Hover and focus tooltip with four placements, delay, and arrow",
+    "category": "overlays",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "overlay",
+      "hint",
+      "interactive"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/tooltip",
+      "exportName": "Tooltip",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/tooltip/tooltip.tsx",
+        "target": "{{aliases.components}}/tooltip.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "activity-heatmap",
+    "type": "registry:ui",
+    "title": "Activity Heatmap",
+    "description": "Activity by day in GitHub's calendar grid, with quantile shading, a keyboard grid and hover detail",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "data",
+      "chart",
+      "calendar",
+      "usage",
+      "heatmap"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/activity-heatmap",
+      "exportName": "ActivityHeatmap",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/activity-heatmap/activity-heatmap.tsx",
+        "target": "{{aliases.components}}/activity-heatmap.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/activity-heatmap/calendar.ts",
+        "target": "{{aliases.components}}/activity-heatmap/calendar.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "calendar",
+    "type": "registry:ui",
+    "title": "Calendar",
+    "description": "A month grid for one date, a range or several, with min and max, blocked days, two-month view and full keyboard paging",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "date",
+      "calendar",
+      "range",
+      "picker"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/calendar",
+      "exportName": "Calendar",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/calendar/calendar.tsx",
+        "target": "{{aliases.components}}/calendar.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/calendar/dates.ts",
+        "target": "{{aliases.components}}/calendar/dates.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "date-picker",
+    "type": "registry:ui",
+    "title": "Date Picker",
+    "description": "A date field that opens a calendar, for one date or a range with presets, shown in the reader's format and stored as ISO",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "date",
+      "picker",
+      "range",
+      "form"
+    ],
+    "registryDependencies": [
+      "calendar",
+      "input",
+      "popover"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/date-picker",
+      "exportName": "DatePicker",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/calendar/dates.ts",
+        "target": "{{aliases.components}}/calendar/dates.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/date-picker/date-picker.tsx",
+        "target": "{{aliases.components}}/date-picker.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "time-picker",
+    "type": "registry:ui",
+    "title": "Time Picker",
+    "description": "A time field of typeable spinbuttons in 12- or 24-hour time, with a quick list; the value is always HH:MM",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "time",
+      "picker",
+      "form",
+      "clock"
+    ],
+    "registryDependencies": [
+      "input",
+      "popover"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/time-picker",
+      "exportName": "TimePicker",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/time-picker/time-picker.tsx",
+        "target": "{{aliases.components}}/time-picker.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/time-picker/times.ts",
+        "target": "{{aliases.components}}/time-picker/times.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "status-icon",
+    "type": "registry:ui",
+    "title": "Status Icon",
+    "description": "A work item status as one glyph: backlog, todo, in progress, in review, done and canceled, readable without colour",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "status",
+      "issue",
+      "workflow",
+      "icon"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/status-icon",
+      "exportName": "StatusIcon",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/status-icon/labels.ts",
+        "target": "{{aliases.components}}/status-icon/labels.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/status-icon/status-icon.tsx",
+        "target": "{{aliases.components}}/status-icon.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "priority-icon",
+    "type": "registry:ui",
+    "title": "Priority Icon",
+    "description": "A work item priority as signal bars, with a filled alert for urgent",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "priority",
+      "issue",
+      "workflow",
+      "icon"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/priority-icon",
+      "exportName": "PriorityIcon",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/priority-icon/labels.ts",
+        "target": "{{aliases.components}}/priority-icon/labels.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/priority-icon/priority-icon.tsx",
+        "target": "{{aliases.components}}/priority-icon.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "combobox",
+    "type": "registry:ui",
+    "title": "Combobox",
+    "description": "A text field that filters a long list as you type, with grouping, descriptions and creating what is missing",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "combobox",
+      "autocomplete",
+      "search",
+      "select",
+      "form"
+    ],
+    "registryDependencies": [
+      "input"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/combobox",
+      "exportName": "ComboboxList",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/match.ts",
+        "target": "{{aliases.components}}/_internal/match.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/scroll.ts",
+        "target": "{{aliases.components}}/_internal/scroll.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/combobox/combobox.tsx",
+        "target": "{{aliases.components}}/combobox.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "tag-input",
+    "type": "registry:ui",
+    "title": "Tag Input",
+    "description": "Many short values in one field: add with Enter or a comma, paste lists, remove with Backspace, with suggestions and validation",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "tags",
+      "chips",
+      "multi",
+      "email",
+      "form"
+    ],
+    "registryDependencies": [
+      "combobox",
+      "input"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/tag-input",
+      "exportName": "TagInput",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/tag-input/tag-input.tsx",
+        "target": "{{aliases.components}}/tag-input.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "number-input",
+    "type": "registry:ui",
+    "title": "Number Input",
+    "description": "A number field formatted at rest in the reader's locale, with steppers you can hold, arrows, bounds and precision",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "number",
+      "stepper",
+      "currency",
+      "quantity",
+      "form"
+    ],
+    "registryDependencies": [
+      "input"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/number-input",
+      "exportName": "NumberInput",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/number-input/number-input.tsx",
+        "target": "{{aliases.components}}/number-input.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/number-input/number.ts",
+        "target": "{{aliases.components}}/number-input/number.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "color-picker",
+    "type": "registry:ui",
+    "title": "Color Picker",
+    "description": "A colour field with a saturation area, hue and opacity, hex, rgb or oklch, an eyedropper, presets and a contrast check",
+    "category": "forms",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "color",
+      "colour",
+      "picker",
+      "oklch",
+      "hex",
+      "form"
+    ],
+    "registryDependencies": [
+      "input",
+      "popover"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/color-picker",
+      "exportName": "ColorPicker",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/color-picker/color-picker.tsx",
+        "target": "{{aliases.components}}/color-picker.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/color-picker/color.ts",
+        "target": "{{aliases.components}}/color-picker/color.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "stepper",
+    "type": "registry:ui",
+    "title": "Stepper",
+    "description": "Progress through a flow of steps, horizontal or vertical, clickable, condensing to \"Step 2 of 4\" when narrow",
+    "category": "navigation",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "stepper",
+      "steps",
+      "wizard",
+      "progress",
+      "checkout"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/stepper",
+      "exportName": "Stepper",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/stepper/stepper.tsx",
+        "target": "{{aliases.components}}/stepper.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "virtual-list",
+    "type": "registry:ui",
+    "title": "Virtual List",
+    "description": "A long list that renders only what is on screen, measures rows of any height and loads more near the end",
+    "category": "data",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "virtual",
+      "list",
+      "infinite",
+      "scroll",
+      "performance"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/virtual-list",
+      "exportName": "VirtualList",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/virtual-list/virtual-list.tsx",
+        "target": "{{aliases.components}}/virtual-list.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/virtual-list/virtual.ts",
+        "target": "{{aliases.components}}/virtual-list/virtual.ts",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "context-menu",
+    "type": "registry:ui",
+    "title": "Context Menu",
+    "description": "A right-click menu built for what was clicked, with shortcuts, typeahead, long-press on touch and Shift+F10",
+    "category": "actions",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "context menu",
+      "right click",
+      "menu",
+      "actions"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/context-menu",
+      "exportName": "ContextMenu",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/anchor.ts",
+        "target": "{{aliases.components}}/_internal/anchor.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/floating.ts",
+        "target": "{{aliases.components}}/_internal/floating.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/context-menu/context-menu.tsx",
+        "target": "{{aliases.components}}/context-menu.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "hover-card",
+    "type": "registry:ui",
+    "title": "Hover Card",
+    "description": "A preview card that opens when the pointer rests on a link or name, and on keyboard focus",
+    "category": "overlays",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "hover card",
+      "preview",
+      "profile",
+      "popover"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {},
+    "usage": {
+      "importPath": "{{aliases.components}}/hover-card",
+      "exportName": "HoverCard",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/anchor.ts",
+        "target": "{{aliases.components}}/_internal/anchor.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/floating.ts",
+        "target": "{{aliases.components}}/_internal/floating.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/hover-card/hover-card.tsx",
+        "target": "{{aliases.components}}/hover-card.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "tour",
+    "type": "registry:ui",
+    "title": "Tour",
+    "description": "A guided product tour that spotlights parts of the page step by step, with keyboard control and a focus trap",
+    "category": "overlays",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "tour",
+      "onboarding",
+      "walkthrough",
+      "spotlight",
+      "coach marks"
+    ],
+    "registryDependencies": [],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/tour",
+      "exportName": "Tour",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/anchor.ts",
+        "target": "{{aliases.components}}/_internal/anchor.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/floating.ts",
+        "target": "{{aliases.components}}/_internal/floating.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/tour/tour.tsx",
+        "target": "{{aliases.components}}/tour.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  },
+  {
+    "name": "app-shell",
+    "type": "registry:ui",
+    "title": "App Shell",
+    "description": "A resizable, foldable sidebar with sections and items that becomes a drawer on small screens",
+    "category": "layout",
+    "variants": [],
+    "sizes": [],
+    "tags": [
+      "app shell",
+      "sidebar",
+      "navigation",
+      "layout",
+      "drawer"
+    ],
+    "registryDependencies": [
+      "resizable",
+      "sheet"
+    ],
+    "engineDependencies": {
+      "@mlola-ui/icons": "^1.0.0"
+    },
+    "usage": {
+      "importPath": "{{aliases.components}}/app-shell",
+      "exportName": "AppShell",
+      "isDefault": false
+    },
+    "files": [
+      {
+        "path": "packages/components/_internal/react.ts",
+        "target": "{{aliases.components}}/_internal/react.ts",
+        "type": "registry:ui"
+      },
+      {
+        "path": "packages/components/app-shell/app-shell.tsx",
+        "target": "{{aliases.components}}/app-shell.tsx",
+        "type": "registry:ui"
+      }
+    ]
+  }
+] as const;
+
+export type RegistryCatalogItem = (typeof registryCatalog)[number];