@gunjo/ui 0.0.1-alpha.1 → 0.0.1-alpha.2

package/src/components/generated/component-manifest.ts

@@ -2,371 +2,1174 @@
 // Generated by `npm run design:sync:components`. Do not edit manually.
 
 export const componentManifest = {
-  "atoms": {
+  "patterns": {
+    "authTemplate": {
+      "title": "Auth Template",
+      "description": "Split authentication layout with branded panel and centered form.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/AuthTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "bannalyzeTemplate": {
+      "title": "Bannalyze Template",
+      "description": "Three-region analysis workspace with center canvas and side inspectors.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/BannalyzeTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "blogTemplate": {
+      "title": null,
+      "description": null,
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/patterns/BlogTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "chatTemplate": {
+      "title": "Chat Template",
+      "description": "Conversation layout with channel rail, message area, and detail pane.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/ChatTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "dashboardTemplate": {
+      "title": "Dashboard Template",
+      "description": "Two-column dashboard shell with optional header and sidebar.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/DashboardTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "docsTemplate": {
+      "title": null,
+      "description": null,
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/patterns/DocsTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "editorTemplate": {
+      "title": "Editor Template",
+      "description": "Panel-based editing layout with top bar and side docks.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/EditorTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "kanbanTemplate": {
+      "title": "Kanban Template",
+      "description": "Board workflow shell with optional sidebar and horizontal columns.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/KanbanTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "landingTemplate": {
+      "title": "Landing Template",
+      "description": "Marketing page skeleton with sticky header and section rhythm.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/LandingTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "mediaLibraryTemplate": {
+      "title": "Media Library Template",
+      "description": "Asset management workspace with folders, grid area, and details pane.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/MediaLibraryTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "onboardingTemplate": {
+      "title": null,
+      "description": null,
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/patterns/OnboardingTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "pricingTemplate": {
+      "title": null,
+      "description": null,
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/patterns/PricingTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    },
+    "settingsTemplate": {
+      "title": "Settings Template",
+      "description": "Responsive settings layout with mobile stack and desktop split view.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/patterns/SettingsTemplate.tsx",
+      "specSource": "design/patterns.pen",
+      "stability": "experimental"
+    }
+  },
+  "feedback": {
     "alert": {
       "title": "Alert",
       "description": "Displays a callout for user attention.",
       "variantKeys": [
         "default",
-        "destructive"
+        "destructive",
+        "info",
+        "success",
+        "warning"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Alert.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/feedback/Alert.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
     },
-    "avatar": {
-      "title": "Avatar",
-      "description": "An image element with a fallback for representing the user.",
+    "banner": {
+      "title": "Banner",
+      "description": "Page-wide announcement bar, optionally dismissible.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/feedback/Banner.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "notificationCenter": {
+      "title": "Notification Center",
+      "description": "Popover-based inbox for unread activity and quick actions.",
       "variantKeys": [
-        "fallback",
-        "image"
+        "default"
       ],
-      "defaultVariantKey": "fallback",
-      "sourceFile": "src/components/atoms/Avatar.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/feedback/NotificationCenter.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
     },
-    "badge": {
-      "title": "Badge",
-      "description": "Displays a badge or a component that looks like a badge.",
+    "progress": {
+      "title": "Progress",
+      "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
       "variantKeys": [
+        "bar"
+      ],
+      "defaultVariantKey": "bar",
+      "sourceFile": "src/components/feedback/Progress.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "progressWidget": {
+      "title": "ProgressWidget",
+      "description": "Metric card showing title, value, progress bar, and optional subtext.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/feedback/ProgressWidget.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "spinner": {
+      "title": "Spinner",
+      "description": "A visual indicator that content is being loaded.",
+      "variantKeys": [
+        "sm",
         "default",
-        "secondary",
-        "destructive",
-        "outline"
+        "lg"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Badge.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/feedback/Spinner.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
     },
-    "button": {
-      "title": "Button",
-      "description": "Displays a button or a component that looks like a button.",
+    "statusBar": {
+      "title": "StatusBar",
+      "description": "Bottom fixed utility bar with left, center and right regions.",
+      "variantKeys": [
+        "fixed"
+      ],
+      "defaultVariantKey": "fixed",
+      "sourceFile": "src/components/feedback/StatusBar.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "statusScreen": {
+      "title": "StatusScreen",
+      "description": "Full-page status feedback for not-found, error, offline, forbidden, maintenance, and coming-soon states.",
+      "variantKeys": [
+        "not-found",
+        "error",
+        "offline",
+        "forbidden",
+        "maintenance",
+        "coming-soon"
+      ],
+      "defaultVariantKey": "not-found",
+      "sourceFile": "src/components/feedback/StatusScreen.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "stepper": {
+      "title": "Stepper",
+      "description": "A multi-step progress indicator with completed, current, and upcoming states.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/feedback/Stepper.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "toast": {
+      "title": "Toast",
+      "description": "Transient feedback message with semantic variants.",
+      "variantKeys": [
+        "success",
+        "error",
+        "info"
+      ],
+      "defaultVariantKey": "success",
+      "sourceFile": "src/components/feedback/Toast.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    },
+    "toastProvider": {
+      "title": "Toast Provider",
+      "description": "Global toast stack manager for showing transient feedback messages.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/feedback/ToastProvider.tsx",
+      "specSource": "design/feedback.pen",
+      "stability": "experimental"
+    }
+  },
+  "layout": {
+    "aspectRatio": {
+      "title": "AspectRatio",
+      "description": "Maintains a fixed aspect ratio for media containers (image, video, iframe).",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/layout/AspectRatio.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "assetInspectorPanel": {
+      "title": "AssetInspectorPanel",
+      "description": "Media library inspector panel for asset preview, title and note fields, tag editing, metadata rows, and asset actions.",
       "variantKeys": [
         "default",
-        "destructive",
-        "outline",
-        "secondary",
-        "ghost",
-        "link"
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Button.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/layout/AssetInspectorPanel.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
     },
-    "checkbox": {
-      "title": "Checkbox",
-      "description": "A control that allows the user to toggle between checked and not checked.",
+    "cluster": {
+      "title": "Cluster",
+      "description": "Wrapping flex layout — items flow horizontally and wrap onto new lines.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/layout/Cluster.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "collapsiblePanelToggle": {
+      "title": "CollapsiblePanelToggle",
+      "description": "Boundary control for opening and closing a collapsible panel from the left, right, top, or bottom edge.",
+      "variantKeys": [
+        "left",
+        "right",
+        "top",
+        "bottom"
+      ],
+      "defaultVariantKey": "left",
+      "sourceFile": "src/components/layout/CollapsiblePanelToggle.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "container": {
+      "title": "Container",
+      "description": "Max-width + horizontal padding wrapper for page content.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/layout/Container.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "deviceFrame": {
+      "title": "DeviceFrame",
+      "description": "Browser chrome frame with URL entry, visual chrome variants, and desktop, tablet, and mobile viewport controls for interactive pattern previews.",
       "variantKeys": [
-        "unchecked",
-        "checked",
-        "disabled"
+        "default",
+        "windows11"
       ],
-      "defaultVariantKey": "unchecked",
-      "sourceFile": "src/components/atoms/Checkbox.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/layout/DeviceFrame.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
     },
-    "img": {
-      "title": "Img",
-      "description": "An enhanced image component with loading skeleton and error fallback.",
+    "grid": {
+      "title": "Grid",
+      "description": "CSS grid wrapper with cols, gap, and minItemWidth props.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/layout/Grid.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "hStack": {
+      "title": "HStack",
+      "description": "Horizontal flex layout with gap, align, and justify props.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/layout/HStack.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "inspectorPanel": {
+      "title": "Inspector Panel",
+      "description": "Structured side panel for detailed property editing.",
       "variantKeys": [
-        "loading",
-        "loaded",
-        "error"
+        "default"
       ],
-      "defaultVariantKey": "loading",
-      "sourceFile": "src/components/atoms/Img.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/layout/InspectorPanel.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
     },
-    "input": {
-      "title": "Input",
-      "description": "Displays a form input field or a component that looks like an input field.",
+    "marqueeFrame": {
+      "title": "MarqueeFrame",
+      "description": "Scaled fake-browser viewport wrapper for marquee pattern pages. It keeps pattern content and overlays scoped to the active preview viewport.",
       "variantKeys": [
         "default",
-        "placeholder",
-        "disabled"
+        "desktop",
+        "tablet",
+        "mobile"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Input.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/layout/MarqueeFrame.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
     },
-    "kbd": {
-      "title": "Kbd",
-      "description": "Displays a keyboard shortcut key.",
+    "resizable": {
+      "title": "Resizable",
+      "description": "Pane group with draggable handle and optional grip indicator.",
       "variantKeys": [
-        "key"
+        "horizontal"
       ],
-      "defaultVariantKey": "key",
-      "sourceFile": "src/components/atoms/Kbd.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "horizontal",
+      "sourceFile": "src/components/layout/Resizable.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
     },
-    "label": {
-      "title": "Label",
-      "description": "Renders an accessible label associated with controls.",
+    "scrollArea": {
+      "title": "ScrollArea",
+      "description": "Custom scrollbar container with viewport and thumb controls.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/layout/ScrollArea.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "spatialCanvas": {
+      "title": "Spatial Canvas",
+      "description": "Large grid-based interaction surface for node and layout editing.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/layout/SpatialCanvas.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    },
+    "vStack": {
+      "title": "VStack",
+      "description": "Vertical flex layout with gap, align, and justify props.",
       "variantKeys": [],
       "defaultVariantKey": null,
-      "sourceFile": "src/components/atoms/Label.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/layout/VStack.tsx",
+      "specSource": "design/layout.pen",
+      "stability": "experimental"
+    }
+  },
+  "navigation": {
+    "appRail": {
+      "title": "App Rail",
+      "description": "Primary vertical icon rail used for application-wide navigation.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/AppRail.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
     },
-    "progress": {
-      "title": "Progress",
-      "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
+    "breadcrumb": {
+      "title": "Breadcrumb",
+      "description": "Displays the path to the current resource using a hierarchy of links.",
       "variantKeys": [
-        "bar"
+        "default"
       ],
-      "defaultVariantKey": "bar",
-      "sourceFile": "src/components/atoms/Progress.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/Breadcrumb.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
     },
-    "radioGroup": {
-      "title": "RadioGroup",
-      "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
+    "command": {
+      "title": "Command",
+      "description": "Fast, composable, unstyled command menu for React.",
       "variantKeys": [
-        "unchecked",
-        "checked"
+        "default"
       ],
-      "defaultVariantKey": "unchecked",
-      "sourceFile": "src/components/atoms/RadioGroup.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/Command.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
     },
-    "select": {
-      "title": "Select",
-      "description": "Displays a list of options for the user to pick from.",
+    "commandPalette": {
+      "title": "Command Palette",
+      "description": "Global quick-action launcher with grouped commands and keyboard shortcuts.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/CommandPalette.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "documentPager": {
+      "title": "DocumentPager",
+      "description": "Adjacent-document navigation with preview thumbnail, category label, title, and description.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/DocumentPager.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "footer": {
+      "title": "Footer",
+      "description": "Standard footer with brand, link sections, and copyright row.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/navigation/Footer.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "header": {
+      "title": "Header",
+      "description": "Top navigation bar with logo, primary nav, and right-aligned actions.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/navigation/Header.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "menubar": {
+      "title": "Menubar",
+      "description": "Top application menu with trigger items and nested submenu entry.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/Menubar.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "navigationMenu": {
+      "title": "NavigationMenu",
+      "description": "Top-nav with mega-menu dropdowns for site navigation.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/navigation/NavigationMenu.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "pageAside": {
+      "title": "PageAside",
+      "description": "Responsive page support layout that renders supporting information as a right rail on wide screens and a collapsible block on narrow screens.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/PageAside.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "pagination": {
+      "title": "Pagination",
+      "description": "Navigation controls for traversing paged content.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/Pagination.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "rightRail": {
+      "title": "Right Rail",
+      "description": "Secondary side panel for contextual tools and inspector content.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/RightRail.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "sidebar": {
+      "title": "Sidebar",
+      "description": "Full sidebar orchestrator with provider, header, nav items, and footer slots.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/navigation/Sidebar.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "sidebarItem": {
+      "title": "SidebarItem",
+      "description": "Nested sidebar row with chevron, icon, label, and counter area.",
+      "variantKeys": [
+        "default",
+        "active"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/SidebarItem.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "tabs": {
+      "title": "Tabs",
+      "description": "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/Tabs.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    },
+    "textLink": {
+      "title": "TextLink",
+      "description": "Inline text link that automatically shows an external-tab icon when it opens a new tab.",
+      "variantKeys": [
+        "default",
+        "muted"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/navigation/TextLink.tsx",
+      "specSource": "design/navigation.pen",
+      "stability": "experimental"
+    }
+  },
+  "overlay": {
+    "alertDialog": {
+      "title": "AlertDialog",
+      "description": "Modal dialog focused on confirming a destructive or important action.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/overlay/AlertDialog.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "chatPanel": {
+      "title": "ChatPanel",
+      "description": "Contained chat overlay surface that composes ChatMessage and ChatInput for support, assistant, or team conversation panels.",
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/ChatPanel.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "contextMenu": {
+      "title": "ContextMenu",
+      "description": "Right-click style action list with labels and nested trigger.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/ContextMenu.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "dialog": {
+      "title": "Dialog",
+      "description": "Centered modal dialog with overlay, header, and footer actions.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/Dialog.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "drawer": {
+      "title": "Drawer",
+      "description": "Mobile-friendly bottom sheet with drag-to-dismiss handle (vaul-based).",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/overlay/Drawer.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "dropdownMenu": {
+      "title": "Dropdown Menu",
+      "description": "Displays a menu to the user—such as a set of actions or functions—triggered by a button.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/DropdownMenu.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "floatingPanel": {
+      "title": "Floating Panel",
+      "description": "Animated floating container for transient UI surfaces.",
+      "variantKeys": [
+        "glass"
+      ],
+      "defaultVariantKey": "glass",
+      "sourceFile": "src/components/overlay/FloatingPanel.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "hoverCard": {
+      "title": "HoverCard",
+      "description": "Rich hover content with compact profile-like layout.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/HoverCard.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "mediaLightbox": {
+      "title": "MediaLightbox",
+      "description": "Full-screen media preview dialog with navigation, zoom controls, and asset actions.",
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/MediaLightbox.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "mediaPickerDialog": {
+      "title": "MediaPickerDialog",
+      "description": "Media selection dialog with search, AssetGrid rendering, single-select and multi-select confirmation flows.",
+      "variantKeys": [
+        "default",
+        "compact"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/MediaPickerDialog.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "modal": {
+      "title": "Modal",
+      "description": "Dialog surface with header, content, and optional footer actions.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/Modal.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "onboardingFlow": {
+      "title": "OnboardingFlow",
+      "description": "Multi-step guided flow with step indicator, content, and Back/Continue actions.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/overlay/OnboardingFlow.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "popover": {
+      "title": "Popover",
+      "description": "Displays rich content in a portal, triggered by a button.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/Popover.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "shareModal": {
+      "title": "Share Modal",
+      "description": "Dialog for toggling public access and copying shareable URLs.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/ShareModal.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "sheet": {
+      "title": "Sheet",
+      "description": "Side panel variant with overlay, heading, and action area.",
+      "variantKeys": [
+        "right"
+      ],
+      "defaultVariantKey": "right",
+      "sourceFile": "src/components/overlay/Sheet.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    },
+    "tooltip": {
+      "title": "Tooltip",
+      "description": "Compact helper text bubble for hover and focus states.",
+      "variantKeys": [
+        "default"
+      ],
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/overlay/Tooltip.tsx",
+      "specSource": "design/overlay.pen",
+      "stability": "experimental"
+    }
+  },
+  "display": {
+    "accordion": {
+      "title": "Accordion",
+      "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
+      "variantKeys": [
+        "collapsed",
+        "expanded"
+      ],
+      "defaultVariantKey": "collapsed",
+      "sourceFile": "src/components/display/Accordion.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "accordionGroup": {
+      "title": "AccordionGroup",
+      "description": "Labeled accordion composition with a single expand-all/collapse-all toggle control for FAQ, settings, and grouped disclosure lists.",
       "variantKeys": [
-        "default"
+        "default",
+        "withDescription",
+        "withoutControls"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Select.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/display/AccordionGroup.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "separator": {
-      "title": "Separator",
-      "description": "Visually or semantically separates content.",
+    "actionDataTable": {
+      "title": "ActionDataTable",
+      "description": "Selectable data table composition with bulk actions, row actions, and disabled-action feedback.",
       "variantKeys": [
-        "horizontal",
-        "vertical"
+        "default",
+        "selection",
+        "rowActions"
       ],
-      "defaultVariantKey": "horizontal",
-      "sourceFile": "src/components/atoms/Separator.tsx",
-      "specSource": "design/atoms.pen"
-    },
-    "skeleton": {
-      "title": null,
-      "description": null,
-      "variantKeys": [],
-      "defaultVariantKey": null,
-      "sourceFile": "src/components/atoms/Skeleton.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/display/ActionDataTable.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "slider": {
-      "title": "Slider",
-      "description": "An input where the user selects a value from within a given range.",
+    "activityTimelineCard": {
+      "title": "Activity Timeline Card",
+      "description": "HTML/CSS timeline card for activity, sleep, and operations dashboards with editable slots, segments, metrics, and hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Slider.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/display/ActivityTimelineCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "spinner": {
-      "title": "Spinner",
-      "description": "A visual indicator that content is being loaded.",
+    "analyticsCard": {
+      "title": "AnalyticsCard",
+      "description": "Composable metric card shell for chart previews, deltas, and supporting context.",
       "variantKeys": [
-        "sm",
         "default",
-        "lg"
+        "positive",
+        "riskIncrease",
+        "flatWithFooter"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Spinner.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/display/AnalyticsCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "switch": {
-      "title": "Switch",
-      "description": "A control that allows the user to toggle between checked and not checked.",
+    "assetCard": {
+      "title": "AssetCard",
+      "description": "Selectable media asset card for image libraries, files, and generated creative results with favorite, score, and preview affordances.",
       "variantKeys": [
-        "unchecked",
-        "checked"
+        "default",
+        "compact"
       ],
-      "defaultVariantKey": "unchecked",
-      "sourceFile": "src/components/atoms/Switch.tsx",
-      "specSource": "design/atoms.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/display/AssetCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "textarea": {
-      "title": "Textarea",
-      "description": "Displays a form textarea or a component that looks like a textarea.",
+    "assetGrid": {
+      "title": "AssetGrid",
+      "description": "Responsive grouped media grid that renders AssetCard items with empty state, selection state, and preview hooks.",
       "variantKeys": [
         "default",
-        "disabled"
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/Textarea.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/display/AssetGrid.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "toggleGroup": {
-      "title": "ToggleGroup",
-      "description": "A set of two-state buttons that can be toggled on or off.",
+    "avatar": {
+      "title": "Avatar",
+      "description": "An image element with a fallback for representing the user.",
+      "variantKeys": [
+        "fallback",
+        "image"
+      ],
+      "defaultVariantKey": "fallback",
+      "sourceFile": "src/components/display/Avatar.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "avatarGroup": {
+      "title": "AvatarGroup",
+      "description": "Stack of overlapping avatars with optional +N overflow indicator.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/AvatarGroup.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "badge": {
+      "title": "Badge",
+      "description": "Displays a badge or a component that looks like a badge.",
       "variantKeys": [
         "default",
+        "secondary",
+        "destructive",
         "outline"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/atoms/ToggleGroup.tsx",
-      "specSource": "design/atoms.pen"
+      "sourceFile": "src/components/display/Badge.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "toolPill": {
-      "title": "ToolPill",
-      "description": "Compact icon pill used for toolbar quick actions with active and danger states.",
+    "barChart": {
+      "title": "BarChart",
+      "description": "Token-driven vertical or horizontal bar chart with optional average marker and hover/focus value tooltips.",
       "variantKeys": [
-        "primary",
-        "secondary",
-        "danger"
+        "vertical",
+        "horizontal"
       ],
-      "defaultVariantKey": "primary",
-      "sourceFile": "src/components/atoms/ToolPill.tsx",
-      "specSource": "design/atoms.pen"
-    }
-  },
-  "molecules": {
-    "accordion": {
-      "title": "Accordion",
-      "description": "A vertically stacked set of interactive headings that each reveal a section of content.",
+      "defaultVariantKey": "vertical",
+      "sourceFile": "src/components/display/BarChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "card": {
+      "title": "Card",
+      "description": "Displays a card with header, content, and footer.",
       "variantKeys": [
-        "collapsed",
-        "expanded"
+        "default"
       ],
-      "defaultVariantKey": "collapsed",
-      "sourceFile": "src/components/molecules/Accordion.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/display/Card.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "aiChatInput": {
-      "title": "AIChatInput",
-      "description": "Composer row with attachments, autosizing textarea, and send/stop actions.",
+    "carousel": {
+      "title": "Carousel",
+      "description": "Embla-powered slider with keyboard and arrow controls.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/AIChatInput.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/Carousel.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "chartLegend": {
+      "title": "ChartLegend",
+      "description": "Legend rows for chart series, values, and token-driven markers.",
+      "variantKeys": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultVariantKey": "horizontal",
+      "sourceFile": "src/components/display/ChartLegend.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "aiChatMessage": {
-      "title": "AIChatMessage",
-      "description": "Chat row for user/assistant with avatar, bubble, and action controls.",
+    "chatMessage": {
+      "title": "ChatMessage",
+      "description": "Single chat transcript row for assistant, user, system, and typing states.",
       "variantKeys": [
         "assistant",
-        "user"
+        "user",
+        "system",
+        "typing"
       ],
       "defaultVariantKey": "assistant",
-      "sourceFile": "src/components/molecules/AIChatMessage.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/ChatMessage.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "breadcrumb": {
-      "title": "Breadcrumb",
-      "description": "Displays the path to the current resource using a hierarchy of links.",
+    "choroplethMap": {
+      "title": "ChoroplethMap",
+      "description": "HTML/CSS region density map for GeoJSON-style boundaries, markers, and ranked locations with hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Breadcrumb.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/ChoroplethMap.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "calendar": {
-      "title": "Calendar",
-      "description": "A date field component that allows users to enter and edit date.",
+    "code": {
+      "title": "Code",
+      "description": "Inline code style for monospaced text content.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/Code.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "codeBlock": {
+      "title": "CodeBlock",
+      "description": "Syntax-highlighted code block with optional filename and copy button.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/CodeBlock.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "colorSwatch": {
+      "title": "ColorSwatch",
+      "description": "Color preview chip with copyable hex/rgb value.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/ColorSwatch.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "concentricProgressCard": {
+      "title": "Concentric Progress Card",
+      "description": "HTML/CSS card for storage, quota, and multi-ring progress widgets with selectable concentric rings, metrics, and hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Calendar.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/ConcentricProgressCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "card": {
-      "title": "Card",
-      "description": "Displays a card with header, content, and footer.",
+    "dataTable": {
+      "title": "DataTable",
+      "description": "Table + sort + filter + pagination integrated. Wraps @tanstack/react-table.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/DataTable.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "distributionBar": {
+      "title": "DistributionBar",
+      "description": "Stacked percentage distribution bar for segments, channels, and allocation data with hover/focus segment tooltips.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Card.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/DistributionBar.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "carousel": {
-      "title": "Carousel",
-      "description": "Embla-powered slider with keyboard and arrow controls.",
+    "docNote": {
+      "title": "DocNote",
+      "description": "Supplemental note block for explanatory copy, references, and non-urgent documentation callouts.",
       "variantKeys": [
-        "default"
+        "default",
+        "reference"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Carousel.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/DocNote.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "command": {
-      "title": "Command",
-      "description": "Fast, composable, unstyled command menu for React.",
+    "donutChart": {
+      "title": "DonutChart",
+      "description": "HTML/CSS donut chart for proportional segments with optional center labels and pointer-aware segment tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Command.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/DonutChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "contextMenu": {
-      "title": "ContextMenu",
-      "description": "Right-click style action list with labels and nested trigger.",
+    "emptyState": {
+      "title": "EmptyState",
+      "description": "Placeholder for lists / panels with no data, with optional CTA.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/EmptyState.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "fileTree": {
+      "title": "FileTree",
+      "description": "File and folder tree composition with metadata, row actions, and single or multiple selection.",
       "variantKeys": [
-        "default"
+        "single",
+        "multiple",
+        "actions"
       ],
-      "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/ContextMenu.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "single",
+      "sourceFile": "src/components/display/FileTree.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "dialog": {
-      "title": "Dialog",
-      "description": "Centered modal dialog with overlay, header, and footer actions.",
+    "gaugeChart": {
+      "title": "GaugeChart",
+      "description": "HTML/CSS semi-circle gauge for scores, progress, and capacity readings with hover/focus value tooltip.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Dialog.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/GaugeChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "dropdownMenu": {
-      "title": "Dropdown Menu",
-      "description": "Displays a menu to the user—such as a set of actions or functions—triggered by a button.",
+    "heatmapChart": {
+      "title": "HeatmapChart",
+      "description": "HTML/CSS density heatmap for day, time, and cohort intensity patterns with hover/focus cell tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/DropdownMenu.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/HeatmapChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "filterButton": {
-      "title": "FilterButton",
-      "description": "Filter trigger with dashed border, count badge, and command popover list.",
+    "icon": {
+      "title": "Icon",
+      "description": "Normalizes icon size, stroke, and accessibility behavior across GunjoUI.",
+      "variantKeys": [
+        "sm",
+        "xs",
+        "md",
+        "lg",
+        "xl"
+      ],
+      "defaultVariantKey": "sm",
+      "sourceFile": "src/components/display/Icon.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "imagePreview": {
+      "title": "ImagePreview",
+      "description": "Framed image preview surface for asset cards, pickers, and media inspection.",
       "variantKeys": [
         "default",
-        "selected",
-        "popover"
+        "contain",
+        "empty"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/FilterButton.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/ImagePreview.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "form": {
-      "title": null,
-      "description": null,
-      "variantKeys": [],
-      "defaultVariantKey": null,
-      "sourceFile": "src/components/molecules/Form.tsx",
-      "specSource": "design/molecules.pen"
+    "img": {
+      "title": "Img",
+      "description": "An enhanced image component with loading skeleton and error fallback.",
+      "variantKeys": [
+        "loading",
+        "loaded",
+        "error"
+      ],
+      "defaultVariantKey": "loading",
+      "sourceFile": "src/components/display/Img.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "hoverCard": {
-      "title": "HoverCard",
-      "description": "Rich hover content with compact profile-like layout.",
+    "kbd": {
+      "title": "Kbd",
+      "description": "Displays a keyboard shortcut key.",
       "variantKeys": [
-        "default"
+        "key"
+      ],
+      "defaultVariantKey": "key",
+      "sourceFile": "src/components/display/Kbd.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "labeledDonutCard": {
+      "title": "Labeled Donut Card",
+      "description": "HTML/CSS donut chart card for segment comparison with central summary, external callout rows, and hover/focus segment tooltips.",
+      "variantKeys": [
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/HoverCard.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/LabeledDonutCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "lineChart": {
+      "title": "LineChart",
+      "description": "HTML/CSS multi-series line or area chart for time-series comparison with reference lines, legends, and hover/focus point tooltips.",
+      "variantKeys": [
+        "line",
+        "area"
+      ],
+      "defaultVariantKey": "line",
+      "sourceFile": "src/components/display/LineChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
     "list": {
       "title": "List",
@@ -377,139 +1180,215 @@ export const componentManifest = {
         "circle"
       ],
       "defaultVariantKey": "dot",
-      "sourceFile": "src/components/molecules/List.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/List.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "menubar": {
-      "title": "Menubar",
-      "description": "Top application menu with trigger items and nested submenu entry.",
+    "markdownRenderer": {
+      "title": "MarkdownRenderer",
+      "description": "Markdown to HTML rendering with GFM (tables, task lists, code).",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/MarkdownRenderer.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "metadataList": {
+      "title": "MetadataList",
+      "description": "Definition-list style metadata rows for inspectors, file details, and compact property summaries.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Menubar.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/MetadataList.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "modal": {
-      "title": "Modal",
-      "description": "Dialog surface with header, content, and optional footer actions.",
+    "miniDistributionBarCard": {
+      "title": "Mini Distribution Bar Card",
+      "description": "HTML/CSS compact distribution card for product categories, capacity, and utilization widgets with dense ticks, selected segment details, and hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Modal.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/MiniDistributionBarCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "notificationCenter": {
-      "title": "Notification Center",
-      "description": "Popover-based inbox for unread activity and quick actions.",
+    "pieChart": {
+      "title": "PieChart",
+      "description": "HTML/CSS pie chart for proportional segment comparisons with pointer-aware segment tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/NotificationCenter.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/PieChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "pagination": {
-      "title": "Pagination",
-      "description": "Navigation controls for traversing paged content.",
+    "quadrantMatrix": {
+      "title": "QuadrantMatrix",
+      "description": "HTML/CSS four-quadrant matrix for plotting selectable items by x/y position with ranked values and hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Pagination.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/QuadrantMatrix.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "popover": {
-      "title": "Popover",
-      "description": "Displays rich content in a portal, triggered by a button.",
+    "radarChart": {
+      "title": "RadarChart",
+      "description": "HTML/CSS radar chart for comparing single or multi-series multi-axis scores with hover/focus point tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Popover.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/RadarChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "progressWidget": {
-      "title": "ProgressWidget",
-      "description": "Metric card showing title, value, progress bar, and optional subtext.",
+    "radialBarChart": {
+      "title": "RadialBarChart",
+      "description": "HTML/CSS concentric radial bar chart for comparing progress, share, or capacity across multiple series with hover/focus tooltips.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/ProgressWidget.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/RadialBarChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "resizable": {
-      "title": "Resizable",
-      "description": "Pane group with draggable handle and optional grip indicator.",
+    "retentionCohortCard": {
+      "title": "Retention Cohort Card",
+      "description": "HTML/CSS cohort retention card for dashboard grids with editable cohorts, periods, values, and hover/focus cell tooltips.",
       "variantKeys": [
-        "horizontal"
+        "default",
+        "compact"
       ],
-      "defaultVariantKey": "horizontal",
-      "sourceFile": "src/components/molecules/Resizable.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/display/RetentionCohortCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "scrollArea": {
-      "title": "ScrollArea",
-      "description": "Custom scrollbar container with viewport and thumb controls.",
+    "ribbonChart": {
+      "title": "RibbonChart",
+      "description": "HTML/CSS ribbon chart for comparing changing flow, volume, or segment width across periods with hover/focus point tooltips.",
       "variantKeys": [
-        "default"
+        "flow",
+        "stacked"
+      ],
+      "defaultVariantKey": "flow",
+      "sourceFile": "src/components/display/RibbonChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "searchableAccordion": {
+      "title": "SearchableAccordion",
+      "description": "Searchable and category-filterable accordion composition for FAQ, help, and docs lists.",
+      "variantKeys": [
+        "default",
+        "withCategories",
+        "empty"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/ScrollArea.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/SearchableAccordion.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "sheet": {
-      "title": "Sheet",
-      "description": "Side panel variant with overlay, heading, and action area.",
+    "segmentedGaugeCard": {
+      "title": "Segmented Gauge Card",
+      "description": "HTML/CSS segmented semicircle gauge card for status, spend, risk, and progress dashboards with editable segments, target value, and hover/focus tooltips.",
       "variantKeys": [
-        "right"
+        "default",
+        "compact"
       ],
-      "defaultVariantKey": "right",
-      "sourceFile": "src/components/molecules/Sheet.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "default",
+      "sourceFile": "src/components/display/SegmentedGaugeCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "sidebarItem": {
-      "title": "SidebarItem",
-      "description": "Nested sidebar row with chevron, icon, label, and counter area.",
+    "segmentTimelineCard": {
+      "title": "Segment Timeline Card",
+      "description": "HTML/CSS horizontal segment timeline card for sleep stages, uptime states, and categorical duration ranges with metrics, markers, and hover/focus tooltips.",
       "variantKeys": [
         "default",
-        "active"
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/SidebarItem.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/SegmentTimelineCard.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "separator": {
+      "title": "Separator",
+      "description": "Visually or semantically separates content.",
+      "variantKeys": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultVariantKey": "horizontal",
+      "sourceFile": "src/components/display/Separator.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "skeleton": {
+      "title": "Skeleton",
+      "description": "Loading placeholder for content while it is being fetched.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/Skeleton.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "spacer": {
+      "title": "Spacer",
+      "description": "Flex-grow filler for pushing siblings to the edges of a flex container.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/Spacer.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "sortButton": {
-      "title": "SortButton",
-      "description": "Three-state sort trigger (none, asc, desc) with icon + text.",
+    "sparklineChart": {
+      "title": "SparklineChart",
+      "description": "Compact HTML/CSS line, area, or stepped trend chart for dense dashboard cards with hover/focus point tooltips.",
       "variantKeys": [
-        "none",
-        "asc",
-        "desc"
+        "line",
+        "area",
+        "step"
       ],
-      "defaultVariantKey": "none",
-      "sourceFile": "src/components/molecules/SortButton.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "line",
+      "sourceFile": "src/components/display/SparklineChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "statusBar": {
-      "title": "StatusBar",
-      "description": "Bottom fixed utility bar with left, center and right regions.",
+    "stackedBarChart": {
+      "title": "StackedBarChart",
+      "description": "HTML/CSS stacked vertical or horizontal bar chart for grouped segment comparisons with hover/focus segment tooltips.",
       "variantKeys": [
-        "fixed"
+        "vertical",
+        "horizontal"
       ],
-      "defaultVariantKey": "fixed",
-      "sourceFile": "src/components/molecules/StatusBar.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "vertical",
+      "sourceFile": "src/components/display/StackedBarChart.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "stepper": {
-      "title": null,
-      "description": null,
+    "statistic": {
+      "title": "Statistic",
+      "description": "KPI metric card: label + value + delta indicator.",
       "variantKeys": [],
       "defaultVariantKey": null,
-      "sourceFile": "src/components/molecules/Stepper.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/Statistic.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
     "table": {
       "title": "Table",
@@ -518,224 +1397,459 @@ export const componentManifest = {
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Table.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/Table.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "tabs": {
-      "title": "Tabs",
-      "description": "A set of layered sections of content—known as tab panels—that are displayed one at a time.",
+    "tag": {
+      "title": "Tag",
+      "description": "Removable badge with × button. Useful for filter chips and tag editors.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/Tag.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "tagEditor": {
+      "title": "TagEditor",
+      "description": "Tag editing control composed from TagInput and suggestion actions for asset inspectors and filter panels.",
       "variantKeys": [
-        "default"
+        "default",
+        "compact"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Tabs.tsx",
-      "specSource": "design/molecules.pen"
+      "sourceFile": "src/components/display/TagEditor.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "toast": {
-      "title": "Toast",
-      "description": "Transient feedback message with semantic variants.",
+    "timeline": {
+      "title": "Timeline",
+      "description": "Vertical time-ordered list with markers and connector lines.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/Timeline.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    },
+    "toolPill": {
+      "title": "ToolPill",
+      "description": "Compact icon pill used for toolbar quick actions with active and danger states.",
       "variantKeys": [
-        "success",
-        "error",
-        "info"
+        "primary",
+        "secondary",
+        "danger"
       ],
-      "defaultVariantKey": "success",
-      "sourceFile": "src/components/molecules/Toast.tsx",
-      "specSource": "design/molecules.pen"
+      "defaultVariantKey": "primary",
+      "sourceFile": "src/components/display/ToolPill.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
     },
-    "tooltip": {
-      "title": "Tooltip",
-      "description": "Compact helper text bubble for hover and focus states.",
+    "treeView": {
+      "title": "TreeView",
+      "description": "Hierarchical tree with expand/collapse for file explorers and navigation.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/display/TreeView.tsx",
+      "specSource": "design/display.pen",
+      "stability": "experimental"
+    }
+  },
+  "inputs": {
+    "button": {
+      "title": "Button",
+      "description": "Displays a button or a component that looks like a button.",
       "variantKeys": [
-        "default"
+        "default",
+        "destructive",
+        "outline",
+        "secondary",
+        "ghost",
+        "link",
+        "primary",
+        "info",
+        "success",
+        "warning"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/molecules/Tooltip.tsx",
-      "specSource": "design/molecules.pen"
-    }
-  },
-  "organisms": {
-    "appRail": {
-      "title": "App Rail",
-      "description": "Primary vertical icon rail used for application-wide navigation.",
+      "sourceFile": "src/components/inputs/Button.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "calendar": {
+      "title": "Calendar",
+      "description": "A date field component that allows users to enter and edit date.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/AppRail.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/Calendar.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "commandPalette": {
-      "title": "Command Palette",
-      "description": "Global quick-action launcher with grouped commands and keyboard shortcuts.",
+    "chatComposer": {
+      "title": "ChatComposer",
+      "description": "Container that composes ChatInput with prompt choices, workspace context, usage status, footer context, or an accessory.",
       "variantKeys": [
-        "default"
+        "default",
+        "context",
+        "prompt"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/CommandPalette.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/ChatComposer.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "fileUploader": {
-      "title": "File Uploader",
-      "description": "Drag-and-drop file intake with compact list rendering.",
+    "chatInput": {
+      "title": "ChatInput",
+      "description": "Message composer with multiline input, attachment action, send/stop controls, and disabled-state feedback.",
       "variantKeys": [
-        "default"
+        "default",
+        "processing"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/FileUploader.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/ChatInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "floatingPanel": {
-      "title": "Floating Panel",
-      "description": "Animated floating container for transient UI surfaces.",
+    "checkbox": {
+      "title": "Checkbox",
+      "description": "A control that allows the user to toggle between checked and not checked.",
       "variantKeys": [
-        "glass"
+        "unchecked",
+        "checked",
+        "disabled"
       ],
-      "defaultVariantKey": "glass",
-      "sourceFile": "src/components/organisms/FloatingPanel.tsx",
-      "specSource": "design/organisms.pen"
+      "defaultVariantKey": "unchecked",
+      "sourceFile": "src/components/inputs/Checkbox.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "inspectorPanel": {
-      "title": "Inspector Panel",
-      "description": "Structured side panel for detailed property editing.",
+    "combobox": {
+      "title": "Combobox",
+      "description": "Searchable select. Combines Popover + Command for filterable option lists.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/Combobox.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "copyButton": {
+      "title": "CopyButton",
+      "description": "Clipboard action button with tooltip feedback and copied-state icon or label.",
       "variantKeys": [
-        "default"
+        "default",
+        "label"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/InspectorPanel.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/CopyButton.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "rightRail": {
-      "title": "Right Rail",
-      "description": "Secondary side panel for contextual tools and inspector content.",
+    "datePicker": {
+      "title": "DatePicker",
+      "description": "Date input with popup Calendar. Wraps Popover + Calendar primitives.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/DatePicker.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "dateRangePicker": {
+      "title": "DateRangePicker",
+      "description": "Pick a date range with two-month Calendar in popover.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/DateRangePicker.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "editableField": {
+      "title": "Editable Field",
+      "description": "Labelled field that switches between read-only display and explicit save/cancel editing.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/RightRail.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/EditableField.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "shareModal": {
-      "title": "Share Modal",
-      "description": "Dialog for toggling public access and copying shareable URLs.",
+    "fileUploader": {
+      "title": "File Uploader",
+      "description": "Drag-and-drop file intake with compact list rendering.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/ShareModal.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/FileUploader.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "spatialCanvas": {
-      "title": "Spatial Canvas",
-      "description": "Large grid-based interaction surface for node and layout editing.",
+    "filterButton": {
+      "title": "FilterButton",
+      "description": "Filter trigger with dashed border, count badge, and command popover list.",
       "variantKeys": [
-        "default"
+        "default",
+        "selected",
+        "popover"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/SpatialCanvas.tsx",
-      "specSource": "design/organisms.pen"
+      "sourceFile": "src/components/inputs/FilterButton.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "toastProvider": {
-      "title": "Toast Provider",
-      "description": "Global toast stack manager for showing transient feedback messages.",
+    "form": {
+      "title": "Form",
+      "description": "Compound form primitives for vertical field composition, labels, descriptions, messages, and full-width controls.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/Form.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "input": {
+      "title": "Input",
+      "description": "Displays a form input field or a component that looks like an input field.",
       "variantKeys": [
-        "default"
+        "default",
+        "placeholder",
+        "disabled"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/organisms/ToastProvider.tsx",
-      "specSource": "design/organisms.pen"
-    }
-  },
-  "templates": {
-    "authTemplate": {
-      "title": "Auth Template",
-      "description": "Split authentication layout with branded panel and centered form.",
+      "sourceFile": "src/components/inputs/Input.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "inputOTP": {
+      "title": "InputOTP",
+      "description": "One-time-password input with per-digit slots and optional separator.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/InputOTP.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "label": {
+      "title": "Label",
+      "description": "Renders an accessible label associated with controls.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/Label.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "mention": {
+      "title": "Mention",
+      "description": "Textarea with @mention picker — autocompletes user names from a list.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/Mention.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "numberInput": {
+      "title": "NumberInput",
+      "description": "Numeric input with up/down stepper buttons.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/NumberInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "passwordGroup": {
+      "title": "PasswordGroup",
+      "description": "Password field composition with visibility control, requirement checklist, strength meter, error message, and disabled feedback.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PasswordGroup.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "passwordInput": {
+      "title": "PasswordInput",
+      "description": "Password field with show/hide toggle button.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PasswordInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "passwordRequirementList": {
+      "title": "PasswordRequirementList",
+      "description": "Password requirement checklist that can be used standalone or inside PasswordGroup.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PasswordRequirementList.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "passwordStrengthMeter": {
+      "title": "PasswordStrengthMeter",
+      "description": "Password strength meter that displays a caller-provided score, label, and helper text.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PasswordStrengthMeter.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "phoneInput": {
+      "title": "PhoneInput",
+      "description": "Telephone input with country calling-code affordance and caller-provided formatting hook.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PhoneInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "postalCodeInput": {
+      "title": "PostalCodeInput",
+      "description": "Postal-code input with prefix affordance and caller-provided formatting hook.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/PostalCodeInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "radioGroup": {
+      "title": "RadioGroup",
+      "description": "A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.",
       "variantKeys": [
-        "default"
+        "unchecked",
+        "checked"
       ],
-      "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/AuthTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "defaultVariantKey": "unchecked",
+      "sourceFile": "src/components/inputs/RadioGroup.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "bannalyzeTemplate": {
-      "title": "Bannalyze Template",
-      "description": "Three-region analysis workspace with center canvas and side inspectors.",
+    "rangeSlider": {
+      "title": "RangeSlider",
+      "description": "Selects a minimum and maximum value within a bounded range.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/BannalyzeTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/RangeSlider.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "chatTemplate": {
-      "title": "Chat Template",
-      "description": "Conversation layout with channel rail, message area, and detail pane.",
+    "searchInput": {
+      "title": "SearchInput",
+      "description": "Input with leading search icon for search bars.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/SearchInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "select": {
+      "title": "Select",
+      "description": "Displays a list of options for the user to pick from.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/ChatTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/Select.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "dashboardTemplate": {
-      "title": "Dashboard Template",
-      "description": "Two-column dashboard shell with optional header and sidebar.",
+    "slider": {
+      "title": "Slider",
+      "description": "An input where the user selects a value from within a given range.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/DashboardTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/Slider.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "editorTemplate": {
-      "title": "Editor Template",
-      "description": "Panel-based editing layout with top bar and side docks.",
+    "sortButton": {
+      "title": "SortButton",
+      "description": "Three-state sort trigger (none, asc, desc) with icon + text.",
       "variantKeys": [
-        "default"
+        "none",
+        "asc",
+        "desc"
       ],
-      "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/EditorTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "defaultVariantKey": "none",
+      "sourceFile": "src/components/inputs/SortButton.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "kanbanTemplate": {
-      "title": "Kanban Template",
-      "description": "Board workflow shell with optional sidebar and horizontal columns.",
+    "switch": {
+      "title": "Switch",
+      "description": "A control that allows the user to toggle between checked and not checked.",
       "variantKeys": [
-        "default"
+        "unchecked",
+        "checked"
       ],
-      "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/KanbanTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "defaultVariantKey": "unchecked",
+      "sourceFile": "src/components/inputs/Switch.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "landingTemplate": {
-      "title": "Landing Template",
-      "description": "Marketing page skeleton with sticky header and section rhythm.",
+    "tagInput": {
+      "title": "TagInput",
+      "description": "Multi-tag input with Enter to add and × to remove.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/TagInput.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "textarea": {
+      "title": "Textarea",
+      "description": "Displays a form textarea or a component that looks like a textarea.",
       "variantKeys": [
-        "default"
+        "default",
+        "disabled"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/LandingTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/Textarea.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "mediaLibraryTemplate": {
-      "title": "Media Library Template",
-      "description": "Asset management workspace with folders, grid area, and details pane.",
+    "timePicker": {
+      "title": "TimePicker",
+      "description": "Hour + minute select with optional 12 / 24 hour mode.",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/TimePicker.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "toggle": {
+      "title": "Toggle",
+      "description": "Two-state pressable button (icon-style toggle).",
+      "variantKeys": [],
+      "defaultVariantKey": null,
+      "sourceFile": "src/components/inputs/Toggle.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
+    },
+    "toggleGroup": {
+      "title": "ToggleGroup",
+      "description": "A set of two-state buttons that can be toggled on or off.",
       "variantKeys": [
-        "default"
+        "default",
+        "outline"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/MediaLibraryTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/ToggleGroup.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     },
-    "settingsTemplate": {
-      "title": "Settings Template",
-      "description": "Responsive settings layout with mobile stack and desktop split view.",
+    "tooltipButton": {
+      "title": "TooltipButton",
+      "description": "Button composition that pairs an action with a GunjoUI Tooltip for icon, compact, or explanatory controls.",
       "variantKeys": [
         "default"
       ],
       "defaultVariantKey": "default",
-      "sourceFile": "src/components/templates/SettingsTemplate.tsx",
-      "specSource": "design/templates.pen"
+      "sourceFile": "src/components/inputs/TooltipButton.tsx",
+      "specSource": "design/inputs.pen",
+      "stability": "experimental"
     }
   }
 } as const;