@adia-ai/gen-ui 0.8.41 → 0.8.43

package/corpus/chunks/image-carousel.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <text-ui strong>Launch gallery</text-ui>\n    <div data-actions>\n      <tag-ui size=\"sm\">5 photos</tag-ui>\n    </div>\n  </header>\n  <section bleed>\n    <swiper-ui peek chrome=\"default\" label=\"Launch gallery\">\n      <image-ui src=\"https://picsum.photos/seed/launch01/720/400\" alt=\"Keynote stage during the launch announcement\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch02/720/400\" alt=\"Demo booth with the live product wall\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch03/720/400\" alt=\"Team answering questions at the roundtable\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch04/720/400\" alt=\"Closing panel under the venue skylight\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch05/720/400\" alt=\"After-hours networking on the terrace\" height=\"220px\" fit=\"cover\" raw></image-ui>\n    </swiper-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Highlights from the spring launch event — swipe or use the dots to browse.</text-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <text-ui strong>Launch gallery</text-ui>\n    <div data-actions>\n      <tag-ui size=\"sm\">5 photos</tag-ui>\n    </div>\n  </header>\n  <section bleed>\n    <swiper-ui peek chrome=\"default\">\n      <image-ui src=\"https://picsum.photos/seed/launch01/720/400\" alt=\"Keynote stage during the launch announcement\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch02/720/400\" alt=\"Demo booth with the live product wall\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch03/720/400\" alt=\"Team answering questions at the roundtable\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch04/720/400\" alt=\"Closing panel under the venue skylight\" height=\"220px\" fit=\"cover\" raw></image-ui>\n      <image-ui src=\"https://picsum.photos/seed/launch05/720/400\" alt=\"After-hours networking on the terrace\" height=\"220px\" fit=\"cover\" raw></image-ui>\n    </swiper-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Highlights from the spring launch event — swipe or use the dots to browse.</text-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/image-carousel/image-carousel.contents.html",
   "metadata": {
     "domain": "layout",
@@ -25,7 +25,7 @@
       "card"
     ]
   },
