@adia-ai/gen-ui 0.8.37

package/corpus/chunks/filter-popover-form.json

@@ -0,0 +1,137 @@
+{
+  "name": "filter-popover-form",
+  "kind": "block",
+  "primary": "popover-ui",
+  "page": "/catalog/ui-patterns/app/filter-popover-form/filter-popover-form.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "open": "",
+    "placement": "bottom-start"
+  },
+  "html": "<popover-ui open\n  placement=\"bottom-start\">\n  <button-ui slot=\"trigger\" text=\"Option items · 3 selected\" icon-trailing=\"caret-down\"></button-ui>\n  <col-ui slot=\"content\" gap=\"2\">\n    <text-ui variant=\"label\">Select options</text-ui>\n    <check-ui label=\"Option item\" checked></check-ui>\n    <check-ui label=\"Option item\"></check-ui>\n    <check-ui label=\"Option item\" checked></check-ui>\n    <check-ui label=\"Option item\" checked></check-ui>\n    <check-ui label=\"Option item\"></check-ui>\n    <check-ui label=\"Option item\"></check-ui>\n    <divider-ui></divider-ui>\n    <radio-ui name=\"filter-mode\" label=\"Save\" checked></radio-ui>\n    <radio-ui name=\"filter-mode\" label=\"Delete\"></radio-ui>\n    <divider-ui></divider-ui>\n    <input-ui placeholder=\"Option name\" aria-label=\"Option name\"></input-ui>\n  </col-ui>\n</popover-ui>",
+  "source": "catalog/ui-patterns/app/filter-popover-form/filter-popover-form.contents.html",
+  "metadata": {
+    "domain": "input",
+    "description": "Form fragment in a popover — checkbox group, radio pair, and a name input behind a summary trigger button. The primitive composition behind form-popover-ui; use when a filter or quick-save panel mixes control types.",
+    "keywords": [
+      "filter",
+      "popover",
+      "form",
+      "checkbox",
+      "radio",
+      "input",
+      "anchored",
+      "panel",
+      "options",
+      "select-options",
+      "quick-form",
+      "save-view"
+    ]
+  },
+  "captured_at": "2026-08-11T15:59:04.339Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "trigger",
+      "icon-trailing": "caret-down",
+      "text": "Option items · 3 selected"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Select options"
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Option item"
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "label": "Option item"
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Option item"
+    },
+    {
+      "id": "check-box-4",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Option item"
+    },
+    {
+      "id": "check-box-5",
+      "component": "CheckBox",
+      "label": "Option item"
+    },
+    {
+      "id": "check-box-6",
+      "component": "CheckBox",
+      "label": "Option item"
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "filter-mode",
+      "component": "Radio",
+      "checked": true,
+      "label": "Save",
+      "name": "filter-mode"
+    },
+    {
+      "id": "radio",
+      "component": "Radio",
+      "label": "Delete",
+      "name": "filter-mode"
+    },
+    {
+      "id": "divider-2",
+      "component": "Divider"
+    },
+    {
+      "id": "option-name",
+      "component": "Input",
+      "placeholder": "Option name"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "slot": "content",
+      "gap": "2",
+      "children": [
+        "text",
+        "check-box",
+        "check-box-2",
+        "check-box-3",
+        "check-box-4",
+        "check-box-5",
+        "check-box-6",
+        "divider",
+        "filter-mode",
+        "radio",
+        "divider-2",
+        "option-name"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Popover",
+      "open": true,
+      "placement": "bottom-start",
+      "children": [
+        "button",
+        "column"
+      ]
+    }
+  ]
+}

package/corpus/chunks/footer-multi-column.json

