@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/playground-app-shell.json

@@ -0,0 +1,14 @@
+{
+  "name": "playground-app-shell",
+  "kind": "block",
+  "primary": "app-shell-ui",
+  "page": "/site/playground/app-shell",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "mode": "rounded borderless"
+  },
+  "html": "<app-shell-ui mode=\"rounded borderless\" data-chunk=\"playground-app-shell\">\n\n<!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n<aside data-sidebar=\"leading\">\n  <header>\n    <select-ui id=\"workspace-select\" avatar=\"/icons/agent-ui-light.svg\" value=\"adia-ui\" variant=\"ghost\" style=\"flex:1\"></select-ui>\n  </header>\n\n  <section>\n    <app-nav-ui id=\"nav\">\n      <app-nav-item-ui data-command-trigger icon=\"magnifying-glass\" text=\"Search\" value=\"search\">\n        <span slot=\"icon\"><icon-ui name=\"magnifying-glass\"></icon-ui></span>\n        <span slot=\"text\">Search</span>\n        <kbd slot=\"trailing\">⌘K</kbd>\n      </app-nav-item-ui>\n      <hr data-nav-divider />\n      <app-nav-group-ui icon=\"house\" text=\"Home\" open>\n        <app-nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></app-nav-item-ui>\n        <app-nav-item-ui text=\"Analytics\" value=\"analytics\"></app-nav-item-ui>\n        <app-nav-item-ui text=\"Reports\" value=\"reports\"></app-nav-item-ui>\n      </app-nav-group-ui>\n      <app-nav-group-ui icon=\"gear\" text=\"Settings\">\n        <app-nav-item-ui text=\"General\" value=\"general\"></app-nav-item-ui>\n        <app-nav-item-ui text=\"Team\" value=\"team\"></app-nav-item-ui>\n        <app-nav-item-ui text=\"Billing\" value=\"billing\"></app-nav-item-ui>\n      </app-nav-group-ui>\n    </app-nav-ui>\n  </section>\n\n  <footer>\n    <select-ui id=\"user-select\" avatar=\"https://i.pravatar.cc/32?u=demo\" value=\"demo\" variant=\"ghost\" style=\"flex:1\"></select-ui>\n  </footer>\n  <div data-resize></div>\n</aside>\n\n<!-- ═══════════════ MAIN ═══════════════ -->\n<main>\n\n  <header>\n    <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n    <breadcrumb-ui>\n      <a href=\"#\">AdiaUI</a>\n      <span>Dashboard</span>\n    </breadcrumb-ui>\n    <span slot=\"action\">\n      <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n        <button-ui icon=\"palette\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n        <div slot=\"content\" id=\"theme-panel\" style=\"padding:var(--a-space-3); display:flex; flex-direction:column; gap:var(--a-space-3); min-width:260px;\">\n          <text-ui variant=\"label\">Theme</text-ui>\n          <div style=\"display:flex; gap:var(--a-space-1); flex-wrap:wrap;\">\n            <button-ui id=\"theme-default\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-ocean\" text=\"Ocean\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-forest\" text=\"Forest\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-sunset\" text=\"Sunset\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-lavender\" text=\"Lavender\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-rose\" text=\"Rose\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-slate\" text=\"Slate\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-midnight\" text=\"Midnight\" variant=\"outline\" size=\"sm\"></button-ui>\n          </div>\n          <divider-ui></divider-ui>\n          <text-ui variant=\"label\">Parametric</text-ui>\n          <field-ui label=\"Density\">\n            <slider-ui id=\"param-density\" value=\"1\" min=\"0.5\" max=\"1.5\" step=\"0.05\" suffix=\"×\"></slider-ui>\n          </field-ui>\n          <field-ui label=\"Radius\">\n            <slider-ui id=\"param-radius\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\" suffix=\"×\"></slider-ui>\n          </field-ui>\n          <divider-ui></divider-ui>\n          <div style=\"display:flex; gap:var(--a-space-2); flex-wrap:wrap;\">\n            <button-ui id=\"preset-compact\" text=\"Compact\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"preset-default\" text=\"Reset\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"preset-spacious\" text=\"Spacious\" variant=\"outline\" size=\"sm\"></button-ui>\n          </div>\n        </div>\n      </popover-ui>\n    </span>\n  </header>\n\n  <section>\n    <aside id=\"subnav-rail\" data-subnav>\n      <section-nav-ui id=\"subnav\" heading=\"Dashboard\">\n        <section-nav-item-ui text=\"Overview\" value=\"overview\" selected></section-nav-item-ui>\n        <section-nav-item-ui text=\"Activity\" value=\"activity\"></section-nav-item-ui>\n        <section-nav-item-ui text=\"Revenue\" value=\"revenue\"></section-nav-item-ui>\n        <section-nav-item-ui text=\"Traffic\" value=\"traffic\"></section-nav-item-ui>\n      </section-nav-ui>\n    </aside>\n\n    <article data-content-root>\n      <div data-content-header>\n        <header>\n          <div>\n            <h1>Dashboard</h1>\n            <div data-actions>\n              <button-ui text=\"Export\" variant=\"outline\" size=\"sm\"></button-ui>\n            </div>\n          </div>\n          <p>App Shell pattern demo — resize the sidebar, collapse it, toggle theme, or press ⌘K to open the command palette.</p>\n        </header>\n      </div>\n      <div data-content-body>\n        <section>\n          <p style=\"color:var(--a-fg-muted);\">\n            This standalone page mirrors the shape of the main AdiaUI docs shell: leading sidebar with app-nav, topbar with breadcrumb + theme popover + command trigger, main content area with an optional subnav rail, and a bottom footer.\n          </p>\n        </section>\n      </div>\n    </article>\n  </section>\n\n  <footer>\n    <span slot=\"heading\">AdiaUI App Shell</span>\n    <span slot=\"description\">Playground demo</span>\n    <span slot=\"action\">v0.1.0</span>\n  </footer>\n\n</main>\n\n<!-- ═══════════════ COMMAND PALETTE ═══════════════ -->\n<dialog id=\"cmd-dialog\" data-command>\n  <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n</dialog>\n\n</app-shell-ui>",
+  "source": "site/pages/playground/app-shell/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-chat.json

