@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/signup-form-card.json

@@ -0,0 +1,218 @@
+{
+  "name": "signup-form-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n    <header>\n      <h3>Create your account</h3>\n      <p slot=\"description\">Start your 14-day free trial. No credit card required.</p>\n    </header>\n    <section>\n      <col-ui gap=\"4\">\n        <field-ui label=\"Full name\">\n          <input-ui name=\"name\" autocomplete=\"name\" placeholder=\"Jane Doe\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Work email\">\n          <input-ui type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"jane@acme.com\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Password\" hint=\"At least 8 characters with a number and a symbol.\">\n          <input-ui type=\"password\" name=\"password\" autocomplete=\"new-password\" placeholder=\"••••••••\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Confirm password\">\n          <input-ui type=\"password\" name=\"confirm\" autocomplete=\"new-password\" placeholder=\"••••••••\" required></input-ui>\n        </field-ui>\n        <check-ui name=\"terms\" label=\"I agree to the Terms of Service and Privacy Policy\" required></check-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <col-ui gap=\"3\">\n        <button-ui text=\"Create account\" variant=\"primary\" type=\"submit\" stretch></button-ui>\n        <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\">Already have an account? <a href=\"#\">Sign in</a></text-ui>\n      </col-ui>\n    </footer>\n  </card-ui>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Canonical full signup / create-account form card — heading and subheading, then name, email, password, and confirm-password fields each as a field-ui label wrapping an input-ui, a terms-acceptance checkbox, and a footer with a full-width Create account button plus a sign-in link. The complete form composition (header + fields + actions footer). Use for 'signup form', 'create account form', 'registration form', 'sign up'.",
+    "keywords": [
+      "signup",
+      "form",
+      "create",
+      "account",
+      "register",
+      "registration",
+      "sign",
+      "up",
+      "name",
+      "email",
+      "password",
+      "confirm",
+      "terms",
+      "checkbox",
+      "field",
+      "input",
+      "label",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "submit",
+      "button",
+      "full-form"
+    ]
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Create your account"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Start your 14-day free trial. No credit card required."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "name",
+      "component": "Input",
+      "required": true,
+      "autocomplete": "name",
+      "name": "name",
+      "placeholder": "Jane Doe"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Full name",
+      "children": [
+        "name"
+      ]
+    },
+    {
+      "id": "email",
+      "component": "Input",
+      "type": "email",
+      "required": true,
+      "autocomplete": "email",
+      "name": "email",
+      "placeholder": "jane@acme.com"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Work email",
+      "children": [
+        "email"
+      ]
+    },
+    {
+      "id": "password",
+      "component": "Input",
+      "type": "password",
+      "required": true,
+      "autocomplete": "new-password",
+      "name": "password",
+      "placeholder": "••••••••"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "hint": "At least 8 characters with a number and a symbol.",
+      "label": "Password",
+      "children": [
+        "password"
+      ]
+    },
+    {
+      "id": "confirm",
+      "component": "Input",
+      "type": "password",
+      "required": true,
+      "autocomplete": "new-password",
+      "name": "confirm",
+      "placeholder": "••••••••"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "Confirm password",
+      "children": [
+        "confirm"
+      ]
+    },
+    {
+      "id": "terms",
+      "component": "CheckBox",
+      "required": true,
+      "label": "I agree to the Terms of Service and Privacy Policy",
+      "name": "terms"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "field",
+        "field-2",
+        "field-3",
+        "field-4",
+        "terms"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "stretch": true,
+      "text": "Create account",
+      "variant": "primary"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Sign in",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Sign in",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "text-align": "center",
+      "textContent": "Already have an account?",
+      "children": [
+        "link"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "button",
+        "text-3"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/signup-team-size-form.json

@@ -0,0 +1,256 @@
+{
+  "name": "signup-team-size-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/team-size/team-size.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-team-size",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/invite",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/invite\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-team-size --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/team-size/team-size.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete onboarding / signup step form — heading, a segmented control for team-size headcount range, an industry select with a hint, and a submit footer. Compact full form composition (header + fields + actions) typical of a signup wizard step. Use for 'signup form', 'onboarding step form', 'team size form', 'form with segmented control'.",
+    "keywords": [
+      "signup",
+      "form",
+      "onboarding",
+      "step",
+      "team",
+      "size",
+      "headcount",
+      "range",
+      "segmented",
+      "control",
+      "industry",
+      "select",
+      "hint",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "submit",
+      "continue",
+      "wizard",
+      "full-form"
+    ],
+    "related": [
+      "reg-team-size",
+      "segmented-control-billing-tabs",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "simple",
+      "form": "signup"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "How big is your team?"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "We'll right-size your defaults to match."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "2–10",
+      "value": "2-10"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "11–50",
+      "value": "11-50"
+    },
+    {
+      "id": "segment-3",
+      "component": "Segment",
+      "text": "50+",
+      "value": "20+"
+    },
+    {
+      "id": "team-size",
+      "component": "SegmentedControl",
+      "value": "2-10",
+      "children": [
+        "segment",
+        "segment-2",
+        "segment-3"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Team Size",
+      "children": [
+        "team-size"
+      ]
+    },
+    {
+      "id": "industry",
+      "component": "ChoicePicker",
+      "name": "industry",
+      "options": [
+        {
+          "value": "",
+          "label": "Choose…"
+        },
+        {
+          "value": "software",
+          "label": "Software · SaaS"
+        },
+        {
+          "value": "design",
+          "label": "Design · Creative"
+        },
+        {
+          "value": "marketing",
+          "label": "Marketing · Growth"
+        },
+        {
+          "value": "ecommerce",
+          "label": "E-commerce · Retail"
+        },
+        {
+          "value": "finance",
+          "label": "Finance · Fintech"
+        },
+        {
+          "value": "education",
+          "label": "Education · Research"
+        },
+        {
+          "value": "healthcare",
+          "label": "Healthcare · Biotech"
+        },
+        {
+          "value": "other",
+          "label": "Something else"
+        }
+      ]
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "hint": "Optional. Helps us recommend relevant templates.",
+      "inline": true,
+      "label": "Industry",
+      "children": [
+        "industry"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/examples/registration/use-case",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link",
+        "button"
+      ]
+    },
+    {
+      "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"
+      ]
+    }
+  ]
+}

package/chunks/single-select-card-form.json

@@ -0,0 +1,228 @@
+{
+  "name": "single-select-card-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/use-case/use-case.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-usecase-picker",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/team-size",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/team-size\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form role=\"radiogroup\" aria-label=\"Use case\"><!-- nested: reg-usecase-picker --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/use-case/use-case.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete single-select option-card form — heading, a vertical radio group of selectable cards each with a title and description, with a free-text textarea revealed on the 'Something else' option, and a submit footer. The full single-choice form composition with header and footer. Use for 'option picker form', 'single-select card form', 'radio card form', 'survey question form'.",
+    "keywords": [
+      "single-select",
+      "form",
+      "option-card",
+      "radio",
+      "group",
+      "cards",
+      "heading",
+      "description",
+      "pick",
+      "choose",
+      "use-case",
+      "survey",
+      "question",
+      "textarea",
+      "other",
+      "complete",
+      "card",
+      "footer",
+      "submit",
+      "continue",
+      "full-form"
+    ],
+    "related": [
+      "reg-usecase-picker",
+      "radio-button-group",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "simple",
+      "form": "single-select"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "What brings you here?"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Pick the option that's closest to your situation."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "option-card",
+      "component": "OptionCard",
+      "description": "Spinning up a new project — design, ship, iterate.",
+      "checked": true,
+      "heading": "I'm building a product",
+      "name": "use-case",
+      "value": "build"
+    },
+    {
+      "id": "option-card-2",
+      "component": "OptionCard",
+      "description": "Kicking the tires before bringing a team along.",
+      "heading": "I'm exploring the product",
+      "name": "use-case",
+      "value": "explore"
+    },
+    {
+      "id": "option-card-3",
+      "component": "OptionCard",
+      "description": "Moving an existing workspace and want a smooth port.",
+      "heading": "I'm migrating from another tool",
+      "name": "use-case",
+      "value": "migrate"
+    },
+    {
+      "id": "option-card-4",
+      "component": "OptionCard",
+      "description": "Comparing options and want to dig into specifics.",
+      "heading": "I'm evaluating for my team",
+      "name": "use-case",
+      "value": "evaluate"
+    },
+    {
+      "id": "use-case-detail",
+      "component": "TextArea",
+      "name": "use-case-detail",
+      "placeholder": "What brings you to AdiaUI?",
+      "rows": "3"
+    },
+    {
+      "id": "option-card-5",
+      "component": "OptionCard",
+      "description": "Tell us more — we read every response.",
+      "heading": "Something else",
+      "name": "use-case",
+      "value": "other",
+      "children": [
+        "use-case-detail"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "option-card",
+        "option-card-2",
+        "option-card-3",
+        "option-card-4",
+        "option-card-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "use-case",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/examples/registration/profile",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link",
+        "button"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column-2",
+        "column-3"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "use-case",
+        "footer"
+      ]
+    }
+  ]
+}