@@ -0,0 +1,270 @@
+{
+  "name": "footer-multi-column",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"6\">\n      <grid-ui columns=\"2 4@md\" gap=\"6\">\n        <col-ui gap=\"2\">\n          <text-ui strong>Product</text-ui>\n          <link-ui href=\"#\" text=\"Features\"></link-ui>\n          <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n          <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n          <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Company</text-ui>\n          <link-ui href=\"#\" text=\"About\"></link-ui>\n          <link-ui href=\"#\" text=\"Blog\"></link-ui>\n          <link-ui href=\"#\" text=\"Careers\"></link-ui>\n          <link-ui href=\"#\" text=\"Press\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Resources</text-ui>\n          <link-ui href=\"#\" text=\"Docs\"></link-ui>\n          <link-ui href=\"#\" text=\"API reference\"></link-ui>\n          <link-ui href=\"#\" text=\"Status\"></link-ui>\n          <link-ui href=\"#\" text=\"Support\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Stay in the loop</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n          <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n        </col-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"github-logo\" size=\"sm\" tone=\"muted\"></icon-ui>\n          <icon-ui name=\"x-logo\" size=\"sm\" tone=\"muted\"></icon-ui>\n          <icon-ui name=\"linkedin-logo\" size=\"sm\" tone=\"muted\"></icon-ui>\n        </row-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Multi-column site footer with product / company / resources nav columns, divider rule, copyright row, and decorative social icons with a newsletter signup CTA.",
+    "keywords": [
+      "footer",
+      "multi-column",
+      "site-footer",
+      "nav-columns",
+      "navigation",
+      "links",
+      "copyright",
+      "legal",
+      "divider",
+      "social",
+      "newsletter",
+      "button"
+    ]
+  },
+  "captured_at": "2026-08-11T15:59:04.339Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Product"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Features"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "#",
+      "text": "Pricing"
+    },
+    {
+      "id": "link-3",
+      "component": "Link",
+      "href": "#",
+      "text": "Integrations"
+    },
+    {
+      "id": "link-4",
+      "component": "Link",
+      "href": "#",
+      "text": "Changelog"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text",
+        "link",
+        "link-2",
+        "link-3",
+        "link-4"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Company"
+    },
+    {
+      "id": "link-5",
+      "component": "Link",
+      "href": "#",
+      "text": "About"
+    },
+    {
+      "id": "link-6",
+      "component": "Link",
+      "href": "#",
+      "text": "Blog"
+    },
+    {
+      "id": "link-7",
+      "component": "Link",
+      "href": "#",
+      "text": "Careers"
+    },
+    {
+      "id": "link-8",
+      "component": "Link",
+      "href": "#",
+      "text": "Press"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-2",
+        "link-5",
+        "link-6",
+        "link-7",
+        "link-8"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Resources"
+    },
+    {
+      "id": "link-9",
+      "component": "Link",
+      "href": "#",
+      "text": "Docs"
+    },
+    {
+      "id": "link-10",
+      "component": "Link",
+      "href": "#",
+      "text": "API reference"
+    },
+    {
+      "id": "link-11",
+      "component": "Link",
+      "href": "#",
+      "text": "Status"
+    },
+    {
+      "id": "link-12",
+      "component": "Link",
+      "href": "#",
+      "text": "Support"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "link-9",
+        "link-10",
+        "link-11",
+        "link-12"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Stay in the loop"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Monthly digest, no spam."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Subscribe",
+      "variant": "primary"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "text-5",
+        "button"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "2 4@md",
+      "gap": "6",
+      "children": [
+        "column-2",
+        "column-3",
+        "column-4",
+        "column-5"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "© 2026 Acme Inc. All rights reserved."
+    },
+    {
+      "id": "github-logo",
+      "component": "Icon",
+      "name": "github-logo",
+      "size": "sm",
+      "tone": "muted"
+    },
+    {
+      "id": "x-logo",
+      "component": "Icon",
+      "name": "x-logo",
+      "size": "sm",
+      "tone": "muted"
+    },
+    {
+      "id": "linkedin-logo",
+      "component": "Icon",
+      "name": "linkedin-logo",
+      "size": "sm",
+      "tone": "muted"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "github-logo",
+        "x-logo",
+        "linkedin-logo"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "text-6",
+        "row-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "6",
+      "children": [
+        "grid",
+        "divider",
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/corpus/chunks/footer-primary-only.json

@@ -0,0 +1,41 @@
+{
+  "name": "footer-primary-only",
+  "kind": "block",
+  "primary": "footer",
+  "page": "/apps/saas/app/integrations/integrations.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<footer>\n            <button-ui text=\"Connect\" stretch onclick=\"document.getElementById('drawer-figma').open = true\"></button-ui>\n          </footer>",
+  "source": "apps/saas/app/integrations/integrations.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Marketing footer — single-row footer with brand logo and primary navigation links.",
+    "keywords": [
+      "footer",
+      "marketing",
+      "brand",
+      "logo",
+      "nav",
+      "links",
+      "minimal",
+      "layout"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "stretch": true,
+      "text": "Connect"
+    },
+    {
+      "id": "root",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    }
+  ]
+}

package/corpus/chunks/form-checkbox-group.json

@@ -0,0 +1,65 @@
+{
+  "name": "form-checkbox-group",
+  "kind": "block",
+  "primary": "col-ui",
+  "page": "/site/patterns/forms.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2"
+  },
+  "html": "<col-ui gap=\"2\">\n        <check-ui label=\"Send weekly digest\"></check-ui>\n        <check-ui label=\"Send product updates\" checked></check-ui>\n        <check-ui label=\"Send security alerts\" checked></check-ui>\n      </col-ui>",
+  "source": "site/pages/patterns/forms.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "A vertical group of self-labeling checkboxes — check-ui rows stacked in a col-ui, each carrying its own label attribute (no field-ui wrapper). For multi-select preferences like notification opt-ins.",
+    "keywords": [
+      "form",
+      "checkbox",
+      "group",
+      "self-labeling",
+      "check-ui",
+      "col-ui",
+      "multi-select",
+      "preferences",
+      "opt-in",
+      "notifications",
+      "digest",
+      "stacked",
+      "vertical",
+      "forms",
+      "label",
+      "checked"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "label": "Send weekly digest"
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Send product updates"
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Send security alerts"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "check-box",
+        "check-box-2",
+        "check-box-3"
+      ]
+    }
+  ]
+}