@@ -0,0 +1,15 @@
+{
+  "name": "playground-chat",
+  "kind": "block",
+  "primary": "adia-chat-ui",
+  "page": "/site/playground/chat",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "proxy-url": "/api/chat",
+    "model": "claude-haiku-4-5-20251001"
+  },
+  "html": "<adia-chat-ui id=\"chat\" data-chunk=\"playground-chat\" proxy-url=\"/api/chat\" model=\"claude-haiku-4-5-20251001\"\n  style=\"flex:1; border:none; border-radius:0;\">\n  <header>\n    <span data-chat-name>Factory Chat</span>\n    <span data-chat-status></span>\n    <span style=\"margin-inline-start:auto; display:flex; align-items:center; gap:var(--a-space-1);\">\n      <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3); display:flex; flex-direction:column; gap:var(--a-space-3); min-width:240px;\">\n          <text-ui variant=\"label\">Theme</text-ui>\n          <div style=\"display:flex; gap:var(--a-space-1); flex-wrap:wrap;\">\n            <button-ui id=\"theme-default\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-ocean\" text=\"Ocean\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-forest\" text=\"Forest\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-sunset\" text=\"Sunset\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-lavender\" text=\"Lavender\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-rose\" text=\"Rose\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-slate\" text=\"Slate\" variant=\"outline\" size=\"sm\"></button-ui>\n            <button-ui id=\"theme-midnight\" text=\"Midnight\" variant=\"outline\" size=\"sm\"></button-ui>\n          </div>\n          <divider-ui></divider-ui>\n          <text-ui variant=\"label\">Parametric</text-ui>\n          <field-ui label=\"Density\">\n            <slider-ui id=\"param-density\" value=\"1\" min=\"0.5\" max=\"1.5\" step=\"0.05\" suffix=\"×\"></slider-ui>\n          </field-ui>\n          <field-ui label=\"Radius\">\n            <slider-ui id=\"param-radius\" value=\"1\" min=\"0\" max=\"2\" step=\"0.1\" suffix=\"×\"></slider-ui>\n          </field-ui>\n        </div>\n      </popover-ui>\n    </span>\n  </header>\n  <section data-chat-messages>\n    <empty-state-ui data-chat-empty icon=\"chat-circle\"\n      heading=\"AdiaUI Chat\"\n      description=\"Type a message to start a conversation. Connects to LLM model via proxy if available.\">\n    </empty-state-ui>\n  </section>\n  <footer>\n    <chat-input-ui data-chat-input placeholder=\"Message Claude...\"></chat-input-ui>\n  </footer>\n</adia-chat-ui>",
+  "source": "site/pages/playground/chat/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-construct-canvas.json

