noecosystem-design 0.1.0

package/packages/registry/docs-index.json

@@ -0,0 +1,1881 @@
+{
+  "generatedAt": "2026-08-28T08:46:14.844Z",
+  "items": [
+    {
+      "id": "bidi-text",
+      "title": "Bidi Text",
+      "category": "Foundations / Direction & Bidi",
+      "examples": [
+        {
+          "id": "bidi-text--default",
+          "description": "Default Bidi Text usage",
+          "files": [
+            "apps/storybook/stories/catalog/bidi-text.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "direction-provider",
+      "title": "Direction Provider",
+      "category": "Foundations / Direction & Bidi",
+      "examples": [
+        {
+          "id": "direction-provider--default",
+          "description": "Default Direction Provider usage",
+          "files": [
+            "apps/storybook/stories/catalog/direction-provider.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "code-and-terminal",
+      "title": "Code And Terminal",
+      "category": "Foundations / Technical Content",
+      "examples": [
+        {
+          "id": "code-and-terminal--default",
+          "description": "Default Code And Terminal usage",
+          "files": [
+            "apps/storybook/stories/catalog/code-and-terminal.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "icon-system",
+      "title": "Icon System",
+      "category": "Foundations / Icons",
+      "examples": [
+        {
+          "id": "icon-system--default",
+          "description": "Default Icon System usage",
+          "files": [
+            "apps/storybook/stories/catalog/icon-system.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "button",
+      "title": "Button",
+      "category": "Primitives / Actions",
+      "examples": [
+        {
+          "id": "button--default",
+          "description": "Default Button usage",
+          "files": [
+            "apps/storybook/stories/catalog/button.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "input",
+      "title": "Input",
+      "category": "Primitives / Forms",
+      "examples": [
+        {
+          "id": "input--default",
+          "description": "Default Input usage",
+          "files": [
+            "apps/storybook/stories/catalog/input.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "field",
+      "title": "Field",
+      "category": "Primitives / Forms",
+      "examples": [
+        {
+          "id": "field--default",
+          "description": "Default Field usage",
+          "files": [
+            "apps/storybook/stories/catalog/field.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "textarea",
+      "title": "Textarea",
+      "category": "Primitives / Forms",
+      "examples": [
+        {
+          "id": "textarea--default",
+          "description": "Default Textarea usage",
+          "files": [
+            "apps/storybook/stories/catalog/textarea.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "card",
+      "title": "Card",
+      "category": "Primitives / Layout",
+      "examples": [
+        {
+          "id": "card--default",
+          "description": "Default Card usage",
+          "files": [
+            "apps/storybook/stories/catalog/card.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "alert",
+      "title": "Alert",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "alert--default",
+          "description": "Default Alert usage",
+          "files": [
+            "apps/storybook/stories/catalog/alert.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "badge",
+      "title": "Badge",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "badge--default",
+          "description": "Default Badge usage",
+          "files": [
+            "apps/storybook/stories/catalog/badge.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "skeleton",
+      "title": "Skeleton",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "skeleton--default",
+          "description": "Default Skeleton usage",
+          "files": [
+            "apps/storybook/stories/catalog/skeleton.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "spinner",
+      "title": "Spinner",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "spinner--default",
+          "description": "Default Spinner usage",
+          "files": [
+            "apps/storybook/stories/catalog/spinner.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "empty-state",
+      "title": "Empty State",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "empty-state--default",
+          "description": "Default Empty State usage",
+          "files": [
+            "apps/storybook/stories/catalog/empty-state.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "error-state",
+      "title": "Error State",
+      "category": "Feedback",
+      "examples": [
+        {
+          "id": "error-state--default",
+          "description": "Default Error State usage",
+          "files": [
+            "apps/storybook/stories/catalog/error-state.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "dialog",
+      "title": "Dialog",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "dialog--default",
+          "description": "Default Dialog usage",
+          "files": [
+            "apps/storybook/stories/catalog/dialog.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "drawer",
+      "title": "Drawer",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "drawer--default",
+          "description": "Default Drawer usage",
+          "files": [
+            "apps/storybook/stories/catalog/drawer.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "menu",
+      "title": "Menu",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "menu--default",
+          "description": "Default Menu usage",
+          "files": [
+            "apps/storybook/stories/catalog/menu.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tooltip",
+      "title": "Tooltip",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "tooltip--default",
+          "description": "Default Tooltip usage",
+          "files": [
+            "apps/storybook/stories/catalog/tooltip.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tabs",
+      "title": "Tabs",
+      "category": "Navigation",
+      "examples": [
+        {
+          "id": "tabs--default",
+          "description": "Default Tabs usage",
+          "files": [
+            "apps/storybook/stories/catalog/tabs.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "data-table",
+      "title": "Data Table",
+      "category": "Data",
+      "examples": [
+        {
+          "id": "data-table--default",
+          "description": "Default Data Table usage",
+          "files": [
+            "apps/storybook/stories/catalog/data-table.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "metric-card",
+      "title": "Metric Card",
+      "category": "Data",
+      "examples": [
+        {
+          "id": "metric-card--default",
+          "description": "Default Metric Card usage",
+          "files": [
+            "apps/storybook/stories/catalog/metric-card.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "chart-frame",
+      "title": "Chart Frame",
+      "category": "Data",
+      "examples": [
+        {
+          "id": "chart-frame--default",
+          "description": "Default Chart Frame usage",
+          "files": [
+            "apps/storybook/stories/catalog/chart-frame.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "agent-composer",
+      "title": "Agent Composer",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "agent-composer--default",
+          "description": "Default Agent Composer usage",
+          "files": [
+            "apps/storybook/stories/catalog/agent-composer.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "agent-message",
+      "title": "Agent Message",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "agent-message--default",
+          "description": "Default Agent Message usage",
+          "files": [
+            "apps/storybook/stories/catalog/agent-message.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "agent-plan",
+      "title": "Agent Plan",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "agent-plan--default",
+          "description": "Default Agent Plan usage",
+          "files": [
+            "apps/storybook/stories/catalog/agent-plan.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "run-inspector",
+      "title": "Run Inspector",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "run-inspector--default",
+          "description": "Default Run Inspector usage",
+          "files": [
+            "apps/storybook/stories/catalog/run-inspector.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tool-call",
+      "title": "Tool Call",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "tool-call--default",
+          "description": "Default Tool Call usage",
+          "files": [
+            "apps/storybook/stories/catalog/tool-call.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "approval-request",
+      "title": "Approval Request",
+      "category": "Agentic",
+      "examples": [
+        {
+          "id": "approval-request--default",
+          "description": "Default Approval Request usage",
+          "files": [
+            "apps/storybook/stories/catalog/approval-request.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "workflow-canvas",
+      "title": "Workflow Canvas",
+      "category": "Workflow",
+      "examples": [
+        {
+          "id": "workflow-canvas--default",
+          "description": "Default Workflow Canvas usage",
+          "files": [
+            "apps/storybook/stories/catalog/workflow-canvas.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "workflow-node",
+      "title": "Workflow Node",
+      "category": "Workflow",
+      "examples": [
+        {
+          "id": "workflow-node--default",
+          "description": "Default Workflow Node usage",
+          "files": [
+            "apps/storybook/stories/catalog/workflow-node.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "page-header",
+      "title": "Page Header",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "page-header--default",
+          "description": "Default Page Header usage",
+          "files": [
+            "apps/storybook/stories/catalog/page-header.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sidebar-navigation",
+      "title": "Sidebar Navigation",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "sidebar-navigation--default",
+          "description": "Default Sidebar Navigation usage",
+          "files": [
+            "apps/storybook/stories/catalog/sidebar-navigation.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "agent-workspace",
+      "title": "Agent Workspace",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "agent-workspace--default",
+          "description": "Default Agent Workspace usage",
+          "files": [
+            "apps/storybook/stories/catalog/agent-workspace.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "section-header",
+      "title": "Section Header",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "section-header--default",
+          "description": "Default Section Header usage",
+          "files": [
+            "apps/storybook/stories/catalog/section-header.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "filter-bar",
+      "title": "Filter Bar",
+      "category": "Patterns / Data",
+      "examples": [
+        {
+          "id": "filter-bar--default",
+          "description": "Default Filter Bar usage",
+          "files": [
+            "apps/storybook/stories/catalog/filter-bar.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "pagination",
+      "title": "Pagination",
+      "category": "Patterns / Data",
+      "examples": [
+        {
+          "id": "pagination--default",
+          "description": "Default Pagination usage",
+          "files": [
+            "apps/storybook/stories/catalog/pagination.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "activity-feed",
+      "title": "Activity Feed",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "activity-feed--default",
+          "description": "Default Activity Feed usage",
+          "files": [
+            "apps/storybook/stories/catalog/activity-feed.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sign-in-form",
+      "title": "Sign In Form",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "sign-in-form--default",
+          "description": "Default Sign In Form usage",
+          "files": [
+            "apps/storybook/stories/catalog/sign-in-form.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "header-navigation",
+      "title": "Header Navigation",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "header-navigation--default",
+          "description": "Default Header Navigation usage",
+          "files": [
+            "apps/storybook/stories/catalog/header-navigation.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "app-frame",
+      "title": "App Frame",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "app-frame--default",
+          "description": "Default App Frame usage",
+          "files": [
+            "apps/storybook/stories/catalog/app-frame.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "bottom-navigation",
+      "title": "Bottom Navigation",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "bottom-navigation--default",
+          "description": "Default Bottom Navigation usage",
+          "files": [
+            "apps/storybook/stories/catalog/bottom-navigation.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "dashboard-shell",
+      "title": "Dashboard Shell",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "dashboard-shell--default",
+          "description": "Default Dashboard Shell usage",
+          "files": [
+            "apps/storybook/stories/catalog/dashboard-shell.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "settings-page",
+      "title": "Settings Page",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "settings-page--default",
+          "description": "Default Settings Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/settings-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "data-list",
+      "title": "Data List",
+      "category": "Patterns / Mobile",
+      "examples": [
+        {
+          "id": "data-list--default",
+          "description": "Default Data List usage",
+          "files": [
+            "apps/storybook/stories/catalog/data-list.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "fab",
+      "title": "Fab",
+      "category": "Patterns / Mobile",
+      "examples": [
+        {
+          "id": "fab--default",
+          "description": "Default Fab usage",
+          "files": [
+            "apps/storybook/stories/catalog/fab.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "mobile-screen",
+      "title": "Mobile Screen",
+      "category": "Patterns / Pages",
+      "examples": [
+        {
+          "id": "mobile-screen--default",
+          "description": "Default Mobile Screen usage",
+          "files": [
+            "apps/storybook/stories/catalog/mobile-screen.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "featured-icon",
+      "title": "Featured Icon",
+      "category": "Foundations / Icons",
+      "examples": [
+        {
+          "id": "featured-icon--default",
+          "description": "Default Featured Icon usage",
+          "files": [
+            "apps/storybook/stories/catalog/featured-icon.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "utility-button",
+      "title": "Utility Button",
+      "category": "Primitives / Actions",
+      "examples": [
+        {
+          "id": "utility-button--default",
+          "description": "Default Utility Button usage",
+          "files": [
+            "apps/storybook/stories/catalog/utility-button.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "context-menu",
+      "title": "Context Menu",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "context-menu--default",
+          "description": "Default Context Menu usage",
+          "files": [
+            "apps/storybook/stories/catalog/context-menu.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "dropdown",
+      "title": "Dropdown",
+      "category": "Overlays",
+      "examples": [
+        {
+          "id": "dropdown--default",
+          "description": "Default Dropdown usage",
+          "files": [
+            "apps/storybook/stories/catalog/dropdown.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "login-page",
+      "title": "Login Page",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "login-page--default",
+          "description": "Default Login Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/login-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "not-found",
+      "title": "Not Found",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "not-found--default",
+          "description": "Default Not Found usage",
+          "files": [
+            "apps/storybook/stories/catalog/not-found.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "chart",
+      "title": "Chart",
+      "category": "Data / Visualization",
+      "examples": [
+        {
+          "id": "chart--default",
+          "description": "Default Chart usage",
+          "files": [
+            "apps/storybook/stories/catalog/chart.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "messaging",
+      "title": "Messaging",
+      "category": "Communication / Messaging",
+      "examples": [
+        {
+          "id": "messaging--default",
+          "description": "Default Messaging usage",
+          "files": [
+            "apps/storybook/stories/catalog/messaging.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "progress-steps",
+      "title": "Progress Steps",
+      "category": "Navigation / Progress",
+      "examples": [
+        {
+          "id": "progress-steps--default",
+          "description": "Default Progress Steps usage",
+          "files": [
+            "apps/storybook/stories/catalog/progress-steps.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "dashboard-01",
+      "title": "Dashboard 01",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "dashboard-01--default",
+          "description": "Default Dashboard 01 usage",
+          "files": [
+            "apps/storybook/stories/catalog/dashboard-01.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "dashboard-02",
+      "title": "Dashboard 02",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "dashboard-02--default",
+          "description": "Default Dashboard 02 usage",
+          "files": [
+            "apps/storybook/stories/catalog/dashboard-02.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "settings-01",
+      "title": "Settings 01",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "settings-01--default",
+          "description": "Default Settings 01 usage",
+          "files": [
+            "apps/storybook/stories/catalog/settings-01.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "settings-02",
+      "title": "Settings 02",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "settings-02--default",
+          "description": "Default Settings 02 usage",
+          "files": [
+            "apps/storybook/stories/catalog/settings-02.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "hero-header",
+      "title": "Hero Header",
+      "category": "Marketing / Hero",
+      "examples": [
+        {
+          "id": "hero-header--default",
+          "description": "Default Hero Header usage",
+          "files": [
+            "apps/storybook/stories/catalog/hero-header.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "marketing-header",
+      "title": "Marketing Header",
+      "category": "Marketing / Header",
+      "examples": [
+        {
+          "id": "marketing-header--default",
+          "description": "Default Marketing Header usage",
+          "files": [
+            "apps/storybook/stories/catalog/marketing-header.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "landing-page",
+      "title": "Landing Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "landing-page--default",
+          "description": "Default Landing Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/landing-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "avatar",
+      "title": "Avatar",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "avatar--default",
+          "description": "Default Avatar usage",
+          "files": [
+            "apps/storybook/stories/catalog/avatar.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "badge-group",
+      "title": "Badge Group",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "badge-group--default",
+          "description": "Default Badge Group usage",
+          "files": [
+            "apps/storybook/stories/catalog/badge-group.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "button-group",
+      "title": "Button Group",
+      "category": "Base / Actions",
+      "examples": [
+        {
+          "id": "button-group--default",
+          "description": "Default Button Group usage",
+          "files": [
+            "apps/storybook/stories/catalog/button-group.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "checkbox",
+      "title": "Checkbox",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "checkbox--default",
+          "description": "Default Checkbox usage",
+          "files": [
+            "apps/storybook/stories/catalog/checkbox.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "radio-group",
+      "title": "Radio Group",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "radio-group--default",
+          "description": "Default Radio Group usage",
+          "files": [
+            "apps/storybook/stories/catalog/radio-group.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "toggle",
+      "title": "Toggle",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "toggle--default",
+          "description": "Default Toggle usage",
+          "files": [
+            "apps/storybook/stories/catalog/toggle.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "select",
+      "title": "Select",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "select--default",
+          "description": "Default Select usage",
+          "files": [
+            "apps/storybook/stories/catalog/select.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "multi-select",
+      "title": "Multi Select",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "multi-select--default",
+          "description": "Default Multi Select usage",
+          "files": [
+            "apps/storybook/stories/catalog/multi-select.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "slider",
+      "title": "Slider",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "slider--default",
+          "description": "Default Slider usage",
+          "files": [
+            "apps/storybook/stories/catalog/slider.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tags",
+      "title": "Tags",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "tags--default",
+          "description": "Default Tags usage",
+          "files": [
+            "apps/storybook/stories/catalog/tags.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "verification-code",
+      "title": "Verification Code",
+      "category": "Base / Forms",
+      "examples": [
+        {
+          "id": "verification-code--default",
+          "description": "Default Verification Code usage",
+          "files": [
+            "apps/storybook/stories/catalog/verification-code.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "calendar",
+      "title": "Calendar",
+      "category": "Base / Pickers",
+      "examples": [
+        {
+          "id": "calendar--default",
+          "description": "Default Calendar usage",
+          "files": [
+            "apps/storybook/stories/catalog/calendar.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "date-picker",
+      "title": "Date Picker",
+      "category": "Base / Pickers",
+      "examples": [
+        {
+          "id": "date-picker--default",
+          "description": "Default Date Picker usage",
+          "files": [
+            "apps/storybook/stories/catalog/date-picker.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "color-picker",
+      "title": "Color Picker",
+      "category": "Base / Pickers",
+      "examples": [
+        {
+          "id": "color-picker--default",
+          "description": "Default Color Picker usage",
+          "files": [
+            "apps/storybook/stories/catalog/color-picker.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "file-uploader",
+      "title": "File Uploader",
+      "category": "Base / Pickers",
+      "examples": [
+        {
+          "id": "file-uploader--default",
+          "description": "Default File Uploader usage",
+          "files": [
+            "apps/storybook/stories/catalog/file-uploader.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "rich-text-editor",
+      "title": "Rich Text Editor",
+      "category": "Base / Pickers",
+      "examples": [
+        {
+          "id": "rich-text-editor--default",
+          "description": "Default Rich Text Editor usage",
+          "files": [
+            "apps/storybook/stories/catalog/rich-text-editor.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "command-menu",
+      "title": "Command Menu",
+      "category": "Overlays / Navigation",
+      "examples": [
+        {
+          "id": "command-menu--default",
+          "description": "Default Command Menu usage",
+          "files": [
+            "apps/storybook/stories/catalog/command-menu.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tree-view",
+      "title": "Tree View",
+      "category": "Navigation / Disclosure",
+      "examples": [
+        {
+          "id": "tree-view--default",
+          "description": "Default Tree View usage",
+          "files": [
+            "apps/storybook/stories/catalog/tree-view.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "carousel",
+      "title": "Carousel",
+      "category": "Navigation / Disclosure",
+      "examples": [
+        {
+          "id": "carousel--default",
+          "description": "Default Carousel usage",
+          "files": [
+            "apps/storybook/stories/catalog/carousel.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "content-divider",
+      "title": "Content Divider",
+      "category": "Primitives / Layout",
+      "examples": [
+        {
+          "id": "content-divider--default",
+          "description": "Default Content Divider usage",
+          "files": [
+            "apps/storybook/stories/catalog/content-divider.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "section-footer",
+      "title": "Section Footer",
+      "category": "Patterns / Application",
+      "examples": [
+        {
+          "id": "section-footer--default",
+          "description": "Default Section Footer usage",
+          "files": [
+            "apps/storybook/stories/catalog/section-footer.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "notification",
+      "title": "Notification",
+      "category": "Feedback / Notifications",
+      "examples": [
+        {
+          "id": "notification--default",
+          "description": "Default Notification usage",
+          "files": [
+            "apps/storybook/stories/catalog/notification.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "activity-gauge",
+      "title": "Activity Gauge",
+      "category": "Data / Visualization",
+      "examples": [
+        {
+          "id": "activity-gauge--default",
+          "description": "Default Activity Gauge usage",
+          "files": [
+            "apps/storybook/stories/catalog/activity-gauge.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "pie-chart",
+      "title": "Pie Chart",
+      "category": "Data / Visualization",
+      "examples": [
+        {
+          "id": "pie-chart--default",
+          "description": "Default Pie Chart usage",
+          "files": [
+            "apps/storybook/stories/catalog/pie-chart.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "radar-chart",
+      "title": "Radar Chart",
+      "category": "Data / Visualization",
+      "examples": [
+        {
+          "id": "radar-chart--default",
+          "description": "Default Radar Chart usage",
+          "files": [
+            "apps/storybook/stories/catalog/radar-chart.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "credit-card",
+      "title": "Credit Card",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "credit-card--default",
+          "description": "Default Credit Card usage",
+          "files": [
+            "apps/storybook/stories/catalog/credit-card.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "qr-code",
+      "title": "Qr Code",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "qr-code--default",
+          "description": "Default Qr Code usage",
+          "files": [
+            "apps/storybook/stories/catalog/qr-code.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "rating",
+      "title": "Rating",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "rating--default",
+          "description": "Default Rating usage",
+          "files": [
+            "apps/storybook/stories/catalog/rating.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "video-player",
+      "title": "Video Player",
+      "category": "Base / Media",
+      "examples": [
+        {
+          "id": "video-player--default",
+          "description": "Default Video Player usage",
+          "files": [
+            "apps/storybook/stories/catalog/video-player.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "illustration",
+      "title": "Illustration",
+      "category": "Base / Media",
+      "examples": [
+        {
+          "id": "illustration--default",
+          "description": "Default Illustration usage",
+          "files": [
+            "apps/storybook/stories/catalog/illustration.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "store-button",
+      "title": "Store Button",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "store-button--default",
+          "description": "Default Store Button usage",
+          "files": [
+            "apps/storybook/stories/catalog/store-button.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "social-button",
+      "title": "Social Button",
+      "category": "Base / Identity",
+      "examples": [
+        {
+          "id": "social-button--default",
+          "description": "Default Social Button usage",
+          "files": [
+            "apps/storybook/stories/catalog/social-button.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "progress-indicator",
+      "title": "Progress Indicator",
+      "category": "Base / Feedback",
+      "examples": [
+        {
+          "id": "progress-indicator--default",
+          "description": "Default Progress Indicator usage",
+          "files": [
+            "apps/storybook/stories/catalog/progress-indicator.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sign-up-page",
+      "title": "Sign Up Page",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "sign-up-page--default",
+          "description": "Default Sign Up Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/sign-up-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "verification-page",
+      "title": "Verification Page",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "verification-page--default",
+          "description": "Default Verification Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/verification-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "forgot-password-page",
+      "title": "Forgot Password Page",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "forgot-password-page--default",
+          "description": "Default Forgot Password Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/forgot-password-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "email-template",
+      "title": "Email Template",
+      "category": "Shared / Auth",
+      "examples": [
+        {
+          "id": "email-template--default",
+          "description": "Default Email Template usage",
+          "files": [
+            "apps/storybook/stories/catalog/email-template.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "informational-page-01",
+      "title": "Informational Page 01",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "informational-page-01--default",
+          "description": "Default Informational Page 01 usage",
+          "files": [
+            "apps/storybook/stories/catalog/informational-page-01.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "informational-page-02",
+      "title": "Informational Page 02",
+      "category": "Application Examples",
+      "examples": [
+        {
+          "id": "informational-page-02--default",
+          "description": "Default Informational Page 02 usage",
+          "files": [
+            "apps/storybook/stories/catalog/informational-page-02.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "banner",
+      "title": "Banner",
+      "category": "Marketing / Banner",
+      "examples": [
+        {
+          "id": "banner--default",
+          "description": "Default Banner usage",
+          "files": [
+            "apps/storybook/stories/catalog/banner.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "blog-section",
+      "title": "Blog Section",
+      "category": "Marketing / Blog",
+      "examples": [
+        {
+          "id": "blog-section--default",
+          "description": "Default Blog Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/blog-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "careers-section",
+      "title": "Careers Section",
+      "category": "Marketing / Careers",
+      "examples": [
+        {
+          "id": "careers-section--default",
+          "description": "Default Careers Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/careers-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "contact-section",
+      "title": "Contact Section",
+      "category": "Marketing / Contact",
+      "examples": [
+        {
+          "id": "contact-section--default",
+          "description": "Default Contact Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/contact-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "content-section",
+      "title": "Content Section",
+      "category": "Marketing / Content",
+      "examples": [
+        {
+          "id": "content-section--default",
+          "description": "Default Content Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/content-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "cta-section",
+      "title": "Cta Section",
+      "category": "Marketing / CTA",
+      "examples": [
+        {
+          "id": "cta-section--default",
+          "description": "Default Cta Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/cta-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "faq-section",
+      "title": "Faq Section",
+      "category": "Marketing / FAQ",
+      "examples": [
+        {
+          "id": "faq-section--default",
+          "description": "Default Faq Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/faq-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "feature-section",
+      "title": "Feature Section",
+      "category": "Marketing / Features",
+      "examples": [
+        {
+          "id": "feature-section--default",
+          "description": "Default Feature Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/feature-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "footer",
+      "title": "Footer",
+      "category": "Marketing / Footer",
+      "examples": [
+        {
+          "id": "footer--default",
+          "description": "Default Footer usage",
+          "files": [
+            "apps/storybook/stories/catalog/footer.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "metrics-section",
+      "title": "Metrics Section",
+      "category": "Marketing / Metrics",
+      "examples": [
+        {
+          "id": "metrics-section--default",
+          "description": "Default Metrics Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/metrics-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "newsletter",
+      "title": "Newsletter",
+      "category": "Marketing / Newsletter",
+      "examples": [
+        {
+          "id": "newsletter--default",
+          "description": "Default Newsletter usage",
+          "files": [
+            "apps/storybook/stories/catalog/newsletter.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "pricing-section",
+      "title": "Pricing Section",
+      "category": "Marketing / Pricing",
+      "examples": [
+        {
+          "id": "pricing-section--default",
+          "description": "Default Pricing Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/pricing-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "social-proof",
+      "title": "Social Proof",
+      "category": "Marketing / Social",
+      "examples": [
+        {
+          "id": "social-proof--default",
+          "description": "Default Social Proof usage",
+          "files": [
+            "apps/storybook/stories/catalog/social-proof.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "team-section",
+      "title": "Team Section",
+      "category": "Marketing / Team",
+      "examples": [
+        {
+          "id": "team-section--default",
+          "description": "Default Team Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/team-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "testimonial-section",
+      "title": "Testimonial Section",
+      "category": "Marketing / Testimonial",
+      "examples": [
+        {
+          "id": "testimonial-section--default",
+          "description": "Default Testimonial Section usage",
+          "files": [
+            "apps/storybook/stories/catalog/testimonial-section.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "about-page",
+      "title": "About Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "about-page--default",
+          "description": "Default About Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/about-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "blog-post-page",
+      "title": "Blog Post Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "blog-post-page--default",
+          "description": "Default Blog Post Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/blog-post-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "blog-index-page",
+      "title": "Blog Index Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "blog-index-page--default",
+          "description": "Default Blog Index Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/blog-index-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "contact-page",
+      "title": "Contact Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "contact-page--default",
+          "description": "Default Contact Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/contact-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "faq-page",
+      "title": "Faq Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "faq-page--default",
+          "description": "Default Faq Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/faq-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "legal-page",
+      "title": "Legal Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "legal-page--default",
+          "description": "Default Legal Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/legal-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "pricing-page",
+      "title": "Pricing Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "pricing-page--default",
+          "description": "Default Pricing Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/pricing-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "team-page",
+      "title": "Team Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "team-page--default",
+          "description": "Default Team Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/team-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "marketing-404-page",
+      "title": "Marketing 404 Page",
+      "category": "Marketing / Pages",
+      "examples": [
+        {
+          "id": "marketing-404-page--default",
+          "description": "Default Marketing 404 Page usage",
+          "files": [
+            "apps/storybook/stories/catalog/marketing-404-page.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "gradient-picker",
+      "title": "Gradient Picker",
+      "category": "Application Components",
+      "examples": [
+        {
+          "id": "gradient-picker--default",
+          "description": "Default Gradient Picker usage",
+          "files": [
+            "apps/storybook/stories/catalog/gradient-picker.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "image-picker",
+      "title": "Image Picker",
+      "category": "Application Components",
+      "examples": [
+        {
+          "id": "image-picker--default",
+          "description": "Default Image Picker usage",
+          "files": [
+            "apps/storybook/stories/catalog/image-picker.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "inline-cta",
+      "title": "Inline Cta",
+      "category": "Application Components",
+      "examples": [
+        {
+          "id": "inline-cta--default",
+          "description": "Default Inline Cta usage",
+          "files": [
+            "apps/storybook/stories/catalog/inline-cta.stories.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "ecosystem-sphere",
+      "title": "Ecosystem Sphere",
+      "category": "Cinematic / 3D System",
+      "examples": [
+        {
+          "id": "ecosystem-sphere--default",
+          "description": "Default sphere",
+          "files": [
+            "packages/ui/src/cinematic/ecosystem-sphere.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "system-anatomy",
+      "title": "System Anatomy",
+      "category": "Cinematic / 3D System",
+      "examples": [
+        {
+          "id": "system-anatomy--default",
+          "description": "Default",
+          "files": [
+            "packages/ui/src/cinematic/system-anatomy.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "ecosystem-motion-showcase",
+      "title": "Ecosystem Motion Showcase",
+      "category": "Cinematic / 3D System",
+      "examples": [
+        {
+          "id": "ecosystem-motion-showcase--default",
+          "description": "Default",
+          "files": [
+            "packages/ui/src/cinematic/ecosystem-motion-showcase.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "kinetic-experience",
+      "title": "Kinetic Experience",
+      "category": "Cinematic / Motion",
+      "examples": [
+        {
+          "id": "kinetic-experience--default",
+          "description": "Default",
+          "files": [
+            "packages/ui/src/cinematic/kinetic-experience.tsx"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "landing-cinematic",
+      "title": "Landing — Cinematic System",
+      "category": "Cinematic / Pages",
+      "examples": [
+        {
+          "id": "landing-cinematic--default",
+          "description": "Default",
+          "files": [
+            "apps/showcase/src/catalog/catalog-index.tsx"
+          ]
+        }
+      ]
+    }
+  ]
+}