@adia-ai/gen-ui 0.8.37

package/corpus/chunks/blog-post-card.json

@@ -0,0 +1,212 @@
+{
+  "name": "blog-post-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <section bleed>\n    <chart-ui type=\"sparkline\" x=\"t\" y=\"v\" color=\"accent\" hide-values\n      data='[{\"t\":1,\"v\":40},{\"t\":2,\"v\":65},{\"t\":3,\"v\":50},{\"t\":4,\"v\":80},{\"t\":5,\"v\":60},{\"t\":6,\"v\":90},{\"t\":7,\"v\":70}]'\n      style=\"height:200px\"></chart-ui>\n  </section>\n  <header>\n    <h3>Building accessible UI systems at scale</h3>\n    <p slot=\"description\"><badge-ui text=\"Design\" variant=\"primary\" size=\"sm\"></badge-ui> 5 min read</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui color=\"subtle\">How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility.</text-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"sm\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui strong size=\"sm\">Maya Rivera</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">May 14, 2026</text-ui>\n        </col-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Read article\" variant=\"ghost\" icon=\"arrow-right\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Blog post preview card with cover image, title, excerpt, author avatar, and read time.",
+    "keywords": [
+      "blog",
+      "post",
+      "preview",
+      "card",
+      "cover",
+      "image",
+      "title",
+      "excerpt",
+      "author",
+      "avatar",
+      "read-time",
+      "blog-post",
+      "article",
+      "content-card"
+    ]
+  },
+  "captured_at": "2026-08-10T18:10:27.206Z",
+  "template": [
+    {
+      "id": "chart",
+      "component": "Chart",
+      "type": "sparkline",
+      "color": "accent",
+      "data": [
+        {
+          "t": 1,
+          "v": 40
+        },
+        {
+          "t": 2,
+          "v": 65
+        },
+        {
+          "t": 3,
+          "v": 50
+        },
+        {
+          "t": 4,
+          "v": 80
+        },
+        {
+          "t": 5,
+          "v": 60
+        },
+        {
+          "t": 6,
+          "v": 90
+        },
+        {
+          "t": 7,
+          "v": 70
+        }
+      ],
+      "hideValues": true,
+      "x": "t",
+      "y": "v"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "chart"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Building accessible UI systems at scale"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Design",
+      "variant": "primary"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "5 min read",
+      "children": [
+        "badge"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "How we migrated 80 components to a token-driven design system while maintaining full backwards compatibility."
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "sm",
+      "text": "Maya Rivera"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Maya Rivera"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "May 14, 2026"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "column-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-3",
+        "row"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "arrow-right",
+      "stretch": true,
+      "text": "Read article",
+      "variant": "ghost"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-3",
+        "footer"
+      ]
+    }
+  ]
+}

package/corpus/chunks/breadcrumb-navigation.json

@@ -0,0 +1,72 @@
+{
+  "name": "breadcrumb-navigation",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <breadcrumb-ui>\n      <span>Home</span>\n      <span>Components</span>\n      <span>Data</span>\n      <span>Table</span>\n    </breadcrumb-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Breadcrumb navigation trail — breadcrumb-ui with one span per hierarchy level, showing the path to the current page and enabling navigation back up the hierarchy.",
+    "keywords": [
+      "breadcrumb",
+      "navigation",
+      "path",
+      "hierarchy",
+      "link",
+      "separator",
+      "breadcrumb-ui",
+      "trail",
+      "current-page",
+      "location",
+      "ancestor"
+    ]
+  },
+  "captured_at": "2026-08-11T15:04:02.567Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Home"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Components"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Data"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Table"
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "breadcrumb"
+      ]
+    }
+  ]
+}

package/corpus/chunks/bulk-action-toolbar-floating.json

