@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/row-wrap-tags.json

@@ -0,0 +1,112 @@
+{
+  "name": "row-wrap-tags",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/row/row.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "wrapping tag cluster"
+  },
+  "html": "<row-ui gap=\"2\" wrap>\n        <tag-ui>Design</tag-ui>\n        <tag-ui>Engineering</tag-ui>\n        <tag-ui>Product</tag-ui>\n        <tag-ui>Marketing</tag-ui>\n        <tag-ui>Sales</tag-ui>\n      </row-ui>",
+  "source": "packages/web-components/components/row/row.examples.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Wrapping badge/tag row — chip group that wraps to new lines when overflow occurs.",
+    "keywords": [
+      "row",
+      "wrap",
+      "tags",
+      "badges",
+      "chips",
+      "cluster",
+      "horizontal",
+      "flex-wrap",
+      "overflow",
+      "categories",
+      "filters"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Design",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Engineering",
+      "variant": "body"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Product",
+      "variant": "body"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Marketing",
+      "variant": "body"
+    },
+    {
+      "id": "tag-4",
+      "component": "Tag",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Sales",
+      "variant": "body"
+    },
+    {
+      "id": "tag-5",
+      "component": "Tag",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "gap": "2",
+      "wrap": true,
+      "children": [
+        "tag",
+        "tag-2",
+        "tag-3",
+        "tag-4",
+        "tag-5"
+      ]
+    }
+  ]
+}

package/chunks/schedule-meeting-form-card.json

