@kerfjs/ui 5.0.0-beta.29 → 5.0.0-beta.30

package/ai/component-catalog-v2.json

@@ -33,6 +33,7 @@
           "Decorative icons are aria-hidden; meaningful icons require a label."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -75,6 +76,7 @@
           "The arrow is decorative; expose expanded state through aria-expanded on its owning control and keep that control's accessible name stable."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-disclosure-arrow",
         "publicClasses": ["kui-disclosure-arrow"],
@@ -123,6 +125,7 @@
           "Preserve Web Awesome semantics and Kerf focus/contrast tokens."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -175,6 +178,7 @@
           "Preserve semantic contrast relationships and the visible focus ring when overriding foundation colors."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -206,6 +210,7 @@
           "--kui-layout-content-gap",
           "--kui-layout-control-gap",
           "--kui-layout-metadata-gap",
+          "--kui-layout-highlight-inset",
           "--kui-layout-rounded-radius",
           "--kui-layout-pill-radius",
           "--kui-toolbar-group-inner-size",
@@ -242,6 +247,16 @@
           "--kui-color-brand-on-normal",
           "--kui-color-brand-on-loud",
           "--kui-color-brand-on-fill",
+          "--kui-color-pop-fill-loud",
+          "--kui-color-pop-fill-quiet",
+          "--kui-color-pop-fill-normal",
+          "--kui-color-pop-border-quiet",
+          "--kui-color-pop-border-normal",
+          "--kui-color-pop-border-loud",
+          "--kui-color-pop-on-quiet",
+          "--kui-color-pop-on-normal",
+          "--kui-color-pop-on-loud",
+          "--kui-color-pop-on-fill",
           "--kui-color-success-fill-loud",
           "--kui-color-success-fill-quiet",
           "--kui-color-success-fill-normal",
@@ -275,6 +290,8 @@
           "--kui-color-border-quiet",
           "--kui-color-accent",
           "--kui-color-accent-text",
+          "--kui-color-pop",
+          "--kui-color-pop-text",
           "--kui-color-success",
           "--kui-color-success-text",
           "--kui-color-warning",
