@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

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-27T23:29:53.307Z",
+  "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-27T23:29:53.307Z",
+  "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-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
@@ -43,6 +50,7 @@
     {
       "id": "row",
       "component": "Row",
+      "slot": "header",
       "align": "center",
       "gap": "2",
       "children": [
@@ -79,7 +87,7 @@
       "variant": "ghost"
     },
     {
-      "id": "column-2",
+      "id": "column-3",
       "component": "Column",
       "gap": "1",
       "children": [
@@ -89,6 +97,14 @@
         "button-4"
       ]
     },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "column-3"
+      ]
+    },
     {
       "id": "text-2",
       "component": "Text",
@@ -118,7 +134,7 @@
       "variant": "ghost"
     },
     {
-      "id": "column-3",
+      "id": "column-4",
       "component": "Column",
       "gap": "1",
       "children": [
@@ -134,7 +150,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-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/social-media-post-card.json

@@ -0,0 +1,182 @@
+{
+  "name": "social-media-post-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/social-media-post-card/social-media-post-card.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\" justify=\"space-between\">\n      <row-ui gap=\"3\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"md\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui weight=\"semibold\">Maya Rivera</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">@mayarivera</text-ui>\n        </col-ui>\n      </row-ui>\n      <text-ui size=\"sm\" color=\"subtle\">2h ago</text-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀</text-ui>\n      <image-ui\n        src=\"https://picsum.photos/seed/post42/800/450\"\n        alt=\"Screenshot of the redesigned onboarding flow\"\n        fit=\"cover\"\n        raw\n        style=\"border-radius:var(--a-radius-md)\"></image-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"4\" align=\"center\">\n      <button-ui variant=\"ghost\" icon=\"heart\" size=\"sm\" aria-label=\"Like\" text=\"214\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"chat\" size=\"sm\" aria-label=\"Comment\" text=\"38\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"share\" size=\"sm\" aria-label=\"Share\" text=\"12\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/social-media-post-card/social-media-post-card.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Social media post card — feed item with avatar, user name, handle, timestamp, post text, optional photo, and engagement actions (likes, comments, share).",
+    "keywords": [
+      "social",
+      "media",
+      "post",
+      "card",
+      "feed",
+      "avatar",
+      "user",
+      "name",
+      "timestamp",
+      "like",
+      "comment",
+      "share",
+      "engagement",
+      "card-ui",
+      "avatar-ui",
+      "image-ui"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "md",
+      "text": "Maya Rivera"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Maya Rivera"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "@mayarivera"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2h ago"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "justify": "space-between",
+      "children": [
+        "row-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀"
+    },
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Screenshot of the redesigned onboarding flow",
+      "fit": "cover",
+      "raw": true,
+      "src": "https://picsum.photos/seed/post42/800/450"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-4",
+        "image"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "like",
+      "component": "Button",
+      "aria-label": "Like",
+      "icon": "heart",
+      "size": "sm",
+      "text": "214",
+      "variant": "ghost"
+    },
+    {
+      "id": "comment",
+      "component": "Button",
+      "aria-label": "Comment",
+      "icon": "chat",
+      "size": "sm",
+      "text": "38",
+      "variant": "ghost"
+    },
+    {
+      "id": "share",
+      "component": "Button",
+      "aria-label": "Share",
+      "icon": "share",
+      "size": "sm",
+      "text": "12",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "4",
+      "children": [
+        "like",
+        "comment",
+        "share"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/sortable-search-paginate-table.json

@@ -0,0 +1,125 @@
+{
+  "name": "sortable-search-paginate-table",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/sortable-search-table/sortable-search-table.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <text-ui slot=\"heading\" strong>Team Members</text-ui>\n    <span slot=\"action\">\n      <button-ui text=\"Export CSV\" variant=\"outline\" size=\"sm\" icon-leading=\"download\"></button-ui>\n    </span>\n  </header>\n  <section bleed>\n    <!-- table-ui: sortable=column click-to-sort, search=global filter, paginate=N rows per page -->\n    <table-ui id=\"team-table\" sortable search=\" \" paginate=\"10\">\n      <col-def key=\"name\" label=\"Name\" type=\"avatar\"></col-def>\n      <col-def key=\"email\" label=\"Email\" type=\"link\"></col-def>\n      <col-def key=\"role\" label=\"Role\"></col-def>\n      <col-def key=\"status\" label=\"Status\" type=\"badge\"></col-def>\n      <col-def key=\"joined\" label=\"Joined\" type=\"date\"></col-def>\n    </table-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/sortable-search-table/sortable-search-table.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Data table with sortable columns, search filter, and pagination — table-ui with col-def children declaring Name, Email, Status (badge), and date columns. Full interactive data table pattern.",
+    "keywords": [
+      "data",
+      "table",
+      "sortable",
+      "columns",
+      "search",
+      "pagination",
+      "table-ui",
+      "col-def",
+      "sortable",
+      "search",
+      "paginate",
+      "filter",
+      "rows",
+      "columns",
+      "header",
+      "data-table",
+      "interactive"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "slot": "heading",
+      "strong": true,
+      "textContent": "Team Members"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Export CSV",
+      "variant": "outline"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "col-def",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-2",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-3",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-4",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-5",
+      "component": "ColDef"
+    },
+    {
+      "id": "team-table",
+      "component": "Table",
+      "paginate": 10,
+      "search": " ",
+      "sortable": true,
+      "children": [
+        "col-def",
+        "col-def-2",
+        "col-def-3",
+        "col-def-4",
+        "col-def-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "team-table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/{editor-preview-pane.json → split-pane-editor-preview.json}

@@ -1,5 +1,5 @@
 {
-  "name": "editor-preview-pane",
+  "name": "split-pane-editor-preview",
   "kind": "block",
   "primary": "section",
   "page": "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
@@ -19,10 +19,18 @@
       "output",
       "live-preview",
       "iframe",
-      "split-pane"
+      "split-pane",
+      "split",
+      "pane",
+      "two-column",
+      "aside",
+      "content",
+      "editor",
+      "preview",
+      "split-view"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/{dashboard-kpi-grid.json → stat-cards-kpi-dashboard.json}

@@ -1,5 +1,5 @@
 {
-  "name": "dashboard-kpi-grid",
+  "name": "stat-cards-kpi-dashboard",
   "kind": "block",
   "primary": "grid-ui",
   "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
@@ -13,22 +13,34 @@
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "4-column KPI metric grid — each card shows a stat label, large value, and delta indicator.",
+    "description": "KPI stat cards dashboard — grid of stat-ui cards each showing a label, large numeric value, trend delta (up/down), and icon. Revenue, subscriptions, sales, and active-user metrics.",
     "keywords": [
+      "stat",
+      "cards",
       "kpi",
+      "dashboard",
+      "stat-ui",
+      "revenue",
+      "users",
+      "growth",
       "metrics",
-      "stats",
       "grid",
-      "dashboard",
-      "cards",
+      "trend",
+      "delta",
+      "change",
+      "value",
+      "label",
+      "icon",
+      "currency",
+      "sales",
+      "active",
+      "subscriptions",
+      "kpi-grid",
       "numbers",
-      "metric-tiles",
-      "overview",
-      "responsive",
-      "breakpoint"
+      "business-metrics"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "stat",