@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/reg-step-header.json

@@ -0,0 +1,189 @@
+{
+  "name": "reg-step-header",
+  "kind": "block",
+  "primary": "header",
+  "instances": [
+    {
+      "page": "/site/examples/registration/address",
+      "source": "site/pages/examples/registration/address/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Business address</h1>\n      <text-ui color=\"subtle\">Where do we send invoices, contracts, and physical mail? Pick the country first — fields adapt to the local convention.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/billing",
+      "source": "site/pages/examples/registration/billing/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Billing details</h1>\n      <text-ui color=\"subtle\">We'll only charge after your 14-day trial ends. Cancel anytime.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/brand-scrape",
+      "source": "site/pages/examples/registration/brand-scrape/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Pull your brand from your website</h1>\n      <text-ui color=\"subtle\">Paste your company URL and we'll auto-fill what we find. Review and edit before saving.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/confirmation",
+      "source": "site/pages/examples/registration/confirmation/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <row-ui gap=\"1\">\n        <icon-ui name=\"check-circle\" size=\"xl\" color=\"success\"></icon-ui>\n        <h1>You're all set!</h1>\n      </row-ui>\n      <text-ui color=\"subtle\">Your workspace is ready. Here's what to do next.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/departments",
+      "source": "site/pages/examples/registration/departments/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Set up your departments</h1>\n      <text-ui color=\"subtle\">Pick the ones your org has today. You can rename, merge, or split these from settings later.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/done",
+      "source": "site/pages/examples/registration/done/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": "",
+        "data-reg-done-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\" data-reg-done-heading>\n          <icon-ui name=\"check-circle\" weight=\"fill\" color=\"success\"></icon-ui>\n          <h1>You're fully set up!</h1>\n          <text-ui color=\"subtle\">Here's what just landed in your workspace.</text-ui>\n        </header>"
+    },
+    {
+      "page": "/site/examples/registration/import",
+      "source": "site/pages/examples/registration/import/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Bring your existing data</h1>\n      <text-ui color=\"subtle\">Import projects, tasks, and members from your previous tool — or start fresh.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/integrations",
+      "source": "site/pages/examples/registration/integrations/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Connect your stack</h1>\n      <text-ui color=\"subtle\">Pick the integrations you'd like to wire in. You can change these later.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/invite",
+      "source": "site/pages/examples/registration/invite/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Invite your teammates</h1>\n      <text-ui color=\"subtle\">We'll email each person a join link. Skip if you'd rather invite later.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/legal",
+      "source": "site/pages/examples/registration/legal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Legal &amp; tax details</h1>\n      <text-ui color=\"subtle\">Required for invoicing and tax compliance. We never share these outside billing.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/org-review",
+      "source": "site/pages/examples/registration/org-review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Review your org chart</h1>\n      <text-ui color=\"subtle\">Click any member to edit their role, manager, or department in a drawer.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/personal",
+      "source": "site/pages/examples/registration/personal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Round out your profile</h1>\n      <text-ui color=\"subtle\">Optional — these help teammates find you in directory search and route messages to the right person.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/plan",
+      "source": "site/pages/examples/registration/plan/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Choose a plan</h1>\n      <text-ui color=\"subtle\">Start with a 14-day Pro trial. Drop to Free at any time.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/profile",
+      "source": "site/pages/examples/registration/profile/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Tell us about you</h1>\n      <text-ui color=\"subtle\">A few details so your teammates can find you.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/support",
+      "source": "site/pages/examples/registration/support/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>How do customers reach you?</h1>\n      <text-ui color=\"subtle\">Configure the support channels that should route into your inbox. You can wire more later.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/team-size",
+      "source": "site/pages/examples/registration/team-size/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>How big is your team?</h1>\n      <text-ui color=\"subtle\">We'll right-size your defaults to match.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/use-case",
+      "source": "site/pages/examples/registration/use-case/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>What brings you here?</h1>\n      <text-ui color=\"subtle\">Pick the option that's closest to your situation.</text-ui>\n    </header>"
+    },
+    {
+      "page": "/site/examples/registration/workspace",
+      "source": "site/pages/examples/registration/workspace/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-heading": ""
+      },
+      "html": "<header data-reg-heading data-chunk=\"reg-step-header\">\n      <h1>Name your workspace</h1>\n      <text-ui color=\"subtle\">This is what your team will see. You can change it anytime.</text-ui>\n    </header>"
+    }
+  ],
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/reg-step-progress.json

