@adia-ai/gen-ui 0.8.37

package/corpus/chunks/sidebar-navigation-panel.json

@@ -0,0 +1,165 @@
+{
+  "name": "sidebar-navigation-panel",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [
+    "nav-menu-icons"
+  ],
+  "attrs": {},
+  "html": "<section>\n    <admin-sidebar collapsible>\n      <row-ui slot=\"header\" gap=\"2\" align=\"center\">\n        <text-ui strong>Workspace</text-ui>\n        <button-ui icon=\"caret-double-left\" variant=\"ghost\" size=\"sm\" aria-label=\"Collapse sidebar\"></button-ui>\n      </row-ui>\n      <nav-ui>\n        <col-ui gap=\"1\"><!-- nested: nav-menu-icons --></col-ui>\n        <nav-group-ui text=\"Projects\" icon=\"folder\" open>\n          <nav-item-ui text=\"Marketing site\" value=\"projects/marketing\"></nav-item-ui>\n          <nav-item-ui text=\"Admin app\" value=\"projects/admin\"></nav-item-ui>\n          <nav-item-ui icon=\"plus\" text=\"New project\" value=\"projects/new\"></nav-item-ui>\n        </nav-group-ui>\n      </nav-ui>\n    </admin-sidebar>\n  </section>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Sidebar navigation layout using admin-sidebar with grouped nav items — primary nav group and project sub-group, each with icon-leading nav-item-ui buttons, collapsible to icon-only mode.",
+    "keywords": [
+      "sidebar",
+      "navigation",
+      "layout",
+      "nav-ui",
+      "nav-item-ui",
+      "nav-group-ui",
+      "admin",
+      "sidebar",
+      "collapsible",
+      "grouped",
+      "icon-only",
+      "admin-sidebar",
+      "primary",
+      "sub-section",
+      "toggle"
+    ]
+  },
+  "captured_at": "2026-08-11T15:04:02.567Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Workspace"
+    },
+    {
+      "id": "collapse-sidebar",
+      "component": "Button",
+      "aria-label": "Collapse sidebar",
+      "icon": "caret-double-left",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "header",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text",
+        "collapse-sidebar"
+      ]
+    },
+    {
+      "id": "nav-item",
+      "component": "NavItem",
+      "icon": "house",
+      "selected": true,
+      "text": "Home",
+      "value": "home"
+    },
+    {
+      "id": "nav-item-2",
+      "component": "NavItem",
+      "icon": "chart-bar",
+      "text": "Dashboard",
+      "value": "dashboard"
+    },
+    {
+      "id": "nav-item-3",
+      "component": "NavItem",
+      "icon": "users",
+      "text": "Members",
+      "value": "members"
+    },
+    {
+      "id": "nav-item-4",
+      "component": "NavItem",
+      "icon": "gear",
+      "text": "Settings",
+      "value": "settings"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "nav-item",
+        "nav-item-2",
+        "nav-item-3",
+        "nav-item-4"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "nav-item-5",
+      "component": "NavItem",
+      "text": "Marketing site",
+      "value": "projects/marketing"
+    },
+    {
+      "id": "nav-item-6",
+      "component": "NavItem",
+      "text": "Admin app",
+      "value": "projects/admin"
+    },
+    {
+      "id": "nav-item-7",
+      "component": "NavItem",
+      "icon": "plus",
+      "text": "New project",
+      "value": "projects/new"
+    },
+    {
+      "id": "nav-group",
+      "component": "NavGroup",
+      "icon": "folder",
+      "open": true,
+      "text": "Projects",
+      "children": [
+        "nav-item-5",
+        "nav-item-6",
+        "nav-item-7"
+      ]
+    },
+    {
+      "id": "nav",
+      "component": "Nav",
+      "children": [
+        "column",
+        "nav-group"
+      ]
+    },
+    {
+      "id": "sidebar",
+      "component": "Sidebar",
+      "collapsible": true,
+      "children": [
+        "row",
+        "nav"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "sidebar"
+      ]
+    }
+  ]
+}

package/corpus/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-07-17T20:08:04.842Z",
+  "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/corpus/chunks/signup-team-size-form.json

@@ -0,0 +1,259 @@
+{
+  "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-08-06T10:45:35.201Z",
+  "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": "step-progress",
+      "component": "StepProgress",
+      "caption": "Step 4 of 10",
+      "total": 10,
+      "value": 4
+    },
+    {
+      "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",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link",
+        "button"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "step-progress",
+        "column"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}