@@ -0,0 +1,14 @@
+{
+  "name": "playground-construct-canvas",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/playground/construct-canvas",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-canvas": ""
+  },
+  "html": "<div data-canvas data-chunk=\"playground-construct-canvas\">\n      <div id=\"canvas-host\" role=\"application\" aria-label=\"Construct canvas — drag, zoom, and connect cards\" tabindex=\"0\">\n        <!-- canvas-projection mounts a #cc-pan-frame > <noodles-ui> in here -->\n      </div>\n      <!-- Floating zoom + pan controls (graph-editor convention: bottom-right) -->\n      <div class=\"cc-zoom-controls\" role=\"toolbar\" aria-label=\"Canvas zoom\">\n        <button-ui id=\"zoom-out\"   icon=\"minus\"          variant=\"ghost\" size=\"sm\" aria-label=\"Zoom out\"     title=\"Zoom out (-)\" data-hotkey=\"-\" data-hotkey-global></button-ui>\n        <span id=\"zoom-label\" aria-live=\"polite\">100%</span>\n        <button-ui id=\"zoom-in\"    icon=\"plus\"           variant=\"ghost\" size=\"sm\" aria-label=\"Zoom in\"      title=\"Zoom in (+)\"></button-ui>\n        <divider-ui vertical style=\"height: 16px;\"></divider-ui>\n        <button-ui id=\"zoom-fit\"   icon=\"frame-corners\"  variant=\"ghost\" size=\"sm\" aria-label=\"Fit to content\" title=\"Fit to content (1)\" data-hotkey=\"1\" data-hotkey-global></button-ui>\n        <button-ui id=\"zoom-reset\" icon=\"circle\"         variant=\"ghost\" size=\"sm\" aria-label=\"Reset to 100%\"  title=\"Reset to 100% (0)\" data-hotkey=\"0\" data-hotkey-global></button-ui>\n        <divider-ui vertical style=\"height: 16px;\"></divider-ui>\n        <button-ui id=\"auto-arrange-btn\" icon=\"layout\"   variant=\"ghost\" size=\"sm\" aria-label=\"Auto-arrange\"   title=\"Auto-arrange (L)\"   data-hotkey=\"l\" data-hotkey-global></button-ui>\n      </div>\n    </div>",
+  "source": "site/pages/playground/construct-canvas/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-gen-ui.json

@@ -0,0 +1,14 @@
+{
+  "name": "playground-gen-ui",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/playground/gen-ui",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-view": "chat"
+  },
+  "html": "<div id=\"gen-ui-shell\" data-view=\"chat\" data-chunk=\"playground-gen-ui\">\n  <!-- Chat pane (resizable via pane-ui) -->\n  <pane-ui id=\"chat-pane\" resizable min-width=\"280\">\n    <section>\n      <adia-chat-ui id=\"gen-chat\">\n        <section data-chat-messages>\n          <empty-state-ui data-chat-empty icon=\"magic-wand\"\n            heading=\"AdiaUI Generator\"\n            description=\"Describe a UI and watch it render live.\">\n          </empty-state-ui>\n        </section>\n        <footer>\n          <chat-input-ui data-chat-input placeholder=\"Describe a UI...\"></chat-input-ui>\n        </footer>\n      </adia-chat-ui>\n    </section>\n  </pane-ui>\n\n  <!-- Canvas panel (plain div — no collapse behavior) -->\n  <div id=\"canvas-panel\">\n    <div id=\"canvas-toolbar\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui id=\"btn-toggle-view\" text=\"Chat\" variant=\"ghost\" size=\"sm\" icon=\"chat-circle\"></button-ui>\n        <icon-ui name=\"layout\" color=\"muted\"></icon-ui>\n        <text-ui strong>Canvas</text-ui>\n        <badge-ui id=\"validation-badge\" text=\"\" variant=\"default\" size=\"sm\" hidden></badge-ui>\n      </row-ui>\n      <row-ui gap=\"1\">\n        <button-ui id=\"btn-back\" variant=\"ghost\" size=\"sm\" icon=\"arrow-left\" disabled></button-ui>\n        <button-ui id=\"btn-forward\" variant=\"ghost\" size=\"sm\" icon=\"arrow-right\" disabled></button-ui>\n        <button-ui id=\"btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\"></button-ui>\n        <button-ui id=\"btn-code\" variant=\"ghost\" size=\"sm\" icon=\"code\"></button-ui>\n      </row-ui>\n    </div>\n    <section>\n      <canvas-ui id=\"canvas\"></canvas-ui>\n    </section>\n    <footer id=\"code-panel\" hidden>\n      <code-ui id=\"code-view\" language=\"json\" style=\"font-size:var(--a-ui-sm);\"></code-ui>\n    </footer>\n  </div>\n</div>",
+  "source": "site/pages/playground/gen-ui/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-render-preview.json