@@ -0,0 +1,188 @@
+{
+  "name": "reg-step-progress",
+  "kind": "block",
+  "primary": "div",
+  "instances": [
+    {
+      "page": "/site/examples/registration/address",
+      "source": "site/pages/examples/registration/address/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 2 of 8 · Workspace setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/billing",
+      "source": "site/pages/examples/registration/billing/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 9 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/brand-scrape",
+      "source": "site/pages/examples/registration/brand-scrape/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 3 of 8 · Workspace setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/confirmation",
+      "source": "site/pages/examples/registration/confirmation/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 10 of 10 · Done</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/departments",
+      "source": "site/pages/examples/registration/departments/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 5 of 8 · Team setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/done",
+      "source": "site/pages/examples/registration/done/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n            <text-ui color=\"subtle\" size=\"sm\">Step 8 of 8 · Done</text-ui>\n            <div data-reg-progress-track>\n              <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span\n              ><span data-active></span><span data-active></span><span data-active></span>\n            </div>\n          </div>"
+    },
+    {
+      "page": "/site/examples/registration/import",
+      "source": "site/pages/examples/registration/import/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/integrations",
+      "source": "site/pages/examples/registration/integrations/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 6 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/invite",
+      "source": "site/pages/examples/registration/invite/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 5 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/legal",
+      "source": "site/pages/examples/registration/legal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 8 · Workspace setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/org-review",
+      "source": "site/pages/examples/registration/org-review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 6 of 8 · Team setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/personal",
+      "source": "site/pages/examples/registration/personal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 7 of 8 · User setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/plan",
+      "source": "site/pages/examples/registration/plan/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 8 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/profile",
+      "source": "site/pages/examples/registration/profile/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 2 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/support",
+      "source": "site/pages/examples/registration/support/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\">Step 4 of 8 · Workspace setup</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/team-size",
+      "source": "site/pages/examples/registration/team-size/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 4 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/use-case",
+      "source": "site/pages/examples/registration/use-case/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 3 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span data-active></span><span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    },
+    {
+      "page": "/site/examples/registration/workspace",
+      "source": "site/pages/examples/registration/workspace/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-progress": ""
+      },
+      "html": "<div data-reg-progress data-chunk=\"reg-step-progress\">\n        <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10</text-ui>\n        <div data-reg-progress-track>\n          <span data-active></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>\n        </div>\n      </div>"
+    }
+  ],
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/reg-story-pane.json

@@ -0,0 +1,188 @@
+{
+  "name": "reg-story-pane",
+  "kind": "block",
+  "primary": "aside",
+  "instances": [
+    {
+      "page": "/site/examples/registration/address",
+      "source": "site/pages/examples/registration/address/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Where you operate.</h2>\n      <p>\n        We use the headquarters address for legal correspondence\n        and the billing address for invoices and contracts. The\n        form adapts to the country you pick — different regions\n        have different field shapes (state vs county, ZIP vs\n        postcode, prefecture-first ordering).\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Workspace setup · Step 2 of 8 · Address</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/billing",
+      "source": "site/pages/examples/registration/billing/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Secure, transparent billing.</h2>\n      <p>\n        We won't charge you until your 14-day Pro trial ends. You'll\n        get an email three days before that — cancel anytime up to\n        the moment of charge with one click.\n      </p>\n      <col-ui gap=\"3\">\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"lock\" color=\"success\"></icon-ui>\n          <text-ui>PCI-DSS Level 1 · TLS 1.3 in transit</text-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"receipt\" color=\"success\"></icon-ui>\n          <text-ui>Itemized monthly invoices · downloadable</text-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"x-circle\" color=\"success\"></icon-ui>\n          <text-ui>Cancel anytime · prorated refund</text-ui>\n        </row-ui>\n      </col-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/brand-scrape",
+      "source": "site/pages/examples/registration/brand-scrape/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Save 20 minutes of copy-paste.</h2>\n      <p>\n        Drop your company URL and we'll scan your site for the\n        brand basics — logo, palette, tagline, social links — so\n        you don't have to upload them by hand. Everything we find\n        is editable before it lands in your workspace.\n      </p>\n      <row-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"sparkle\" color=\"accent\"></icon-ui>\n        <text-ui color=\"subtle\" size=\"sm\">AI-assisted · everything you confirm is final</text-ui>\n      </row-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/confirmation",
+      "source": "site/pages/examples/registration/confirmation/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Welcome to AdiaUI.</h2>\n      <p>\n        Your workspace is live. Three teammates are getting their\n        invites right now, your Notion import is processing in the\n        background, and your Slack and GitHub integrations are\n        ready to wire up.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">→ You're on the Pro plan, 14 days free. We'll email you before the trial ends.</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/departments",
+      "source": "site/pages/examples/registration/departments/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Group by function.</h2>\n      <p>\n        Departments shape access control, reporting groupings, and\n        the org-chart view. We've pre-checked the ones most teams\n        your size run with — uncheck anything you don't have, and\n        add custom ones at the bottom.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Team setup · Step 5 of 8 · Departments</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/done",
+      "source": "site/pages/examples/registration/done/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n        <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n          <strong>AdiaUI</strong>\n        </a>\n\n        <div data-reg-story-content>\n          <h2>Welcome to your workspace.</h2>\n          <p>\n            Everything's wired and waiting. Members are getting their invites, your support routing is live, and your dashboard is ready with sample data so you\n            can click around immediately.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">→ Pro plan, 14 days free. We'll email you 3 days before your trial ends.</text-ui>\n        </div>\n      </aside>"
+    },
+    {
+      "page": "/site/examples/registration/import",
+      "source": "site/pages/examples/registration/import/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Bring your existing data.</h2>\n      <p>\n        Import projects, tasks, and members from your previous tool —\n        we'll map fields automatically and surface anything that\n        needs your attention. The import runs in the background;\n        you can keep moving.\n      </p>\n      <col-ui gap=\"2\">\n        <text-ui color=\"subtle\" size=\"sm\">Supported sources</text-ui>\n        <row-ui gap=\"2\">\n          <tag-ui text=\"Notion\"></tag-ui>\n          <tag-ui text=\"Asana\"></tag-ui>\n          <tag-ui text=\"Trello\"></tag-ui>\n          <tag-ui text=\"Linear\"></tag-ui>\n          <tag-ui text=\"Jira\"></tag-ui>\n          <tag-ui text=\"CSV\"></tag-ui>\n        </row-ui>\n      </col-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/integrations",
+      "source": "site/pages/examples/registration/integrations/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Connect your stack.</h2>\n      <p>\n        Wire AdiaUI into the tools your team already uses. Each\n        integration runs read-only by default — you decide later\n        what gets full access. You can change all of this from\n        settings whenever.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">→ Sync notifications, files, mentions, and links across your toolchain.</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/invite",
+      "source": "site/pages/examples/registration/invite/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Bring your team along.</h2>\n      <p>\n        Workspaces are better with company. Invite teammates now —\n        we'll send each person a one-click join link. You can always\n        invite more from settings later.\n      </p>\n      <card-ui>\n        <header>\n          <avatar-ui slot=\"icon\" text=\"Maya P.\" size=\"sm\"></avatar-ui>\n          <span slot=\"heading\">\n            <text-ui strong>Maya Patel</text-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">\"We had everyone in by lunch. The invite UX is the smoothest I've used.\"</text-ui>\n          </span>\n        </header>\n      </card-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/legal",
+      "source": "site/pages/examples/registration/legal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Verify your business identity.</h2>\n      <p>\n        We use these details for invoicing, tax compliance, and the\n        verified-business badge that surfaces in member directories\n        and audit exports. Updates land in admin → workspace → legal\n        any time.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Workspace setup · Step 1 of 8 · Legal &amp; tax</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/org-review",
+      "source": "site/pages/examples/registration/org-review/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>AI-generated, you decide.</h2>\n      <p>\n        We crossed your invite list with public LinkedIn data and\n        the email-domain signals to draft a reporting structure. It\n        won't be perfect — review each member, fix what's off, and\n        click \"Confirm\". Anything you skip stays as inferred until\n        an admin reviews it.\n      </p>\n      <row-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"sparkle\" color=\"accent\"></icon-ui>\n        <text-ui color=\"subtle\" size=\"sm\">AI-assisted · 8 members reviewed · 3 inferred · 1 needs your call</text-ui>\n      </row-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/personal",
+      "source": "site/pages/examples/registration/personal/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Be findable.</h2>\n      <p>\n        These details show up in directory search, mentions, and\n        the timezone-aware \"@available now\" indicator on your\n        profile. None of this is required — you can fill it in\n        whenever, or never.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">User setup · Step 7 of 8 · Personal profile</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/plan",
+      "source": "site/pages/examples/registration/plan/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Pick what fits.</h2>\n      <p>\n        Every plan starts with a 14-day Pro trial. Cancel during\n        the trial and you'll drop to Free with no charge. No credit\n        card required to continue.\n      </p>\n      <col-ui gap=\"2\">\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n          <text-ui>Unlimited projects on every plan</text-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n          <text-ui>Cancel or change plans anytime</text-ui>\n        </row-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n          <text-ui>Annual billing saves 20%</text-ui>\n        </row-ui>\n      </col-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/profile",
+      "source": "site/pages/examples/registration/profile/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>How will you appear?</h2>\n      <p>\n        Your name and avatar show up in conversations, comments, and\n        on your projects. Pick something that helps teammates\n        recognize you at a glance.\n      </p>\n      <row-ui gap=\"3\" align=\"center\">\n        <avatar-ui text=\"Jane Doe\" size=\"lg\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui strong>Jane Doe</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">Product designer · Acme</text-ui>\n        </col-ui>\n      </row-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/support",
+      "source": "site/pages/examples/registration/support/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>One inbox, multiple channels.</h2>\n      <p>\n        Customers reach you through whichever surface is closest at\n        hand — your help-desk tool, a public email, a phone tree.\n        Wire the channels here and we'll route inbound questions\n        through your help-desk integration so nothing goes missing.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Workspace setup · Step 4 of 8 · Support</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/team-size",
+      "source": "site/pages/examples/registration/team-size/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Right-size your workspace.</h2>\n      <p>\n        We'll suggest a plan and recommend collaboration features\n        that work well at your team's size. Solo, small team, or\n        company-wide — each has a different default setup.\n      </p>\n      <row-ui gap=\"2\">\n        <avatar-ui text=\"A\" size=\"sm\"></avatar-ui>\n        <avatar-ui text=\"B\" size=\"sm\"></avatar-ui>\n        <avatar-ui text=\"C\" size=\"sm\"></avatar-ui>\n        <avatar-ui text=\"D\" size=\"sm\"></avatar-ui>\n        <avatar-ui text=\"+12\" size=\"sm\"></avatar-ui>\n      </row-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/use-case",
+      "source": "site/pages/examples/registration/use-case/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Tailor your experience.</h2>\n      <p>\n        We use this to suggest templates, integrations, and onboarding\n        content that match how you'll actually use the product. You\n        can change it later from settings.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">No wrong answers — pick the closest match.</text-ui>\n    </div>\n  </aside>"
+    },
+    {
+      "page": "/site/examples/registration/workspace",
+      "source": "site/pages/examples/registration/workspace/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-reg-story": ""
+      },
+      "html": "<aside data-reg-story data-chunk=\"reg-story-pane\">\n    <a data-reg-brand href=\"/\" aria-label=\"AdiaUI home\">\n      <img src=\"/icons/agent-ui-light.svg\" alt=\"\" />\n      <strong>AdiaUI</strong>\n    </a>\n\n    <div data-reg-story-content>\n      <h2>Build your team's home.</h2>\n      <p>\n        A workspace is where conversations, projects, and integrations\n        live. Most teams start with one — name it after your company\n        and add more rooms inside as you grow.\n      </p>\n      <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Workspace setup</text-ui>\n    </div>\n  </aside>"
+    }
+  ],
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/reg-success-summary.json

@@ -0,0 +1,14 @@
+{
+  "name": "reg-success-summary",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/examples/registration/confirmation",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-reg-form": ""
+  },
+  "html": "<section data-reg-form data-chunk=\"reg-success-summary\">\n      <col-ui gap=\"3\">\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"user-plus\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Invite more teammates</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">Three invites are out — add more from the workspace settings.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Invite\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"squares-four\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Browse templates</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">Pre-built dashboards, plans, and trackers — start from a template.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Browse\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n        <card-ui>\n          <header>\n            <span slot=\"icon\"><avatar-ui icon=\"book-open\"></avatar-ui></span>\n            <span slot=\"heading\"><text-ui strong>Read the docs</text-ui></span>\n            <span slot=\"description\">\n              <text-ui color=\"subtle\" size=\"sm\">15 minutes to get fluent — keyboard shortcuts, sharing, and search.</text-ui>\n            </span>\n            <button-ui slot=\"action\" text=\"Open docs\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n          </header>\n        </card-ui>\n      </col-ui>\n    </section>",
+  "source": "site/pages/examples/registration/confirmation/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}