@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/code-snippet.json

@@ -0,0 +1,119 @@
+{
+  "name": "code-snippet",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <text-ui strong grow>Code snippet</text-ui>\n      <select-ui value=\"javascript\">\n        <option value=\"javascript\">JavaScript</option>\n        <option value=\"python\">Python</option>\n        <option value=\"typescript\">TypeScript</option>\n        <option value=\"bash\">Bash</option>\n      </select-ui>\n    </row-ui>\n  </header>\n  <section bleed>\n    <code-ui lang=\"javascript\">const data = await client.generate(prompt);\nconsole.log(data.content);</code-ui>\n  </section>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Code snippet block with syntax highlighting, language selector, and copy button.",
+    "keywords": [
+      "code",
+      "snippet",
+      "block",
+      "syntax",
+      "highlighting",
+      "language",
+      "selector",
+      "copy",
+      "button",
+      "code-ui",
+      "code-snippet",
+      "developer",
+      "documentation"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Code snippet"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "JavaScript",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Python",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "TypeScript",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Bash",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "javascript",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "text",
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "textContent": "const data = await client.generate(prompt); console.log(data.content);"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "code"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/color-picker-swatches.json

@@ -24,7 +24,7 @@
       "chooser"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/command-palette.json

@@ -1,60 +1,271 @@
 {
   "name": "command-palette",
   "kind": "block",
-  "primary": "modal-ui",
+  "primary": "card-ui",
   "page": "/catalog/ui-patterns/app/command-palette/command-palette.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<modal-ui>\n  <header>\n    <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n  </header>\n  <section>\n    <command-ui></command-ui>\n  </section>\n</modal-ui>",
+  "html": "<card-ui\n  style=\"max-width:560px;margin:0 auto\">\n  <section>\n    <input-ui placeholder=\"Search commands...\" prefix=\"magnifying-glass\"></input-ui>\n  </section>\n  <divider-ui></divider-ui>\n  <section>\n    <col-ui gap=\"3\">\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\" weight=\"semibold\">Recent</text-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <text-ui grow>Open command palette</text-ui>\n          <badge-ui text=\"⌘K\" variant=\"muted\" size=\"sm\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <text-ui grow>New conversation</text-ui>\n          <badge-ui text=\"⌘N\" variant=\"muted\" size=\"sm\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"clock\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <text-ui grow>Toggle sidebar</text-ui>\n          <badge-ui text=\"⌘\\\" variant=\"muted\" size=\"sm\"></badge-ui>\n        </row-ui>\n      </col-ui>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\" weight=\"semibold\">Actions</text-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"gear\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <text-ui grow>Open settings</text-ui>\n          <badge-ui text=\"⌘,\" variant=\"muted\" size=\"sm\"></badge-ui>\n        </row-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <icon-ui name=\"question\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <text-ui grow>Help and support</text-ui>\n          <badge-ui text=\"?\" variant=\"muted\" size=\"sm\"></badge-ui>\n        </row-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
   "metadata": {
     "domain": "navigation",
-    "description": "Command palette modal with search input + grouped filterable action list + keyboard shortcuts.",
+    "description": "Command palette with search input, recent commands, and keyboard shortcut hints.",
     "keywords": [
       "command",
       "palette",
       "search",
+      "input",
+      "recent",
+      "commands",
       "keyboard",
-      "shortcuts",
-      "actions",
-      "ctrl-k",
+      "shortcut",
+      "hints",
       "cmdk",
+      "ctrl-k",
       "quick-access",
-      "launcher"
+      "launcher",
+      "actions"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "input",
       "component": "Input",
-      "placeholder": "Search commands..."
+      "placeholder": "Search commands...",
+      "prefix": "magnifying-glass"
     },
     {
-      "id": "header",
-      "component": "Header",
+      "id": "section",
+      "component": "Section",
       "children": [
         "input"
       ]
     },
     {
-      "id": "command",
-      "component": "Command"
+      "id": "divider",
+      "component": "Divider"
     },
     {
-      "id": "section",
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "weight": "semibold",
+      "textContent": "Recent"
+    },
+    {
+      "id": "clock",
+      "component": "Icon",
+      "name": "clock",
+      "size": "sm"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Open command palette"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "⌘K",
+      "variant": "muted"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "clock",
+        "text-2",
+        "badge"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "clock",
+      "size": "sm"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "New conversation"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "size": "sm",
+      "text": "⌘N",
+      "variant": "muted"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon",
+        "text-3",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "clock",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Toggle sidebar"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "size": "sm",
+      "text": "⌘\\",
+      "variant": "muted"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon-2",
+        "text-4",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "row",
+        "row-2",
+        "row-3"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "weight": "semibold",
+      "textContent": "Actions"
+    },
+    {
+      "id": "gear",
+      "component": "Icon",
+      "name": "gear",
+      "size": "sm"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Open settings"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "size": "sm",
+      "text": "⌘,",
+      "variant": "muted"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "gear",
+        "text-6",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "question",
+      "component": "Icon",
+      "name": "question",
+      "size": "sm"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Help and support"
+    },
+    {
+      "id": "badge-5",
+      "component": "Badge",
+      "size": "sm",
+      "text": "?",
+      "variant": "muted"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "question",
+        "text-7",
+        "badge-5"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-5",
+        "row-4",
+        "row-5"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "column-2",
+        "column-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "section",
+        "divider",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section-3",
       "component": "Section",
       "children": [
-        "command"
+        "column-4"
       ]
     },
     {
       "id": "root",
-      "component": "Modal",
+      "component": "Card",
       "children": [
-        "header",
-        "section"
+        "section-3"
       ]
     }
   ]

package/chunks/commerce-pricing-tiers.json

@@ -29,7 +29,7 @@
       "comparison"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/comparison-table.json

@@ -15,14 +15,14 @@
       "comparison",
       "table",
       "features",
-      "plans",
-      "tiers",
       "checkmarks",
       "compare",
-      "pricing-compare"
+      "feature-matrix",
+      "side-by-side",
+      "grid-comparison"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/contact-form.json

@@ -0,0 +1,156 @@
+{
+  "name": "contact-form",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Contact us</h3>\n    <p slot=\"description\">We'll get back to you within 24 hours.</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <grid-ui columns=\"1 2@sm\" gap=\"3\">\n        <field-ui label=\"Name\">\n          <input-ui placeholder=\"Jane Doe\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\">\n          <input-ui type=\"email\" placeholder=\"jane@example.com\"></input-ui>\n        </field-ui>\n      </grid-ui>\n      <field-ui label=\"Subject\">\n        <input-ui placeholder=\"How can we help?\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Message\">\n        <textarea-ui rows=\"4\" placeholder=\"Tell us more...\"></textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Send message\" variant=\"primary\" icon=\"paper-plane-tilt\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Contact form with name, email, subject, and message fields and a send button.",
+    "keywords": [
+      "contact",
+      "form",
+      "name",
+      "email",
+      "subject",
+      "message",
+      "send",
+      "fields",
+      "form-ui",
+      "contact-us",
+      "feedback"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Contact us"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "We'll get back to you within 24 hours."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "placeholder": "Jane Doe"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Name",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input",
+      "type": "email",
+      "placeholder": "jane@example.com"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 2@sm",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "input-3",
+      "component": "Input",
+      "placeholder": "How can we help?"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Subject",
+      "children": [
+        "input-3"
+      ]
+    },
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "placeholder": "Tell us more...",
+      "rows": "4"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "Message",
+      "children": [
+        "text-area"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "grid",
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "paper-plane-tilt",
+      "stretch": true,
+      "text": "Send message",
+      "variant": "primary"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}