@@ -0,0 +1,12 @@
+{
+  "name": "playground-render-preview",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/playground/render-preview",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div id=\"pg-shell\" data-chunk=\"playground-render-preview\">\n  <!-- ── Toolbar ───────────────────────────────────────────── -->\n  <div id=\"pg-toolbar\">\n    <row-ui gap=\"2\" align=\"center\">\n      <icon-ui name=\"broadcast\" color=\"muted\"></icon-ui>\n      <text-ui strong>Render Preview</text-ui>\n      <badge-ui id=\"pg-status-badge\" text=\"ready\" size=\"sm\" variant=\"default\"></badge-ui>\n    </row-ui>\n    <row-ui gap=\"2\" align=\"center\">\n      <select-ui id=\"pg-example-select\" size=\"sm\" placeholder=\"Load example…\" style=\"min-width:14rem;\">\n        <option value=\"\">Load example…</option>\n        <option value=\"single-card\">Single surface — card + stat</option>\n        <option value=\"streamed-list\">Streamed updates — append items</option>\n        <option value=\"data-bindings\">Data bindings — updateDataModel</option>\n        <option value=\"multi-surface\">Multiple surfaces</option>\n        <option value=\"unknown-component\">Unknown component (graceful fallback)</option>\n      </select-ui>\n      <divider-ui vertical></divider-ui>\n      <button-ui id=\"pg-btn-step\"     variant=\"ghost\"  size=\"sm\" icon=\"skip-forward\" text=\"Step\"  disabled></button-ui>\n      <button-ui id=\"pg-btn-run\"      variant=\"primary\" size=\"sm\" icon=\"play\"        text=\"Run all\"></button-ui>\n      <button-ui id=\"pg-btn-clear\"    variant=\"ghost\"  size=\"sm\" icon=\"trash\"        text=\"Clear\"></button-ui>\n    </row-ui>\n  </div>\n\n  <!-- ── Body — input | output ─────────────────────────────── -->\n  <div id=\"pg-body\">\n    <!-- LEFT — message stream input -->\n    <section id=\"pg-input-pane\">\n      <header class=\"pg-pane-header\">\n        <text-ui weight=\"medium\" size=\"sm\">A2UI message stream</text-ui>\n        <text-ui size=\"xs\" color=\"muted\" id=\"pg-message-count\">0 messages</text-ui>\n      </header>\n      <textarea id=\"pg-input\"\n                spellcheck=\"false\"\n                autocomplete=\"off\"\n                placeholder='[\n  { \"type\": \"createSurface\", \"surfaceId\": \"main\", \"root\": \"root\" },\n  { \"type\": \"updateComponents\", \"surfaceId\": \"main\", \"components\": [\n    { \"id\": \"root\", \"component\": \"Card\", \"children\": [\"title\"] },\n    { \"id\": \"title\", \"component\": \"Text\", \"variant\": \"h2\", \"text\": \"Hello\" }\n  ]}\n]'></textarea>\n      <footer class=\"pg-pane-footer\" id=\"pg-input-error\" hidden>\n        <icon-ui name=\"warning\" size=\"sm\" color=\"danger\"></icon-ui>\n        <text-ui size=\"xs\" color=\"danger\" id=\"pg-input-error-text\"></text-ui>\n      </footer>\n    </section>\n\n    <!-- RIGHT — render surface + log -->\n    <section id=\"pg-output-pane\">\n      <header class=\"pg-pane-header\">\n        <text-ui weight=\"medium\" size=\"sm\">Rendered output</text-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <text-ui size=\"xs\" color=\"muted\" id=\"pg-surface-count\">0 surfaces</text-ui>\n          <text-ui size=\"xs\" color=\"muted\" id=\"pg-component-count\">0 components</text-ui>\n        </row-ui>\n      </header>\n      <div id=\"pg-surface\" aria-live=\"polite\"></div>\n      <details id=\"pg-log-panel\">\n        <summary>\n          <text-ui size=\"xs\" color=\"muted\">Message log</text-ui>\n          <text-ui size=\"xs\" color=\"muted\" id=\"pg-log-count\">0</text-ui>\n        </summary>\n        <ol id=\"pg-log\"></ol>\n      </details>\n    </section>\n  </div>\n</div>",
+  "source": "site/pages/playground/render-preview/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-streams-bridge.json

@@ -0,0 +1,12 @@
+{
+  "name": "playground-streams-bridge",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/playground/streams-bridge",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div id=\"pg-content\" data-chunk=\"playground-streams-bridge\">\n    <div id=\"pg-intro\">\n      <h1 style=\"margin:0 0 var(--a-space-2) 0;font-size:var(--a-ui-lg);\">One stream, two consumers — bridged into A2UI</h1>\n      <p style=\"margin:0;color:var(--a-text-muted);font-size:var(--a-ui-sm);line-height:1.5;\">\n        Both tiles below subscribe to the same <code>data-stream-id=\"rev-pg\"</code>, fed from\n        <code>/site/mock/revenue.json</code>. The left tile renders a\n        <code>chart-ui</code> driven directly by the <code>data-stream-*</code> attribute trait —\n        the trait writes the parsed response into the chart's <code>.data</code> property and\n        re-renders. The right tile is an <strong>A2UI surface</strong> built from\n        <code>updateComponents</code> messages whose props use <code>{path: '…'}</code> bindings;\n        <code>bridgeStreamAsync</code> proxies the same stream signal into the surface's data\n        model so those bindings resolve — no second fetch (open DevTools' Network tab and\n        confirm only one request per refresh). The bridge piggybacks on the chart's refcount\n        rather than holding its own; the DOM source remains the lifecycle owner.\n      </p>\n    </div>\n\n    <div id=\"pg-grid\">\n      <!-- LEFT — direct data-stream-* trait -->\n      <div class=\"pg-tile\">\n        <h3>Direct via <code>data-stream-src</code></h3>\n        <div id=\"chart-host\">\n          <chart-ui id=\"pg-chart\"\n                    type=\"area\"\n                    x=\"month\" y=\"revenue\"\n                    data-stream-src=\"/site/mock/revenue.json\"\n                    data-stream-path=\"data\"\n                    data-stream-id=\"rev-pg\"\n                    aria-label=\"Revenue chart fed via data-stream-src\"\n                    style=\"display:block;width:100%;height:280px;\"></chart-ui>\n        </div>\n      </div>\n\n      <!-- RIGHT — A2UI surface, bound via bridgeStreamAsync -->\n      <div class=\"pg-tile\">\n        <h3>Via <code>bridgeStreamAsync</code> → A2UI surface</h3>\n        <div id=\"a2ui-host\">\n          <empty-state-ui icon=\"hourglass\" heading=\"Waiting for stream…\"\n                          description=\"The bridge will populate these bindings once the fetch resolves.\"></empty-state-ui>\n        </div>\n      </div>\n    </div>\n\n    <div id=\"pg-status\">\n      <div data-pg-status-row><strong>Stream id:</strong> <code id=\"pg-status-id\">id:rev-pg</code></div>\n      <div data-pg-status-row><strong>Stream signal:</strong> <span id=\"pg-status-signal\">—</span></div>\n      <div data-pg-status-row><strong>Surface dataModel:</strong> <code id=\"pg-status-model\">—</code></div>\n      <div data-pg-status-row><strong>DOM consumer refs:</strong> <span id=\"pg-status-refs\">—</span></div>\n      <div data-pg-status-row><strong>Last fetch:</strong> <span id=\"pg-status-fetched\">—</span></div>\n    </div>\n\n    <details id=\"pg-code-panel\">\n      <summary>Show the wiring (bridge call + A2UI messages)</summary>\n      <div>\n        <code-ui language=\"javascript\" id=\"pg-code-block\" style=\"font-size:var(--a-ui-sm);\"></code-ui>\n      </div>\n    </details>\n  </div>",
+  "source": "site/pages/playground/streams-bridge/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-table-toolbar.json

@@ -0,0 +1,16 @@
+{
+  "name": "playground-table-toolbar",
+  "kind": "block",
+  "primary": "table-toolbar-ui",
+  "page": "/site/playground/table-toolbar",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "for": "employees",
+    "text": "All Employees",
+    "count": "32"
+  },
+  "html": "<table-toolbar-ui data-chunk=\"playground-table-toolbar\" for=\"employees\" text=\"All Employees\" count=\"32\"></table-toolbar-ui>",
+  "source": "site/pages/playground/table-toolbar/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "html": "<section data-section data-combo data-chunk=\"popover-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Various trigger and content pairings.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"hover + badge trigger\">\n      <popover-ui trigger=\"hover\" placement=\"top\">\n        <badge-ui slot=\"trigger\" text=\"PRO\" variant=\"primary\"></badge-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3); max-width:200px;\">\n          <p><strong>Pro Plan</strong></p>\n          <p style=\"margin-top:var(--a-space-1);\">Unlimited projects, priority support, and advanced analytics.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"filter popover\">\n      <popover-ui trigger=\"click\" placement=\"bottom\">\n        <button-ui slot=\"trigger\" icon=\"funnel\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3); display:flex; flex-direction:column; gap:var(--a-space-2); min-width:180px;\">\n          <field-ui label=\"Active\" inline>\n            <check-ui checked></check-ui>\n          </field-ui>\n          <field-ui label=\"Archived\" inline>\n            <check-ui></check-ui>\n          </field-ui>\n          <field-ui label=\"Draft\" inline>\n            <check-ui></check-ui>\n          </field-ui>\n          <divider-ui></divider-ui>\n          <button-ui text=\"Apply Filters\" variant=\"primary\" size=\"sm\"></button-ui>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "html": "<section data-section data-edge data-chunk=\"popover-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"empty content\">\n      <popover-ui>\n        <button-ui slot=\"trigger\" text=\"Empty\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\"></div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"large content\">\n      <popover-ui placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Large\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-4); width:400px;\">\n          <p>This popover has a large fixed width to test how the anchor positioning handles wide content near viewport edges.</p>\n          <p style=\"margin-top:var(--a-space-2);\">It should flip or adjust placement automatically when it would overflow the viewport.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-gap.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-gap",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "gap"
+  },
+  "html": "<section data-section data-property=\"gap\" data-chunk=\"popover-gap\">\n  <h2 variant=\"section\">gap</h2>\n  <p data-note>Pixel gap between trigger and floating content. Defaults to 4.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"gap=0\">\n      <popover-ui placement=\"bottom\" gap=\"0\">\n        <button-ui slot=\"trigger\" text=\"Flush\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>gap=0 — content sits flush against trigger.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"gap=4 (default)\">\n      <popover-ui placement=\"bottom\" gap=\"4\">\n        <button-ui slot=\"trigger\" text=\"Default\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>gap=4 (default).</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"gap=12\">\n      <popover-ui placement=\"bottom\" gap=\"12\">\n        <button-ui slot=\"trigger\" text=\"Breathable\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>gap=12 — more breathing room.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"gap=24\">\n      <popover-ui placement=\"bottom\" gap=\"24\">\n        <button-ui slot=\"trigger\" text=\"Detached\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>gap=24 — visually detached.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-open.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-open",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "open"
+  },
+  "html": "<section data-section data-property=\"open\" data-chunk=\"popover-open\">\n  <h2 variant=\"section\">open</h2>\n  <p data-note>Controls whether the popover is currently visible. Can be set declaratively or toggled programmatically.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"open=false (default)\">\n      <popover-ui placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Closed\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Closed by default — click to open.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"open\">\n      <popover-ui placement=\"bottom\" open>\n        <button-ui slot=\"trigger\" text=\"Open\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Opened declaratively via the open attribute.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-placement.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-placement",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placement"
+  },
+  "html": "<section data-section data-property=\"placement\" data-chunk=\"popover-placement\">\n  <h2 variant=\"section\">placement</h2>\n  <p data-note>Controls which side of the trigger the popover appears on. Supports the four cardinal sides plus start/end variants for top and bottom.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bottom (default)\">\n      <popover-ui placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Bottom\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Placed below the trigger.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top\">\n      <popover-ui placement=\"top\">\n        <button-ui slot=\"trigger\" text=\"Top\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Placed above the trigger.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"left\">\n      <popover-ui placement=\"left\">\n        <button-ui slot=\"trigger\" text=\"Left\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Placed to the left.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"right\">\n      <popover-ui placement=\"right\">\n        <button-ui slot=\"trigger\" text=\"Right\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Placed to the right.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top-start\">\n      <popover-ui placement=\"top-start\">\n        <button-ui slot=\"trigger\" text=\"Top Start\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Top, aligned to start.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-end\">\n      <popover-ui placement=\"top-end\">\n        <button-ui slot=\"trigger\" text=\"Top End\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Top, aligned to end.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-start\">\n      <popover-ui placement=\"bottom-start\">\n        <button-ui slot=\"trigger\" text=\"Bottom Start\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Bottom, aligned to start.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-end\">\n      <popover-ui placement=\"bottom-end\">\n        <button-ui slot=\"trigger\" text=\"Bottom End\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Bottom, aligned to end.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-rich-content.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-rich-content",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "rich-content"
+  },
+  "html": "<section data-section data-property=\"rich-content\" data-chunk=\"popover-rich-content\">\n  <h2 variant=\"section\">rich content</h2>\n  <p data-note>Popovers can contain any HTML, including forms and other AdiaUI components.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"form inside popover\">\n      <popover-ui placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Edit Profile\" icon=\"user\" variant=\"outline\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-4); display:flex; flex-direction:column; gap:var(--a-space-3); min-width:260px;\">\n          <field-ui label=\"Display Name\">\n            <input-ui placeholder=\"Enter name\"></input-ui>\n          </field-ui>\n          <field-ui label=\"Email\">\n            <input-ui placeholder=\"you@example.com\"></input-ui>\n          </field-ui>\n          <div style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n            <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n          </div>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-trigger-click.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-trigger-click",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "trigger-click"
+  },
+  "html": "<section data-section data-property=\"trigger-click\" data-chunk=\"popover-trigger-click\">\n  <h2 variant=\"section\">click trigger</h2>\n  <p data-note>Default trigger. Click the button to toggle the popover open/closed.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click trigger\">\n      <popover-ui trigger=\"click\">\n        <button-ui slot=\"trigger\" text=\"Click me\" variant=\"outline\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>This popover opens on click and closes on click outside or Escape.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-trigger-hover.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-trigger-hover",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "trigger-hover"
+  },
+  "html": "<section data-section data-property=\"trigger-hover\" data-chunk=\"popover-trigger-hover\">\n  <h2 variant=\"section\">hover trigger</h2>\n  <p data-note>Opens on pointer enter, closes after a short delay on pointer leave.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"hover trigger\">\n      <popover-ui trigger=\"hover\">\n        <button-ui slot=\"trigger\" text=\"Hover me\" variant=\"outline\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>This popover opens on hover and stays open while the pointer is over it.</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/popover-trigger.json