package/corpus/chunks/form-drawer-edit-form.json

@@ -0,0 +1,178 @@
+{
+  "name": "form-drawer-edit-form",
+  "kind": "block",
+  "primary": "drawer-ui",
+  "page": "/packages/web-components/patterns/form-drawer/form-drawer.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "text": "Edit project",
+    "side": "right",
+    "size": "md"
+  },
+  "html": "<drawer-ui text=\"Edit project\" side=\"right\" size=\"md\">\n        <section slot=\"body\">\n          <col-ui gap=\"3\">\n            <field-ui label=\"Name\">\n              <input-ui value=\"Q4 roadmap\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Description\">\n              <textarea-ui rows=\"3\">Quarterly planning doc</textarea-ui>\n            </field-ui>\n            <field-ui label=\"Status\">\n              <select-ui>\n              <option value=\"active\" selected>Active</option>\n              <option value=\"archived\">Archived</option>\n            </select-ui>\n            </field-ui>\n            <field-ui label=\"Notify team members\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n          </col-ui>\n        </section>\n        <footer slot=\"footer\">\n          <span slot=\"action-leading\">\n            <button-ui text=\"Delete\" icon=\"trash\" color=\"danger\"></button-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open=false\"></button-ui>\n            <button-ui text=\"Save changes\" variant=\"primary\" onclick=\"this.closest('drawer-ui').open=false\"></button-ui>\n          </span>\n        </footer>\n      </drawer-ui>",
+  "source": "packages/web-components/patterns/form-drawer/form-drawer.examples.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Edit-form drawer — right-side drawer pre-filled with the record's current values (name, description, status) for quick edits without leaving the page.",
+    "keywords": [
+      "drawer",
+      "form",
+      "edit",
+      "prefilled",
+      "record",
+      "name",
+      "description",
+      "status",
+      "update",
+      "quick-edit",
+      "panel",
+      "inspector",
+      "save"
+    ]
+  },
+  "captured_at": "2026-07-29T09:15:19.217Z",
+  "template": [
+    {
+      "id": "input",
+      "component": "Input",
+      "value": "Q4 roadmap"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Name",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "rows": "3",
+      "value": "Quarterly planning doc"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Description",
+      "children": [
+        "text-area"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "options": [
+        {
+          "value": "active",
+          "label": "Active"
+        },
+        {
+          "value": "archived",
+          "label": "Archived"
+        }
+      ],
+      "value": "active"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Status",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "inline": true,
+      "label": "Notify team members",
+      "children": [
+        "toggle"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2",
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "slot": "body",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "color": "danger",
+      "icon": "trash",
+      "text": "Delete"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action-leading",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Save changes",
+      "variant": "primary"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "slot": "footer",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Drawer",
+      "side": "right",
+      "size": "md",
+      "text": "Edit project",
+      "children": [
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}