@adia-ai/web-components 0.8.42 → 0.8.44

package/components/pane/pane.class.js

@@ -37,8 +37,9 @@
  *                  four-sided border is suppressed, only the inner-edge
  *                  border is drawn, the resize grabber moves to that
  *                  inner edge, and the resize-drag direction flips so
- *                  trailing panes grow when dragged leftward. `side` is a
- *                  deprecated dual-read alias (ADR-0063, gh#1563).
+ *                  trailing panes grow when dragged leftward. The
+ *                  deprecated `side` dual-read alias was cut in 0.8.43
+ *                  (gh#1617, ADR-0063).
  *
  * JS API:
  *   pane.collapsed = true/false
@@ -59,20 +60,13 @@ export class UIPane extends UIElement {
     resizable:  { type: Boolean, default: false, reflect: true },
     minWidth:   { type: Number,  default: 200, attribute: 'min-width', reflect: true },
     maxWidth:   { type: Number,  default: 9999, attribute: 'max-width', reflect: true },
-    // ADR-0063 (gh#1563) — `side` is DEPRECATED; `edge` is the canonical
-    // spelling (same type/default/enum). `side` stays declared (dual-read
-    // compat, 0.8.42); `#resolveEdge()` (called from connected()) mirrors
-    // an old-only value onto `edge` + warns once. Internal usage below
-    // reads `edge` exclusively.
-    side:       { type: String,  default: '', reflect: true },
+    // ADR-0063 (gh#1563) — `edge` is the canonical spelling; the deprecated
+    // `side` dual-read alias was cut in 0.8.43 (gh#1617).
     edge:       { type: String,  default: '', reflect: true },
   };
 
   static template = () => null;
 
-  // ADR-0063 (gh#1563) one-shot-per-class deprecation warn for [side].
-  static #warnedSide = false;
-
   #resizeEl = null;
   #dragging = false;
   #startX = 0;
@@ -82,25 +76,6 @@ export class UIPane extends UIElement {
   #bound = false;
 
   connected() {
-    // ADR-0063 (gh#1563) compat shim — resolve BEFORE the first render so
-    // there's no wrong-then-right flash. New-name precedence: [edge] wins
-    // outright when present; only fall back to (and mirror) [side] when
-    // [edge] is absent from markup. `edge` defaults `''` (not a
-    // true-default Boolean), so a live hasAttribute() check here is
-    // reliable — no gh#961 self-stamp interference (see chart-legend.class.js
-    // for that failure mode with a true-default Boolean).
-    if (!this.hasAttribute('edge') && this.hasAttribute('side')) {
-      this.edge = this.side;
-      if (!UIPane.#warnedSide) {
-        UIPane.#warnedSide = true;
-        // eslint-disable-next-line no-console
-        console.warn(
-          '[AdiaUI] <pane-ui [side]> is deprecated — use [edge] instead ' +
-          '(ADR-0063, gh#1563). Kept working as-is; no behavior change.',
-        );
-      }
-    }
-
     if (!this.#bound) {
       this.#bound = true;
 

package/components/pane/pane.d.ts

@@ -1,6 +1,6 @@
 /**
  * `<pane-ui>` — Collapsible, resizable content panel — drag-resize handle on the
-inner edge when [side="leading"] / [side="trailing"], [resizable]
+inner edge when [edge="leading"] / [edge="trailing"], [resizable]
 opt-in. Used standalone for resizable two-pane layouts, or wrapped
 by <editor-sidebar> / <admin-sidebar> which DELEGATE drag to the
 inner pane-ui rather than reimplementing it. See pane.yaml's
@@ -28,8 +28,8 @@ four-sided border and moves the resize grabber to the inner edge
 (right edge for `leading`, left edge for `trailing`). Also flips the
 resize-drag direction so `trailing` panes grow when dragged leftward.
 Unset keeps the pane-intrinsic chrome (full border, right-edge
-grabber when resizable). Canonical spelling (ADR-0063, gh#1563)
-replacing `side`.
+grabber when resizable). Canonical spelling (ADR-0063, gh#1563) — the
+deprecated `side` dual-read alias was cut in 0.8.43 (gh#1617).
  */
   edge: '' | 'leading' | 'trailing';
   /** Component property: maxWidth. */
@@ -38,8 +38,6 @@ replacing `side`.
   minWidth: number;
   /** Component property: resizable. */
   resizable: boolean;
-  /** DEPRECATED (ADR-0063, gh#1563) — use `edge` instead. Same type/default/enum; kept working as a dual-read compat shim (one-time console.warn when it's the name that resolves). Removed in 0.9.0. */
-  side: '' | 'leading' | 'trailing';
 
   addEventListener(type: 'toggle', listener: (ev: PaneToggleEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener<K extends keyof HTMLElementEventMap>(

package/components/pane/pane.yaml

@@ -7,7 +7,7 @@ category: layout
 version: 1
 description: |
   Collapsible, resizable content panel — drag-resize handle on the
-  inner edge when [side="leading"] / [side="trailing"], [resizable]
+  inner edge when [edge="leading"] / [edge="trailing"], [resizable]
   opt-in. Used standalone for resizable two-pane layouts, or wrapped
   by <editor-sidebar> / <admin-sidebar> which DELEGATE drag to the
   inner pane-ui rather than reimplementing it. See pane.yaml's
@@ -35,18 +35,6 @@ props:
     description: 'Component property: resizable.'
     type: boolean
     default: false
-  side:
-    description: >-
-      DEPRECATED (ADR-0063, gh#1563) — use `edge` instead. Same
-      type/default/enum; kept working as a dual-read compat shim (one-time
-      console.warn when it's the name that resolves). Removed in 0.9.0.
-    type: string
-    default: ''
-    enum:
-    - ''
-    - leading
-    - trailing
-    reflect: true
   edge:
     description: 'Opts a pane into horizontal-sibling chrome: suppresses the default
 
@@ -58,9 +46,9 @@ props:
 
       Unset keeps the pane-intrinsic chrome (full border, right-edge
 
-      grabber when resizable). Canonical spelling (ADR-0063, gh#1563)
+      grabber when resizable). Canonical spelling (ADR-0063, gh#1563) — the
 
-      replacing `side`.
+      deprecated `side` dual-read alias was cut in 0.8.43 (gh#1617).
 
       '
     type: string
@@ -96,10 +84,10 @@ a2ui:
   rules:
     - >-
       pane-ui is a resizable / collapsible content panel. As a standalone
-      primitive (no [side] attribute), it carries its own four-sided
+      primitive (no [edge] attribute), it carries its own four-sided
       chrome and a right-edge resize grabber. As a horizontal-sibling
-      child of a layout container (set [side="leading"] or
-      [side="trailing"]), the chrome and grabber move to the inner
+      child of a layout container (set [edge="leading"] or
+      [edge="trailing"]), the chrome and grabber move to the inner
       edge so adjacent panes share a single seam.
     - >-
       Wrapped by <editor-sidebar slot="leading|trailing"> inside
@@ -115,7 +103,7 @@ a2ui:
       navigator tree, inspector form rows, or other primary content.
     - >-
       For a standalone resizable two-pane layout (no shell), nest panes
-      directly inside a flex row — both with [side]-typed chrome —
+      directly inside a flex row — both with [edge]-typed chrome —
       and the resize handle will live on the seam between them. For
       a non-resizable summary pane (a fixed-width detail rail), drop
       [resizable] and pane-ui collapses to a static container.

package/components/popover/popover.d.ts

@@ -13,6 +13,8 @@
 import { UIElement } from '../../core/element.js';
 
 export class UIPopover extends UIElement {
+  /** Size the content panel to the trigger's width instead of max-content. Opt-in — the default (unset) keeps every existing consumer's content-sized panel unchanged. */
+  matchWidth: boolean;
   /** Pixel offset between the anchor and the popover. Renamed from `[gap]` (gh#1335) — a raw-px number can't share a name with the global Scale-grammar `[gap]` attribute (ADR-0053). */
   offset: number;
   /** Controls visibility via showPopover()/hidePopover() */

package/components/progress/progress.a2ui.json

@@ -2,7 +2,7 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$id": "https://adiaui.dev/a2ui/v0_9/components/Progress.json",
   "title": "Progress",
-  "description": "Linear progress bar indicator. Value < 0 marks indeterminate state showing animated activity instead of a fill. Bar-only — for circular loading indicators use <spinner-ui> instead (the former `variant=\"spinner\"` render mode was retired; spinner-ui owns circular). Set `label` for a labeled task-list row (label + bar + optional `meta` text in one row, e.g. storage quotas, capacity breakdowns) — absorbed <progress-row-ui>'s row layout directly; that component is now a deprecated alias. Omit `label` for a standalone bar (global loading indicators); for percent-complete inline displays use <stat-ui> instead.",
+  "description": "Linear progress bar indicator. Value < 0 marks indeterminate state showing animated activity instead of a fill. Bar-only — for circular loading indicators use <spinner-ui> instead (the former `variant=\"spinner\"` render mode was retired; spinner-ui owns circular). Set `label` for a labeled task-list row (label + bar + optional `meta` text in one row, e.g. storage quotas, capacity breakdowns) — absorbed <progress-row-ui>'s row layout directly; that component was cut in 0.8.43 (gh#1617). Omit `label` for a standalone bar (global loading indicators); for percent-complete inline displays use <stat-ui> instead.",
   "type": "object",
   "allOf": [
     {

package/components/progress/progress.class.js

@@ -23,11 +23,12 @@
  * (Legacy `value="-1"` is still treated as indeterminate for back-compat.)
  *
  * `label` (non-empty) activates the labeled row layout — label + bar +
- * optional `meta` text in one row (absorbed from the now-deprecated
- * <progress-row-ui>, gh#1363 C4). Omit `label` for a plain standalone bar.
+ * optional `meta` text in one row (absorbed from <progress-row-ui>,
+ * gh#1363 C4, cut in 0.8.43, gh#1617). Omit `label` for a plain standalone bar.
  */
 
 import { UIElement } from '../../core/element.js';
+import { syncAutoAriaLabel } from '../../core/a11y.js';
 
 export class UIProgress extends UIElement {
   static properties = {
@@ -42,6 +43,10 @@ export class UIProgress extends UIElement {
   #fill = null;
   #labelEl = null;
   #metaEl = null;
+  // gh#1647: tracks the aria-label VALUE this element itself last derived
+  // from `label`/`meta` (undefined when none) — value-tracking guard
+  // ported from tag.class.js/select.class.js (gh#1644/#1646).
+  #lastAutoAriaLabel = undefined;
 
   connected() {
     this.setAttribute('role', 'progressbar');
@@ -111,12 +116,12 @@ export class UIProgress extends UIElement {
       }
     }
 
-    // ARIA: label the control so screen readers announce "CPU, 42 percent".
-    if (this.label) {
-      this.setAttribute('aria-label', this.meta ? `${this.label}, ${this.meta}` : this.label);
-    } else {
-      this.removeAttribute('aria-label');
-    }
+    // ARIA: label the control so screen readers announce "CPU, 42 percent"
+    // — never clobbering a consumer's own aria-label (gh#1647,
+    // value-tracking guard ported from tag.class.js/select.class.js,
+    // gh#1644/#1646).
+    const ariaSource = this.label ? (this.meta ? `${this.label}, ${this.meta}` : this.label) : '';
+    this.#lastAutoAriaLabel = syncAutoAriaLabel(this, this.#lastAutoAriaLabel, ariaSource);
   }
 
   disconnected() {

package/components/progress/progress.d.ts

@@ -1,5 +1,5 @@
 /**
- * `<progress-ui>` — Linear progress bar indicator. Value < 0 marks indeterminate state showing animated activity instead of a fill. Bar-only — for circular loading indicators use <spinner-ui> instead (the former `variant="spinner"` render mode was retired; spinner-ui owns circular). Set `label` for a labeled task-list row (label + bar + optional `meta` text in one row, e.g. storage quotas, capacity breakdowns) — absorbed <progress-row-ui>'s row layout directly; that component is now a deprecated alias. Omit `label` for a standalone bar (global loading indicators); for percent-complete inline displays use <stat-ui> instead.
+ * `<progress-ui>` — Linear progress bar indicator. Value < 0 marks indeterminate state showing animated activity instead of a fill. Bar-only — for circular loading indicators use <spinner-ui> instead (the former `variant="spinner"` render mode was retired; spinner-ui owns circular). Set `label` for a labeled task-list row (label + bar + optional `meta` text in one row, e.g. storage quotas, capacity breakdowns) — absorbed <progress-row-ui>'s row layout directly; that component was cut in 0.8.43 (gh#1617). Omit `label` for a standalone bar (global loading indicators); for percent-complete inline displays use <stat-ui> instead.
  *
  * @see https://ui-kit.exe.xyz/site/components/progress
  *

package/components/progress/progress.yaml

@@ -12,8 +12,8 @@ description: >-
   `variant="spinner"` render mode was retired; spinner-ui owns circular).
   Set `label` for a labeled task-list row (label + bar + optional `meta`
   text in one row, e.g. storage quotas, capacity breakdowns) — absorbed
-  <progress-row-ui>'s row layout directly; that component is now
-  a deprecated alias. Omit `label` for a standalone bar (global loading
+  <progress-row-ui>'s row layout directly; that component was cut in
+  0.8.43 (gh#1617). Omit `label` for a standalone bar (global loading
   indicators); for percent-complete inline displays use <stat-ui> instead.
 props:
   value:

package/components/radio/radio.css

@@ -14,6 +14,12 @@ radio-ui[checked] [slot="dot"] {
   background: var(--radio-bg-checked);
   border-color: var(--radio-border-checked);
 }
+/* gh#1596 — a checked dot kept its full primary fill when disabled; higher
+   specificity (2 attrs) than the rule above wins without reordering. */
+radio-ui[checked][disabled] [slot="dot"] {
+  background: var(--radio-bg-checked-disabled);
+  border-color: var(--radio-bg-checked-disabled);
+}
 radio-ui[checked] [slot="dot"]::after {
   width: calc(var(--radio-size) * 0.6);
   height: calc(var(--radio-size) * 0.6);
@@ -40,6 +46,7 @@ radio-ui[checked] [slot="dot"]::after {
 
     /* ── State: disabled ── */
     --radio-fg-disabled:      var(--a-ui-text-disabled);
+    --radio-bg-checked-disabled: var(--a-ui-bg-disabled);
 
     /* ── State: focus ── */
     --radio-focus-ring:       var(--a-focus-ring);

package/components/range/range.class.js

@@ -25,6 +25,7 @@
  */
 
 import { UIFormElement } from '../../core/form.js';
+import { syncAutoAriaLabel } from '../../core/a11y.js';
 
 export class UIRange extends UIFormElement {
   // Opt out of UIFormElement's per-control `label` deprecation warning.
@@ -52,6 +53,10 @@ export class UIRange extends UIFormElement {
   #dragging = false;
   #startX = 0;
   #startVal = 0;
+  // gh#1647: tracks the aria-label VALUE this element itself last derived
+  // from `label` (undefined when none) — value-tracking guard ported from
+  // tag.class.js/select.class.js (gh#1644/#1646).
+  #lastAutoAriaLabel = undefined;
 
   connected() {
     super.connected();
@@ -96,7 +101,10 @@ export class UIRange extends UIFormElement {
     this.setAttribute('aria-valuemax', this.max);
     this.setAttribute('aria-valuenow', this.value);
     this.setAttribute('aria-valuetext', `${this.value}${this.suffix ? ' ' + this.suffix : ''}`);
-    this.setAttribute('aria-label', this.label || '');
+
+    // A11y (gh#1647): never clobber a consumer's own aria-label
+    // (value-tracking guard, gh#1644/#1646).
+    this.#lastAutoAriaLabel = syncAutoAriaLabel(this, this.#lastAutoAriaLabel, this.label || '');
 
     this.syncValue(String(this.value));
   }

package/components/search/search.css

@@ -18,7 +18,16 @@
     pointer-events: none;
   }
 
-  [slot="suffix"] {
+  /* input-ui's suffix slot is decorative-only by default (input.css's own
+     @scope (input-ui) sets pointer-events: none on [slot="prefix"|"suffix"]).
+     search-ui repurposes it as the clickable clear (x-circle) affordance, so
+     it must opt back into pointer events. A same-specificity `[slot="suffix"]`
+     here loses to input.css's rule on scoping proximity — @scope(input-ui) is
+     the CLOSER scope root to the suffix span than @scope(search-ui), and
+     proximity is only a tiebreak AFTER specificity. Add `input-ui` to the
+     selector so specificity itself decides the override (gh#1593). */
+  input-ui [slot="suffix"] {
+    pointer-events: auto;
     transition: opacity var(--search-duration) var(--search-easing);
   }
 

package/components/segment/segment.a2ui.json

@@ -90,8 +90,7 @@
     "name": "UISegment",
     "parts": {},
     "related": [
-      "segmented-control",
-      "ToggleOption"
+      "segmented-control"
     ],
     "slots": {},
     "states": [

package/components/segment/segment.css

@@ -17,6 +17,15 @@ segment-ui[selected] {
 segmented-ui[multiple] > segment-ui[selected] {
   background: var(--segment-bg-selected);
 }
+/* gh#1596 — a selected segment in [multiple] mode kept its full
+   primary-container fill when disabled (only the label fg dimmed); 2-attr
+   selector outweighs the 1-attr rule above regardless of source order.
+   Neutralizes to the same shared disabled-bg role button-ui's colored
+   variants already reset to, rather than a color-family container-low
+   (disabled drops color semantics entirely, same convention as button). */
+segmented-ui[multiple] > segment-ui[selected][disabled] {
+  background: var(--segment-bg-selected-disabled);
+}
 
 @scope (segment-ui) {
   :where(:scope) {
@@ -43,6 +52,7 @@ segmented-ui[multiple] > segment-ui[selected] {
     --segment-fg-hover:        var(--a-ui-text-hover);
     --segment-fg-selected:     var(--a-chrome-dark);
     --segment-fg-disabled:     var(--a-ui-text-disabled);
+    --segment-bg-selected-disabled: var(--a-ui-bg-disabled);
     /* [multiple] only — see the moved-out selector above (Safari 17.x bug
        note at top of file). Same default the deprecated
        toggle-option-ui[selected] background used, for visual continuity

package/components/segment/segment.yaml

@@ -61,7 +61,7 @@ a2ui:
   rules:
     - rule: 'Child of <segmented-ui> — one selectable option button; the parent''s [multiple] axis decides single- or multi-select, segment-ui itself is unchanged either way.'
       reason: 'Cluster contract.'
-    - rule: '<toggle-option-ui> (deprecated, gh#1369) is the same concept — use segment-ui inside <segmented-ui multiple> instead.'
+    - rule: '<toggle-option-ui> (cut in 0.8.43, gh#1617, gh#1369) was the same concept — use segment-ui inside <segmented-ui multiple> instead.'
       reason: 'Deprecation redirect.'
     - rule: 'Selected state managed by the parent <segmented-ui> — it syncs the selected attribute onto every child whose value is in its own value (single value, or the [multiple] comma-separated set); do not set selected directly on segment.'
       reason: 'Parent owns selection state.'
@@ -243,4 +243,3 @@ synonyms:
   segment: [segment-button, segmented-option, option-button, toggle-option]
 related:
   - segmented-control
-  - ToggleOption

package/components/segmented/segmented.a2ui.json

@@ -22,7 +22,7 @@
       "const": "Segmented"
     },
     "multiple": {
-      "description": "Enables multi-select — value becomes a comma-separated set, the sliding indicator is suppressed (each selected segment carries its own background instead), and Space/Enter toggles a focused segment instead of arrow-move selecting it. Positive polarity, matching select-ui[multiple]. Absorbs the role of the deprecated <toggle-group-ui> + <toggle-option-ui> pair (gh#1369, #1363 C1). Unlike <toggle-group-ui single>, re-clicking an already-selected segment does NOT clear the selection — segmented-ui's single-select is standard radiogroup semantics (always exactly one selected once a value is set).",
+      "description": "Enables multi-select — value becomes a comma-separated set, the sliding indicator is suppressed (each selected segment carries its own background instead), and Space/Enter toggles a focused segment instead of arrow-move selecting it. Positive polarity, matching select-ui[multiple]. Absorbs the role of the <toggle-group-ui> + <toggle-option-ui> pair (gh#1369, #1363 C1) — those components were cut in 0.8.43 (gh#1617). Unlike the former <toggle-group-ui single>, re-clicking an already-selected segment does NOT clear the selection — segmented-ui's single-select is standard radiogroup semantics (always exactly one selected once a value is set).",
       "type": "boolean",
       "default": false
     },
@@ -81,8 +81,6 @@
     },
     "related": [
       "Segment",
-      "ToggleGroup",
-      "ToggleOption",
       "Tabs",
       "Radio"
     ],

package/components/segmented/segmented.class.js

@@ -29,8 +29,8 @@
  * [multiple] (gh#1369, #1363 C1): multi-select mode — `value` is a
  * comma-separated set, no sliding indicator (each selected segment carries
  * its own background instead), Space/Enter toggles instead of arrow-move.
- * Absorbs <toggle-group-ui>/<toggle-option-ui>'s role, which are deprecated
- * in favor of this axis.
+ * Absorbs <toggle-group-ui>/<toggle-option-ui>'s role; those components
+ * were cut in 0.8.43 (gh#1617) in favor of this axis.
  */
 
 import { UIFormElement } from '../../core/form.js';

package/components/segmented/segmented.yaml

@@ -12,7 +12,7 @@ props:
     type: string
     default: ''
   multiple:
-    description: "Enables multi-select — value becomes a comma-separated set, the sliding indicator is suppressed (each selected segment carries its own background instead), and Space/Enter toggles a focused segment instead of arrow-move selecting it. Positive polarity, matching select-ui[multiple]. Absorbs the role of the deprecated <toggle-group-ui> + <toggle-option-ui> pair (gh#1369, #1363 C1). Unlike <toggle-group-ui single>, re-clicking an already-selected segment does NOT clear the selection — segmented-ui's single-select is standard radiogroup semantics (always exactly one selected once a value is set)."
+    description: "Enables multi-select — value becomes a comma-separated set, the sliding indicator is suppressed (each selected segment carries its own background instead), and Space/Enter toggles a focused segment instead of arrow-move selecting it. Positive polarity, matching select-ui[multiple]. Absorbs the role of the <toggle-group-ui> + <toggle-option-ui> pair (gh#1369, #1363 C1) — those components were cut in 0.8.43 (gh#1617). Unlike the former <toggle-group-ui single>, re-clicking an already-selected segment does NOT clear the selection — segmented-ui's single-select is standard radiogroup semantics (always exactly one selected once a value is set)."
     type: boolean
     default: false
     reflect: true
@@ -45,7 +45,7 @@ a2ui:
   rules:
     - rule: 'Single-select by default. Hosts <segment-ui> children; exactly one selected at a time.'
       reason: 'Single-select cluster contract.'
-    - rule: 'For multi-select (filter chips, multi-flag toggles, day-of-week pickers), set [multiple] instead of using a separate component — value becomes a comma-separated set of selected segment values. <toggle-group-ui>/<toggle-option-ui> are deprecated; use <segmented-ui multiple> + <segment-ui> instead (gh#1369, #1363 C1).'
+    - rule: 'For multi-select (filter chips, multi-flag toggles, day-of-week pickers), set [multiple] instead of using a separate component — value becomes a comma-separated set of selected segment values. <toggle-group-ui>/<toggle-option-ui> were cut in 0.8.43 (gh#1617); use <segmented-ui multiple> + <segment-ui> instead (gh#1369, #1363 C1).'
       reason: 'Selection model axis — multiple absorbs the deprecated multi-select pair.'
     - rule: 'Use for view-mode switches (grid/list, light/dark) or short filter sets (3-5 options); for longer sets use <tabs-ui> or <select-ui multiple>.'
       reason: 'Capacity guidance.'
@@ -201,7 +201,5 @@ synonyms:
   - Segmented
 related:
   - Segment
-  - ToggleGroup
-  - ToggleOption
   - Tabs
   - Radio

package/components/select/select.a2ui.json

@@ -301,7 +301,11 @@
       ]
     },
     "tag": "select-ui",
-    "tokens": {},
+    "tokens": {
+      "--select-min-width": {
+        "description": "Intrinsic min-width floor on the host (default `20ch`, matching input-ui's own `--input-min-width` UA-baseline derivation) so a select in a shrinking flex/grid cell doesn't crush to unusable width. Set to `0` to opt back into full collapse (gh#1633)."
+      }
+    },
     "traits": [],
     "version": 1
   }

package/components/select/select.class.js

@@ -14,6 +14,7 @@
 import { UIFormElement } from '../../core/form.js';
 import { anchorPopover } from '../../core/anchor.js';
 import { untracked } from '../../core/signals.js';
+import { syncAutoAriaLabel } from '../../core/a11y.js';
 
 function escapeHTML(s) {
   return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
@@ -337,17 +338,22 @@ export class UISelect extends UIFormElement {
     else this.selectAllOptions();
   };
 
-  // FB-88: tracks whether the host's current aria-label was derived from
-  // `placeholder` (vs author-supplied), so re-renders refresh/clear OUR name
-  // without ever clobbering an author's aria-label.
-  #placeholderNamed = false;
+  // FB-88: tracks the aria-label VALUE this element itself last derived from
+  // `placeholder` (undefined when none), so re-renders refresh/clear OUR name
+  // without ever clobbering a consumer's own aria-label (gh#1646: a boolean
+  // flag couldn't detect a consumer's setAttribute between batched renders).
+  // The compare-against-what-we-last-wrote guard lives in core/a11y.js's
+  // `syncAutoAriaLabel` (gh#1647 / gh#1651); this field is its state.
+  #lastAutoAriaLabel = undefined;
 
   /**
    * Derive an accessible name from `placeholder` when the select is otherwise
    * unnamed — mirrors input-ui so a placeholder-only select (the idiomatic
    * filter-bar shape) still has a name for assistive tech (WCAG 4.1.2, FB-88).
    *
-   * Guards (a placeholder-only fix must NOT clobber a real label):
+   * Guards (a placeholder-only fix must NOT clobber a real label) — the
+   * per-component policy stays HERE, resolved into the source string
+   * (`''` = no auto name this render); the helper only reconciles it:
    *  • an author `aria-label`, a visible `label`, or an `aria-labelledby` wins;
    *  • the default 'Select...' prompt is NOT used as a name — otherwise every
    *    field-ui-wrapped select (named by a sibling `<label for>`, which aria-label
@@ -355,17 +361,11 @@ export class UISelect extends UIFormElement {
    */
   #syncAccessibleName() {
     const DEFAULT_PLACEHOLDER = 'Select...'; // matches static properties.placeholder.default
-    const authoredAria = this.hasAttribute('aria-label') && !this.#placeholderNamed;
     const labeledElsewhere = !!this.label || this.hasAttribute('aria-labelledby');
-    const namable = !authoredAria && !labeledElsewhere
+    const namable = !labeledElsewhere
       && this.placeholder && this.placeholder !== DEFAULT_PLACEHOLDER;
-    if (namable) {
-      this.setAttribute('aria-label', this.placeholder);
-      this.#placeholderNamed = true;
-    } else if (this.#placeholderNamed) {
-      this.removeAttribute('aria-label');
-      this.#placeholderNamed = false;
-    }
+    const source = namable ? this.placeholder : '';
+    this.#lastAutoAriaLabel = syncAutoAriaLabel(this, this.#lastAutoAriaLabel, source);
   }
 
   connected() {

package/components/select/select.css

@@ -7,6 +7,15 @@
     --select-px:                var(--a-ui-px);
     --select-radius:            var(--a-radius);
     --select-leading-radius:    var(--a-radius-full);
+    /* gh#1633 / ADIA2-9136 (adiav2#12791) — the host's own `min-width: 0`
+       below (the ellipsis-reset trick, kept for the trigger/display text
+       inside this floor) had no intrinsic lower bound, so a select in a
+       shrinking flex/grid cell crushed to unusable width — the same gap
+       already fixed on --input-min-width (this family's reference; see
+       input.css, gh#781). Same ch-based UA-baseline derivation, applied
+       to select-ui's own trigger surface. Override to 0 to opt back into
+       full collapse. */
+    --select-min-width:         20ch;
 
     /* ── Typography ── */
     --select-font-size:         var(--a-ui-size);
@@ -21,6 +30,11 @@
        --select-bg-selected to re-enable a tinted selected row. */
     --select-bg-selected:       transparent;
     --select-bg-hover:          var(--a-ui-bg-hover);
+    /* gh#1596 — the trigger kept its full field bg when disabled (no
+       swap existed at all, unlike input-ui/textarea-ui's own
+       --<component>-bg-disabled indirection); wired to the same shared
+       role those already alias to. */
+    --select-bg-disabled:       var(--a-ui-bg-disabled);
     --select-border:            var(--a-ui-border);
     --select-border-hover:      var(--a-ui-border-hover);
     --select-focus-ring:        var(--a-focus-ring);
@@ -57,7 +71,11 @@
     display: flex;
     flex-direction: column;
     gap: var(--select-gap);
-    min-width: 0;
+    /* Floored, not zeroed — see --select-min-width above (gh#1633). The
+       trigger's own `min-width: 0` further down stays 0: that one exists
+       so the display text can ellipsis-truncate INSIDE this floor, not to
+       guard the host's own collapse. */
+    min-width: var(--select-min-width);
     /* font-family floor on the host — trigger/native-select/options inherit it. */
     font-family: var(--select-font-family, var(--a-font-family-ui));
     font-size: var(--select-font-size);
@@ -69,6 +87,7 @@
     align-items: center;
   }
   :scope[disabled] { pointer-events: none; color: var(--select-fg-disabled); }
+  :scope[disabled] [slot="trigger"] { background: var(--select-bg-disabled); }
 
   /* Label */
   :scope::before {

package/components/select/select.yaml

@@ -280,7 +280,13 @@ states:
     description: Non-interactive; dimmed.
     attribute: disabled
 traits: []
-tokens: {}
+tokens:
+  --select-min-width:
+    description: >-
+      Intrinsic min-width floor on the host (default `20ch`, matching
+      input-ui's own `--input-min-width` UA-baseline derivation) so a
+      select in a shrinking flex/grid cell doesn't crush to unusable
+      width. Set to `0` to opt back into full collapse (gh#1633).
 requiredIcons:
   - caret-down
   - check               # checkbox indicator on each option in [multiple] mode

package/components/step-progress/step-progress.yaml

@@ -51,7 +51,7 @@ a2ui:
       reason: 'Minimal stepper visualization.'
     - rule: 'Different from <stepper-ui> (labeled, expanded) — step-progress is dense and label-free.'
       reason: 'Density boundary.'
-    - rule: 'For multi-task progress bars (multiple labeled rows) use a stack of <progress-ui> with `label` set (absorbed the row layout from the now-deprecated progress-row-ui).'
+    - rule: 'For multi-task progress bars (multiple labeled rows) use a stack of <progress-ui> with `label` set (absorbed the row layout from progress-row-ui, which was cut in 0.8.43, gh#1617).'
       reason: 'Different layout.'
 anti_patterns: []
 

package/components/stream/stream.d.ts

@@ -22,6 +22,8 @@ export type StreamErrorEvent = CustomEvent<StreamErrorEventDetail>;
 export type StreamStartEvent = CustomEvent<unknown>;
 
 export class UIStream extends UIElement {
+  /** When true, suppress the blinking cursor during active streaming */
+  hideCursor: boolean;
   /** Milliseconds between character renders. 0 = real-time. */
   pace: number;
   /** Read-only reflected state, true while stream is active */

package/components/switch/switch.css

@@ -14,6 +14,13 @@ switch-ui[checked] {
   --switch-track-border: var(--switch-track-border-checked);
   --switch-thumb-bg: var(--switch-thumb-bg-checked);
 }
+/* gh#1596 — a checked track kept its full primary fill when disabled
+   (only the label fg dimmed); 2-attr selector outweighs the 1-attr rule
+   above regardless of source order. */
+switch-ui[checked][disabled] {
+  --switch-track-bg: var(--switch-track-bg-checked-disabled);
+  --switch-track-border: var(--switch-track-bg-checked-disabled);
+}
 switch-ui[checked] [slot="thumb"] {
   transform: translateX(var(--switch-thumb-travel));
 }
@@ -60,6 +67,7 @@ switch-ui[checked] [slot="thumb"] {
 
     /* ── State: disabled ── */
     --switch-fg-disabled:          var(--a-ui-text-disabled);
+    --switch-track-bg-checked-disabled: var(--a-ui-bg-disabled);
     text-align: start;  /* §text-align-reset — blocks inheritance from centered ancestors */
 }
 

package/components/table/table.a2ui.json

@@ -13,8 +13,13 @@
     }
   ],
   "properties": {
+    "clickable-rows": {
+      "description": "Renders body rows with `cursor: pointer`. `row-click` fires unconditionally whether or not a listener is attached, so the cursor can't be inferred from listener presence — set this explicitly when row-click behavior is wired up (master-detail, open-flyout, navigation) so rows read as actionable.",
+      "type": "boolean",
+      "default": false
+    },
     "columns": {
-      "description": "Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, wrap?, valign?, accessor?, format?, render?, sortFn?, filterType?, meta?}. `valign` ('top'|'center') overrides the host [valign] for that column's body cells only — header cells always stay centered. Alternative to declarative <col-def> children (<col-def valign=\"top\">); col-def also accepts `meta` as a JSON attribute (gh#925) — e.g. <col-def type=\"badge\" meta='{\"variants\":{\"Online\":\"success\"}}'> — so cell-type meta (badge variant maps, currency codes) is expressible in static HTML.",
+      "description": "Column definitions. Array of {key, label, type?, width?, minWidth?, maxWidth?, flex?, sortable?, resizable?, filterable?, pinned?, hidden?, wrap?, valign?, accessor?, format?, render?, sortFn?, filterType?, meta?}. `valign` ('top'|'center') overrides the host [valign] for that column's body cells only — header cells always stay centered. Alternative to declarative <col-def> children (<col-def valign=\"top\">); col-def also accepts `meta` as a JSON attribute (gh#925) — e.g. <col-def type=\"badge\" meta='{\"variants\":{\"Online\":\"success\"}}'> — so cell-type meta (badge variant maps, currency codes) is expressible in static HTML. Truncation contract for `render` cells (gh#1681) — a `render(value, row, cell, dataIndex)` function's returned markup isn't guaranteed to be a bare <span>/<a> the way built-in cell types are, so single-line ellipsis truncation isn't automatic; set `data-truncate` on whichever rendered element (any tag, including a custom element) should single-line-ellipsis to opt it into the same contract built-in cells get for free. `[wrap]` (host) / `[data-wrap]` (per-column) override it back to multi-line, matching built-in cells.",
       "$ref": "common_types.json#/$defs/DynamicStringList"
     },
     "component": {