@utopia-studio-design/design-system-cli 0.1.0 → 0.2.0

package/data/manifests/catalog.json

@@ -0,0 +1,546 @@
+{
+  "$schema": "https://utopia-studio.co/design-system/catalog.schema.json",
+  "name": "Utopia Design System Catalog",
+  "version": "0.1.0",
+  "purpose": "Standalone source of truth for the Utopia Design System home, docs, component catalog, templates, themes, and AI agent workflow.",
+  "topLevelAreas": [
+    {
+      "id": "docs",
+      "label": "Docs",
+      "description": "Guides, foundations, libraries, AI setup, and Arabic-friendly rules.",
+      "groups": [
+        {
+          "id": "guide",
+          "label": "Guide",
+          "items": [
+            "Getting Started",
+            "Quick Start with AI",
+            "Working with AI",
+            "Principles",
+            "Theme System",
+            "Arabic Friendly",
+            "Styling Components",
+            "Styling Library Interop",
+            "Migration Guide"
+          ]
+        },
+        {
+          "id": "foundations",
+          "label": "Foundations",
+          "items": [
+            "Token Architecture",
+            "All Tokens",
+            "Semantic Tokens",
+            "Component Tokens",
+            "Icons",
+            "Illustrations"
+          ]
+        },
+        {
+          "id": "libraries",
+          "label": "Libraries",
+          "items": [
+            "@utopia-studio-design/design-system",
+            "@utopia-studio-design/design-system-cli",
+            "shadcn/ui foundation"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "components",
+      "label": "Components",
+      "description": "shadcn/ui-founded primitives, Utopia wrappers, planned catalog coverage, and AI component contracts.",
+      "groups": [
+        {
+          "id": "actions",
+          "label": "Action",
+          "items": [
+            "Button",
+            "Button Group",
+            "Icon Button",
+            "Toggle Button",
+            "Toggle Button Group"
+          ]
+        },
+        {
+          "id": "surfaces",
+          "label": "Surfaces",
+          "items": [
+            "Card",
+            "Hover Card",
+            "Popover",
+            "Tooltip"
+          ]
+        },
+        {
+          "id": "forms",
+          "label": "Forms",
+          "items": [
+            "Checkbox",
+            "Combobox",
+            "Date Picker",
+            "Field",
+            "Input",
+            "Input Group",
+            "Input OTP",
+            "Label",
+            "Native Select",
+            "Radio Group",
+            "Select",
+            "Slider",
+            "Switch",
+            "Textarea"
+          ]
+        },
+        {
+          "id": "chat",
+          "label": "Chat",
+          "items": [
+            "Chat Composer",
+            "Chat Composer Drawer",
+            "Chat Composer Input",
+            "Chat Composer Token Element",
+            "Chat Dictation Button",
+            "Chat Layout",
+            "Chat Layout Scroll Button",
+            "Chat Message",
+            "Chat Message Bubble",
+            "Chat Message List",
+            "Chat Message Metadata",
+            "Chat Send Button",
+            "Chat System Message",
+            "Chat Tokenized Text",
+            "Chat Tool Calls"
+          ]
+        },
+        {
+          "id": "navigation",
+          "label": "Navigation",
+          "items": [
+            "Breadcrumb",
+            "Breadcrumb Item",
+            "Breadcrumbs",
+            "Command",
+            "Context Menu",
+            "Dropdown Menu",
+            "Menubar",
+            "Mobile Nav",
+            "Mobile Nav Toggle",
+            "Nav Heading Menu",
+            "Nav Icon",
+            "Navigation Menu",
+            "Pagination",
+            "Sidebar",
+            "Side Nav",
+            "Side Nav Collapse Button",
+            "Side Nav Heading",
+            "Side Nav Item",
+            "Side Nav Section",
+            "Tabs",
+            "Top Nav",
+            "Top Nav Heading",
+            "Top Nav Item",
+            "Top Nav Mega Menu",
+            "Top Nav Mega Menu Featured Card",
+            "Top Nav Mega Menu Item",
+            "Top Nav Menu"
+          ]
+        },
+        {
+          "id": "feedback",
+          "label": "Feedback",
+          "items": [
+            "Alert",
+            "Alert Dialog",
+            "Dialog",
+            "Drawer",
+            "Sheet",
+            "Sonner",
+            "Toast"
+          ]
+        },
+        {
+          "id": "layout",
+          "label": "Layout",
+          "items": [
+            "Accordion",
+            "Aspect Ratio",
+            "Collapsible",
+            "Direction",
+            "Resizable",
+            "Scroll Area",
+            "Separator"
+          ]
+        },
+        {
+          "id": "data",
+          "label": "Data Display",
+          "items": [
+            "Attachment",
+            "Account Status",
+            "Avatar",
+            "Badge",
+            "Bubble",
+            "Calendar",
+            "Carousel",
+            "Chart",
+            "Data Table",
+            "Empty",
+            "Item",
+            "Kbd",
+            "Progress",
+            "Skeleton",
+            "Spinner",
+            "Table",
+            "Typography"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "templates",
+      "label": "Templates",
+      "description": "Website pages, product/SaaS surfaces, and production-reference templates for AI page generation.",
+      "groups": [
+        {
+          "id": "website-pages",
+          "label": "Website Pages",
+          "items": [
+            "SaaS Solution Website"
+          ]
+        }
+      ]
+    },
+    {
+      "id": "themes",
+      "label": "Themes",
+      "description": "Token-contract implementations. Utopia Default is the first locked theme, not the whole system.",
+      "groups": [
+        {
+          "id": "active",
+          "label": "Active",
+          "items": [
+          "The Utopia Studio Default",
+            "Dextrum",
+            "Barrier Intelligence"
+          ]
+        }
+      ]
+    }
+  ],
+  "componentStatus": {
+    "available": [
+      "Accordion",
+      "Account Status",
+      "Alert",
+      "Alert Dialog",
+      "Aspect Ratio",
+      "Attachment",
+      "Avatar",
+      "Badge",
+      "Breadcrumb",
+      "Bubble",
+      "Button",
+      "Button Group",
+      "Calendar",
+      "Card",
+      "Carousel",
+      "Chart",
+      "Chat Composer",
+      "Chat Composer Drawer",
+      "Chat Composer Input",
+      "Chat Composer Token Element",
+      "Chat Dictation Button",
+      "Chat Layout",
+      "Chat Layout Scroll Button",
+      "Chat Message",
+      "Chat Message Bubble",
+      "Chat Message List",
+      "Chat Message Metadata",
+      "Chat Send Button",
+      "Chat System Message",
+      "Chat Tokenized Text",
+      "Chat Tool Calls",
+      "Checkbox",
+      "Collapsible",
+      "Combobox",
+      "Command",
+      "Context Menu",
+      "Data Table",
+      "Date Picker",
+      "Dialog",
+      "Direction",
+      "Drawer",
+      "Dropdown Menu",
+      "Empty",
+      "Field",
+      "Hover Card",
+      "Icon Button",
+      "Input",
+      "Input Group",
+      "Input OTP",
+      "Item",
+      "Kbd",
+      "Label",
+      "Menubar",
+      "Native Select",
+      "Navigation Menu",
+      "Pagination",
+      "Popover",
+      "Progress",
+      "Radio Group",
+      "Resizable",
+      "Scroll Area",
+      "Select",
+      "Separator",
+      "Sheet",
+      "Skeleton",
+      "Slider",
+      "Sonner",
+      "Spinner",
+      "Switch",
+      "Table",
+      "Tabs",
+      "Textarea",
+      "Toggle Button",
+      "Toggle Button Group",
+      "Tooltip",
+      "Typography"
+    ],
+    "utopiaWrapped": [
+      "Accordion",
+      "Alert",
+      "Alert Dialog",
+      "Aspect Ratio",
+      "Attachment",
+      "Avatar",
+      "Badge",
+      "Breadcrumb",
+      "Bubble",
+      "Button",
+      "Button Group",
+      "Calendar",
+      "Card",
+      "Carousel",
+      "Chart",
+      "Chat Composer",
+      "Chat Composer Drawer",
+      "Chat Composer Input",
+      "Chat Composer Token Element",
+      "Chat Dictation Button",
+      "Chat Layout",
+      "Chat Layout Scroll Button",
+      "Chat Message",
+      "Chat Message Bubble",
+      "Chat Message List",
+      "Chat Message Metadata",
+      "Chat Send Button",
+      "Chat System Message",
+      "Chat Tokenized Text",
+      "Chat Tool Calls",
+      "Checkbox",
+      "Collapsible",
+      "Combobox",
+      "Command",
+      "Context Menu",
+      "Data Table",
+      "Date Picker",
+      "Dialog",
+      "Direction",
+      "Drawer",
+      "Dropdown Menu",
+      "Empty",
+      "Field",
+      "Hover Card",
+      "Icon Button",
+      "Input",
+      "Input Group",
+      "Input OTP",
+      "Item",
+      "Kbd",
+      "Label",
+      "Menubar",
+      "Native Select",
+      "Navigation Menu",
+      "Pagination",
+      "Popover",
+      "Progress",
+      "Radio Group",
+      "Resizable",
+      "Scroll Area",
+      "Select",
+      "Separator",
+      "Sheet",
+      "Skeleton",
+      "Slider",
+      "Sonner",
+      "Spinner",
+      "Switch",
+      "Table",
+      "Tabs",
+      "Textarea",
+      "Toggle Button",
+      "Toggle Button Group",
+      "Tooltip",
+      "Typography"
+    ],
+    "legacy": [
+      "Toast"
+    ],
+    "shadcnFallback": [
+      "attachment",
+      "bubble",
+      "message",
+      "message-scroller",
+      "accordion",
+      "alert",
+      "alert-dialog",
+      "aspect-ratio",
+      "avatar",
+      "badge",
+      "breadcrumb",
+      "button",
+      "button-group",
+      "calendar",
+      "card",
+      "carousel",
+      "chart",
+      "checkbox",
+      "collapsible",
+      "combobox",
+      "command",
+      "context-menu",
+      "data-table",
+      "date-picker",
+      "dialog",
+      "direction",
+      "drawer",
+      "dropdown-menu",
+      "empty",
+      "field",
+      "hover-card",
+      "input",
+      "input-group",
+      "input-otp",
+      "item",
+      "kbd",
+      "label",
+      "menubar",
+      "native-select",
+      "navigation-menu",
+      "pagination",
+      "popover",
+      "progress",
+      "radio-group",
+      "resizable",
+      "scroll-area",
+      "select",
+      "separator",
+      "sheet",
+      "sidebar",
+      "skeleton",
+      "slider",
+      "sonner",
+      "spinner",
+      "switch",
+      "table",
+      "tabs",
+      "textarea",
+      "toast",
+      "toggle",
+      "toggle-group",
+      "tooltip",
+      "typography"
+    ],
+    "planned": []
+  },
+  "docFamilies": [
+    {
+      "id": "semantic-tokens",
+      "label": "Semantic Tokens",
+      "parent": "Semantic Tokens",
+      "group": "foundations",
+      "items": [
+        "Color",
+        "Typography",
+        "Spacing",
+        "Shape",
+        "Motion",
+        "Elevation",
+        "Direction / RTL"
+      ],
+      "description": "Stable role contracts that every compatible theme implements."
+    }
+  ],
+  "themeFamilies": [
+    {
+      "id": "utopia-default-theme",
+      "label": "The Utopia Studio Default",
+      "parent": "The Utopia Studio Default",
+      "group": "active",
+      "items": [
+        "Overview",
+        "Primitives",
+        "Typography",
+        "Semantic Mapping"
+      ],
+      "description": "The first locked brand implementation of the shared semantic contract."
+    },
+    {
+      "id": "dextrum-theme",
+      "label": "Dextrum",
+      "parent": "Dextrum",
+      "group": "active",
+      "items": [
+        "Overview",
+        "Primitives",
+        "Typography",
+        "App & Website",
+        "Marketing & Sales",
+        "Semantic Mapping"
+      ],
+      "description": "A separate theme implementation with product and marketing typography profiles."
+    }
+  ],
+  "componentFamilies": [
+    {
+      "id": "side-nav",
+      "label": "Side Navigation",
+      "parent": "Side Nav",
+      "items": [
+        "Side Nav Section",
+        "Side Nav Heading",
+        "Side Nav Item",
+        "Side Nav Collapse Button"
+      ],
+      "description": "Composable side navigation family built from shadcn/sidebar architecture and Utopia semantic tokens."
+    },
+    {
+      "id": "top-nav",
+      "label": "Top Navigation",
+      "parent": "Top Nav",
+      "items": [
+        "Top Nav Heading",
+        "Top Nav Item",
+        "Top Nav Menu",
+        "Top Nav Mega Menu",
+        "Top Nav Mega Menu Featured Card",
+        "Top Nav Mega Menu Item",
+        "Nav Icon"
+      ],
+      "description": "Composable desktop top navigation family built from shadcn/Radix NavigationMenu and Utopia semantic tokens."
+    },
+    {
+      "id": "mobile-nav",
+      "label": "Mobile Navigation",
+      "parent": "Mobile Nav",
+      "items": [
+        "Mobile Nav Toggle",
+        "Nav Heading Menu",
+        "Nav Icon"
+      ],
+      "description": "Composable mobile navigation family built from shadcn Sheet/Dialog patterns and Utopia semantic tokens."
+    }
+  ]
+}