@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/settings-appearance-theme-panel.json

@@ -0,0 +1,55 @@
+{
+  "name": "settings-appearance-theme-panel",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <theme-panel persist parametric presets scheme-toggle></theme-panel>\n    </div>",
+  "source": "apps/saas/app/settings-page/settings-page.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Appearance customizer panel using theme-panel-ui — choose a named theme preset, toggle light or dark color scheme, and adjust parametric density and corner-radius sliders.",
+    "keywords": [
+      "theme",
+      "customizer",
+      "panel",
+      "appearance",
+      "dark",
+      "light",
+      "color",
+      "scheme",
+      "theme-panel-ui",
+      "toggle",
+      "color",
+      "mode",
+      "customization",
+      "presets",
+      "density",
+      "radius",
+      "parametric"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "theme-panel",
+      "component": "ThemePanel",
+      "parametric": true,
+      "persist": true,
+      "presets": true,
+      "scheme-toggle": true
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "theme-panel"
+      ]
+    }
+  ]
+}

package/chunks/settings-appearance.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <h3>Appearance</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Theme, density, radius, and color scheme</text-ui>\n  </header>\n  <section>\n    <theme-panel persist parametric presets scheme-toggle></theme-panel>\n  </section>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <h3>Appearance</h3>\n    <p slot=\"description\">Theme, density, radius, and color scheme</p>\n  </header>\n  <section>\n    <theme-panel persist parametric presets scheme-toggle></theme-panel>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/settings-appearance/settings-appearance.contents.html",
   "metadata": {
     "domain": "settings",
@@ -23,7 +23,7 @@
       "ui-controls"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -34,7 +34,7 @@
     {
       "id": "text-2",
       "component": "Text",
-      "color": "subtle",
+      "variant": "body",
       "textContent": "Theme, density, radius, and color scheme"
     },
     {

package/chunks/settings-general-form.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "input",

package/chunks/settings-integrations.json

@@ -32,7 +32,7 @@
       "layout": "grid"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-members-invite.json

@@ -25,7 +25,7 @@
       "add"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text-area",

package/chunks/settings-page-shell.json

@@ -39,7 +39,7 @@
       "panel"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-panel.json

@@ -0,0 +1,248 @@
+{
+  "name": "settings-panel",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Settings</h3>\n    <p slot=\"description\">Manage your notification, appearance, and privacy preferences.</p>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <col-ui gap=\"2\">\n        <text-ui strong size=\"sm\">Notifications</text-ui>\n        <field-ui label=\"Email notifications\" inline><switch-ui checked></switch-ui></field-ui>\n        <field-ui label=\"Push notifications\" inline><switch-ui></switch-ui></field-ui>\n        <field-ui label=\"Weekly digest\" inline><switch-ui checked></switch-ui></field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong size=\"sm\">Appearance</text-ui>\n        <field-ui label=\"Dark mode\" inline><switch-ui></switch-ui></field-ui>\n        <field-ui label=\"Compact density\" inline><switch-ui></switch-ui></field-ui>\n      </col-ui>\n      <divider-ui></divider-ui>\n      <col-ui gap=\"2\">\n        <text-ui strong size=\"sm\">Privacy</text-ui>\n        <field-ui label=\"Usage analytics\" inline><switch-ui checked></switch-ui></field-ui>\n        <field-ui label=\"Marketing emails\" inline><switch-ui></switch-ui></field-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <button-ui text=\"Save preferences\" variant=\"primary\"></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/settings-page/settings-page.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Settings panel with toggles for notifications, dark mode, and privacy. Switch-ui rows organized in field sections.",
+    "keywords": [
+      "settings",
+      "panel",
+      "toggles",
+      "notifications",
+      "dark",
+      "mode",
+      "privacy",
+      "switch-ui",
+      "field-ui",
+      "sections",
+      "preferences",
+      "settings-panel",
+      "toggle-group"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Settings"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Manage your notification, appearance, and privacy preferences."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Notifications"
+    },
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Email notifications",
+      "children": [
+        "toggle"
+      ]
+    },
+    {
+      "id": "toggle-2",
+      "component": "Toggle"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "inline": true,
+      "label": "Push notifications",
+      "children": [
+        "toggle-2"
+      ]
+    },
+    {
+      "id": "toggle-3",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "inline": true,
+      "label": "Weekly digest",
+      "children": [
+        "toggle-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "field",
+        "field-2",
+        "field-3"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Appearance"
+    },
+    {
+      "id": "toggle-4",
+      "component": "Toggle"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "inline": true,
+      "label": "Dark mode",
+      "children": [
+        "toggle-4"
+      ]
+    },
+    {
+      "id": "toggle-5",
+      "component": "Toggle"
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "inline": true,
+      "label": "Compact density",
+      "children": [
+        "toggle-5"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "field-4",
+        "field-5"
+      ]
+    },
+    {
+      "id": "divider-2",
+      "component": "Divider"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Privacy"
+    },
+    {
+      "id": "toggle-6",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-6",
+      "component": "Field",
+      "inline": true,
+      "label": "Usage analytics",
+      "children": [
+        "toggle-6"
+      ]
+    },
+    {
+      "id": "toggle-7",
+      "component": "Toggle"
+    },
+    {
+      "id": "field-7",
+      "component": "Field",
+      "inline": true,
+      "label": "Marketing emails",
+      "children": [
+        "toggle-7"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "field-6",
+        "field-7"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "column-2",
+        "divider",
+        "column-3",
+        "divider-2",
+        "column-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Save preferences",
+      "variant": "primary"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/settings-profile-security.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "avatar",

package/chunks/settings-toggle-switches.json

@@ -0,0 +1,66 @@
+{
+  "name": "settings-toggle-switches",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/settings-page/settings-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <switch-ui label=\"Send on Enter\" checked></switch-ui>\n      <switch-ui label=\"Stream responses\" checked></switch-ui>\n      <switch-ui label=\"Show token count\"></switch-ui>\n    </div>",
+  "source": "apps/saas/app/settings-page/settings-page.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Behavior preferences section with switch-ui toggles for enabling or disabling interface features — send-on-enter, response streaming, and token count display.",
+    "keywords": [
+      "settings",
+      "toggle",
+      "switches",
+      "switch-ui",
+      "enable",
+      "disable",
+      "preferences",
+      "page",
+      "behavior",
+      "on",
+      "off",
+      "toggle",
+      "control",
+      "feature",
+      "flag",
+      "send-on-enter",
+      "streaming"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true,
+      "label": "Send on Enter"
+    },
+    {
+      "id": "toggle-2",
+      "component": "Toggle",
+      "checked": true,
+      "label": "Stream responses"
+    },
+    {
+      "id": "toggle-3",
+      "component": "Toggle",
+      "label": "Show token count"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "toggle",
+        "toggle-2",
+        "toggle-3"
+      ]
+    }
+  ]
+}

package/chunks/sidebar-nav.json

@@ -0,0 +1,116 @@
+{
+  "name": "sidebar-nav",
+  "kind": "block",
+  "primary": "nav-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<nav-ui\n  style=\"max-width:220px\">\n  <nav-group-ui label=\"Main\" open>\n    <nav-item-ui icon=\"house\" text=\"Home\" active></nav-item-ui>\n    <nav-item-ui icon=\"chart-bar\" text=\"Dashboard\"></nav-item-ui>\n    <nav-item-ui icon=\"users\" text=\"Members\"></nav-item-ui>\n    <nav-item-ui icon=\"gear\" text=\"Settings\"></nav-item-ui>\n  </nav-group-ui>\n  <nav-group-ui label=\"Projects\" open>\n    <nav-item-ui icon=\"folder\" text=\"Marketing site\"></nav-item-ui>\n    <nav-item-ui icon=\"folder\" text=\"Admin app\"></nav-item-ui>\n    <nav-item-ui icon=\"plus\" text=\"New project\"></nav-item-ui>\n  </nav-group-ui>\n  <divider-ui></divider-ui>\n  <nav-item-ui icon=\"user-circle\" text=\"Kim Granlund\"></nav-item-ui>\n</nav-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Sidebar navigation with grouped sections, icons, active state, and user menu at bottom.",
+    "keywords": [
+      "sidebar",
+      "navigation",
+      "sections",
+      "grouped",
+      "icons",
+      "active",
+      "state",
+      "user-menu",
+      "nav-item-ui",
+      "nav-group-ui",
+      "nav-ui",
+      "sidebar-nav",
+      "vertical-nav"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "nav-item",
+      "component": "NavItem",
+      "icon": "house",
+      "text": "Home"
+    },
+    {
+      "id": "nav-item-2",
+      "component": "NavItem",
+      "icon": "chart-bar",
+      "text": "Dashboard"
+    },
+    {
+      "id": "nav-item-3",
+      "component": "NavItem",
+      "icon": "users",
+      "text": "Members"
+    },
+    {
+      "id": "nav-item-4",
+      "component": "NavItem",
+      "icon": "gear",
+      "text": "Settings"
+    },
+    {
+      "id": "nav-group",
+      "component": "NavGroup",
+      "open": true,
+      "children": [
+        "nav-item",
+        "nav-item-2",
+        "nav-item-3",
+        "nav-item-4"
+      ]
+    },
+    {
+      "id": "nav-item-5",
+      "component": "NavItem",
+      "icon": "folder",
+      "text": "Marketing site"
+    },
+    {
+      "id": "nav-item-6",
+      "component": "NavItem",
+      "icon": "folder",
+      "text": "Admin app"
+    },
+    {
+      "id": "nav-item-7",
+      "component": "NavItem",
+      "icon": "plus",
+      "text": "New project"
+    },
+    {
+      "id": "nav-group-2",
+      "component": "NavGroup",
+      "open": true,
+      "children": [
+        "nav-item-5",
+        "nav-item-6",
+        "nav-item-7"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "nav-item-8",
+      "component": "NavItem",
+      "icon": "user-circle",
+      "text": "Kim Granlund"
+    },
+    {
+      "id": "root",
+      "component": "Nav",
+      "children": [
+        "nav-group",
+        "nav-group-2",
+        "divider",
+        "nav-item-8"
+      ]
+    }
+  ]
+}

package/chunks/{sidebar-collapsible-nav.json → sidebar-navigation-panel.json}

@@ -1,30 +1,37 @@
 {
-  "name": "sidebar-collapsible-nav",
+  "name": "sidebar-navigation-panel",
   "kind": "block",
   "primary": "section",
   "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
   "slots": [],
-  "nested": [],
+  "nested": [
+    "nav-menu-icons"
+  ],
   "attrs": {},
-  "html": "<section>\n    <admin-sidebar collapsible>\n      <row-ui slot=\"header\" gap=\"2\" align=\"center\">\n        <text-ui strong>Workspace</text-ui>\n        <button-ui icon=\"caret-double-left\" variant=\"ghost\" size=\"sm\" aria-label=\"Collapse sidebar\"></button-ui>\n      </row-ui>\n      <col-ui gap=\"4\">\n        <col-ui gap=\"1\">\n          <button-ui icon=\"house\" text=\"Home\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"chart-bar\" text=\"Dashboard\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"users\" text=\"Members\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"gear\" text=\"Settings\" variant=\"ghost\"></button-ui>\n        </col-ui>\n        <col-ui gap=\"1\">\n          <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">PROJECTS</text-ui>\n          <button-ui icon=\"folder\" text=\"Marketing site\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"folder\" text=\"Admin app\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"plus\" text=\"New project\" variant=\"ghost\"></button-ui>\n        </col-ui>\n      </col-ui>\n    </admin-sidebar>\n  </section>",
+  "html": "<section>\n    <admin-sidebar collapsible>\n      <row-ui slot=\"header\" gap=\"2\" align=\"center\">\n        <text-ui strong>Workspace</text-ui>\n        <button-ui icon=\"caret-double-left\" variant=\"ghost\" size=\"sm\" aria-label=\"Collapse sidebar\"></button-ui>\n      </row-ui>\n      <col-ui gap=\"4\">\n        <col-ui gap=\"1\"><!-- nested: nav-menu-icons --></col-ui>\n        <col-ui gap=\"1\">\n          <text-ui size=\"sm\" color=\"subtle\" tracking=\"wide\">PROJECTS</text-ui>\n          <button-ui icon=\"folder\" text=\"Marketing site\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"folder\" text=\"Admin app\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"plus\" text=\"New project\" variant=\"ghost\"></button-ui>\n        </col-ui>\n      </col-ui>\n    </admin-sidebar>\n  </section>",
   "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
   "metadata": {
     "domain": "navigation",
-    "description": "Collapsible left sidebar with primary nav groups, expandable sub-sections, and toggle to collapse to icon-only.",
+    "description": "Sidebar navigation layout using admin-sidebar with grouped nav items — primary nav group and project sub-group, each with icon-leading nav-item-ui buttons, collapsible to icon-only mode.",
     "keywords": [
+      "sidebar",
+      "navigation",
+      "layout",
+      "nav-ui",
+      "nav-item-ui",
+      "nav-group-ui",
+      "admin",
       "sidebar",
       "collapsible",
-      "nav",
+      "grouped",
+      "icon-only",
+      "admin-sidebar",
       "primary",
-      "navigation",
-      "menu",
-      "groups",
-      "subsections",
-      "toggle",
-      "icon-only"
+      "sub-section",
+      "toggle"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -79,7 +86,7 @@
       "variant": "ghost"
     },
     {
-      "id": "column-2",
+      "id": "column-3",
       "component": "Column",
       "gap": "1",
       "children": [
@@ -89,6 +96,14 @@
         "button-4"
       ]
     },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "column-3"
+      ]
+    },
     {
       "id": "text-2",
       "component": "Text",
@@ -118,7 +133,7 @@
       "variant": "ghost"
     },
     {
-      "id": "column-3",
+      "id": "column-4",
       "component": "Column",
       "gap": "1",
       "children": [
@@ -134,7 +149,7 @@
       "gap": "4",
       "children": [
         "column-2",
-        "column-3"
+        "column-4"
       ]
     },
     {

package/chunks/slider-range-controls.json

@@ -24,7 +24,7 @@
       "dual-handle"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",