@@ -0,0 +1,199 @@
+{
+  "name": "bulk-action-toolbar-floating",
+  "kind": "block",
+  "primary": "section",
+  "page": "/packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "floating-variant"
+  },
+  "html": "<card-ui raw>\n    <section bleed>\n      <table-toolbar-ui id=\"pat-bulk-float-default\" for=\"pat-bulk-float-table\" text=\"Resources\" count=\"12\" no-filter no-sort no-columns></table-toolbar-ui>\n\n      <div data-table-scroll>\n        <table-ui frameless id=\"pat-bulk-float-table\" selectable sortable striped></table-ui>\n\n        <anchor-bar-ui id=\"pat-bulk-float-bar\" anchor=\"bottom\">\n          <!-- align=\"space-between\" pushes the trailing group right —\n               NOT a flex-grow spacer span or an auto margin on a content\n               item. toolbar-ui's overflow reflow sums each top-level\n               child's RENDERED width to decide what fits; any child that\n               absorbs free space (flex-grow, or an auto margin resolved\n               to real pixels post-layout) has already expanded to fill\n               that space by the time it's measured, so the sum always\n               reads \"full\" and spuriously spills content. `justify-content`\n               only repositions flex items — it doesn't touch their\n               individual widths (toolbar-ui's own CSS pins every direct\n               child at `flex: 0 0 auto`) — so grouping into two\n               `<toolbar-group-ui>` atoms and letting `align=\"space-between\"`\n               do the pushing keeps the reflow's width sum accurate. -->\n          <toolbar-ui role=\"toolbar\" aria-label=\"Bulk actions\" align=\"space-between\">\n            <toolbar-group-ui>\n              <text-ui strong aria-live=\"polite\" data-bulk-float-count>0 selected</text-ui>\n              <span data-bulk-controls></span>\n            </toolbar-group-ui>\n            <toolbar-group-ui>\n              <button-ui icon=\"archive\" icon-only aria-label=\"Archive\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"archive\"></button-ui>\n              <button-ui icon=\"download-simple\" icon-only aria-label=\"Export\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"export\"></button-ui>\n              <button-ui icon=\"folder-simple\" icon-only aria-label=\"Move\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"move\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui icon=\"trash\" icon-only aria-label=\"Delete\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"delete\"></button-ui>\n              <divider-ui vertical></divider-ui>\n              <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\" data-bulk-clear></button-ui>\n            </toolbar-group-ui>\n          </toolbar-ui>\n        </anchor-bar-ui>\n      </div>\n    </section>\n  </card-ui>",
+  "source": "packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Floating bottom-anchored bulk-action bar — an anchor-bar-ui elevated toolbar that appears sticky to the bottom of a table's own scroll container (not the browser viewport) when rows are selected, with selection count, an optional per-flow controls slot, actions with destructive last, and an explicit Clear button. Composes table-ui's select event with anchor-bar-ui + toolbar-ui; no focus steal on appearance, Escape clears selection when the bar owns focus, count is aria-live=polite.",
+    "keywords": [
+      "floating",
+      "bulk",
+      "action",
+      "bar",
+      "bottom",
+      "anchored",
+      "sticky",
+      "selection",
+      "toolbar",
+      "card",
+      "elevated",
+      "table",
+      "scroll",
+      "container",
+      "escape",
+      "clear",
+      "aria-live",
+      "gmail",
+      "linear",
+      "notion"
+    ]
+  },
+  "captured_at": "2026-08-12T16:30:40.372Z",
+  "template": [
+    {
+      "id": "pat-bulk-float-default",
+      "component": "TableToolbar",
+      "count": "12",
+      "for": "pat-bulk-float-table",
+      "noColumns": true,
+      "noFilter": true,
+      "noSort": true,
+      "text": "Resources"
+    },
+    {
+      "id": "pat-bulk-float-table",
+      "component": "Table",
+      "frameless": true,
+      "selectable": true,
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "0 selected",
+      "data-bulk-float-count": ""
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "data-bulk-controls": ""
+    },
+    {
+      "id": "toolbar-group",
+      "component": "ToolbarGroup",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "archive",
+      "component": "Button",
+      "aria-label": "Archive",
+      "icon": "archive",
+      "size": "sm",
+      "variant": "ghost",
+      "data-bulk-action": "archive"
+    },
+    {
+      "id": "export",
+      "component": "Button",
+      "aria-label": "Export",
+      "icon": "download-simple",
+      "size": "sm",
+      "variant": "ghost",
+      "data-bulk-action": "export"
+    },
+    {
+      "id": "move",
+      "component": "Button",
+      "aria-label": "Move",
+      "icon": "folder-simple",
+      "size": "sm",
+      "variant": "ghost",
+      "data-bulk-action": "move"
+    },
+    {
+      "id": "divider",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "delete",
+      "component": "Button",
+      "aria-label": "Delete",
+      "icon": "trash",
+      "size": "sm",
+      "variant": "ghost",
+      "data-bulk-action": "delete"
+    },
+    {
+      "id": "divider-2",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Clear",
+      "variant": "ghost",
+      "data-bulk-clear": ""
+    },
+    {
+      "id": "toolbar-group-2",
+      "component": "ToolbarGroup",
+      "children": [
+        "archive",
+        "export",
+        "move",
+        "divider",
+        "delete",
+        "divider-2",
+        "button"
+      ]
+    },
+    {
+      "id": "bulk-actions",
+      "component": "Toolbar",
+      "align": "space-between",
+      "children": [
+        "toolbar-group",
+        "toolbar-group-2"
+      ]
+    },
+    {
+      "id": "pat-bulk-float-bar",
+      "component": "AnchorBar",
+      "anchor": "bottom",
+      "children": [
+        "bulk-actions"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-table-scroll": "",
+      "children": [
+        "pat-bulk-float-table",
+        "pat-bulk-float-bar"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "pat-bulk-float-default",
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/bulk-action-toolbar-swap.json

@@ -0,0 +1,158 @@
+{
+  "name": "bulk-action-toolbar-swap",
+  "kind": "block",
+  "primary": "section",
+  "page": "/packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "toolbar-swap"
+  },
+  "html": "<card-ui raw>\n    <section bleed>\n      <table-toolbar-ui id=\"pat-bulk-default\" for=\"pat-bulk-table\" text=\"Resources\" count=\"6\" no-filter no-sort no-columns></table-toolbar-ui>\n\n      <!-- align=\"space-between\" pushes the trailing group right — NOT a\n           flex-grow spacer span (gh#494 audit finding: toolbar-ui's overflow\n           reflow sums each top-level child's RENDERED width to decide what\n           fits; a flex-grow spacer has already expanded to fill the free\n           space by the time it's measured, so the sum always reads \"full\"\n           and spuriously spills the trailing action(s) into the \"more\" menu\n           — Delete was silently unreachable here before this fix, even with\n           plenty of room). Grouping into two <toolbar-group-ui> atoms keeps\n           the reflow's width sum accurate; see the floating variant below\n           for the same fix applied at a smaller width. -->\n      <toolbar-ui id=\"pat-bulk-actions\" data-bulk-bar role=\"toolbar\" aria-label=\"Bulk actions\" align=\"space-between\" hidden>\n        <toolbar-group-ui>\n          <!-- Whole \"N selected\" phrase as ONE text-ui's own textContent —\n               NOT a nested <span data-bulk-count> + trailing \" selected\"\n               text node (gh#1106). The site's HTML→A2UI build transpile\n               (packages/a2ui/compose/transpiler/transpiler.js) defaults any\n               <span> to a block <p> AND reorders trailing loose text ahead\n               of a preceding element child when both live inside a text-ui\n               leaf — on the site route (not this standalone demo file) that\n               rendered \"selected\" stacked above \"6\" instead of one line.\n               Update the whole string via [data-bulk-count]'s textContent\n               instead of touching just a child span. -->\n          <text-ui strong data-bulk-count>0 selected</text-ui>\n        </toolbar-group-ui>\n        <toolbar-group-ui>\n          <button-ui text=\"Archive\" icon=\"archive\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"archive\"></button-ui>\n          <button-ui text=\"Export\" icon=\"download-simple\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"export\"></button-ui>\n          <button-ui text=\"Move\" icon=\"folder-simple\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"move\"></button-ui>\n          <divider-ui vertical></divider-ui>\n          <button-ui text=\"Delete\" icon=\"trash\" variant=\"ghost\" size=\"sm\" data-bulk-action=\"delete\"></button-ui>\n        </toolbar-group-ui>\n      </toolbar-ui>\n\n      <table-ui frameless id=\"pat-bulk-table\" selectable sortable striped></table-ui>\n    </section>\n  </card-ui>",
+  "source": "packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Bulk-action toolbar over a selectable table — the default table toolbar swaps at the same height for an 'N selected' bar with Archive, Export, Move, a divider, and Delete when rows are checked.",
+    "keywords": [
+      "bulk",
+      "actions",
+      "toolbar",
+      "selection",
+      "selected",
+      "rows",
+      "table",
+      "checkbox",
+      "archive",
+      "export",
+      "move",
+      "delete",
+      "swap",
+      "batch",
+      "multi-select",
+      "bar"
+    ]
+  },
+  "captured_at": "2026-08-12T16:30:40.372Z",
+  "template": [
+    {
+      "id": "pat-bulk-default",
+      "component": "TableToolbar",
+      "count": "6",
+      "for": "pat-bulk-table",
+      "noColumns": true,
+      "noFilter": true,
+      "noSort": true,
+      "text": "Resources"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "0 selected",
+      "data-bulk-count": ""
+    },
+    {
+      "id": "toolbar-group",
+      "component": "ToolbarGroup",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "archive",
+      "size": "sm",
+      "text": "Archive",
+      "variant": "ghost",
+      "data-bulk-action": "archive"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "download-simple",
+      "size": "sm",
+      "text": "Export",
+      "variant": "ghost",
+      "data-bulk-action": "export"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "folder-simple",
+      "size": "sm",
+      "text": "Move",
+      "variant": "ghost",
+      "data-bulk-action": "move"
+    },
+    {
+      "id": "divider",
+      "component": "Divider",
+      "vertical": true
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "icon": "trash",
+      "size": "sm",
+      "text": "Delete",
+      "variant": "ghost",
+      "data-bulk-action": "delete"
+    },
+    {
+      "id": "toolbar-group-2",
+      "component": "ToolbarGroup",
+      "children": [
+        "button",
+        "button-2",
+        "button-3",
+        "divider",
+        "button-4"
+      ]
+    },
+    {
+      "id": "pat-bulk-actions",
+      "component": "Toolbar",
+      "align": "space-between",
+      "data-bulk-bar": "",
+      "children": [
+        "toolbar-group",
+        "toolbar-group-2"
+      ]
+    },
+    {
+      "id": "pat-bulk-table",
+      "component": "Table",
+      "frameless": true,
+      "selectable": true,
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "pat-bulk-default",
+        "pat-bulk-actions",
+        "pat-bulk-table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}