@@ -329,6 +346,7 @@
           "When collapse replaces one control with its counterpart in another toolbar, move focus to the newly rendered restore or collapse control."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-content",
         "publicClasses": [
@@ -364,8 +382,36 @@
       "kind": "component",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "contexts": [
+        "application-column",
+        "sidebar",
+        "main-content",
+        "inspector",
+        "dialog-column"
+      ],
+      "zones": [
+        {
+          "id": "header",
+          "jsx": { "prop": "header" },
+          "accepts": ["fixed-chrome"],
+          "cardinality": { "min": 0, "max": "unbounded" },
+          "exclusiveWith": []
+        },
+        {
+          "id": "content",
+          "jsx": { "prop": "children" },
+          "accepts": ["pane-content"],
+          "cardinality": { "min": 0, "max": "unbounded" },
+          "exclusiveWith": []
+        },
+        {
+          "id": "footer",
+          "jsx": { "prop": "footer" },
+          "accepts": ["fixed-chrome"],
+          "cardinality": { "min": 0, "max": "unbounded" },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         {
@@ -413,6 +459,7 @@
           "Keep fixed header/footer chrome outside the single scrolling content slot so reading and focus order remain coherent."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-pane",
         "publicClasses": [
@@ -430,7 +477,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/layout.md#anatomy"
       }
     },
     {
@@ -461,12 +508,12 @@
           "required": false
         },
         {
-          "id": "focus restoration policy",
+          "id": "preferred initial focus targets when DOM order is insufficient",
           "owner": "application",
           "required": false
         },
         {
-          "id": "optional persistent bottom toolbar",
+          "id": "per-view bottom toolbar content or a persistent fallback",
           "owner": "application",
           "required": false
         }
@@ -491,14 +538,21 @@
       "accessibility": {
         "obligations": [
           "Give the stack region an accessible label and every back control a stable action label.",
-          "Wire pop behavior and restore focus to the control that opened the departing view after the controlled rerender."
+          "Use wireNavStack so each controlled push moves focus into the new top view and each pop restores the revealed view's remembered descendant.",
+          "Mark a preferred initial heading or control with data-nav-focus when the first enabled focusable descendant is not the right target."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-nav-stack",
         "publicClasses": [
           "kui-nav-stack",
           "kui-nav-stack__chrome",
+          "kui-nav-stack__bottom",
+          "kui-nav-stack__chrome--entering",
+          "kui-nav-stack__chrome-copy",
+          "kui-nav-stack__chrome-copy--bottom",
+          "kui-nav-stack__chrome-copy--exiting",
           "kui-nav-stack__lead",
           "kui-nav-stack__back",
           "kui-nav-stack__back-icon",
@@ -507,10 +561,9 @@
           "kui-nav-stack__viewport",
           "kui-nav-stack__view",
           "kui-nav-stack__view--entering",
-          "kui-nav-stack__view--exiting",
-          "kui-nav-stack__bottom"
+          "kui-nav-stack__view--exiting"
         ],
-        "publicTokens": []
+        "publicTokens": ["--kui-nav-stack-transition-duration"]
       },
       "diagnostics": [],
       "provenance": {
@@ -526,8 +579,23 @@
       "kind": "component",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "contexts": ["list-detail", "responsive-master-detail"],
+      "zones": [
+        {
+          "id": "list",
+          "jsx": { "prop": "list" },
+          "accepts": ["list-region"],
+          "cardinality": { "min": 1, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "detail",
+          "jsx": { "prop": "detail" },
+          "accepts": ["detail-region"],
+          "cardinality": { "min": 1, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         {
@@ -575,6 +643,7 @@
           "Wire the compact back action and optional separator keyboard behavior, and restore focus when controlled navigation replaces a view."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-split-view",
         "publicClasses": [
@@ -589,7 +658,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/split-view.md#split-view-list-detail"
       }
     },
     {
@@ -648,6 +717,7 @@
           "Wire selection through the controlled active id while leaving inactive scenes mounted and hidden."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-tab-scaffold",
         "publicClasses": [
@@ -675,8 +745,34 @@
       "kind": "component",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "contexts": ["desktop-application-shell"],
+      "zones": [
+        {
+          "id": "main",
+          "jsx": { "prop": "main" },
+          "accepts": ["workspace-region"],
+          "cardinality": { "min": 1, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "left-rail",
+          "accepts": ["panel-region"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "right-rail",
+          "accepts": ["panel-region"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "bottom-drawer",
+          "accepts": ["panel-region"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         {
@@ -716,6 +812,7 @@
           "Keep collapse controls outside the disappearing region and move focus when a controlled rerender replaces a collapse control with its restore control."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-workbench",
         "publicClasses": [
@@ -743,7 +840,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/workbench.md#workbench"
       }
     },
     {
@@ -803,6 +900,7 @@
           "Keep the restore control outside the disappearing panel and use wireSidebar for focus transfer, Escape, backdrop dismissal, and compact focus trapping."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-collapsible-panel",
         "publicClasses": [
@@ -874,6 +972,7 @@
           "Pass ariaLabel only when the surface is a distinct named region; otherwise it remains a non-landmark grouping."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-sunken-panel",
         "publicClasses": ["kui-sunken-panel"],
@@ -908,18 +1007,21 @@
       "zones": [
         {
           "id": "leading",
+          "jsx": { "prop": "leading" },
           "accepts": ["toolbar-text", "toolbar-control-group"],
           "cardinality": { "min": 0, "max": "unbounded" },
           "exclusiveWith": []
         },
         {
           "id": "center",
+          "jsx": { "prop": "center" },
           "accepts": ["toolbar-text", "toolbar-control-group"],
           "cardinality": { "min": 0, "max": "unbounded" },
           "exclusiveWith": []
         },
         {
           "id": "trailing",
+          "jsx": { "prop": "trailing" },
           "accepts": ["toolbar-text", "toolbar-control-group"],
           "cardinality": { "min": 0, "max": "unbounded" },
           "exclusiveWith": []
@@ -961,6 +1063,7 @@
           "Supply a label when the toolbar needs an accessible name."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-toolbar",
         "publicClasses": [
@@ -1013,7 +1116,8 @@
       "state": [
         { "id": "actions", "owner": "application", "required": false },
         { "id": "pressed state", "owner": "application", "required": false },
-        { "id": "expanded state", "owner": "application", "required": false }
+        { "id": "expanded state", "owner": "application", "required": false },
+        { "id": "avatar image URL", "owner": "application", "required": false }
       ],
       "wiring": { "required": false, "helpers": [], "obligations": [] },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
@@ -1026,11 +1130,16 @@
           "Name the group when its relationship is not evident from context."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-toolbar-control-group",
         "publicClasses": ["kui-toolbar-control-group"],
         "publicTokens": [
           "--kui-color-brand-on-quiet",
+          "--kui-color-pop-border-normal",
+          "--kui-color-pop-fill-normal",
+          "--kui-color-pop-on-normal",
+          "--kui-color-pop-on-quiet",
           "--kui-color-neutral-border-loud",
           "--kui-color-neutral-border-normal",
           "--kui-color-neutral-fill-loud",
@@ -1089,6 +1198,7 @@
           "Use popup surfaces only for real dropdown menus with named triggers."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-dialog-surface",
         "publicClasses": ["kui-dialog-surface", "kui-popup-surface"],
@@ -1131,6 +1241,7 @@
           "Give the toolbar an accessible name (label is required — it exposes role=\"toolbar\")."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-floating-toolbar",
         "publicClasses": ["kui-floating-toolbar"],
@@ -1176,6 +1287,7 @@
           "Plain text is not a heading; pass headingLevel to expose role=heading + aria-level for a page/section title."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-toolbar-text",
         "publicClasses": ["kui-toolbar-text"],
@@ -1220,6 +1332,7 @@
           "Preserve heading and description relationships for the containing surface."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -1258,6 +1371,7 @@
           "Name ValueTable with its label; ValueTableRow supplies dt/dd semantics, and row icons stay decorative unless meaning requires an accessible label."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-value-table",
         "publicClasses": [
@@ -1310,7 +1424,7 @@
           "required": false
         },
         {
-          "id": "gap, flex, and divider choices",
+          "id": "typed gap, flex, and divider choices",
           "owner": "application",
           "required": false
         }
@@ -1334,6 +1448,33 @@
           "Give a scrollable List a bounded block size and keep keyboard focus visible as its contents scroll."
         ]
       },
+      "cssValueProps": [
+        {
+          "path": "gap",
+          "grammar": "length",
+          "helpers": ["px", "rem", "em", "pct", "space", "lengthVar", "calc"],
+          "nonStandaloneHelpers": ["plus"],
+          "shorthands": ["none", "2xs", "xs", "s", "m", "l", "xl"],
+          "canonicalShorthands": ["none", "2xs", "xs", "m", "l"],
+          "exceptionalShorthands": ["s", "xl"],
+          "rawPolicy": "forbid",
+          "examples": [
+            "gap=\"xs\"",
+            "gap={rem(0.25)}",
+            "gap={calc(plus(rem(0.25), pct(10)))}"
+          ]
+        },
+        {
+          "path": "flex",
+          "grammar": "flex",
+          "helpers": ["flex"],
+          "shorthands": ["none", "auto", "initial"],
+          "canonicalShorthands": ["none", "auto", "initial"],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["flex=\"none\"", "flex={flex(1, 1, rem(20))}"]
+        }
+      ],
       "boundaries": {
         "rootClass": "kui-list",
         "publicClasses": ["kui-list"],
@@ -1374,6 +1515,7 @@
           "The owning control retains a stable accessible name."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-list-header",
         "publicClasses": [
@@ -1402,6 +1544,8 @@
           "--kui-list-header-hover-background",
           "--kui-list-group-divider-color",
           "--kui-color-brand-on-normal",
+          "--kui-color-pop-fill-normal",
+          "--kui-color-pop-on-normal",
           "--kui-color-danger-fill-normal",
           "--kui-color-danger-on-normal"
         ]
@@ -1457,6 +1601,18 @@
           "Selection semantics are exposed only by the primary button; label, icon, and trailingActionIcon are dormant SafeHtml and must not contain interactive descendants; never place an interactive descendant in ListItem.trailing."
         ]
       },
+      "cssValueProps": [
+        {
+          "path": "style",
+          "grammar": "declarations",
+          "helpers": [],
+          "shorthands": [],
+          "canonicalShorthands": [],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["className=\"app-row\""]
+        }
+      ],
       "boundaries": {
         "rootClass": "kui-list-action-row",
         "publicClasses": [
@@ -1536,6 +1692,18 @@
           "Uses native button activation; selected maps to aria-current and pressed to aria-pressed; rootAttributes cannot add role=menuitem or replace owned ARIA; trailing is dormant content and must not contain controls."
         ]
       },
+      "cssValueProps": [
+        {
+          "path": "style",
+          "grammar": "declarations",
+          "helpers": [],
+          "shorthands": [],
+          "canonicalShorthands": [],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["className=\"app-row\""]
+        }
+      ],
       "boundaries": {
         "rootClass": "kui-list-item",
         "publicClasses": [
@@ -1601,6 +1769,7 @@
           "A layout wrapper only; it adds no role or name — the wrapped control keeps its own."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-list-inset-control",
         "publicClasses": ["kui-list-inset-control"],
@@ -1635,6 +1804,7 @@
       "accessibility": {
         "obligations": ["A layout wrapper only; it adds no role or name."]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-list-inset-text",
         "publicClasses": [
@@ -1649,6 +1819,55 @@
         "composition": "generated-permissive-default"
       }
     },
+    {
+      "key": "@kerfjs/ui:application-tabs",
+      "package": "@kerfjs/ui",
+      "id": "application-tabs",
+      "name": "Application tabs composition",
+      "kind": "composition",
+      "source": "kerf",
+      "parents": { "mode": "any", "entries": [] },
+      "contexts": ["application-ui"],
+      "zones": [],
+      "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
+      "state": [
+        { "id": "ordered tabs", "owner": "application", "required": false },
+        { "id": "selected tab", "owner": "application", "required": false },
+        { "id": "tabpanels", "owner": "application", "required": false },
+        {
+          "id": "add and close policy",
+          "owner": "application",
+          "required": false
+        },
+        {
+          "id": "routing and persistence",
+          "owner": "application",
+          "required": false
+        }
+      ],
+      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "responsive": { "owner": "not-applicable", "behaviors": [] },
+      "layout": {
+        "roles": ["navigation"],
+        "geometry": { "margin": "child", "border": "child", "padding": "child" }
+      },
+      "accessibility": {
+        "obligations": [
+          "Keep one selected tab synchronized with one named tabpanel and retain the wireTabBars disposer."
+        ]
+      },
+      "cssValueProps": [],
+      "boundaries": {
+        "rootClass": null,
+        "publicClasses": [],
+        "publicTokens": []
+      },
+      "diagnostics": [],
+      "provenance": {
+        "selection": "ai/component-catalog.json",
+        "composition": "generated-permissive-default"
+      }
+    },
     {
       "key": "@kerfjs/ui:tabs",
       "package": "@kerfjs/ui",
@@ -1656,9 +1875,31 @@
       "name": "AppTab",
       "kind": "component",
       "source": "kerf",
-      "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "parents": { "mode": "listed", "entries": ["@kerfjs/ui:tab-bar"] },
+      "contexts": ["tabpanel-navigation"],
+      "zones": [
+        {
+          "id": "leading-decoration",
+          "jsx": { "prop": "leading" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "trailing-decoration",
+          "jsx": { "prop": "trailing" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "close-icon",
+          "jsx": { "prop": "closeIcon" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         { "id": "tab identity", "owner": "application", "required": false },
@@ -1685,6 +1926,7 @@
           "Use rootAttributes only for application data-* metadata; component-owned identity, state, action, and role semantics are protected at runtime."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-app-tab",
         "publicClasses": [
@@ -1719,7 +1961,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/accessibility.md#tabs"
       }
     },
     {
@@ -1734,9 +1976,24 @@
       "zones": [
         {
           "id": "tabs",
-          "accepts": ["app-tab"],
+          "jsx": { "prop": "children" },
+          "accepts": ["tabs"],
           "cardinality": { "min": 1, "max": "unbounded" },
           "exclusiveWith": []
+        },
+        {
+          "id": "leading",
+          "jsx": { "prop": "leading" },
+          "accepts": ["toolbar-control-group"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "trailing",
+          "jsx": { "prop": "trailing" },
+          "accepts": ["toolbar-control-group"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
         }
       ],
       "children": {
@@ -1766,6 +2023,7 @@
           "Selection and focus behavior follow the configured activation mode."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-tab-bar",
         "publicClasses": [
@@ -1813,6 +2071,7 @@
           "Every choice has a meaningful label."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-segmented-control",
         "publicClasses": [
@@ -1862,7 +2121,22 @@
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
       "contexts": ["structured-search-editor"],
-      "zones": [],
+      "zones": [
+        {
+          "id": "leading-decoration",
+          "jsx": { "prop": "leading" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "trailing-control",
+          "jsx": { "prop": "trailing" },
+          "accepts": ["control"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         { "id": "tokens", "owner": "controlled", "required": true },
@@ -1885,11 +2159,12 @@
       "accessibility": {
         "obligations": [
           "Announce result changes when useful and keep tokens atomic during editing.",
-          "Keep leading and trailing controls aligned to the first text line while content wraps.",
+          "Keep leading and trailing controls aligned to the first text line while content wraps. Managed Clear restores replacement focus before the next input task, preserving immediate typing and later focus handoffs without a frame delay.",
           "Wire Enter to submit without inserting a contenteditable line break and preserve focus plus the text-relative caret across controlled keyboard chip deletion before the next keystroke. Select All deletion preserves managed open state and replacement focus; persist both edited query and tokens. Visual wrapping remains available.",
           "In collapsible mode, wireTokenSearchFields manages this by default: activating the trigger reveals the searchbox and moves focus into it, Escape on an empty field collapses and returns focus to the trigger, and focus leaving an empty field collapses it; each behavior is individually opt-out."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-token-search",
         "publicClasses": [
@@ -1974,6 +2249,7 @@
           "Keep handleIcon decorative and free of interactive descendants; the separator owns focus, naming, and pointer/keyboard interaction."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-resizable-region",
         "publicClasses": [
@@ -2043,6 +2319,21 @@
           "Hint text is visible below the control through Web Awesome's native hint relationship; placeholderText remains the empty value inside the closed control."
         ]
       },
+      "cssValueProps": [
+        {
+          "path": "choices[].color",
+          "grammar": "color",
+          "helpers": ["uiColor", "colorVar"],
+          "shorthands": [],
+          "canonicalShorthands": [],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": [
+            "color: uiColor(\"success\")",
+            "color: colorVar(\"--app-choice-color\")"
+          ]
+        }
+      ],
       "boundaries": {
         "rootClass": "kui-select",
         "publicClasses": [
@@ -2105,6 +2396,7 @@
           "Choose polite status versus assertive alert deliberately."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2124,8 +2416,23 @@
       "kind": "component",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "contexts": ["persistent-status", "recoverable-error"],
+      "zones": [
+        {
+          "id": "icon",
+          "jsx": { "prop": "icon" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "action",
+          "jsx": { "prop": "action" },
+          "accepts": ["control"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         { "id": "badge content", "owner": "application", "required": false },
@@ -2146,6 +2453,7 @@
           "Keep optional badge content terse and do not rely on its tone alone for meaning."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-state-banner",
         "publicClasses": [
@@ -2160,6 +2468,9 @@
           "--kui-color-brand-border-quiet",
           "--kui-color-brand-fill-quiet",
           "--kui-color-brand-on-fill",
+          "--kui-color-pop-border-normal",
+          "--kui-color-pop-fill-quiet",
+          "--kui-color-pop-on-fill",
           "--kui-color-danger-border-quiet",
           "--kui-color-danger-fill-quiet",
           "--kui-color-danger-on-quiet",
@@ -2191,6 +2502,9 @@
           "--kui-state-banner-info-background",
           "--kui-state-banner-info-border",
           "--kui-state-banner-info-foreground",
+          "--kui-state-banner-pop-background",
+          "--kui-state-banner-pop-border",
+          "--kui-state-banner-pop-foreground",
           "--kui-state-banner-neutral-background",
           "--kui-state-banner-neutral-border",
           "--kui-state-banner-neutral-foreground",
@@ -2205,7 +2519,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/component-selection.md#problem-to-component-matrix"
       }
     },
     {
@@ -2216,8 +2530,23 @@
       "kind": "component",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
-      "contexts": ["application-ui"],
-      "zones": [],
+      "contexts": ["empty-content", "busy-content"],
+      "zones": [
+        {
+          "id": "icon",
+          "jsx": { "prop": "icon" },
+          "accepts": ["dormant-decoration"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        },
+        {
+          "id": "action",
+          "jsx": { "prop": "action" },
+          "accepts": ["control"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
+        }
+      ],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [
         {
@@ -2239,6 +2568,7 @@
           "Busy state uses aria-busy; the illustration never supplies the only label."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-empty-state",
         "publicClasses": [
@@ -2260,7 +2590,7 @@
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/component-selection.md#problem-to-component-matrix"
       }
     },
     {
@@ -2297,6 +2627,7 @@
           "Labeled spinners use role img; decorative spinners are hidden and stop for reduced motion."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": "kui-loading-spinner",
         "publicClasses": ["kui-loading-spinner"],
@@ -2347,6 +2678,51 @@
           "Decorative by default (aria-hidden); pass label to announce it as an image. A component in placeholder mode marks itself aria-busy and disables its own controls."
         ]
       },
+      "cssValueProps": [
+        {
+          "path": "width",
+          "grammar": "size",
+          "helpers": ["px", "rem", "em", "pct", "space", "lengthVar", "calc"],
+          "nonStandaloneHelpers": ["plus"],
+          "shorthands": ["auto", "min-content", "max-content", "fit-content"],
+          "canonicalShorthands": [
+            "auto",
+            "min-content",
+            "max-content",
+            "fit-content"
+          ],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["width={em(12)}", "width=\"fit-content\""]
+        },
+        {
+          "path": "height",
+          "grammar": "size",
+          "helpers": ["px", "rem", "em", "pct", "space", "lengthVar", "calc"],
+          "nonStandaloneHelpers": ["plus"],
+          "shorthands": ["auto", "min-content", "max-content", "fit-content"],
+          "canonicalShorthands": [
+            "auto",
+            "min-content",
+            "max-content",
+            "fit-content"
+          ],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["height={em(1.5)}"]
+        },
+        {
+          "path": "radius",
+          "grammar": "length",
+          "helpers": ["px", "rem", "em", "pct", "space", "lengthVar", "calc"],
+          "nonStandaloneHelpers": ["plus"],
+          "shorthands": [],
+          "canonicalShorthands": [],
+          "exceptionalShorthands": [],
+          "rawPolicy": "forbid",
+          "examples": ["radius={px(999)}"]
+        }
+      ],
       "boundaries": {
         "rootClass": "kui-skeleton",
         "publicClasses": ["kui-skeleton", "kui-skeleton-lines"],
@@ -2377,6 +2753,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2407,6 +2784,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2437,6 +2815,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2467,6 +2846,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2497,6 +2877,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2527,6 +2908,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2557,6 +2939,7 @@
         "geometry": { "margin": "self", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2587,6 +2970,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2617,6 +3001,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2647,6 +3032,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2677,6 +3063,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2707,6 +3094,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2737,6 +3125,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2767,6 +3156,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2808,6 +3198,7 @@
         "geometry": { "margin": "self", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2838,6 +3229,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2879,6 +3271,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2909,6 +3302,7 @@
         "geometry": { "margin": "self", "border": "none", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2939,6 +3333,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2969,6 +3364,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -2999,6 +3395,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3040,6 +3437,7 @@
         "geometry": { "margin": "self", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3070,6 +3468,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3100,6 +3499,7 @@
         "geometry": { "margin": "self", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3130,6 +3530,7 @@
         "geometry": { "margin": "self", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3160,15 +3561,16 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
-        "publicClasses": [],
+        "publicClasses": ["hide-actions"],
         "publicTokens": []
       },
       "diagnostics": [],
       "provenance": {
         "selection": "ai/component-catalog.json",
-        "composition": "generated-permissive-default"
+        "composition": "docs/webawesome-theme.md#coverage"
       }
     },
     {
@@ -3190,6 +3592,7 @@
         "geometry": { "margin": "parent", "border": "self", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3220,6 +3623,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3250,6 +3654,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3280,6 +3685,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3310,6 +3716,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3340,6 +3747,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3370,6 +3778,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3400,6 +3809,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3430,6 +3840,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3477,6 +3888,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3521,6 +3933,7 @@
         }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3551,6 +3964,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3581,6 +3995,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3611,6 +4026,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3641,6 +4057,7 @@
         "geometry": { "margin": "self", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3671,6 +4088,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3701,6 +4119,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3731,6 +4150,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3761,6 +4181,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3791,6 +4212,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3821,6 +4243,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3851,6 +4274,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3881,6 +4305,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3911,6 +4336,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3941,6 +4367,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -3971,6 +4398,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4001,6 +4429,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4031,6 +4460,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4061,6 +4491,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4091,6 +4522,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4121,6 +4553,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4151,6 +4584,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4181,6 +4615,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4211,6 +4646,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4241,6 +4677,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4271,6 +4708,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4301,6 +4739,7 @@
         "geometry": { "margin": "self", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4331,6 +4770,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4361,6 +4801,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4391,6 +4832,7 @@
         "geometry": { "margin": "none", "border": "self", "padding": "self" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4421,6 +4863,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4451,6 +4894,7 @@
         "geometry": { "margin": "none", "border": "child", "padding": "child" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4481,6 +4925,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4511,6 +4956,7 @@
         "geometry": { "margin": "none", "border": "none", "padding": "none" }
       },
       "accessibility": { "obligations": [] },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4558,6 +5004,7 @@
           "Each pane has one scroll owner and each resize handle keeps its separator keyboard contract."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4605,6 +5052,7 @@
           "Native buttons retain names, current state, sequential focus, and disclosure state; rows and standalone footer actions remain at least 44px tall."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4648,6 +5096,7 @@
           "Heading order and action focus order remain stable when controls wrap."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4691,6 +5140,7 @@
           "Web Awesome owns modal focus and Escape; the application adapter restores the invoking control after hide, and Toolbar plus ToolbarText supply the visible hierarchy."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4738,6 +5188,7 @@
           "The form references its ToolbarText title and supporting-summary ids; production fields own labels and help; invalid submission creates an assertive persistent StateBanner while successful submission creates a polite persistent banner."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4781,6 +5232,7 @@
           "Busy, polite, and assertive states use the appropriate production feedback semantics."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4832,6 +5284,7 @@
           "Each control retains its own native name, pressed/value state, and keyboard contract."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4879,6 +5332,7 @@
           "The back control is a real button; reduced motion collapses the slide to instant."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4933,6 +5387,7 @@
           "Each component marks itself aria-busy and disables its own controls while loading; the composition keeps labels and structure stable across the transition."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],
@@ -4984,6 +5439,7 @@
           "Each panel is a labeled aside that is aria-hidden while collapsed; toggles carry aria-expanded and the standard per-side glyph; while compact an open panel is an overlay with a backdrop, Escape and backdrop-click dismiss, and a trapped Tab ring."
         ]
       },
+      "cssValueProps": [],
       "boundaries": {
         "rootClass": null,
         "publicClasses": [],