@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/payment-method-form.json

@@ -0,0 +1,328 @@
+{
+  "name": "payment-method-form",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <avatar-ui slot=\"icon\" icon=\"credit-card\"></avatar-ui>\n    <h3>Update payment method</h3>\n    <p slot=\"description\">Card on file: Visa ending in 4242 · Expires 08/2028</p>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui variant=\"info\" icon=\"info\" text=\"Card details are tokenized by Stripe. We never see or store the full number.\"></alert-ui>\n      <field-ui label=\"Payment method\">\n        <select-ui value=\"card\">\n          <option value=\"card\">Credit or debit card</option>\n          <option value=\"ach\">Bank account (ACH)</option>\n          <option value=\"wire\">Wire transfer (annual only)</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Card number\">\n        <input-ui placeholder=\"1234 1234 1234 1234\" prefix=\"credit-card\"></input-ui>\n      </field-ui>\n      <grid-ui columns=\"2\" gap=\"2\">\n        <field-ui label=\"Expiry\">\n          <input-ui placeholder=\"MM/YY\"></input-ui>\n        </field-ui>\n        <field-ui label=\"CVC\">\n          <input-ui placeholder=\"123\"></input-ui>\n        </field-ui>\n      </grid-ui>\n      <field-ui label=\"Name on card\">\n        <input-ui placeholder=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <text-ui strong>Billing address</text-ui>\n      <field-ui label=\"Country\">\n        <input-ui value=\"United States\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Street address\">\n        <input-ui value=\"101 Montgomery St\"></input-ui>\n      </field-ui>\n      <grid-ui columns=\"3\" gap=\"2\">\n        <field-ui label=\"City\">\n          <input-ui value=\"San Francisco\"></input-ui>\n        </field-ui>\n        <field-ui label=\"State\">\n          <input-ui value=\"CA\"></input-ui>\n        </field-ui>\n        <field-ui label=\"ZIP\">\n          <input-ui value=\"94104\"></input-ui>\n        </field-ui>\n      </grid-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"space-between\" align=\"center\">\n      <button-ui text=\"Remove card\" variant=\"ghost\" icon=\"trash\" color=\"danger\"></button-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui text=\"Save card\" variant=\"primary\"></button-ui>\n      </row-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Payment method form — credit card number, expiry, CVC, billing address fields with save/cancel actions. Inline card form (drawer-less variant for gallery + inline-form contexts).",
+    "keywords": [
+      "payment",
+      "method",
+      "credit",
+      "card",
+      "billing",
+      "form",
+      "update",
+      "save",
+      "cvc",
+      "cvv",
+      "expiry",
+      "visa",
+      "mastercard",
+      "amex",
+      "card-on-file",
+      "billing-address",
+      "tax-id"
+    ]
+  },
+  "captured_at": "2026-05-28T23:31:43.377Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "slot": "icon",
+      "icon": "credit-card"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Update payment method"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Card on file: Visa ending in 4242 · Expires 08/2028"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "avatar",
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "info",
+      "text": "Card details are tokenized by Stripe. We never see or store the full number.",
+      "variant": "info"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "card",
+      "options": [
+        {
+          "value": "card",
+          "label": "Credit or debit card"
+        },
+        {
+          "value": "ach",
+          "label": "Bank account (ACH)"
+        },
+        {
+          "value": "wire",
+          "label": "Wire transfer (annual only)"
+        }
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Payment method",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "placeholder": "1234 1234 1234 1234",
+      "prefix": "credit-card"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Card number",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input",
+      "placeholder": "MM/YY"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Expiry",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "input-3",
+      "component": "Input",
+      "placeholder": "123"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "CVC",
+      "children": [
+        "input-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "2",
+      "gap": "2",
+      "children": [
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "input-4",
+      "component": "Input",
+      "placeholder": "Kim Granlund"
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "label": "Name on card",
+      "children": [
+        "input-4"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Billing address"
+    },
+    {
+      "id": "input-5",
+      "component": "Input",
+      "value": "United States"
+    },
+    {
+      "id": "field-6",
+      "component": "Field",
+      "label": "Country",
+      "children": [
+        "input-5"
+      ]
+    },
+    {
+      "id": "input-6",
+      "component": "Input",
+      "value": "101 Montgomery St"
+    },
+    {
+      "id": "field-7",
+      "component": "Field",
+      "label": "Street address",
+      "children": [
+        "input-6"
+      ]
+    },
+    {
+      "id": "input-7",
+      "component": "Input",
+      "value": "San Francisco"
+    },
+    {
+      "id": "field-8",
+      "component": "Field",
+      "label": "City",
+      "children": [
+        "input-7"
+      ]
+    },
+    {
+      "id": "input-8",
+      "component": "Input",
+      "value": "CA"
+    },
+    {
+      "id": "field-9",
+      "component": "Field",
+      "label": "State",
+      "children": [
+        "input-8"
+      ]
+    },
+    {
+      "id": "input-9",
+      "component": "Input",
+      "value": "94104"
+    },
+    {
+      "id": "field-10",
+      "component": "Field",
+      "label": "ZIP",
+      "children": [
+        "input-9"
+      ]
+    },
+    {
+      "id": "grid-2",
+      "component": "Grid",
+      "columns": "3",
+      "gap": "2",
+      "children": [
+        "field-8",
+        "field-9",
+        "field-10"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "alert",
+        "field",
+        "field-2",
+        "grid",
+        "field-5",
+        "divider",
+        "text-3",
+        "field-6",
+        "field-7",
+        "grid-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "color": "danger",
+      "icon": "trash",
+      "text": "Remove card",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Save card",
+      "variant": "primary"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "justify": "space-between",
+      "children": [
+        "button",
+        "row-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/period-comparison.json

@@ -33,7 +33,7 @@
       "month-over-month"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",

package/chunks/permission-matrix-table.json

@@ -29,7 +29,7 @@
       "permissions"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -41,6 +41,7 @@
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Configure access rights for each role across your workspace."
     },
     {

package/chunks/playground-a2ui.json

@@ -19,7 +19,7 @@
       "interface"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "layout",

package/chunks/playground-app-shell.json

@@ -24,7 +24,7 @@
       "topbar"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "workspace-select",
@@ -36,24 +36,36 @@
     {
       "id": "admin-topbar",
       "component": "AdminTopbar",
+      "slot": "header",
       "children": [
         "workspace-select"
       ]
     },
+    {
+      "id": "magnifying-glass",
+      "component": "Icon",
+      "name": "magnifying-glass"
+    },
     {
       "id": "text",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "magnifying-glass"
+      ]
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "text",
       "textContent": "Search"
     },
     {
       "id": "kbd",
       "component": "Kbd",
+      "slot": "trailing",
       "textContent": "⌘K"
     },
     {
@@ -154,6 +166,7 @@
     {
       "id": "admin-statusbar",
       "component": "AdminStatusbar",
+      "slot": "footer",
       "children": [
         "user-select"
       ]
@@ -166,6 +179,7 @@
     {
       "id": "sidebar",
       "component": "Sidebar",
+      "slot": "leading",
       "collapsible": true,
       "resizable": true,
       "children": [
@@ -212,11 +226,40 @@
         "text-4"
       ]
     },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "trigger",
+      "icon": "palette",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "theme-panel",
+      "component": "ThemePanel",
+      "slot": "content",
+      "parametric": true,
+      "presets": true,
+      "scheme-toggle": true
+    },
+    {
+      "id": "theme-popover",
+      "component": "Popover",
+      "placement": "bottom-end",
+      "children": [
+        "button-2",
+        "theme-panel"
+      ]
+    },
     {
       "id": "text-5",
       "component": "Text",
       "variant": "body",
-      "size": "sm"
+      "slot": "action",
+      "size": "sm",
+      "children": [
+        "theme-popover"
+      ]
     },
     {
       "id": "admin-topbar-2",
@@ -279,7 +322,7 @@
       "textContent": "Dashboard"
     },
     {
-      "id": "button-2",
+      "id": "button-3",
       "component": "Button",
       "size": "sm",
       "text": "Export",
@@ -290,7 +333,7 @@
       "component": "Column",
       "data-actions": "",
       "children": [
-        "button-2"
+        "button-3"
       ]
     },
     {
@@ -376,18 +419,21 @@
       "id": "text-9",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
       "textContent": "AdiaUI App Shell"
     },
     {
       "id": "text-10",
       "component": "Text",
       "variant": "body",
+      "slot": "description",
       "textContent": "Playground demo"
     },
     {
       "id": "text-11",
       "component": "Text",
       "variant": "body",
+      "slot": "action",
       "size": "sm",
       "textContent": "v0.1.0"
     },

package/chunks/playground-chat.json

@@ -23,24 +23,190 @@
       "agent"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
       "variant": "body",
+      "slot": "name",
       "textContent": "Factory Chat"
     },
     {
       "id": "chat-status",
-      "component": "ChatStatus"
+      "component": "ChatStatus",
+      "slot": "status"
+    },
+    {
+      "id": "theme-toggle",
+      "component": "Button",
+      "icon": "moon",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "trigger",
+      "icon": "gear",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Theme"
+    },
+    {
+      "id": "theme-default",
+      "component": "Button",
+      "size": "sm",
+      "text": "Default",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-ocean",
+      "component": "Button",
+      "size": "sm",
+      "text": "Ocean",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-forest",
+      "component": "Button",
+      "size": "sm",
+      "text": "Forest",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-sunset",
+      "component": "Button",
+      "size": "sm",
+      "text": "Sunset",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-lavender",
+      "component": "Button",
+      "size": "sm",
+      "text": "Lavender",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-rose",
+      "component": "Button",
+      "size": "sm",
+      "text": "Rose",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-slate",
+      "component": "Button",
+      "size": "sm",
+      "text": "Slate",
+      "variant": "outline"
+    },
+    {
+      "id": "theme-midnight",
+      "component": "Button",
+      "size": "sm",
+      "text": "Midnight",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "md",
+      "wrap": true,
+      "children": [
+        "theme-default",
+        "theme-ocean",
+        "theme-forest",
+        "theme-sunset",
+        "theme-lavender",
+        "theme-rose",
+        "theme-slate",
+        "theme-midnight"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Parametric"
+    },
+    {
+      "id": "param-density",
+      "component": "Slider",
+      "max": 1.5,
+      "min": 0.5,
+      "step": 0.05,
+      "suffix": "×",
+      "value": 1
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Density",
+      "children": [
+        "param-density"
+      ]
+    },
+    {
+      "id": "param-radius",
+      "component": "Slider",
+      "max": 2,
+      "min": 0,
+      "step": 0.1,
+      "suffix": "×",
+      "value": 1
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Radius",
+      "children": [
+        "param-radius"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "md",
+      "slot": "content",
+      "children": [
+        "text-3",
+        "row",
+        "divider",
+        "text-4",
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "theme-popover",
+      "component": "Popover",
+      "placement": "bottom-end",
+      "children": [
+        "button",
+        "column"
+      ]
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
+      "slot": "action",
       "size": "sm",
-      "textContent": "Theme Parametric"
+      "children": [
+        "theme-toggle",
+        "theme-popover"
+      ]
     },
     {
       "id": "chat-header",