@adia-ai/a2ui-corpus 0.7.19 → 0.7.20

package/chunks/feature-toggle-switch-grid.json

@@ -0,0 +1,213 @@
+{
+  "name": "feature-toggle-switch-grid",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/playgrounds/composed-flow/app/composed-flow.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 2@sm",
+    "gap": "3"
+  },
+  "html": "<grid-ui\n        columns=\"1 2@sm\"\n        gap=\"3\">\n        <field-ui label=\"input-mask\" inline>\n          <switch-ui id=\"strip-input-mask\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → fields render unformatted (raw digits, no spaces or slashes).</text-ui>\n\n        <field-ui label=\"validation\" inline>\n          <switch-ui id=\"strip-validation\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → submit always succeeds, even with empty fields. The gate is gone.</text-ui>\n\n        <field-ui label=\"spring-animate\" inline>\n          <switch-ui id=\"strip-spring-animate\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → success card snaps in instead of sliding from below.</text-ui>\n\n        <field-ui label=\"count-up\" inline>\n          <switch-ui id=\"strip-count-up\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → total appears at $96.12 immediately, no ramp.</text-ui>\n\n        <field-ui label=\"confetti-burst\" inline>\n          <switch-ui id=\"strip-confetti-burst\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → no celebration. The success is recorded but not felt.</text-ui>\n\n        <field-ui label=\"focus-restore\" inline>\n          <switch-ui id=\"strip-focus-restore\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → focus drops to body after submit. Tab from there starts at the page chrome.</text-ui>\n\n        <field-ui label=\"announcer\" inline>\n          <switch-ui id=\"strip-announcer\" checked></switch-ui>\n        </field-ui>\n        <text-ui variant=\"caption\">Off → screen reader hears nothing on success. Sighted users see the same thing; AT users get silence.</text-ui>\n      </grid-ui>",
+  "source": "playgrounds/composed-flow/app/composed-flow.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Feature-toggle switch grid — a two-column grid pairing each inline labelled switch with a caption explaining what turning it off does. The 'enable / disable individual features' settings panel where every row is a toggle plus a one-line consequence note.",
+    "keywords": [
+      "feature",
+      "toggle",
+      "switch",
+      "grid",
+      "settings",
+      "options",
+      "enable",
+      "disable",
+      "on",
+      "off",
+      "flags",
+      "preferences",
+      "capabilities",
+      "inline",
+      "labelled",
+      "switch",
+      "caption",
+      "explanation",
+      "two",
+      "column",
+      "controls",
+      "panel",
+      "feature",
+      "flags",
+      "toggles",
+      "settings",
+      "list",
+      "configuration"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "strip-input-mask",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "input-mask",
+      "children": [
+        "strip-input-mask"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → fields render unformatted (raw digits, no spaces or slashes)."
+    },
+    {
+      "id": "strip-validation",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "inline": true,
+      "label": "validation",
+      "children": [
+        "strip-validation"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → submit always succeeds, even with empty fields. The gate is gone."
+    },
+    {
+      "id": "strip-spring-animate",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "inline": true,
+      "label": "spring-animate",
+      "children": [
+        "strip-spring-animate"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → success card snaps in instead of sliding from below."
+    },
+    {
+      "id": "strip-count-up",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "inline": true,
+      "label": "count-up",
+      "children": [
+        "strip-count-up"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → total appears at $96.12 immediately, no ramp."
+    },
+    {
+      "id": "strip-confetti-burst",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "inline": true,
+      "label": "confetti-burst",
+      "children": [
+        "strip-confetti-burst"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → no celebration. The success is recorded but not felt."
+    },
+    {
+      "id": "strip-focus-restore",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-6",
+      "component": "Field",
+      "inline": true,
+      "label": "focus-restore",
+      "children": [
+        "strip-focus-restore"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → focus drops to body after submit. Tab from there starts at the page chrome."
+    },
+    {
+      "id": "strip-announcer",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-7",
+      "component": "Field",
+      "inline": true,
+      "label": "announcer",
+      "children": [
+        "strip-announcer"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Off → screen reader hears nothing on success. Sighted users see the same thing; AT users get silence."
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 2@sm",
+      "gap": "3",
+      "children": [
+        "field",
+        "text",
+        "field-2",
+        "text-2",
+        "field-3",
+        "text-3",
+        "field-4",
+        "text-4",
+        "field-5",
+        "text-5",
+        "field-6",
+        "text-6",
+        "field-7",
+        "text-7"
+      ]
+    }
+  ]
+}

package/chunks/file-upload-field.json

@@ -0,0 +1,97 @@
+{
+  "name": "file-upload-field",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-import-panel": "file",
+    "hidden": ""
+  },
+  "html": "<div\n            data-import-panel=\"file\"\n            hidden>\n            <label style=\"display: flex; flex-direction: column; gap: var(--a-space-2)\">\n              <text-ui variant=\"label\">Select a .json or .html file</text-ui>\n              <input id=\"import-file\" type=\"file\" accept=\".json,.html,application/json,text/html\" />\n            </label>\n            <div data-import-footer>\n              <button-ui data-import-cancel text=\"Cancel\" variant=\"ghost\"></button-ui>\n            </div>\n          </div>",
+  "source": "apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "File-upload field — a labelled native file input restricted to specific file types, stacked label-over-control, with a Cancel action below. The minimal 'choose / browse for a file to upload or import' form control.",
+    "keywords": [
+      "file",
+      "upload",
+      "field",
+      "input",
+      "choose",
+      "file",
+      "browse",
+      "attach",
+      "import",
+      "select",
+      "document",
+      "picker",
+      "accept",
+      "types",
+      "json",
+      "html",
+      "upload",
+      "control",
+      "label",
+      "native",
+      "file",
+      "input",
+      "drag",
+      "drop",
+      "file",
+      "chooser",
+      "pick",
+      "file",
+      "from",
+      "disk"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Select a .json or .html file"
+    },
+    {
+      "id": "import-file",
+      "component": "Upload",
+      "accept": ".json,.html,application/json,text/html"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "children": [
+        "text-2",
+        "import-file"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost",
+      "data-import-cancel": ""
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-import-footer": "",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-import-panel": "file",
+      "children": [
+        "text",
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/file-upload-form.json

@@ -0,0 +1,248 @@
+{
+  "name": "file-upload-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/import/import.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-import-picker",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/plan",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/plan\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-import-picker --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/import/import.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete data-import / file-upload form — heading, a source select, a file upload drop-zone field with an accepted-types hint, and a submit footer. The full upload-form composition with header and footer. Use for 'file upload form', 'import data form', 'form with a file drop zone and a select'.",
+    "keywords": [
+      "file",
+      "upload",
+      "form",
+      "import",
+      "data",
+      "migration",
+      "source",
+      "select",
+      "drop-zone",
+      "accept",
+      "file-types",
+      "export",
+      "hint",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "submit",
+      "continue",
+      "full-form"
+    ],
+    "related": [
+      "reg-import-picker",
+      "file-upload-dnd",
+      "image-upload-preview",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "simple",
+      "form": "upload"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Bring your existing data"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Import projects, tasks, and members from your previous tool — or start fresh."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "source",
+      "component": "ChoicePicker",
+      "name": "source",
+      "value": "notion",
+      "options": [
+        {
+          "value": "notion",
+          "label": "Notion"
+        },
+        {
+          "value": "asana",
+          "label": "Asana"
+        },
+        {
+          "value": "trello",
+          "label": "Trello"
+        },
+        {
+          "value": "linear",
+          "label": "Linear"
+        },
+        {
+          "value": "jira",
+          "label": "Jira"
+        },
+        {
+          "value": "csv",
+          "label": "CSV file"
+        }
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Source",
+      "children": [
+        "source"
+      ]
+    },
+    {
+      "id": "export",
+      "component": "Upload",
+      "accept": ".zip,.json,.csv",
+      "name": "export"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "hint": "Drop the export from your previous tool. We accept .zip, .json, and .csv.",
+      "inline": true,
+      "label": "Export File",
+      "children": [
+        "export"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "content",
+      "textContent": "Imports run in the background — you can move on while it processes. We'll email you when it's done."
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "info",
+      "variant": "info",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "field",
+        "field-2",
+        "alert"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/examples/registration/integrations",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "text": "Start fresh",
+      "variant": "outline"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "type": "submit",
+      "text": "Import",
+      "variant": "primary"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link",
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column",
+        "column-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}