@adia-ai/gen-ui 0.8.37

package/corpus/chunks/calendar-month-view.json

@@ -0,0 +1,74 @@
+{
+  "name": "calendar-month-view",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/calendar-month-view/calendar-month-view.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>April 2026</h3>\n  </header>\n  <section>\n    <calendar-grid-ui value=\"2026-04-15\"></calendar-grid-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/calendar-month-view/calendar-month-view.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger for form participation.",
+    "keywords": [
+      "calendar",
+      "date",
+      "picker",
+      "month",
+      "navigation",
+      "calendar-grid-ui",
+      "month-view",
+      "weekday",
+      "day",
+      "grid",
+      "schedule",
+      "appointment",
+      "navigate",
+      "inline"
+    ]
+  },
+  "captured_at": "2026-08-12T13:38:30.181Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "April 2026"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "calendar-grid",
+      "component": "CalendarGrid",
+      "value": "2026-04-15"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "calendar-grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/card-grid-images.json

@@ -0,0 +1,459 @@
+{
+  "name": "card-grid-images",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/catalog/ui-patterns/app/card-grid-images/card-grid-images.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 2@sm 3@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 2@sm 3@md\" gap=\"4\">\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/mountain-dawn/480/320\" alt=\"Golden light breaking over alpine peaks in early morning\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Mountain at Dawn</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Golden light breaking over alpine peaks in early morning.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/coastal-town/480/320\" alt=\"Vibrant harbour-side architecture reflected in still waters\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Coastal Town</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Vibrant harbour-side architecture reflected in still waters.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/forest-path/480/320\" alt=\"A quiet trail winding through fiery autumn foliage\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Forest Path</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">A quiet trail winding through fiery autumn foliage.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/modern-architecture/480/320\" alt=\"Bold lines and repeating geometry in contemporary design\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Modern Architecture</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Bold lines and repeating geometry in contemporary design.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/city-at-night/480/320\" alt=\"A bird's-eye tapestry of light and shadow over the urban grid\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">City at Night</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">A bird's-eye tapestry of light and shadow over the urban grid.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n\n    <card-ui>\n      <section bleed>\n        <image-ui src=\"https://picsum.photos/seed/desert-dunes/480/320\" alt=\"Sweeping curves of sand sculpted by wind at golden hour\" height=\"160px\" fit=\"cover\" raw></image-ui>\n      </section>\n      <section>\n        <col-ui gap=\"1\">\n          <text-ui weight=\"semibold\">Desert Dunes</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Sweeping curves of sand sculpted by wind at golden hour.</text-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n</grid-ui>",
+  "source": "catalog/ui-patterns/app/card-grid-images/card-grid-images.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Image gallery grid — responsive 3-column grid of image cards, each a cover photo (image-ui) with title and description caption.",
+    "keywords": [
+      "image",
+      "gallery",
+      "grid",
+      "card-grid",
+      "image-ui",
+      "media",
+      "photo",
+      "gallery-grid",
+      "thumbnail",
+      "responsive",
+      "3-column",
+      "media-gallery",
+      "cover-photo",
+      "caption"
+    ]
+  },
+  "captured_at": "2026-08-12T00:26:17.193Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Golden light breaking over alpine peaks in early morning",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/mountain-dawn/480/320"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Mountain at Dawn"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Golden light breaking over alpine peaks in early morning."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "section",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "image-2",
+      "component": "Image",
+      "alt": "Vibrant harbour-side architecture reflected in still waters",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/coastal-town/480/320"
+    },
+    {
+      "id": "section-4",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Coastal Town"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Vibrant harbour-side architecture reflected in still waters."
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section-5",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "section-4",
+        "section-5"
+      ]
+    },
+    {
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-6"
+      ]
+    },
+    {
+      "id": "image-3",
+      "component": "Image",
+      "alt": "A quiet trail winding through fiery autumn foliage",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/forest-path/480/320"
+    },
+    {
+      "id": "section-7",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image-3"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Forest Path"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "A quiet trail winding through fiery autumn foliage."
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "section-8",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "section-7",
+        "section-8"
+      ]
+    },
+    {
+      "id": "section-9",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-9"
+      ]
+    },
+    {
+      "id": "image-4",
+      "component": "Image",
+      "alt": "Bold lines and repeating geometry in contemporary design",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/modern-architecture/480/320"
+    },
+    {
+      "id": "section-10",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image-4"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Modern Architecture"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Bold lines and repeating geometry in contemporary design."
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "section-11",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "section-10",
+        "section-11"
+      ]
+    },
+    {
+      "id": "section-12",
+      "component": "Section",
+      "children": [
+        "column-8"
+      ]
+    },
+    {
+      "id": "card-4",
+      "component": "Card",
+      "children": [
+        "section-12"
+      ]
+    },
+    {
+      "id": "image-5",
+      "component": "Image",
+      "alt": "A bird's-eye tapestry of light and shadow over the urban grid",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/city-at-night/480/320"
+    },
+    {
+      "id": "section-13",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image-5"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "City at Night"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "A bird's-eye tapestry of light and shadow over the urban grid."
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "section-14",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "children": [
+        "section-13",
+        "section-14"
+      ]
+    },
+    {
+      "id": "section-15",
+      "component": "Section",
+      "children": [
+        "column-10"
+      ]
+    },
+    {
+      "id": "card-5",
+      "component": "Card",
+      "children": [
+        "section-15"
+      ]
+    },
+    {
+      "id": "image-6",
+      "component": "Image",
+      "alt": "Sweeping curves of sand sculpted by wind at golden hour",
+      "fit": "cover",
+      "height": "160px",
+      "raw": true,
+      "src": "https://picsum.photos/seed/desert-dunes/480/320"
+    },
+    {
+      "id": "section-16",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "image-6"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Desert Dunes"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Sweeping curves of sand sculpted by wind at golden hour."
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "section-17",
+      "component": "Section",
+      "children": [
+        "column-11"
+      ]
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "children": [
+        "section-16",
+        "section-17"
+      ]
+    },
+    {
+      "id": "section-18",
+      "component": "Section",
+      "children": [
+        "column-12"
+      ]
+    },
+    {
+      "id": "card-6",
+      "component": "Card",
+      "children": [
+        "section-18"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@sm 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "card-4",
+        "card-5",
+        "card-6"
+      ]
+    }
+  ]
+}

