@dryui/feedback 0.0.2

package/dist/layout-mode/generated-library.js

@@ -0,0 +1,1445 @@
+// Generated by packages/feedback/scripts/generate-layout-library.mjs
+// Do not edit by hand.
+export const GENERATED_LAYOUT_LIBRARY = [
+    {
+        "section": "Frames",
+        "items": [
+            {
+                "section": "Frames",
+                "type": "banner",
+                "label": "Banners",
+                "description": "Top-of-page announcement and campaign banners with CTA and dismissal framing.",
+                "sourceKind": "block",
+                "sourceId": "banners",
+                "sourceName": "Banners",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/banners",
+                "tags": [
+                    "banner",
+                    "announcement",
+                    "campaign",
+                    "promo"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/banners and pick the closest block variant (Announcement bar, Upgrade banner)."
+            },
+            {
+                "section": "Frames",
+                "type": "section",
+                "label": "Content Sections",
+                "description": "Package editorial layouts, long-form summaries, and product storytelling sections.",
+                "sourceKind": "block",
+                "sourceId": "content-sections",
+                "sourceName": "Content Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/content-sections",
+                "tags": [
+                    "content",
+                    "editorial",
+                    "layout",
+                    "section",
+                    "content block",
+                    "body section"
+                ],
+                "structure": null,
+                "guidance": "Start from a content-sections block when the layout needs a reusable marketing or editorial section."
+            },
+            {
+                "section": "Frames",
+                "type": "modal",
+                "label": "Dialog",
+                "description": "Modal dialog using native dialog element",
+                "sourceKind": "component",
+                "sourceId": "Dialog",
+                "sourceName": "Dialog",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "modal",
+                    "overlay",
+                    "dialog",
+                    "popup"
+                ],
+                "structure": "`<Dialog.Root>` + `<Dialog.Trigger>` + `<Dialog.Content>`",
+                "guidance": "Modal dialog using native dialog element"
+            },
+            {
+                "section": "Frames",
+                "type": "drawer",
+                "label": "Drawer",
+                "description": "Slide-in panel from any edge",
+                "sourceKind": "component",
+                "sourceId": "Drawer",
+                "sourceName": "Drawer",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "modal",
+                    "panel",
+                    "slide",
+                    "sidebar",
+                    "drawer",
+                    "sheet",
+                    "slide over"
+                ],
+                "structure": "`<Drawer.Root>` + `<Drawer.Trigger>` + `<Drawer.Content>`",
+                "guidance": "Slide-in panel from any edge"
+            },
+            {
+                "section": "Frames",
+                "type": "footer",
+                "label": "Footers",
+                "description": "Package multi-column and compact footer systems with brand, nav, and legal framing.",
+                "sourceKind": "block",
+                "sourceId": "footers",
+                "sourceName": "Footers",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/footers",
+                "tags": [
+                    "footer",
+                    "navigation",
+                    "site",
+                    "site footer"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/footers and pick the closest block variant (Compact footer, Multi-column footer)."
+            },
+            {
+                "section": "Frames",
+                "type": "hero",
+                "label": "Hero Sections",
+                "description": "Lead with high-signal headlines, proof points, and focused call-to-action stacks.",
+                "sourceKind": "block",
+                "sourceId": "hero-sections",
+                "sourceName": "Hero Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/hero-sections",
+                "tags": [
+                    "hero",
+                    "marketing",
+                    "cta",
+                    "marketing hero",
+                    "landing"
+                ],
+                "structure": null,
+                "guidance": "Start from a hero-sections block variant for the main headline, proof, and CTA stack."
+            },
+            {
+                "section": "Frames",
+                "type": "navigation",
+                "label": "Navbar",
+                "description": "Responsive navigation bar with mobile toggle",
+                "sourceKind": "component",
+                "sourceId": "Navbar",
+                "sourceName": "Navbar",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "navbar",
+                    "navigation",
+                    "responsive",
+                    "mobile",
+                    "nav",
+                    "site header"
+                ],
+                "structure": "`<Navbar.Root>` + `<Navbar.Brand>` + `<Navbar.Content>` + `<Navbar.Item>`",
+                "guidance": "Use Navbar for the primary site navigation shell, brand, links, and top-level actions."
+            },
+            {
+                "section": "Frames",
+                "type": "header",
+                "label": "PageHeader",
+                "description": "Structured page header with title, meta, and actions",
+                "sourceKind": "component",
+                "sourceId": "PageHeader",
+                "sourceName": "PageHeader",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "page",
+                    "header",
+                    "title",
+                    "actions",
+                    "meta",
+                    "page header",
+                    "section lead"
+                ],
+                "structure": "`<PageHeader.Root>` + `<PageHeader.Content>` + `<PageHeader.Actions>` + `<PageHeader.Eyebrow>`",
+                "guidance": "Structured page header with title, meta, and actions"
+            },
+            {
+                "section": "Frames",
+                "type": "popover",
+                "label": "Popover",
+                "description": "Floating content panel anchored to a trigger",
+                "sourceKind": "component",
+                "sourceId": "Popover",
+                "sourceName": "Popover",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "popup",
+                    "floating",
+                    "tooltip",
+                    "popover",
+                    "floating panel"
+                ],
+                "structure": "`<Popover.Root>` + `<Popover.Trigger>` + `<Popover.Content>`",
+                "guidance": "Floating content panel anchored to a trigger"
+            },
+            {
+                "section": "Frames",
+                "type": "divider",
+                "label": "Separator",
+                "description": "Visual divider between content",
+                "sourceKind": "component",
+                "sourceId": "Separator",
+                "sourceName": "Separator",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "divider",
+                    "line",
+                    "hr",
+                    "separator",
+                    "rule"
+                ],
+                "structure": "`<Separator />`",
+                "guidance": "Visual divider between content"
+            },
+            {
+                "section": "Frames",
+                "type": "sidebar",
+                "label": "Sidebar",
+                "description": "Collapsible side navigation panel",
+                "sourceKind": "component",
+                "sourceId": "Sidebar",
+                "sourceName": "Sidebar",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "sidebar",
+                    "navigation",
+                    "panel",
+                    "collapsible",
+                    "aside",
+                    "rail"
+                ],
+                "structure": "`<Sidebar.Root>` + `<Sidebar.Header>` + `<Sidebar.Content>` + `<Sidebar.Footer>`",
+                "guidance": "Collapsible side navigation panel"
+            }
+        ]
+    },
+    {
+        "section": "Content",
+        "items": [
+            {
+                "section": "Content",
+                "type": "accordion",
+                "label": "Accordion",
+                "description": "Collapsible content sections, single or multiple mode",
+                "sourceKind": "component",
+                "sourceId": "Accordion",
+                "sourceName": "Accordion",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "disclosure",
+                    "collapse",
+                    "expand",
+                    "faq",
+                    "accordion"
+                ],
+                "structure": "`<Accordion.Root>` + `<Accordion.Item>` + `<Accordion.Trigger>` + `<Accordion.Content>`",
+                "guidance": "Collapsible content sections, single or multiple mode"
+            },
+            {
+                "section": "Content",
+                "type": "card",
+                "label": "Card",
+                "description": "Contained content surface with header/content/footer sections",
+                "sourceKind": "component",
+                "sourceId": "Card",
+                "sourceName": "Card",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "surface",
+                    "container",
+                    "content",
+                    "panel",
+                    "card"
+                ],
+                "structure": "`<Card.Root>` + `<Card.Header>` + `<Card.Content>`",
+                "guidance": "Compose Card surfaces with Card.Root, Card.Header, and Card.Content instead of a generic container box."
+            },
+            {
+                "section": "Content",
+                "type": "carousel",
+                "label": "Carousel",
+                "description": "Scrollable content carousel with slide navigation",
+                "sourceKind": "component",
+                "sourceId": "Carousel",
+                "sourceName": "Carousel",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "slider",
+                    "carousel",
+                    "scroll",
+                    "gallery",
+                    "slideshow"
+                ],
+                "structure": "`<Carousel.Root>` + `<Carousel.Viewport>` + `<Carousel.Slide>` + `<Carousel.Prev>`",
+                "guidance": "Scrollable content carousel with slide navigation"
+            },
+            {
+                "section": "Content",
+                "type": "chart",
+                "label": "Chart",
+                "description": "SVG-based chart with bars, lines, and axes",
+                "sourceKind": "component",
+                "sourceId": "Chart",
+                "sourceName": "Chart",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "chart",
+                    "graph",
+                    "bar",
+                    "line",
+                    "data",
+                    "visualization",
+                    "analytics"
+                ],
+                "structure": "`<Chart.Root>` + `<Chart.Bars>` + `<Chart.Line>` + `<Chart.Area>`",
+                "guidance": "SVG-based chart with bars, lines, and axes"
+            },
+            {
+                "section": "Content",
+                "type": "codeBlock",
+                "label": "CodeBlock",
+                "description": "Code display with optional line numbers and copy button",
+                "sourceKind": "component",
+                "sourceId": "CodeBlock",
+                "sourceName": "CodeBlock",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "code",
+                    "syntax",
+                    "pre",
+                    "monospace",
+                    "copy",
+                    "snippet"
+                ],
+                "structure": "`<CodeBlock />`",
+                "guidance": "Code display with optional line numbers and copy button"
+            },
+            {
+                "section": "Content",
+                "type": "faq",
+                "label": "FAQs",
+                "description": "Ship FAQ sections with hierarchy, compact answers, and support-oriented routing.",
+                "sourceKind": "block",
+                "sourceId": "faqs",
+                "sourceName": "FAQs",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/faqs",
+                "tags": [
+                    "faq",
+                    "accordion",
+                    "support",
+                    "questions"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/faqs and pick the closest block variant (Accordion FAQ, Split FAQ)."
+            },
+            {
+                "section": "Content",
+                "type": "grid",
+                "label": "Grid",
+                "description": "CSS grid layout with uniform column control",
+                "sourceKind": "component",
+                "sourceId": "Grid",
+                "sourceName": "Grid",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "layout",
+                    "grid",
+                    "columns",
+                    "responsive",
+                    "cards"
+                ],
+                "structure": "`<Grid />`",
+                "guidance": "CSS grid layout with uniform column control"
+            },
+            {
+                "section": "Content",
+                "type": "image",
+                "label": "Image",
+                "description": "Image with loading states and fallback support",
+                "sourceKind": "component",
+                "sourceId": "Image",
+                "sourceName": "Image",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "image",
+                    "lazy",
+                    "loading",
+                    "fallback",
+                    "media",
+                    "photo"
+                ],
+                "structure": "`<Image />`",
+                "guidance": "Image with loading states and fallback support"
+            },
+            {
+                "section": "Content",
+                "type": "list",
+                "label": "List",
+                "description": "Structured list with items, icons, and subheaders",
+                "sourceKind": "component",
+                "sourceId": "List",
+                "sourceName": "List",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "list",
+                    "item",
+                    "icon",
+                    "dense",
+                    "items"
+                ],
+                "structure": "`<List.Root>` + `<List.Item>` + `<List.ItemIcon>` + `<List.ItemText>`",
+                "guidance": "Structured list with items, icons, and subheaders"
+            },
+            {
+                "section": "Content",
+                "type": "logo",
+                "label": "LogoCloud",
+                "description": "Grid of logos or brand icons with uniform sizing",
+                "sourceKind": "component",
+                "sourceId": "LogoCloud",
+                "sourceName": "LogoCloud",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "logo",
+                    "brand",
+                    "grid",
+                    "partners",
+                    "sponsors",
+                    "logo cloud",
+                    "logos"
+                ],
+                "structure": "`<LogoCloud.Root>` + `<LogoCloud.Item>`",
+                "guidance": "Grid of logos or brand icons with uniform sizing"
+            },
+            {
+                "section": "Content",
+                "type": "map",
+                "label": "Map",
+                "description": "Interactive map container with markers, popups, layers, and controls",
+                "sourceKind": "component",
+                "sourceId": "Map",
+                "sourceName": "Map",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "map",
+                    "geo",
+                    "marker",
+                    "popup",
+                    "layer",
+                    "geojson",
+                    "location"
+                ],
+                "structure": "`<Map.Root>` + `<Map.Marker>` + `<Map.Popup>` + `<Map.Layer>`",
+                "guidance": "Interactive map container with markers, popups, layers, and controls"
+            },
+            {
+                "section": "Content",
+                "type": "gallery",
+                "label": "PromoMosaic",
+                "description": "Promotional tile mosaic for mixed-size marketing cards, badges, and CTA overlays",
+                "sourceKind": "component",
+                "sourceId": "PromoMosaic",
+                "sourceName": "PromoMosaic",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "promo",
+                    "mosaic",
+                    "marketing",
+                    "grid",
+                    "tiles",
+                    "gallery",
+                    "promo grid"
+                ],
+                "structure": "`<PromoMosaic.Root>` + `<PromoMosaic.HeroTile>` + `<PromoMosaic.Tile>` + `<PromoMosaic.Overlay>`",
+                "guidance": "Promotional tile mosaic for mixed-size marketing cards, badges, and CTA overlays"
+            },
+            {
+                "section": "Content",
+                "type": "table",
+                "label": "Table",
+                "description": "Data table with header, body, footer sections",
+                "sourceKind": "component",
+                "sourceId": "Table",
+                "sourceName": "Table",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "data",
+                    "table",
+                    "grid",
+                    "rows",
+                    "columns",
+                    "data table"
+                ],
+                "structure": "`<Table.Root>` + `<Table.Header>` + `<Table.Body>` + `<Table.Footer>`",
+                "guidance": "Data table with header, body, footer sections"
+            },
+            {
+                "section": "Content",
+                "type": "text",
+                "label": "Text",
+                "description": "Standalone body copy export for starter-kit typography",
+                "sourceKind": "component",
+                "sourceId": "Text",
+                "sourceName": "Text",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "text",
+                    "copy",
+                    "paragraph",
+                    "typography",
+                    "body"
+                ],
+                "structure": "`<Text />`",
+                "guidance": "Standalone body copy export for starter-kit typography"
+            },
+            {
+                "section": "Content",
+                "type": "timeline",
+                "label": "Timeline",
+                "description": "Vertical timeline for activity feeds and history",
+                "sourceKind": "component",
+                "sourceId": "Timeline",
+                "sourceName": "Timeline",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "timeline",
+                    "activity",
+                    "feed",
+                    "history",
+                    "events"
+                ],
+                "structure": "`<Timeline.Root>` + `<Timeline.Item>` + `<Timeline.Icon>` + `<Timeline.Content>`",
+                "guidance": "Vertical timeline for activity feeds and history"
+            },
+            {
+                "section": "Content",
+                "type": "video",
+                "label": "VideoEmbed",
+                "description": "Video player embed for YouTube, Vimeo, and native sources",
+                "sourceKind": "component",
+                "sourceId": "VideoEmbed",
+                "sourceName": "VideoEmbed",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "video",
+                    "embed",
+                    "youtube",
+                    "vimeo",
+                    "player",
+                    "media"
+                ],
+                "structure": "`<VideoEmbed />`",
+                "guidance": "Video player embed for YouTube, Vimeo, and native sources"
+            }
+        ]
+    },
+    {
+        "section": "Forms",
+        "items": [
+            {
+                "section": "Forms",
+                "type": "button",
+                "label": "Button",
+                "description": "Interactive button or link-styled action for submissions and calls to action",
+                "sourceKind": "component",
+                "sourceId": "Button",
+                "sourceName": "Button",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "action",
+                    "click",
+                    "submit",
+                    "cta",
+                    "link-button",
+                    "button"
+                ],
+                "structure": "`<Button />`",
+                "guidance": "Interactive button or link-styled action for submissions and calls to action"
+            },
+            {
+                "section": "Forms",
+                "type": "checkbox",
+                "label": "Checkbox",
+                "description": "Boolean toggle input with indeterminate state",
+                "sourceKind": "component",
+                "sourceId": "Checkbox",
+                "sourceName": "Checkbox",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "toggle",
+                    "boolean",
+                    "check",
+                    "checkbox"
+                ],
+                "structure": "`<Checkbox />`",
+                "guidance": "Boolean toggle input with indeterminate state"
+            },
+            {
+                "section": "Forms",
+                "type": "calendar",
+                "label": "DateTimeInput",
+                "description": "Combined date and time input with locale-aware segments",
+                "sourceKind": "component",
+                "sourceId": "DateTimeInput",
+                "sourceName": "DateTimeInput",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "date",
+                    "time",
+                    "datetime",
+                    "input",
+                    "form",
+                    "locale",
+                    "calendar",
+                    "date grid",
+                    "calendar picker"
+                ],
+                "structure": "`<DateTimeInput />`",
+                "guidance": "Combined date and time input with locale-aware segments"
+            },
+            {
+                "section": "Forms",
+                "type": "datePicker",
+                "label": "DateTimeInput",
+                "description": "Combined date and time input with locale-aware segments",
+                "sourceKind": "component",
+                "sourceId": "DateTimeInput",
+                "sourceName": "DateTimeInput",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "date",
+                    "time",
+                    "datetime",
+                    "input",
+                    "form",
+                    "locale",
+                    "calendar"
+                ],
+                "structure": "`<DateTimeInput />`",
+                "guidance": "Combined date and time input with locale-aware segments"
+            },
+            {
+                "section": "Forms",
+                "type": "form",
+                "label": "Fieldset",
+                "description": "Structured field grouping with legend, description, and content",
+                "sourceKind": "component",
+                "sourceId": "Fieldset",
+                "sourceName": "Fieldset",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "group",
+                    "legend",
+                    "settings",
+                    "fieldset",
+                    "form group"
+                ],
+                "structure": "`<Fieldset.Root>` + `<Fieldset.Legend>` + `<Fieldset.Description>` + `<Fieldset.Content>`",
+                "guidance": "Compose forms with Fieldset, Field.Root, Input, Checkbox, and Button instead of a generic form rectangle."
+            },
+            {
+                "section": "Forms",
+                "type": "fileUpload",
+                "label": "FileUpload",
+                "description": "File selection with drag-and-drop dropzone",
+                "sourceKind": "component",
+                "sourceId": "FileUpload",
+                "sourceName": "FileUpload",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "file",
+                    "upload",
+                    "drag",
+                    "drop",
+                    "file upload",
+                    "drop zone"
+                ],
+                "structure": "`<FileUpload.Root>` + `<FileUpload.Dropzone>` + `<FileUpload.Trigger>` + `<FileUpload.List>`",
+                "guidance": "File selection with drag-and-drop dropzone"
+            },
+            {
+                "section": "Forms",
+                "type": "input",
+                "label": "Input",
+                "description": "Text input with size variants",
+                "sourceKind": "component",
+                "sourceId": "Input",
+                "sourceName": "Input",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "text",
+                    "input",
+                    "field",
+                    "text field"
+                ],
+                "structure": "`<Input />`",
+                "guidance": "Text input with size variants"
+            },
+            {
+                "section": "Forms",
+                "type": "search",
+                "label": "InputGroup",
+                "description": "Compound input wrapper that combines prefixes, suffixes, separators, select slots, and actions",
+                "sourceKind": "component",
+                "sourceId": "InputGroup",
+                "sourceName": "InputGroup",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "input",
+                    "field",
+                    "affix",
+                    "addon",
+                    "control",
+                    "search",
+                    "search input",
+                    "search field"
+                ],
+                "structure": "`<InputGroup.Root>` + `<InputGroup.Input>` + `<InputGroup.Action>`",
+                "guidance": "Compound input wrapper that combines prefixes, suffixes, separators, select slots, and actions"
+            },
+            {
+                "section": "Forms",
+                "type": "dropdown",
+                "label": "Listbox",
+                "description": "Single or multi-select list with keyboard navigation",
+                "sourceKind": "component",
+                "sourceId": "Listbox",
+                "sourceName": "Listbox",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "listbox",
+                    "select",
+                    "option",
+                    "keyboard",
+                    "dropdown",
+                    "options"
+                ],
+                "structure": "`<Listbox.Root>` + `<Listbox.Item>`",
+                "guidance": "Single or multi-select list with keyboard navigation"
+            },
+            {
+                "section": "Forms",
+                "type": "radio",
+                "label": "RadioGroup",
+                "description": "Single selection from multiple options",
+                "sourceKind": "component",
+                "sourceId": "RadioGroup",
+                "sourceName": "RadioGroup",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "radio",
+                    "select",
+                    "option",
+                    "group",
+                    "options",
+                    "choice"
+                ],
+                "structure": "`<RadioGroup.Root>` + `<RadioGroup.Item>`",
+                "guidance": "Single selection from multiple options"
+            },
+            {
+                "section": "Forms",
+                "type": "rating",
+                "label": "Rating",
+                "description": "Star rating input with half-star support",
+                "sourceKind": "component",
+                "sourceId": "Rating",
+                "sourceName": "Rating",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "stars",
+                    "rating",
+                    "review",
+                    "score"
+                ],
+                "structure": "`<Rating />`",
+                "guidance": "Star rating input with half-star support"
+            },
+            {
+                "section": "Forms",
+                "type": "slider",
+                "label": "Slider",
+                "description": "Range input slider with thumb control",
+                "sourceKind": "component",
+                "sourceId": "Slider",
+                "sourceName": "Slider",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "range",
+                    "slider",
+                    "value"
+                ],
+                "structure": "`<Slider />`",
+                "guidance": "Range input slider with thumb control"
+            },
+            {
+                "section": "Forms",
+                "type": "stepper",
+                "label": "Stepper",
+                "description": "Step-by-step progress indicator",
+                "sourceKind": "component",
+                "sourceId": "Stepper",
+                "sourceName": "Stepper",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "steps",
+                    "wizard",
+                    "progress",
+                    "workflow",
+                    "stepper",
+                    "progress steps"
+                ],
+                "structure": "`<Stepper.Root>` + `<Stepper.List>` + `<Stepper.Step>` + `<Stepper.Separator>`",
+                "guidance": "Step-by-step progress indicator"
+            },
+            {
+                "section": "Forms",
+                "type": "tabs",
+                "label": "Tabs",
+                "description": "Tabbed content navigation",
+                "sourceKind": "component",
+                "sourceId": "Tabs",
+                "sourceName": "Tabs",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "tabs",
+                    "nav",
+                    "switch",
+                    "panel",
+                    "switcher"
+                ],
+                "structure": "`<Tabs.Root>` + `<Tabs.List>` + `<Tabs.Trigger>` + `<Tabs.Content>`",
+                "guidance": "Tabbed content navigation"
+            },
+            {
+                "section": "Forms",
+                "type": "toggle",
+                "label": "Toggle",
+                "description": "Pressable toggle button",
+                "sourceKind": "component",
+                "sourceId": "Toggle",
+                "sourceName": "Toggle",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "button",
+                    "toggle",
+                    "pressed",
+                    "switch"
+                ],
+                "structure": "`<Toggle />`",
+                "guidance": "Pressable toggle button"
+            }
+        ]
+    },
+    {
+        "section": "Feedback",
+        "items": [
+            {
+                "section": "Feedback",
+                "type": "alert",
+                "label": "Alert",
+                "description": "Contextual feedback message with variant styling",
+                "sourceKind": "component",
+                "sourceId": "Alert",
+                "sourceName": "Alert",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "message",
+                    "notification",
+                    "info",
+                    "warning",
+                    "error",
+                    "alert"
+                ],
+                "structure": "`<Alert.Root>` + `<Alert.Title>` + `<Alert.Description>`",
+                "guidance": "Contextual feedback message with variant styling"
+            },
+            {
+                "section": "Feedback",
+                "type": "avatar",
+                "label": "Avatar",
+                "description": "User profile image with fallback initials",
+                "sourceKind": "component",
+                "sourceId": "Avatar",
+                "sourceName": "Avatar",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "user",
+                    "profile",
+                    "image",
+                    "initials",
+                    "avatar",
+                    "profile photo"
+                ],
+                "structure": "`<Avatar />`",
+                "guidance": "User profile image with fallback initials"
+            },
+            {
+                "section": "Feedback",
+                "type": "badge",
+                "label": "Badge",
+                "description": "Small status indicator label",
+                "sourceKind": "component",
+                "sourceId": "Badge",
+                "sourceName": "Badge",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "status",
+                    "count",
+                    "label",
+                    "tag",
+                    "badge"
+                ],
+                "structure": "`<Badge />`",
+                "guidance": "Small status indicator label"
+            },
+            {
+                "section": "Feedback",
+                "type": "breadcrumb",
+                "label": "Breadcrumb",
+                "description": "Navigation trail showing page hierarchy",
+                "sourceKind": "component",
+                "sourceId": "Breadcrumb",
+                "sourceName": "Breadcrumb",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "nav",
+                    "path",
+                    "hierarchy",
+                    "trail",
+                    "breadcrumb"
+                ],
+                "structure": "`<Breadcrumb.Root>` + `<Breadcrumb.List>` + `<Breadcrumb.Item>` + `<Breadcrumb.Link>`",
+                "guidance": "Navigation trail showing page hierarchy"
+            },
+            {
+                "section": "Feedback",
+                "type": "tag",
+                "label": "Chip",
+                "description": "Interactive pill for filters, selections, and inline state",
+                "sourceKind": "component",
+                "sourceId": "Chip",
+                "sourceName": "Chip",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "chip",
+                    "pill",
+                    "filter",
+                    "selection",
+                    "tag"
+                ],
+                "structure": "`<Chip />`",
+                "guidance": "Interactive pill for filters, selections, and inline state"
+            },
+            {
+                "section": "Feedback",
+                "type": "chip",
+                "label": "Chip",
+                "description": "Interactive pill for filters, selections, and inline state",
+                "sourceKind": "component",
+                "sourceId": "Chip",
+                "sourceName": "Chip",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "chip",
+                    "pill",
+                    "filter",
+                    "selection",
+                    "tag"
+                ],
+                "structure": "`<Chip />`",
+                "guidance": "Interactive pill for filters, selections, and inline state"
+            },
+            {
+                "section": "Feedback",
+                "type": "icon",
+                "label": "Icon",
+                "description": "Sized and colored SVG icon wrapper with accessibility label",
+                "sourceKind": "component",
+                "sourceId": "Icon",
+                "sourceName": "Icon",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "icon",
+                    "svg",
+                    "size",
+                    "color",
+                    "accessible",
+                    "glyph"
+                ],
+                "structure": "`<Icon />`",
+                "guidance": "Sized and colored SVG icon wrapper with accessibility label"
+            },
+            {
+                "section": "Feedback",
+                "type": "pagination",
+                "label": "Pagination",
+                "description": "Page navigation with previous/next and page links",
+                "sourceKind": "component",
+                "sourceId": "Pagination",
+                "sourceName": "Pagination",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "nav",
+                    "pages",
+                    "paging",
+                    "navigation",
+                    "pagination"
+                ],
+                "structure": "`<Pagination.Root>` + `<Pagination.Content>` + `<Pagination.Item>` + `<Pagination.Previous>`",
+                "guidance": "Page navigation with previous/next and page links"
+            },
+            {
+                "section": "Feedback",
+                "type": "progress",
+                "label": "Progress",
+                "description": "Progress bar indicator",
+                "sourceKind": "component",
+                "sourceId": "Progress",
+                "sourceName": "Progress",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "loading",
+                    "progress",
+                    "bar",
+                    "percentage",
+                    "meter"
+                ],
+                "structure": "`<Progress />`",
+                "guidance": "Progress bar indicator"
+            },
+            {
+                "section": "Feedback",
+                "type": "skeleton",
+                "label": "Skeleton",
+                "description": "Loading placeholder animation",
+                "sourceKind": "component",
+                "sourceId": "Skeleton",
+                "sourceName": "Skeleton",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "loading",
+                    "placeholder",
+                    "shimmer",
+                    "skeleton"
+                ],
+                "structure": "`<Skeleton />`",
+                "guidance": "Loading placeholder animation"
+            },
+            {
+                "section": "Feedback",
+                "type": "spinner",
+                "label": "Spinner",
+                "description": "Loading spinner animation",
+                "sourceKind": "component",
+                "sourceId": "Spinner",
+                "sourceName": "Spinner",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "loading",
+                    "spinner",
+                    "wait",
+                    "processing"
+                ],
+                "structure": "`<Spinner />`",
+                "guidance": "Loading spinner animation"
+            },
+            {
+                "section": "Feedback",
+                "type": "stat",
+                "label": "StatCard",
+                "description": "Metric card with label, value, and trend parts",
+                "sourceKind": "component",
+                "sourceId": "StatCard",
+                "sourceName": "StatCard",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "stats",
+                    "kpi",
+                    "metric",
+                    "dashboard",
+                    "trend",
+                    "stat"
+                ],
+                "structure": "`<StatCard.Root>` + `<StatCard.Label>` + `<StatCard.Value>` + `<StatCard.Trend>`",
+                "guidance": "Metric card with label, value, and trend parts"
+            },
+            {
+                "section": "Feedback",
+                "type": "toast",
+                "label": "Toast",
+                "description": "Temporary notification message",
+                "sourceKind": "component",
+                "sourceId": "Toast",
+                "sourceName": "Toast",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "notification",
+                    "toast",
+                    "snackbar",
+                    "alert"
+                ],
+                "structure": "`<Toast.Provider>` + `<Toast.Root>` + `<Toast.Title>` + `<Toast.Description>`",
+                "guidance": "Temporary notification message"
+            },
+            {
+                "section": "Feedback",
+                "type": "notification",
+                "label": "Toast",
+                "description": "Temporary notification message",
+                "sourceKind": "component",
+                "sourceId": "Toast",
+                "sourceName": "Toast",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "notification",
+                    "toast",
+                    "snackbar",
+                    "alert"
+                ],
+                "structure": "`<Toast.Provider>` + `<Toast.Root>` + `<Toast.Title>` + `<Toast.Description>`",
+                "guidance": "Use Toast for transient notifications and Alert for persistent inline status."
+            },
+            {
+                "section": "Feedback",
+                "type": "tooltip",
+                "label": "Tooltip",
+                "description": "Hover/focus popup with descriptive text",
+                "sourceKind": "component",
+                "sourceId": "Tooltip",
+                "sourceName": "Tooltip",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "hover",
+                    "info",
+                    "tooltip",
+                    "hint"
+                ],
+                "structure": "`<Tooltip.Root>` + `<Tooltip.Trigger>` + `<Tooltip.Content>`",
+                "guidance": "Hover/focus popup with descriptive text"
+            }
+        ]
+    },
+    {
+        "section": "Blocks",
+        "items": [
+            {
+                "section": "Blocks",
+                "type": "login",
+                "label": "Auth Form",
+                "description": "Structured field grouping with legend, description, and content",
+                "sourceKind": "component",
+                "sourceId": "Fieldset",
+                "sourceName": "Fieldset",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "form",
+                    "group",
+                    "legend",
+                    "settings",
+                    "login",
+                    "auth",
+                    "signin"
+                ],
+                "structure": "`<Fieldset>` + `<Input>` + `<Checkbox>` + `<Button>`",
+                "guidance": "Compose login and auth layouts from Fieldset, Input, Checkbox, and Button."
+            },
+            {
+                "section": "Blocks",
+                "type": "contact",
+                "label": "Contact Sections",
+                "description": "Add support, sales, and outreach sections with cleaner routing and expectation-setting.",
+                "sourceKind": "block",
+                "sourceId": "contact-sections",
+                "sourceName": "Contact Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/contact-sections",
+                "tags": [
+                    "contact",
+                    "support",
+                    "sales",
+                    "contact form"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/contact-sections and pick the closest block variant (Sales contact, Support split)."
+            },
+            {
+                "section": "Blocks",
+                "type": "cta",
+                "label": "CTA Sections",
+                "description": "Ship end-cap conversion bands, split CTAs, and proof-backed final asks.",
+                "sourceKind": "block",
+                "sourceId": "cta-sections",
+                "sourceName": "CTA Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/cta-sections",
+                "tags": [
+                    "cta",
+                    "conversion",
+                    "marketing",
+                    "call to action"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/cta-sections and pick the closest block variant (End-cap band, Split CTA)."
+            },
+            {
+                "section": "Blocks",
+                "type": "feature",
+                "label": "FeatureSplitSection",
+                "description": "Split editorial section pairing feature copy with supporting media and call-to-action content",
+                "sourceKind": "component",
+                "sourceId": "FeatureSplitSection",
+                "sourceName": "FeatureSplitSection",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "feature",
+                    "split",
+                    "media",
+                    "section",
+                    "marketing",
+                    "split section"
+                ],
+                "structure": "`<FeatureSplitSection.Root>` + `<FeatureSplitSection.Content>` + `<FeatureSplitSection.Kicker>` + `<FeatureSplitSection.Heading>`",
+                "guidance": "Split editorial section pairing feature copy with supporting media and call-to-action content"
+            },
+            {
+                "section": "Blocks",
+                "type": "pricing",
+                "label": "Pricing Sections",
+                "description": "Package plan comparisons, bill-frequency toggles, and contract framing.",
+                "sourceKind": "block",
+                "sourceId": "pricing-sections",
+                "sourceName": "Pricing Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/pricing-sections",
+                "tags": [
+                    "pricing",
+                    "plans",
+                    "comparison"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/pricing-sections and pick the closest block variant (Plan grid, Comparison ladder)."
+            },
+            {
+                "section": "Blocks",
+                "type": "productCard",
+                "label": "Product Card",
+                "description": "Contained content surface with header/content/footer sections",
+                "sourceKind": "component",
+                "sourceId": "Card",
+                "sourceName": "Card",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "surface",
+                    "container",
+                    "content",
+                    "panel",
+                    "product card",
+                    "commerce",
+                    "tile"
+                ],
+                "structure": "`<Card.Root>` + media + pricing + CTA",
+                "guidance": "Compose a product tile with Card plus media, pricing, and CTA content instead of a generic product rectangle."
+            },
+            {
+                "section": "Blocks",
+                "type": "team",
+                "label": "Team Sections",
+                "description": "Publish founder, leadership, and team rosters with designed identity cards.",
+                "sourceKind": "block",
+                "sourceId": "team-sections",
+                "sourceName": "Team Sections",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/team-sections",
+                "tags": [
+                    "team",
+                    "about",
+                    "people"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/team-sections and pick the closest block variant (Leadership grid, Editorial bios)."
+            },
+            {
+                "section": "Blocks",
+                "type": "testimonial",
+                "label": "Testimonials",
+                "description": "Package customer quotes, logos, and role metadata in reusable cards.",
+                "sourceKind": "block",
+                "sourceId": "testimonials",
+                "sourceName": "Testimonials",
+                "sourceLabel": "Block",
+                "sourceImport": null,
+                "routePath": "/blocks/testimonials",
+                "tags": [
+                    "testimonials",
+                    "quotes",
+                    "customers",
+                    "testimonial",
+                    "quote",
+                    "customer proof"
+                ],
+                "structure": null,
+                "guidance": "Start from /blocks/testimonials and pick the closest block variant (Quote grid, Hero quote)."
+            },
+            {
+                "section": "Blocks",
+                "type": "profile",
+                "label": "User",
+                "description": "User identity display with avatar, name, and description",
+                "sourceKind": "component",
+                "sourceId": "User",
+                "sourceName": "User",
+                "sourceLabel": "Component",
+                "sourceImport": "@dryui/ui",
+                "routePath": null,
+                "tags": [
+                    "user",
+                    "profile",
+                    "avatar",
+                    "identity",
+                    "person"
+                ],
+                "structure": "`<User />`",
+                "guidance": "User identity display with avatar, name, and description"
+            }
+        ]
+    }
+];