@kerfjs/ui 5.0.0-beta.49 → 5.0.0-beta.51

package/ai/component-catalog-v2.json

@@ -7,6 +7,59 @@
     "identity": "package:id"
   },
   "entries": [
+    {
+      "key": "@kerfjs/ui:badge",
+      "package": "@kerfjs/ui",
+      "id": "badge",
+      "name": "Badge",
+      "kind": "component",
+      "source": "kerf",
+      "parents": { "mode": "any", "entries": [] },
+      "contexts": ["application-ui"],
+      "zones": [],
+      "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
+      "state": [
+        { "id": "metadata text", "owner": "application", "required": false },
+        {
+          "id": "semantic tone mapping",
+          "owner": "application",
+          "required": false
+        },
+        {
+          "id": "accessible label for abbreviated content",
+          "owner": "application",
+          "required": false
+        }
+      ],
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
+      "responsive": { "owner": "not-applicable", "behaviors": [] },
+      "layout": {
+        "roles": ["foundation"],
+        "geometry": { "margin": "none", "border": "self", "padding": "self" }
+      },
+      "accessibility": {
+        "obligations": [
+          "Badge is non-interactive. Supply label when visible content is abbreviated, and ariaHidden when it repeats an accessible name owned by the surrounding component.",
+          "Keep meaningful text visible because tone is supplementary."
+        ]
+      },
+      "cssValueProps": [],
+      "boundaries": {
+        "rootClass": "kui-badge",
+        "publicClasses": ["kui-badge"],
+        "publicTokens": []
+      },
+      "diagnostics": [],
+      "provenance": {
+        "selection": "ai/component-catalog.json",
+        "composition": "generated-permissive-default"
+      }
+    },
     {
       "key": "@kerfjs/ui:lucide-icon",
       "package": "@kerfjs/ui",
@@ -22,7 +75,12 @@
         { "id": "icon choice", "owner": "application", "required": false },
         { "id": "meaningful label", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["foundation"],
@@ -65,7 +123,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["foundation"],
@@ -114,7 +177,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["foundation"],
@@ -163,6 +231,10 @@
           "--kui-toolbar-group-inner-size",
           "--kui-toolbar-group-size",
           "--kui-toolbar-gap",
+          "--kui-safe-area-block-start",
+          "--kui-safe-area-block-end",
+          "--kui-safe-area-inline-start",
+          "--kui-safe-area-inline-end",
           "--kui-radius-s",
           "--kui-radius-m",
           "--kui-radius-l",
@@ -281,7 +353,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["foundation"],
@@ -381,13 +458,23 @@
           "owner": "application",
           "required": false
         },
+        {
+          "id": "which sides may compensate for device safe areas in an app-owned arrangement (safeAreaEdges)",
+          "owner": "application",
+          "required": false
+        },
         {
           "id": "responsive placement and visibility",
           "owner": "application",
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -396,7 +483,8 @@
           "border": "conditional",
           "padding": "child",
           "notes": [
-            "The pane is unpadded; separators are independently opt-in on logical edges and default off."
+            "The pane is unpadded; separators are independently opt-in on logical edges and default off.",
+            "Safe areas: the root and separators paint through unsafe areas while header, content, and footer pad the sides the pane still reaches (routed by --kui-edge-inset-*); content block insets are scroll padding."
           ]
         }
       },
@@ -417,6 +505,10 @@
           "kui-pane__toolbar"
         ],
         "publicTokens": [
+          "--kui-edge-inset-block-end",
+          "--kui-edge-inset-block-start",
+          "--kui-edge-inset-inline-end",
+          "--kui-edge-inset-inline-start",
           "--kui-pane-separator-color",
           "--kui-pane-separator-width"
         ]