package/corpus/chunks/card-header-with-description.json

@@ -0,0 +1,47 @@
+{
+  "name": "card-header-with-description",
+  "kind": "block",
+  "primary": "header",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<header>\n                <h3>Overview</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Monthly revenue for 2026</text-ui>\n              </header>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Card header with description — card header slot showing heading + subtitle description pair.",
+    "keywords": [
+      "card",
+      "header",
+      "heading",
+      "description",
+      "subtitle",
+      "pattern"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Overview"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Monthly revenue for 2026"
+    },
+    {
+      "id": "root",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    }
+  ]
+}

package/corpus/chunks/card-with-empty-state.json

@@ -0,0 +1,96 @@
+{
+  "name": "card-with-empty-state",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/card/card.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "card with empty state"
+  },
+  "html": "<card-ui style=\"max-width:400px\">\n        <header>\n          <h3>Recent transactions</h3>\n          <button-ui slot=\"action\" text=\"+ Add\" variant=\"outline\" size=\"sm\"></button-ui>\n        </header>\n        <section>\n          <empty-state-ui\n            icon=\"receipt\"\n            label=\"No transactions yet\"\n            description=\"Transactions will appear here once your first payment is processed.\">\n            <button-ui slot=\"action\" text=\"Set up payments\" variant=\"primary\"></button-ui>\n          </empty-state-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/card/card.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Empty state card — card showing no-data placeholder with icon, message, and CTA. Use when a data table or list has no rows.",
+    "keywords": [
+      "card",
+      "empty",
+      "state",
+      "no",
+      "data",
+      "placeholder",
+      "icon",
+      "cta",
+      "button",
+      "list",
+      "table",
+      "zero",
+      "rows"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Recent transactions"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "size": "sm",
+      "text": "+ Add",
+      "variant": "outline"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "button"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "action",
+      "text": "Set up payments",
+      "variant": "primary"
+    },
+    {
+      "id": "empty-state",
+      "component": "EmptyState",
+      "description": "Transactions will appear here once your first payment is processed.",
+      "icon": "receipt",
+      "children": [
+        "button-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "empty-state"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}