@@ -0,0 +1,229 @@
+{
+  "name": "schedule-meeting-form-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n        <header>\n          <h3>Schedule review meeting</h3>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">I'll send the invite once you confirm</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Title\">\n              <input-ui value=\"Q4 revenue review · board prep\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"3\">\n              <field-ui label=\"Date\">\n                <calendar-picker-ui value=\"2026-04-24\" grow></calendar-picker-ui>\n              </field-ui>\n              <field-ui label=\"Time\">\n                <select-ui grow>\n                  <option value=\"09:00\">9:00 AM</option>\n                  <option value=\"10:00\">10:00 AM</option>\n                  <option value=\"14:00\" selected>2:00 PM</option>\n                  <option value=\"16:00\">4:00 PM</option>\n                </select-ui>\n              </field-ui>\n            </row-ui>\n            <field-ui label=\"Attendees\">\n              <input-ui value=\"sarah@acme.io, alex@acme.io, board@acme.io\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Attach Q4 revenue deck\" inline>\n              <check-ui checked></check-ui>\n            </field-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <small slot=\"description\">Invite sends immediately after confirm.</small>\n          <span slot=\"action\">\n            <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n            <button-ui text=\"Send invite\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n          </span>\n        </footer>\n      </card-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Schedule-meeting form card — a card-framed event form with title, a date picker and time select side by side, an attendees field, an attach-deck checkbox, and a footer with Cancel / Send invite actions. The canonical 'create calendar event / send invite' form.",
+    "keywords": [
+      "schedule",
+      "meeting",
+      "form",
+      "event",
+      "calendar",
+      "invite",
+      "appointment",
+      "booking",
+      "date",
+      "picker",
+      "time",
+      "select",
+      "attendees",
+      "title",
+      "attach",
+      "send",
+      "invite",
+      "review",
+      "create",
+      "event",
+      "scheduler",
+      "form",
+      "card",
+      "footer",
+      "actions",
+      "confirm",
+      "calendar-picker",
+      "meeting",
+      "request"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Schedule review meeting"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "I'll send the invite once you confirm"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "value": "Q4 revenue review · board prep"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Title",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "calendar-picker",
+      "component": "CalendarPicker",
+      "value": "2026-04-24"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Date",
+      "children": [
+        "calendar-picker"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "options": [
+        {
+          "value": "09:00",
+          "label": "9:00 AM"
+        },
+        {
+          "value": "10:00",
+          "label": "10:00 AM"
+        },
+        {
+          "value": "14:00",
+          "label": "2:00 PM"
+        },
+        {
+          "value": "16:00",
+          "label": "4:00 PM"
+        }
+      ],
+      "value": "14:00"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Time",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "field-2",
+        "field-3"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input",
+      "value": "sarah@acme.io, alex@acme.io, board@acme.io"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "Attendees",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "inline": true,
+      "label": "Attach Q4 revenue deck",
+      "children": [
+        "check-box"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "row",
+        "field-4",
+        "field-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "caption",
+      "slot": "description",
+      "textContent": "Invite sends immediately after confirm."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "paper-plane-tilt",
+      "text": "Send invite",
+      "variant": "primary"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/searchable-picker-modal.json

@@ -0,0 +1,164 @@
+{
+  "name": "searchable-picker-modal",
+  "kind": "block",
+  "primary": "modal-ui",
+  "page": "/apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "text": "Insert component",
+    "size": "sm"
+  },
+  "html": "<modal-ui\n      id=\"insert-modal\"\n      text=\"Insert component\"\n      size=\"sm\">\n      >\n      <section slot=\"body\">\n        <div data-insert>\n          <div data-insert-header>\n            <h3 style=\"margin: 0\">Insert component</h3>\n            <p id=\"insert-target\" data-note style=\"margin: 0; color: var(--a-fg-muted)\">Into: —</p>\n          </div>\n          <field-ui id=\"insert-slot-field\" label=\"Into slot\" hidden>\n            <select-ui id=\"insert-slot\"></select-ui>\n          </field-ui>\n          <input-ui id=\"insert-search\" placeholder=\"Search components…\" prefix=\"magnifying-glass\"></input-ui>\n          <div id=\"insert-list\" data-insert-list role=\"listbox\"></div>\n        </div>\n      </section>\n      <footer slot=\"footer\">\n        <button-ui data-insert-cancel text=\"Cancel\" variant=\"ghost\"></button-ui>\n      </footer>\n    </modal-ui>",
+  "source": "apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "metadata": {
+    "domain": "overlay",
+    "description": "Searchable picker modal — a small dialog that inserts an item: a heading, a context note showing the target, an optional 'into slot' select, a search input with a magnifying-glass prefix, a scrollable listbox of results, and a Cancel action. The command-palette style add / insert / pick-from-catalog overlay.",
+    "keywords": [
+      "searchable",
+      "picker",
+      "modal",
+      "command",
+      "palette",
+      "insert",
+      "add",
+      "dialog",
+      "overlay",
+      "search",
+      "input",
+      "listbox",
+      "catalog",
+      "choose",
+      "select",
+      "component",
+      "quick",
+      "add",
+      "filter",
+      "results",
+      "magnifying",
+      "glass",
+      "into",
+      "slot",
+      "picker",
+      "popup",
+      "chooser",
+      "fuzzy",
+      "search",
+      "add",
+      "item"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": ">",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Insert component"
+    },
+    {
+      "id": "insert-target",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Into: —",
+      "data-note": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-2",
+        "insert-target"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "data-insert-header": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "insert-slot",
+      "component": "ChoicePicker"
+    },
+    {
+      "id": "insert-slot-field",
+      "component": "Field",
+      "label": "Into slot",
+      "children": [
+        "insert-slot"
+      ]
+    },
+    {
+      "id": "insert-search",
+      "component": "Input",
+      "placeholder": "Search components…",
+      "prefix": "magnifying-glass"
+    },
+    {
+      "id": "insert-list",
+      "component": "Column",
+      "data-insert-list": ""
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-insert": "",
+      "children": [
+        "card",
+        "insert-slot-field",
+        "insert-search",
+        "insert-list"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "slot": "body",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost",
+      "data-insert-cancel": ""
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "slot": "footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Modal",
+      "size": "sm",
+      "text": "Insert component",
+      "children": [
+        "text",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}