@@ -468,7 +560,27 @@
       "wiring": {
         "required": true,
         "helpers": ["wireNavStack"],
-        "obligations": ["Use wireNavStack as documented."]
+        "obligations": ["Use wireNavStack as documented."],
+        "stateAttributes": [
+          {
+            "name": "data-nav-chrome-transition",
+            "on": "kui-nav-stack",
+            "helper": "wireNavStack",
+            "meaning": "\"true\" while the chrome cross-fades between the outgoing and incoming view."
+          },
+          {
+            "name": "data-nav-chrome-copy",
+            "on": "kui-nav-stack__chrome-copy",
+            "helper": "wireNavStack",
+            "meaning": "Marks the inert, aria-hidden snapshot of the outgoing chrome shown during the cross-fade."
+          },
+          {
+            "name": "data-nav-exiting",
+            "on": "kui-nav-stack__view",
+            "helper": "wireNavStack",
+            "meaning": "\"true\" on a popped view the helper briefly re-inserts to slide it out."
+          }
+        ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
@@ -570,7 +682,39 @@
       "wiring": {
         "required": true,
         "helpers": ["wireResizableRegions", "wireNavStack"],
-        "obligations": ["Use wireNavStack as documented."]
+        "obligations": ["Use wireNavStack as documented."],
+        "stateAttributes": [
+          {
+            "name": "data-handle-inset",
+            "on": "kui-resizable-region",
+            "helper": "wireResizableRegions",
+            "meaning": "Present while a clipping edge clamps the region: the handle and its focus ring sit inside the region instead of overhanging that edge."
+          },
+          {
+            "name": "data-resizing",
+            "on": "kui-resizable-region",
+            "helper": "wireResizableRegions",
+            "meaning": "\"true\" during an active pointer drag of the handle."
+          },
+          {
+            "name": "data-nav-chrome-transition",
+            "on": "kui-nav-stack",
+            "helper": "wireNavStack",
+            "meaning": "\"true\" while the chrome cross-fades between the outgoing and incoming view."
+          },
+          {
+            "name": "data-nav-chrome-copy",
+            "on": "kui-nav-stack__chrome-copy",
+            "helper": "wireNavStack",
+            "meaning": "Marks the inert, aria-hidden snapshot of the outgoing chrome shown during the cross-fade."
+          },
+          {
+            "name": "data-nav-exiting",
+            "on": "kui-nav-stack__view",
+            "helper": "wireNavStack",
+            "meaning": "\"true\" on a popped view the helper briefly re-inserts to slide it out."
+          }
+        ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
@@ -596,7 +740,6 @@
         "publicClasses": [
           "kui-split-view",
           "kui-split-view__list",
-          "kui-resizable-region",
           "kui-split-view__detail",
           "kui-split-view--compact"
         ],
@@ -644,7 +787,8 @@
       "wiring": {
         "required": true,
         "helpers": ["wireTabScaffold"],
-        "obligations": ["Use wireTabScaffold as documented."]
+        "obligations": ["Use wireTabScaffold as documented."],
+        "stateAttributes": []
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
@@ -740,7 +884,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -827,7 +976,27 @@
       "wiring": {
         "required": true,
         "helpers": ["wireSidebar"],
-        "obligations": ["Use wireSidebar as documented."]
+        "obligations": ["Use wireSidebar as documented."],
+        "stateAttributes": [
+          {
+            "name": "data-collapsible-responsive",
+            "on": "the root passed to wireSidebar",
+            "helper": "wireSidebar",
+            "meaning": "With a deviceClass: \"inline\" on a wide device class, otherwise the compact presentation (\"overlay\" or \"hidden\"). Re-applied if a re-render drops it."
+          },
+          {
+            "name": "data-collapsible-overlay",
+            "on": "the root passed to wireSidebar",
+            "helper": "wireSidebar",
+            "meaning": "With a deviceClass on a compact device: \"true\" for the overlay presentation, \"false\" for hidden. Absent on a wide device class. Re-applied if a re-render drops it."
+          },
+          {
+            "name": "data-morph-preserve",
+            "on": "kui-collapsible-panel__backdrop",
+            "helper": "wireSidebar",
+            "meaning": "Keeps the injected compact-overlay backdrop through the application's re-render; the helper creates and removes the backdrop itself."
+          }
+        ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
@@ -901,7 +1070,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -990,9 +1164,19 @@
           "id": "responsive relocation",
           "owner": "application",
           "required": false
+        },
+        {
+          "id": "which screen edges an app bar or bottom bar outside a Pane header or footer claims for device safe areas (safeAreaEdges)",
+          "owner": "application",
+          "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1001,7 +1185,8 @@
           "border": "conditional",
           "padding": "self",
           "notes": [
-            "Padding belongs to the toolbar; dividerSides selects any canonical combination of its physical top, right, bottom, and left edges."
+            "Padding belongs to the toolbar; dividerSides selects any canonical combination of its physical top, right, bottom, and left edges.",
+            "Safe areas: a Pane header or footer hands a sole Toolbar its inline edges; an app bar or bottom bar at a screen edge claims its sides with safeAreaEdges and pads each claimed side by the --kui-edge-inset-* context or the full device inset, while its box and dividers paint through."
           ]
         }
       },
@@ -1062,11 +1247,21 @@
       },
       "state": [
         { "id": "actions", "owner": "application", "required": false },
+        {
+          "id": "link destination and copy",
+          "owner": "application",
+          "required": false
+        },
         { "id": "pressed 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": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1079,8 +1274,11 @@
       },
       "cssValueProps": [],
       "boundaries": {
-        "rootClass": "kui-toolbar-control-group",
-        "publicClasses": ["kui-toolbar-control-group"],
+        "rootClass": "kui-toolbar-action-link",
+        "publicClasses": [
+          "kui-toolbar-action-link",
+          "kui-toolbar-control-group"
+        ],
         "publicTokens": [
           "--kui-color-brand-on-quiet",
           "--kui-color-pop-border-normal",
@@ -1133,7 +1331,12 @@
         { "id": "content", "owner": "application", "required": false },
         { "id": "outer placement", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1177,7 +1380,12 @@
         { "id": "position", "owner": "application", "required": false },
         { "id": "visibility", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1223,7 +1431,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1240,8 +1453,10 @@
         "publicClasses": ["kui-toolbar-text"],
         "publicTokens": [
           "--kui-color-neutral-on-quiet",
+          "--kui-color-text",
+          "--kui-font-2xl",
+          "--kui-font-l",
           "--kui-font-m",
-          "--kui-font-mono",
           "--kui-font-s",
           "--kui-font-xs"
         ]
@@ -1275,7 +1490,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1284,13 +1504,13 @@
           "border": "self",
           "padding": "self",
           "notes": [
-            "Text resets the native variant's margin and adds a 1px transparent border plus the standard 8px item padding."
+            "Block Text variants reset native margins and add a 1px transparent border plus the standard 8px item padding; span has no margin, border, or padding."
           ]
         }
       },
       "accessibility": {
         "obligations": [
-          "Text renders a native paragraph by default; choose an h1 through h6 variant by document outline rather than appearance.",
+          "Text renders a native paragraph by default; choose an h1 through h6 variant by document outline rather than appearance, or span for inline secondary text.",
           "Ordinary global, data, and ARIA attributes pass through to the native element.",
           "Choose tone, size, and font independently of the heading level so appearance does not distort the document outline."
         ]
@@ -1317,7 +1537,7 @@
       "key": "@kerfjs/ui:headers",
       "package": "@kerfjs/ui",
       "id": "headers",
-      "name": "Header composition",
+      "name": "Headers",
       "kind": "composition",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
@@ -1329,7 +1549,12 @@
         { "id": "copy", "owner": "application", "required": false },
         { "id": "actions", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1368,7 +1593,12 @@
         { "id": "formatting", "owner": "application", "required": false },
         { "id": "empty policy", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1437,7 +1667,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1522,7 +1757,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1607,7 +1847,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -1693,7 +1938,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -1767,7 +2017,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [{ "id": "expanded", "owner": "controlled", "required": false }],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -1786,16 +2041,12 @@
           "kui-list-header",
           "kui-list-header__action",
           "kui-list-header__action-layer",
-          "kui-list-header__badge",
-          "kui-list-header__count",
           "kui-list-header__label",
           "kui-list-header__title",
           "kui-list-header__toggle"
         ],
         "publicTokens": [
           "--kui-color-neutral-border-quiet",
-          "--kui-color-neutral-fill-quiet",
-          "--kui-color-neutral-on-quiet",
           "--kui-focus-ring",
           "--kui-font-xs",
           "--kui-list-header-action-icon-size",
@@ -1803,15 +2054,8 @@
           "--kui-layout-inline-margin",
           "--kui-layout-item-gap",
           "--kui-layout-item-padding",
-          "--kui-layout-pill-radius",
-          "--kui-list-header-count-font-size",
           "--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"
+          "--kui-list-group-divider-color"
         ]
       },
       "diagnostics": [
@@ -1853,7 +2097,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -1945,7 +2194,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -2022,7 +2276,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -2059,7 +2318,12 @@
       "state": [
         { "id": "the text content", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["structure"],
@@ -2087,7 +2351,7 @@
       "key": "@kerfjs/ui:application-tabs",
       "package": "@kerfjs/ui",
       "id": "application-tabs",
-      "name": "Application tabs composition",
+      "name": "Application tabs",
       "kind": "composition",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
@@ -2109,7 +2373,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -2177,7 +2446,12 @@
         },
         { "id": "outer placement", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -2258,6 +2532,13 @@
           "accepts": ["toolbar-control-group"],
           "cardinality": { "min": 0, "max": 1 },
           "exclusiveWith": []
+        },
+        {
+          "id": "end",
+          "jsx": { "prop": "end" },
+          "accepts": ["toolbar-control-group"],
+          "cardinality": { "min": 0, "max": 1 },
+          "exclusiveWith": []
         }
       ],
       "children": {
@@ -2274,12 +2555,39 @@
         "obligations": [
           "Retain and invoke the disposer.",
           "Apply onReorder to application-owned order."
+        ],
+        "stateAttributes": [
+          {
+            "name": "data-tab-dragging",
+            "on": "AppTab (data-component=\"app-tab\")",
+            "helper": "wireTabBars",
+            "meaning": "\"true\" on the tab being dragged."
+          },
+          {
+            "name": "data-tab-drop-position",
+            "on": "AppTab (data-component=\"app-tab\")",
+            "helper": "wireTabBars",
+            "meaning": "\"before\" or \"after\" on the tab under the pointer: where the dragged tab would land."
+          },
+          {
+            "name": "data-tab-autoscroll",
+            "on": "kui-tab-bar__tabs",
+            "helper": "wireTabBars",
+            "meaning": "\"start\" or \"end\" while a drag near that edge auto-scrolls the strip."
+          }
         ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
-        "geometry": { "margin": "none", "border": "self", "padding": "self" }
+        "geometry": {
+          "margin": "none",
+          "border": "self",
+          "padding": "self",
+          "notes": [
+            "TabBar owns inline flex allocation: tabs shrink and scroll, an adjacent trailing action follows the tab strip, and the end action stays pinned at the far edge; leading, trailing, and end actions do not shrink."
+          ]
+        }
       },
       "accessibility": {
         "obligations": [
@@ -2294,7 +2602,8 @@
           "kui-tab-bar",
           "kui-tab-bar__leading",
           "kui-tab-bar__tabs",
-          "kui-tab-bar__trailing"
+          "kui-tab-bar__trailing",
+          "kui-tab-bar__end"
         ],
         "publicTokens": ["--kui-tab-bar-background", "--kui-tab-bar-border"]
       },
@@ -2323,7 +2632,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [{ "id": "value", "owner": "controlled", "required": true }],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["controls"],
@@ -2413,6 +2727,20 @@
         "obligations": [
           "Retain and invoke the disposer.",
           "Use readTokenSearchField for DOM-owned text."
+        ],
+        "stateAttributes": [
+          {
+            "name": "data-token-search-text",
+            "on": "the text span inside kui-token-search__editor",
+            "helper": "wireTokenSearchFields",
+            "meaning": "Marks the plain-text span the helper inserts when the editor is emptied."
+          },
+          {
+            "name": "data-empty",
+            "on": "the text span inside kui-token-search__editor",
+            "helper": "wireTokenSearchFields",
+            "meaning": "\"true\" on that span while it holds no text."
+          }
         ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
@@ -2493,6 +2821,20 @@
         "obligations": [
           "Retain and invoke the disposer.",
           "Persist committed size in the application when persistence is required."
+        ],
+        "stateAttributes": [
+          {
+            "name": "data-handle-inset",
+            "on": "kui-resizable-region",
+            "helper": "wireResizableRegions",
+            "meaning": "Present while a clipping edge clamps the region: the handle and its focus ring sit inside the region instead of overhanging that edge."
+          },
+          {
+            "name": "data-resizing",
+            "on": "kui-resizable-region",
+            "helper": "wireResizableRegions",
+            "meaning": "\"true\" during an active pointer drag of the handle."
+          }
         ]
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
@@ -2529,6 +2871,7 @@
           "--kui-color-text-link",
           "--kui-focus-ring",
           "--kui-radius-s",
+          "--kui-resizable-region-edge-extent",
           "--kui-resizable-region-handle-active-color",
           "--kui-resizable-region-handle-color",
           "--kui-resizable-region-overlay-z",
@@ -2569,7 +2912,8 @@
         "helpers": ["@kerfjs/ui/select/register"],
         "obligations": [
           "Import the registration module once in the application."
-        ]
+        ],
+        "stateAttributes": []
       },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
@@ -2588,14 +2932,14 @@
         {
           "path": "choices[].color",
           "grammar": "color",
-          "helpers": ["uiColor", "colorVar"],
+          "helpers": ["uiColor", "foregroundColorVar"],
           "shorthands": [],
           "canonicalShorthands": [],
           "exceptionalShorthands": [],
           "rawPolicy": "forbid",
           "examples": [
-            "color: uiColor(\"success\")",
-            "color: colorVar(\"--app-choice-color\")"
+            "color: uiColor(\"success-on-quiet\")",
+            "color: foregroundColorVar(\"--app-choice-color\")"
           ]
         }
       ],
@@ -2638,7 +2982,7 @@
       "key": "@kerfjs/ui:feedback",
       "package": "@kerfjs/ui",
       "id": "feedback",
-      "name": "Feedback composition",
+      "name": "Feedback",
       "kind": "composition",
       "source": "kerf",
       "parents": { "mode": "any", "entries": [] },
@@ -2650,7 +2994,12 @@
         { "id": "message lifetime", "owner": "application", "required": false },
         { "id": "recovery policy", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -2706,7 +3055,12 @@
         { "id": "retry behavior", "owner": "application", "required": false },
         { "id": "copy", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -2724,7 +3078,6 @@
         "publicClasses": [
           "kui-state-banner",
           "kui-state-banner__action",
-          "kui-state-banner__badge",
           "kui-state-banner__copy",
           "kui-state-banner__detail",
           "kui-state-banner__icon"
@@ -2756,8 +3109,6 @@
           "--kui-state-banner-action-background",
           "--kui-state-banner-action-hover-background",
           "--kui-state-banner-background",
-          "--kui-state-banner-badge-background",
-          "--kui-state-banner-badge-foreground",
           "--kui-state-banner-border",
           "--kui-state-banner-danger-background",
           "--kui-state-banner-danger-border",
@@ -2822,7 +3173,12 @@
         { "id": "recovery action", "owner": "application", "required": false },
         { "id": "copy", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -2881,7 +3237,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -2932,7 +3293,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -3011,7 +3377,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["actions"],
@@ -3042,7 +3413,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["actions"],
@@ -3073,7 +3449,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["actions"],
@@ -3104,7 +3485,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["actions"],
@@ -3135,7 +3521,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["actions"],
@@ -3166,7 +3557,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3197,7 +3593,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3228,7 +3629,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3259,7 +3665,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3290,7 +3701,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3321,7 +3737,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3352,7 +3773,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3383,7 +3809,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3414,7 +3845,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3456,7 +3892,12 @@
         "requiredConcepts": ["wa-radio"]
       },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3487,7 +3928,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3529,7 +3975,12 @@
         "requiredConcepts": ["wa-option"]
       },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3560,7 +4011,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3591,7 +4047,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3622,7 +4083,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3653,7 +4119,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["forms"],
@@ -3695,7 +4166,12 @@
         "requiredConcepts": ["wa-accordion-item"]
       },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3731,7 +4207,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3762,7 +4243,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3798,7 +4284,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3834,7 +4325,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3865,7 +4361,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3896,7 +4397,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3927,7 +4433,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3958,7 +4469,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -3989,7 +4505,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["layout"],
@@ -4020,7 +4541,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4051,7 +4577,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4082,7 +4613,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4113,7 +4649,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4161,7 +4702,12 @@
         "requiredConcepts": ["wa-tab", "wa-tab-panel"]
       },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4199,7 +4745,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4237,7 +4788,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4268,7 +4824,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["navigation"],
@@ -4299,7 +4860,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4334,7 +4900,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4365,7 +4936,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4396,7 +4972,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4427,7 +5008,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4458,7 +5044,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4489,7 +5080,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4520,7 +5116,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4551,7 +5152,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4582,7 +5188,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["feedback"],
@@ -4613,7 +5224,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4644,7 +5260,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4675,7 +5296,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4706,7 +5332,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4737,7 +5368,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4768,7 +5404,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4799,7 +5440,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4830,7 +5476,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4861,7 +5512,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["media"],
@@ -4892,7 +5548,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -4923,7 +5584,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -4954,7 +5620,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -4985,7 +5656,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5016,7 +5692,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5047,7 +5728,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5078,7 +5764,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5109,7 +5800,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5140,7 +5836,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5171,7 +5872,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5202,7 +5908,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5233,7 +5944,12 @@
       "zones": [],
       "children": { "mode": "any", "concepts": [], "requiredConcepts": [] },
       "state": [],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "not-applicable", "behaviors": [] },
       "layout": {
         "roles": ["helpers"],
@@ -5273,7 +5989,12 @@
         },
         { "id": "workspace data", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5321,7 +6042,12 @@
         { "id": "permissions", "owner": "application", "required": false },
         { "id": "disclosure state", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5365,7 +6091,12 @@
         { "id": "breadcrumbs", "owner": "application", "required": false },
         { "id": "product copy", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5406,10 +6137,20 @@
       "state": [
         { "id": "open state", "owner": "application", "required": false },
         { "id": "selected record", "owner": "application", "required": false },
+        {
+          "id": "pushed compact detail",
+          "owner": "application",
+          "required": false
+        },
         { "id": "dismiss policy", "owner": "application", "required": false },
         { "id": "record actions", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5421,7 +6162,7 @@
       },
       "accessibility": {
         "obligations": [
-          "Web Awesome owns modal focus and Escape; the application adapter restores the invoking control after hide, and Toolbar plus ToolbarText supply the visible hierarchy."
+          "Web Awesome owns modal focus, Escape, and the labeled header with its close control; the application adapter restores the invoking control after hide, and the compact NavStack back control returns to the list."
         ]
       },
       "cssValueProps": [],
@@ -5457,7 +6198,12 @@
         { "id": "permissions", "owner": "application", "required": false },
         { "id": "transport", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5501,7 +6247,12 @@
         { "id": "retry policy", "owner": "application", "required": false },
         { "id": "domain rows", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5553,7 +6304,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5601,7 +6357,12 @@
         { "id": "routing", "owner": "application", "required": false },
         { "id": "data", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5656,7 +6417,12 @@
           "required": false
         }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],
@@ -5708,7 +6474,12 @@
         },
         { "id": "content", "owner": "application", "required": false }
       ],
-      "wiring": { "required": false, "helpers": [], "obligations": [] },
+      "wiring": {
+        "required": false,
+        "helpers": [],
+        "obligations": [],
+        "stateAttributes": []
+      },
       "responsive": { "owner": "application", "behaviors": [] },
       "layout": {
         "roles": ["reference-composition"],