@adia-ai/a2ui-corpus 0.7.18 → 0.7.20

package/chunks/settings-notification-activity-checkboxes.json

@@ -0,0 +1,108 @@
+{
+  "name": "settings-notification-activity-checkboxes",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": ""
+  },
+  "html": "<div data-section>\n    <aside>\n      <h3>Activity</h3>\n      <p>What types of events trigger notifications.</p>\n    </aside>\n    <div data-col>\n      <check-ui label=\"New team member joins\" checked></check-ui>\n      <check-ui label=\"API key rotated\" checked></check-ui>\n      <check-ui label=\"Usage threshold reached\" checked></check-ui>\n      <check-ui label=\"Billing changes\"></check-ui>\n      <check-ui label=\"Deployment completed\"></check-ui>\n    </div>\n  </div>",
+  "source": "apps/saas/app/settings-page/settings-page.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Notification activity triggers — a column of check-ui checkboxes selecting which event types (member joins, key rotated, threshold reached, billing, deploys) fire notifications. The event-filter half of a notifications settings section.",
+    "keywords": [
+      "settings",
+      "notifications",
+      "activity",
+      "events",
+      "check-ui",
+      "checkbox",
+      "triggers",
+      "member-joins",
+      "api-key-rotated",
+      "usage-threshold",
+      "billing",
+      "deployment",
+      "opt-in",
+      "event-types",
+      "notification-settings",
+      "workspace",
+      "preferences"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Activity"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "What types of events trigger notifications."
+    },
+    {
+      "id": "sidebar",
+      "component": "Sidebar",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "New team member joins"
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "API key rotated"
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Usage threshold reached"
+    },
+    {
+      "id": "check-box-4",
+      "component": "CheckBox",
+      "label": "Billing changes"
+    },
+    {
+      "id": "check-box-5",
+      "component": "CheckBox",
+      "label": "Deployment completed"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "check-box",
+        "check-box-2",
+        "check-box-3",
+        "check-box-4",
+        "check-box-5"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-section": "",
+      "children": [
+        "sidebar",
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/settings-notification-channels-switches.json

@@ -0,0 +1,101 @@
+{
+  "name": "settings-notification-channels-switches",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": ""
+  },
+  "html": "<div data-section>\n    <aside>\n      <h3>Channels</h3>\n      <p>Choose how you receive notifications for workspace activity.</p>\n    </aside>\n    <div data-col>\n      <switch-ui label=\"Email notifications\" checked></switch-ui>\n      <switch-ui label=\"Push notifications\"></switch-ui>\n      <switch-ui label=\"Weekly digest\" checked></switch-ui>\n      <switch-ui label=\"SMS alerts\"></switch-ui>\n    </div>\n  </div>",
+  "source": "apps/saas/app/settings-page/settings-page.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Notification channels — a column of switch-ui toggles for the delivery channels (email, push, weekly digest, SMS) of a notifications settings section. Instant on/off per channel, no submit.",
+    "keywords": [
+      "settings",
+      "notifications",
+      "channels",
+      "switch-ui",
+      "toggle",
+      "email",
+      "push",
+      "weekly-digest",
+      "sms",
+      "alerts",
+      "delivery",
+      "preferences",
+      "instant",
+      "on-off",
+      "notification-settings",
+      "workspace",
+      "activity"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Channels"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Choose how you receive notifications for workspace activity."
+    },
+    {
+      "id": "sidebar",
+      "component": "Sidebar",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true,
+      "label": "Email notifications"
+    },
+    {
+      "id": "toggle-2",
+      "component": "Toggle",
+      "label": "Push notifications"
+    },
+    {
+      "id": "toggle-3",
+      "component": "Toggle",
+      "checked": true,
+      "label": "Weekly digest"
+    },
+    {
+      "id": "toggle-4",
+      "component": "Toggle",
+      "label": "SMS alerts"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "toggle",
+        "toggle-2",
+        "toggle-3",
+        "toggle-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-section": "",
+      "children": [
+        "sidebar",
+        "column"
+      ]
+    }
+  ]
+}

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"
+      ]
+    }
+  ]
+}