@@ -0,0 +1,15 @@
+{
+  "name": "popover-trigger",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/popover",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "trigger"
+  },
+  "html": "<section data-section data-property=\"trigger\" data-chunk=\"popover-trigger\">\n  <h2 variant=\"section\">trigger</h2>\n  <p data-note>Interaction mode. Defaults to \"click\". Use \"hover\" for tooltip-style reveals or \"manual\" for full programmatic control.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click (default)\">\n      <popover-ui trigger=\"click\" placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Click\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Opens on click. Click-outside or Escape to close.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"hover\">\n      <popover-ui trigger=\"hover\" placement=\"bottom\">\n        <button-ui slot=\"trigger\" text=\"Hover\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Opens on pointer enter, closes after leave.</p>\n        </div>\n      </popover-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"manual\">\n      <popover-ui trigger=\"manual\" placement=\"bottom\" open>\n        <button-ui slot=\"trigger\" text=\"Manual\" variant=\"outline\" size=\"sm\"></button-ui>\n        <div slot=\"content\" style=\"padding:var(--a-space-3);\">\n          <p>Manual mode — only responds to JS .show() / .hide().</p>\n        </div>\n      </popover-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/popover/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-indeterminate.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-indeterminate",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "indeterminate"
+  },
+  "html": "<section data-section data-property=\"indeterminate\" data-chunk=\"progress-indeterminate\">\n  <h2 variant=\"section\">indeterminate</h2>\n  <p data-note>Omitting <code-ui inline>value</code-ui> renders an indeterminate animated bar. Legacy <code-ui inline>value=\"-1\"</code-ui> is also accepted for back-compat.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"idiomatic (no value)\">\n      <progress-ui style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"legacy (value=-1)\">\n      <progress-ui value=\"-1\" style=\"width:200px\"></progress-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"progress-row-basic\">\n  <h2 variant=\"section\">Basic</h2>\n  <p data-note>Label and progress value only.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"42%\">\n      <progress-row-ui label=\"Storage\" value=\"42\"></progress-row-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "html": "<section data-section data-combo data-chunk=\"progress-row-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Mixed configurations for real-world usage.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0%\">\n      <progress-row-ui label=\"CPU\" value=\"23\" meta=\"23%\"></progress-row-ui>\n      <progress-row-ui label=\"Memory\" value=\"67\" meta=\"5.4 / 8 GB\" variant=\"warning\"></progress-row-ui>\n      <progress-row-ui label=\"Disk\" value=\"89\" meta=\"178 / 200 GB\" variant=\"danger\"></progress-row-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "html": "<section data-section data-edge data-chunk=\"progress-row-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0%\">\n      <progress-row-ui label=\"Empty\" value=\"0\" meta=\"0%\"></progress-row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"100%\">\n      <progress-row-ui label=\"Full\" value=\"100\" meta=\"100%\"></progress-row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long label\">\n      <progress-row-ui label=\"A very long label that should truncate gracefully when space is limited\" value=\"55\" meta=\"55%\"></progress-row-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-indeterminate.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-indeterminate",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "indeterminate"
+  },
+  "html": "<section data-section data-property=\"indeterminate\" data-chunk=\"progress-row-indeterminate\">\n  <h2 variant=\"section\">Indeterminate</h2>\n  <p data-note>Omit or set value to -1 for an indeterminate progress bar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"indeterminate\">\n      <progress-row-ui label=\"Processing...\" meta=\"please wait\"></progress-row-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"progress-row-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Descriptive label shown alongside the progress bar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Uploading\"><progress-row-ui label=\"Uploading\" value=\"40\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"Downloading files\"><progress-row-ui label=\"Downloading files\" value=\"72\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"Processing\"><progress-row-ui label=\"Processing\" value=\"95\"></progress-row-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-meta.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-meta",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "meta"
+  },
+  "html": "<section data-section data-property=\"meta\" data-chunk=\"progress-row-meta\">\n  <h2 variant=\"section\">With Meta</h2>\n  <p data-note>Right-aligned meta text for additional context like units or counts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with size meta\">\n      <progress-row-ui label=\"Documents\" value=\"65\" meta=\"6.5 GB / 10 GB\"></progress-row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"with count meta\">\n      <progress-row-ui label=\"API Calls\" value=\"80\" meta=\"8,000 / 10,000\"></progress-row-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-multiple.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-multiple",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "multiple"
+  },
+  "html": "<section data-section data-property=\"multiple\" data-chunk=\"progress-row-multiple\">\n  <h2 variant=\"section\">Multiple Rows</h2>\n  <p data-note>Stack progress rows for a breakdown view like a storage dashboard.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"indeterminate\">\n      <progress-row-ui label=\"Images\" value=\"45\" meta=\"4.5 GB\" variant=\"success\"></progress-row-ui>\n      <progress-row-ui label=\"Documents\" value=\"72\" meta=\"7.2 GB\" variant=\"warning\"></progress-row-ui>\n      <progress-row-ui label=\"Videos\" value=\"91\" meta=\"9.1 GB\" variant=\"danger\"></progress-row-ui>\n      <progress-row-ui label=\"Other\" value=\"18\" meta=\"1.8 GB\"></progress-row-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"progress-row-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Current progress as a number between 0 and 100.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0\"><progress-row-ui label=\"Step\" value=\"0\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"25\"><progress-row-ui label=\"Step\" value=\"25\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"50\"><progress-row-ui label=\"Step\" value=\"50\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"75\"><progress-row-ui label=\"Step\" value=\"75\"></progress-row-ui></div>\n    <div data-artifact-item data-artifact-label=\"100\"><progress-row-ui label=\"Step\" value=\"100\"></progress-row-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-row-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-row-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress-row",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"progress-row-variant\">\n  <h2 variant=\"section\">Variants</h2>\n  <p data-note>Color variants for semantic meaning: success, warning, danger.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <progress-row-ui label=\"Healthy\" value=\"30\" meta=\"30%\" variant=\"success\"></progress-row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <progress-row-ui label=\"Approaching Limit\" value=\"72\" meta=\"72%\" variant=\"warning\"></progress-row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <progress-row-ui label=\"Over Quota\" value=\"95\" meta=\"95%\" variant=\"danger\"></progress-row-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress-row/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-sizes.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-sizes",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "sizes"
+  },
+  "html": "<section data-section data-property=\"sizes\" data-chunk=\"progress-sizes\">\n  <h2 variant=\"section\">Sizes</h2>\n  <p data-note>Control bar width via inline style. The bar fills its container width.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"100px\">\n      <progress-ui value=\"60\" style=\"width:100px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"200px\">\n      <progress-ui value=\"60\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"300px\">\n      <progress-ui value=\"60\" style=\"width:300px\"></progress-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"progress-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Determinate progress from 0 to 100. A value less than 0 renders indeterminate.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0\">\n      <progress-ui value=\"0\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"25\">\n      <progress-ui value=\"25\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"50\">\n      <progress-ui value=\"50\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"75\">\n      <progress-ui value=\"75\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"100\">\n      <progress-ui value=\"100\" style=\"width:200px\"></progress-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/progress-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "progress-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/progress",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"progress-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Bar (default) or spinner display mode.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bar\">\n      <progress-ui value=\"60\" variant=\"bar\" style=\"width:200px\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"spinner\">\n      <progress-ui variant=\"spinner\"></progress-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"spinner 75%\">\n      <progress-ui value=\"75\" variant=\"spinner\"></progress-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/progress/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-checked.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-checked",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "checked"
+  },
+  "html": "<section data-section data-property=\"checked\" data-chunk=\"radio-checked\">\n  <h2 variant=\"section\">checked</h2>\n  <p data-note>Controls the selected state. Only one radio in a group can be checked at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"unchecked\">\n      <field-ui label=\"Unchecked\" inline>\n        <radio-ui name=\"demo-state\"></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"checked\">\n      <field-ui label=\"Checked\" inline>\n        <radio-ui name=\"demo-state-2\" checked></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}