-  "captured_at": "2026-08-12T13:16:03.712Z",
+  "captured_at": "2026-08-17T22:21:13.118Z",
   "template": [
     {
       "id": "text",
@@ -104,7 +104,6 @@
       "id": "swiper",
       "component": "Swiper",
       "chrome": "default",
-      "label": "Launch gallery",
       "peek": true,
       "children": [
         "image",

package/corpus/chunks/logo-cloud-trusted-by.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"4\" align=\"center\">\n      <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n      <grid-ui columns=\"2 5@md\" gap=\"4\">\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Acme</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Globex</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Initech</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Umbrella</text-ui></section></card-ui>\n        <card-ui raw align=\"center\"><section><text-ui color=\"subtle\" strong>Soylent</text-ui></section></card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
+  "html": "<section>\n    <col-ui gap=\"4\" align=\"center\">\n      <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n      <grid-ui columns=\"2 5@md\" gap=\"4\">\n        <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Acme</text-ui></col-ui></section></card-ui>\n        <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Globex</text-ui></col-ui></section></card-ui>\n        <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Initech</text-ui></col-ui></section></card-ui>\n        <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Umbrella</text-ui></col-ui></section></card-ui>\n        <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Soylent</text-ui></col-ui></section></card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
   "metadata": {
     "domain": "marketing",
@@ -47,7 +47,7 @@
       "row"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-18T02:07:20.228Z",
   "template": [
     {
       "id": "text",
@@ -64,17 +64,18 @@
       "textContent": "Acme"
     },
     {
-      "id": "section",
-      "component": "Section",
+      "id": "column-2",
+      "component": "Column",
+      "align": "center",
       "children": [
-        "column-2"
+        "text-2"
       ]
     },
     {
-      "id": "column-2",
-      "component": "Column",
+      "id": "section",
+      "component": "Section",
       "children": [
-        "text-2"
+        "column-2"
       ]
     },
     {
@@ -93,17 +94,18 @@
       "textContent": "Globex"
     },
     {
-      "id": "section-2",
-      "component": "Section",
+      "id": "column-3",
+      "component": "Column",
+      "align": "center",
       "children": [
-        "column-3"
+        "text-3"
       ]
     },
     {
-      "id": "column-3",
-      "component": "Column",
+      "id": "section-2",
+      "component": "Section",
       "children": [
-        "text-3"
+        "column-3"
       ]
     },
     {
@@ -122,17 +124,18 @@
       "textContent": "Initech"
     },
     {
-      "id": "section-3",
-      "component": "Section",
+      "id": "column-4",
+      "component": "Column",
+      "align": "center",
       "children": [
-        "column-4"
+        "text-4"
       ]
     },
     {
-      "id": "column-4",
-      "component": "Column",
+      "id": "section-3",
+      "component": "Section",
       "children": [
-        "text-4"
+        "column-4"
       ]
     },
     {
@@ -151,17 +154,18 @@
       "textContent": "Umbrella"
     },
     {
-      "id": "section-4",
-      "component": "Section",
+      "id": "column-5",
+      "component": "Column",
+      "align": "center",
       "children": [
-        "column-5"
+        "text-5"
       ]
     },
     {
-      "id": "column-5",
-      "component": "Column",
+      "id": "section-4",
+      "component": "Section",
       "children": [
-        "text-5"
+        "column-5"
       ]
     },
     {
@@ -180,17 +184,18 @@
       "textContent": "Soylent"
     },
     {
-      "id": "section-5",
-      "component": "Section",
+      "id": "column-6",
+      "component": "Column",
+      "align": "center",
       "children": [
-        "column-6"
+        "text-6"
       ]
     },
     {
-      "id": "column-6",
-      "component": "Column",
+      "id": "section-5",
+      "component": "Section",
       "children": [
-        "text-6"
+        "column-6"
       ]
     },
     {

package/corpus/chunks/marketing-page-shell.json

@@ -17,7 +17,7 @@
     {
       "name": "cta",
       "tagName": "section",
-      "html": "<card-ui raw align=\"center\"\n      data-chunk=\"cta-banner-centered\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-description=\"Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.\"\n      data-chunk-keywords=\"cta call to action banner centered closing conversion sign up get started ready to ship trial headline subtitle primary button bottom of page footer cta marketing landing conversion strip prompt encourage signup final push\">\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>"
+      "html": "<card-ui raw\n      data-chunk=\"cta-banner-centered\"\n      data-chunk-kind=\"block\"\n      data-chunk-domain=\"marketing\"\n      data-chunk-description=\"Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.\"\n      data-chunk-keywords=\"cta call to action banner centered closing conversion sign up get started ready to ship trial headline subtitle primary button bottom of page footer cta marketing landing conversion strip prompt encourage signup final push\">\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>"
     }
   ],
   "nested": [
@@ -25,7 +25,7 @@
     "cta-banner-centered"
   ],
   "attrs": {},
-  "html": "<article>\n  <section data-chunk-slot=\"hero\">\n    <col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n\n  <section data-chunk-slot=\"features\">\n    <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw align=\"center\"><!-- nested: cta-banner-centered --></card-ui>\n  </section>\n</article>",
+  "html": "<article>\n  <section data-chunk-slot=\"hero\">\n    <col-ui align=\"center\" gap=\"4\">\n      <h1>Build faster with AdiaUI</h1>\n      <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n      <row-ui gap=\"3\">\n        <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n        <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n\n  <section data-chunk-slot=\"features\">\n    <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n  </section>\n\n  <section data-chunk-slot=\"cta\">\n    <card-ui raw><!-- nested: cta-banner-centered --></card-ui>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
   "metadata": {
     "domain": "layout",
@@ -42,7 +42,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-18T01:53:10.975Z",
   "template": [
     {
       "id": "text",

package/corpus/chunks/member-edit-drawer.json

@@ -6,10 +6,10 @@
   "slots": [],
   "nested": [],
   "attrs": {
-    "placement": "end",
+    "side": "right",
     "size": "md"
   },
-  "html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
+  "html": "<drawer-ui id=\"member-edit-drawer\" side=\"right\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
   "metadata": {
     "domain": "settings",
@@ -24,7 +24,7 @@
       "settings"
     ]
   },
-  "captured_at": "2026-07-17T20:08:04.842Z",
+  "captured_at": "2026-08-18T01:53:10.975Z",
   "template": [
     {
       "id": "text",
@@ -225,6 +225,7 @@
     {
       "id": "root",
       "component": "Drawer",
+      "side": "right",
       "size": "md",
       "children": [
         "header",

package/corpus/chunks/playground-app-shell.json

@@ -8,7 +8,7 @@
   "attrs": {
     "mode": "rounded borderless"
   },
-  "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n      <admin-sidebar slot=\"leading\" resizable collapsible>\n        <admin-topbar slot=\"header\">\n          <select-ui id=\"workspace-select\" mark no-radio value=\"adia-ui\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </admin-topbar>\n\n        <section-ui>\n          <nav-ui id=\"nav\">\n            <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            </nav-item-ui>\n            <hr data-nav-divider />\n            <nav-group-ui icon=\"house\" text=\"Home\" open>\n              <nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></nav-item-ui>\n              <nav-item-ui text=\"Analytics\" value=\"analytics\"></nav-item-ui>\n              <nav-item-ui text=\"Reports\" value=\"reports\"></nav-item-ui>\n            </nav-group-ui>\n            <nav-group-ui icon=\"gear\" text=\"Settings\">\n              <nav-item-ui text=\"General\" value=\"general\"></nav-item-ui>\n              <nav-item-ui text=\"Team\" value=\"team\"></nav-item-ui>\n              <nav-item-ui text=\"Billing\" value=\"billing\"></nav-item-ui>\n            </nav-group-ui>\n          </nav-ui>\n        </section-ui>\n\n        <admin-statusbar slot=\"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        </admin-statusbar>\n        <div data-resize></div>\n      </admin-sidebar>\n\n      <!-- ═══════════════ MAIN ═══════════════ -->\n      <admin-content>\n        <admin-topbar>\n          <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" title=\"Toggle navigation 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\" size=\"sm\">\n            <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n              <button-ui icon=\"palette\" title=\"Choose theme\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <theme-panel slot=\"content\" parametric presets scheme-toggle></theme-panel>\n            </popover-ui>\n          </span>\n        </admin-topbar>\n\n        <admin-scroll>\n          <aside id=\"subnav-rail\" data-subnav>\n            <nav-ui variant=\"section\" id=\"subnav\" heading=\"Dashboard\">\n              <nav-item-ui text=\"Overview\" value=\"overview\" selected></nav-item-ui>\n              <nav-item-ui text=\"Activity\" value=\"activity\"></nav-item-ui>\n              <nav-item-ui text=\"Revenue\" value=\"revenue\"></nav-item-ui>\n              <nav-item-ui text=\"Traffic\" value=\"traffic\"></nav-item-ui>\n            </nav-ui>\n          </aside>\n\n          <admin-page>\n            <admin-page-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            </admin-page-header>\n            <admin-page-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 +\n                  command trigger, main content area with an optional subnav rail, and a bottom footer.\n                </p>\n              </section>\n            </admin-page-body>\n          </admin-page>\n        </admin-scroll>\n\n        <admin-statusbar>\n          <span slot=\"heading\">AdiaUI App Shell</span>\n          <span slot=\"description\">Playground demo</span>\n          <span slot=\"action\" size=\"sm\">v0.1.0</span>\n        </admin-statusbar>\n      </admin-content>\n\n      <!-- ═══════════════ COMMAND PALETTE ═══════════════ -->\n      <admin-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </admin-command>\n    </admin-shell>",
+  "html": "<admin-shell mode=\"rounded borderless\">\n      <!-- ═══════════════ LEFT SIDEBAR ═══════════════ -->\n      <admin-sidebar slot=\"leading\" resizable collapsible>\n        <admin-topbar slot=\"header\">\n          <select-ui id=\"workspace-select\" mark no-radio value=\"adia-ui\" variant=\"ghost\" style=\"flex: 1\"></select-ui>\n        </admin-topbar>\n\n        <section-ui>\n          <nav-ui id=\"nav\">\n            <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            </nav-item-ui>\n            <hr data-nav-divider />\n            <nav-group-ui icon=\"house\" text=\"Home\" open>\n              <nav-item-ui text=\"Dashboard\" value=\"dashboard\" selected></nav-item-ui>\n              <nav-item-ui text=\"Analytics\" value=\"analytics\"></nav-item-ui>\n              <nav-item-ui text=\"Reports\" value=\"reports\"></nav-item-ui>\n            </nav-group-ui>\n            <nav-group-ui icon=\"gear\" text=\"Settings\">\n              <nav-item-ui text=\"General\" value=\"general\"></nav-item-ui>\n              <nav-item-ui text=\"Team\" value=\"team\"></nav-item-ui>\n              <nav-item-ui text=\"Billing\" value=\"billing\"></nav-item-ui>\n            </nav-group-ui>\n          </nav-ui>\n        </section-ui>\n\n        <admin-statusbar slot=\"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        </admin-statusbar>\n        <div data-sidebar-resize></div>\n      </admin-sidebar>\n\n      <!-- ═══════════════ MAIN ═══════════════ -->\n      <admin-content>\n        <admin-topbar>\n          <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" title=\"Toggle navigation 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\" size=\"sm\">\n            <popover-ui id=\"theme-popover\" placement=\"bottom-end\">\n              <button-ui icon=\"palette\" title=\"Choose theme\" variant=\"ghost\" size=\"sm\" slot=\"trigger\"></button-ui>\n              <theme-panel slot=\"content\" parametric presets scheme-toggle></theme-panel>\n            </popover-ui>\n          </span>\n        </admin-topbar>\n\n        <admin-scroll>\n          <aside id=\"subnav-rail\" data-subnav>\n            <nav-ui variant=\"section\" id=\"subnav\" heading=\"Dashboard\">\n              <nav-item-ui text=\"Overview\" value=\"overview\" selected></nav-item-ui>\n              <nav-item-ui text=\"Activity\" value=\"activity\"></nav-item-ui>\n              <nav-item-ui text=\"Revenue\" value=\"revenue\"></nav-item-ui>\n              <nav-item-ui text=\"Traffic\" value=\"traffic\"></nav-item-ui>\n            </nav-ui>\n          </aside>\n\n          <admin-page>\n            <admin-page-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            </admin-page-header>\n            <admin-page-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 +\n                  command trigger, main content area with an optional subnav rail, and a bottom footer.\n                </p>\n              </section>\n            </admin-page-body>\n          </admin-page>\n        </admin-scroll>\n\n        <admin-statusbar>\n          <span slot=\"heading\">AdiaUI App Shell</span>\n          <span slot=\"description\">Playground demo</span>\n          <span slot=\"action\" size=\"sm\">v0.1.0</span>\n        </admin-statusbar>\n      </admin-content>\n\n      <!-- ═══════════════ COMMAND PALETTE ═══════════════ -->\n      <admin-command>\n        <command-ui id=\"cmd\" placeholder=\"Search pages...\"></command-ui>\n      </admin-command>\n    </admin-shell>",
   "source": "playgrounds/admin-shell/app/admin-shell.contents.html",
   "metadata": {
     "domain": "layout",
@@ -24,7 +24,7 @@
       "topbar"
     ]
   },
-  "captured_at": "2026-08-17T03:27:23.982Z",
+  "captured_at": "2026-08-17T19:35:08.145Z",
   "template": [
     {
       "id": "workspace-select",
@@ -182,7 +182,7 @@
     {
       "id": "column",
       "component": "Column",
-      "data-resize": ""
+      "data-sidebar-resize": ""
     },
     {
       "id": "sidebar",

package/corpus/chunks/real-time-metrics-dashboard.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"4\">\n      <row-ui gap=\"3\" align=\"center\">\n        <h3>Live metrics</h3>\n        <tag-ui text=\"● Live\" variant=\"success\" size=\"sm\"></tag-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Updated 2s ago</text-ui>\n      </row-ui>\n      <grid-ui columns=\"2 4@md\" gap=\"3\">\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Requests / sec</text-ui></header>\n          <section><text-ui size=\"lg\" strong>1,284</text-ui></section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Latency p50</text-ui></header>\n          <section><text-ui size=\"lg\" strong>42ms</text-ui></section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Error budget</text-ui></header>\n          <section>\n            <col-ui gap=\"1\">\n              <text-ui size=\"lg\" strong color=\"success\">96%</text-ui>\n              <progress-ui value=\"96\"></progress-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Active sessions</text-ui></header>\n          <section><text-ui size=\"lg\" strong>8,419</text-ui></section>\n        </card-ui>\n      </grid-ui>\n      <card-ui>\n        <header><text-ui strong>Throughput (last 60s)</text-ui></header>\n        <section>\n          <chart-ui type=\"line\" x=\"t\" y=\"v\" hide-values data='[{\"t\":0,\"v\":1100},{\"t\":10,\"v\":1180},{\"t\":20,\"v\":1240},{\"t\":30,\"v\":1284},{\"t\":40,\"v\":1310},{\"t\":50,\"v\":1295},{\"t\":60,\"v\":1284}]' style=\"height:120px\"></chart-ui>\n        </section>\n      </card-ui>\n    </col-ui>\n  </section>",
+  "html": "<section>\n    <col-ui gap=\"4\">\n      <row-ui gap=\"3\" align=\"center\">\n        <h3>Live metrics</h3>\n        <tag-ui text=\"● Live\" variant=\"success\" size=\"sm\"></tag-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Updated 2s ago</text-ui>\n      </row-ui>\n      <grid-ui columns=\"2 4@md\" gap=\"3\">\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Requests / sec</text-ui></header>\n          <section><text-ui size=\"lg\" strong>1,284</text-ui></section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Latency p50</text-ui></header>\n          <section><text-ui size=\"lg\" strong>42ms</text-ui></section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Error budget</text-ui></header>\n          <section>\n            <col-ui gap=\"1\">\n              <text-ui size=\"lg\" strong color=\"success\">96%</text-ui>\n              <progress-ui value=\"96\"></progress-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <header><text-ui size=\"sm\" color=\"subtle\">Active sessions</text-ui></header>\n          <section><text-ui size=\"lg\" strong>8,419</text-ui></section>\n        </card-ui>\n      </grid-ui>\n      <card-ui>\n        <header><text-ui strong>Throughput (last 60s)</text-ui></header>\n        <section>\n          <chart-ui type=\"line\" x=\"t\" y=\"v\" no-values data='[{\"t\":0,\"v\":1100},{\"t\":10,\"v\":1180},{\"t\":20,\"v\":1240},{\"t\":30,\"v\":1284},{\"t\":40,\"v\":1310},{\"t\":50,\"v\":1295},{\"t\":60,\"v\":1284}]' style=\"height:120px\"></chart-ui>\n        </section>\n      </card-ui>\n    </col-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html",
   "metadata": {
     "domain": "data",
@@ -25,7 +25,7 @@
       "progress"
     ]
   },
-  "captured_at": "2026-08-17T04:06:20.963Z",
+  "captured_at": "2026-08-18T05:03:46.997Z",
   "template": [
     {
       "id": "text",
@@ -297,7 +297,7 @@
           "v": 1284
         }
       ],
-      "hideValues": true,
+      "noValues": true,
       "x": "t",
       "y": "v"
     },

package/corpus/chunks/split-pane-editor.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<div\n  style=\"display:flex; height:420px;\">\n  <pane-ui side=\"leading\" resizable min-width=\"240\" max-width=\"640\" style=\"width:50%;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <textarea-ui\n        placeholder=\"// Write your code here\"\n        style=\"height:100%; width:100%; font-family:monospace;\"\n      ></textarea-ui>\n    </section>\n  </pane-ui>\n  <pane-ui side=\"trailing\" style=\"flex:1;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui strong size=\"sm\">Preview</text-ui>\n      </row-ui>\n    </header>\n    <section>\n      <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n    </section>\n  </pane-ui>\n</div>",
+  "html": "<div\n  style=\"display:flex; height:420px;\">\n  <pane-ui edge=\"leading\" resizable min-width=\"240\" max-width=\"640\" style=\"width:50%;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n      </row-ui>\n    </header>\n    <section>\n      <textarea-ui\n        placeholder=\"// Write your code here\"\n        style=\"height:100%; width:100%; font-family:monospace;\"\n      ></textarea-ui>\n    </section>\n  </pane-ui>\n  <pane-ui edge=\"trailing\" style=\"flex:1;\">\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui strong size=\"sm\">Preview</text-ui>\n      </row-ui>\n    </header>\n    <section>\n      <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n    </section>\n  </pane-ui>\n</div>",
   "source": "catalog/ui-patterns/app/split-pane-editor/split-pane-editor.contents.html",
   "metadata": {
     "domain": "layout",
@@ -30,7 +30,7 @@
       "ide"
     ]
   },
-  "captured_at": "2026-08-10T18:10:27.206Z",
+  "captured_at": "2026-08-18T04:03:31.540Z",
   "template": [
     {
       "id": "button",
@@ -80,10 +80,10 @@
     {
       "id": "panel",
       "component": "Panel",
+      "edge": "leading",
       "maxWidth": 640,
       "minWidth": 240,
       "resizable": true,
-      "side": "leading",
       "children": [
         "header",
         "section"
@@ -128,7 +128,7 @@
     {
       "id": "panel-2",
       "component": "Panel",
-      "side": "trailing",
+      "edge": "trailing",
       "children": [
         "header-2",
         "section-2"

package/corpus/chunks/table-toolbar-adiav2-row.json

@@ -0,0 +1,249 @@
+{
+  "name": "table-toolbar-adiav2-row",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "adiav2 list-page toolbar row — scope + range summary + page-size"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-toolbar-ui for=\"accounts-table\" no-sort no-search\n          range-start=\"1\" range-end=\"25\" range-total=\"320\"\n          page-size-options=\"[10,25,50,100]\" page-size=\"25\">\n          <select-ui slot=\"scope\" size=\"sm\" aria-label=\"Scope\">\n            <option value=\"all\" selected>All accounts</option>\n            <option value=\"mine\">My accounts</option>\n          </select-ui>\n          <button-ui slot=\"actions\" text=\"New account\" icon=\"plus\" variant=\"primary\" size=\"sm\"></button-ui>\n        </table-toolbar-ui>\n        <card-ui>\n          <section bleed>\n            <table-ui id=\"accounts-table\" sortable raw>\n              <table>\n                <thead><tr><th>Account</th><th>Owner</th><th>Status</th></tr></thead>\n                <tbody>\n                  <tr><td>Acme Health</td><td>Maya Chen</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Northwind Clinics</td><td>Alex Park</td><td><tag-ui variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Globex Medical</td><td>Jordan Lee</td><td><tag-ui variant=\"warning\">Trial</tag-ui></td></tr>\n                </tbody>\n              </table>\n            </table-ui>\n          </section>\n        </card-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "The ratified adiav2 list-page toolbar row (ADIA2-9123): a leading scope/view-switcher slot, a &quot;Showing X-Y of N&quot; range summary, filter and columns triggers (sort and search dropped per that contract), a page-size select, and a primary CTA in the trailing actions slot.",
+    "keywords": [
+      "table",
+      "toolbar",
+      "scope",
+      "range",
+      "summary",
+      "showing",
+      "pagination",
+      "page",
+      "size",
+      "select",
+      "adiav2",
+      "list",
+      "page"
+    ]
+  },
+  "captured_at": "2026-08-18T05:03:46.997Z",
+  "template": [
+    {
+      "id": "scope",
+      "component": "ChoicePicker",
+      "slot": "scope",
+      "size": "sm",
+      "label": "Scope",
+      "options": [
+        {
+          "value": "all",
+          "label": "All accounts"
+        },
+        {
+          "value": "mine",
+          "label": "My accounts"
+        }
+      ],
+      "value": "all"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "actions",
+      "icon": "plus",
+      "size": "sm",
+      "text": "New account",
+      "variant": "primary"
+    },
+    {
+      "id": "table-toolbar",
+      "component": "TableToolbar",
+      "for": "accounts-table",
+      "noSearch": true,
+      "noSort": true,
+      "pageSize": 25,
+      "pageSizeOptions": [
+        10,
+        25,
+        50,
+        100
+      ],
+      "rangeEnd": 25,
+      "rangeStart": 1,
+      "rangeTotal": 320,
+      "children": [
+        "scope",
+        "button"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Account",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Owner",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Acme Health",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Maya Chen",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "variant": "success",
+      "text": "Active"
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "text-4",
+        "text-5",
+        "tag"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Northwind Clinics",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Alex Park",
+      "variant": "body"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "variant": "success",
+      "text": "Active"
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "children": [
+        "text-6",
+        "text-7",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Globex Medical",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "Jordan Lee",
+      "variant": "body"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "variant": "warning",
+      "text": "Trial"
+    },
+    {
+      "id": "column-15",
+      "component": "Column",
+      "children": [
+        "text-8",
+        "text-9",
+        "tag-3"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "column-7",
+        "column-11",
+        "column-15"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-2",
+        "column-6"
+      ]
+    },
+    {
+      "id": "accounts-table",
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-19"
+      ]
+    },
+    {
+      "id": "column-19",
+      "component": "Column",
+      "children": [
+        "accounts-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "table-toolbar",
+        "card"
+      ]
+    }
+  ]
+}