@adobe/spectrum-wc-core 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/mixins/linear-progress-mixin.d.ts

@@ -1,5 +1,4 @@
 import { ReactiveElement } from 'lit';
-import { SlotPresenceObservingInterface } from './observe-slot-presence.js';
 type Constructor<T = Record<string, unknown>> = {
     new (...args: any[]): T;
     prototype: T;
@@ -10,7 +9,7 @@ export declare const LINEAR_PROGRESS_STATIC_COLORS: readonly ["white", "black"];
 export type LinearProgressStaticColor = (typeof LINEAR_PROGRESS_STATIC_COLORS)[number];
 export declare const LINEAR_PROGRESS_LABEL_POSITIONS: readonly ["top", "side"];
 export type LinearProgressLabelPosition = (typeof LINEAR_PROGRESS_LABEL_POSITIONS)[number];
-export interface LinearProgressInterface extends SlotPresenceObservingInterface {
+export interface LinearProgressInterface {
     value: number;
     minValue: number;
     maxValue: number;

package/dist/mixins/linear-progress-mixin.js

@@ -1,18 +1,20 @@
 import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
 import { LanguageResolutionController as t } from "../controllers/language-resolution.js";
-import { ObserveSlotPresence as n } from "./observe-slot-presence.js";
-import { property as r } from "lit/decorators.js";
+import { SlotPresenceController as n } from "../controllers/slot-presence-controller/src/slot-presence-controller.js";
+import { isDebug as r, validateEnum as i, warnIf as a } from "../utils/dev-validation.js";
+import "../utils/index.js";
+import { property as o } from "lit/decorators.js";
 //#region mixins/linear-progress-mixin.ts
-var i = [
+var s = [
 	"s",
 	"m",
 	"l",
 	"xl"
-], a = ["white", "black"], o = ["top", "side"], s = { style: "percent" }, c = "[slot=\"label\"]", l = "[slot=\"description\"]", u = 0;
-function d(i) {
-	class a extends n(i, [c, l]) {
+], c = ["white", "black"], l = ["top", "side"], u = { style: "percent" }, d = "[slot=\"label\"]", f = "[slot=\"description\"]", p = 0;
+function m(s) {
+	class m extends s {
 		constructor(...e) {
-			super(...e), this.value = 0, this.minValue = 0, this.maxValue = 100, this.accessibleLabel = "", this.labelPosition = "top", this.languageResolver = new t(this), this._instanceId = ++u, this._hasWarnedNoAccessibleName = !1, this._hasWarnedValueOutOfRange = !1;
+			super(...e), this.slotPresence = new n(this, [d, f]), this.value = 0, this.minValue = 0, this.maxValue = 100, this.accessibleLabel = "", this.labelPosition = "top", this.languageResolver = new t(this), this._instanceId = ++p;
 		}
 		get docsHref() {
 			return `https://spectrum-web-components.adobe.com/?path=/docs/components-${this.localName.replace(/^swc-/, "")}--docs`;
@@ -24,10 +26,10 @@ function d(i) {
 			return `swc-linear-progress-description-${this._instanceId}`;
 		}
 		get hasLabelSlotContent() {
-			return this.getSlotContentPresence(c);
+			return this.slotPresence.getPresence(d);
 		}
 		get hasDescriptionSlotContent() {
-			return this.getSlotContentPresence(l);
+			return this.slotPresence.getPresence(f);
 		}
 		get sanitizedMin() {
 			let e = Number.isFinite(this.minValue) ? this.minValue : 0, t = Number.isFinite(this.maxValue) ? this.maxValue : 100;
@@ -49,7 +51,7 @@ function d(i) {
 		}
 		get formattedValue() {
 			if (this.valueLabel) return this.valueLabel;
-			let e = this.sanitizedMin, t = this.sanitizedMax, n = this.formatOptions && typeof this.formatOptions == "object" && Object.keys(this.formatOptions).length > 0 ? this.formatOptions : s, r = new Intl.NumberFormat(this.languageResolver.language, n);
+			let e = this.sanitizedMin, t = this.sanitizedMax, n = this.formatOptions && typeof this.formatOptions == "object" && Object.keys(this.formatOptions).length > 0 ? this.formatOptions : u, r = new Intl.NumberFormat(this.languageResolver.language, n);
 			if (n.style === "percent") {
 				let n = t === e ? 0 : (this.clampedValue - e) / (t - e);
 				return r.format(n);
@@ -57,58 +59,57 @@ function d(i) {
 			return r.format(this.clampedValue);
 		}
 		updated(e) {
-			var t, n;
-			super.updated(e), (t = window.__swc) != null && t.DEBUG && (e.has("accessibleLabel") || !this._hasWarnedNoAccessibleName) && this.warnMissingAccessibleName(), (n = window.__swc) != null && n.DEBUG && (e.has("value") || e.has("minValue") || e.has("maxValue")) && this.warnValueOutOfRange();
+			super.updated(e), r() && this.warnMissingAccessibleName(), r() && (e.has("value") || e.has("minValue") || e.has("maxValue")) && this.warnValueOutOfRange(), e.has("labelPosition") && i(this, {
+				prop: "label-position",
+				value: this.labelPosition,
+				valid: l,
+				url: "https://spectrum-web-components.adobe.com/?path=/docs/components-meter--docs"
+			}), e.has("staticColor") && this.staticColor !== void 0 && i(this, {
+				prop: "static-color",
+				value: this.staticColor,
+				valid: c,
+				url: "https://spectrum-web-components.adobe.com/?path=/docs/components-meter--docs"
+			});
 		}
 		warnValueOutOfRange() {
-			var e;
-			let t = this.value, n = this.sanitizedMin, r = this.sanitizedMax;
-			if (!Number.isFinite(t) || t >= n && t <= r) {
-				this._hasWarnedValueOutOfRange = !1;
-				return;
-			}
-			this._hasWarnedValueOutOfRange || (this._hasWarnedValueOutOfRange = !0, (e = window.__swc) == null || e.warn(this, `<${this.localName}> "value" (${t}) is outside the [${n}, ${r}] range and was clamped to ${this.clampedValue}.`, this.docsHref, { issues: ["set \"value\" within the \"min-value\" and \"max-value\" range, or", "adjust \"min-value\"/\"max-value\" so the range includes the value."] }));
+			let e = this.value, t = this.sanitizedMin, n = this.sanitizedMax;
+			!Number.isFinite(e) || e >= t && e <= n || a(this, !0, `<${this.localName}> "value" (${e}) is outside the [${t}, ${n}] range and was clamped to ${this.clampedValue}.`, this.docsHref, { issues: ["set \"value\" within the \"min-value\" and \"max-value\" range, or", "adjust \"min-value\"/\"max-value\" so the range includes the value."] });
 		}
 		warnMissingAccessibleName() {
-			var e;
-			if (this.hasLabelSlotContent || this.accessibleLabel) {
-				this._hasWarnedNoAccessibleName = !1;
-				return;
-			}
-			this._hasWarnedNoAccessibleName = !0, (e = window.__swc) == null || e.warn(this, `<${this.localName}> requires an accessible name.`, this.docsHref, {
+			this.hasLabelSlotContent || this.accessibleLabel || a(this, !0, `<${this.localName}> requires an accessible name.`, this.docsHref, {
 				type: "accessibility",
 				issues: ["add visible label content via the \"label\" named slot, or", "set the \"accessible-label\" attribute (or \"accessibleLabel\" property) when there is no visible label."]
 			});
 		}
 	}
-	return e([r({
+	return e([o({
 		type: Number,
 		reflect: !0
-	})], a.prototype, "value", void 0), e([r({
+	})], m.prototype, "value", void 0), e([o({
 		type: Number,
 		reflect: !0,
 		attribute: "min-value"
-	})], a.prototype, "minValue", void 0), e([r({
+	})], m.prototype, "minValue", void 0), e([o({
 		type: Number,
 		reflect: !0,
 		attribute: "max-value"
-	})], a.prototype, "maxValue", void 0), e([r({
+	})], m.prototype, "maxValue", void 0), e([o({
 		type: String,
 		attribute: "accessible-label"
-	})], a.prototype, "accessibleLabel", void 0), e([r({
+	})], m.prototype, "accessibleLabel", void 0), e([o({
 		type: String,
 		attribute: "value-label"
-	})], a.prototype, "valueLabel", void 0), e([r({ attribute: !1 })], a.prototype, "formatOptions", void 0), e([r({
+	})], m.prototype, "valueLabel", void 0), e([o({ attribute: !1 })], m.prototype, "formatOptions", void 0), e([o({
 		type: String,
 		reflect: !0,
 		attribute: "label-position"
-	})], a.prototype, "labelPosition", void 0), e([r({
+	})], m.prototype, "labelPosition", void 0), e([o({
 		type: String,
 		reflect: !0,
 		attribute: "static-color"
-	})], a.prototype, "staticColor", void 0), a;
+	})], m.prototype, "staticColor", void 0), m;
 }
 //#endregion
-export { o as LINEAR_PROGRESS_LABEL_POSITIONS, a as LINEAR_PROGRESS_STATIC_COLORS, i as LINEAR_PROGRESS_VALID_SIZES, d as LinearProgressMixin };
+export { l as LINEAR_PROGRESS_LABEL_POSITIONS, c as LINEAR_PROGRESS_STATIC_COLORS, s as LINEAR_PROGRESS_VALID_SIZES, m as LinearProgressMixin };
 
 //# sourceMappingURL=linear-progress-mixin.js.map

package/dist/mixins/linear-progress-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-progress-mixin.js","names":[],"sources":["../../mixins/linear-progress-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { LanguageResolutionController } from '../controllers/language-resolution.js';\nimport {\n  ObserveSlotPresence,\n  type SlotPresenceObservingInterface,\n} from './observe-slot-presence.js';\nimport type { ElementSize } from './sized-mixin.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n  prototype: T;\n};\n\nexport const LINEAR_PROGRESS_VALID_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\nexport type LinearProgressSize = (typeof LINEAR_PROGRESS_VALID_SIZES)[number];\n\nexport const LINEAR_PROGRESS_STATIC_COLORS = ['white', 'black'] as const;\nexport type LinearProgressStaticColor =\n  (typeof LINEAR_PROGRESS_STATIC_COLORS)[number];\n\nexport const LINEAR_PROGRESS_LABEL_POSITIONS = ['top', 'side'] as const;\nexport type LinearProgressLabelPosition =\n  (typeof LINEAR_PROGRESS_LABEL_POSITIONS)[number];\n\nconst DEFAULT_FORMAT_OPTIONS: Intl.NumberFormatOptions = { style: 'percent' };\n\nconst LABEL_SLOT_SELECTOR = '[slot=\"label\"]';\nconst DESCRIPTION_SLOT_SELECTOR = '[slot=\"description\"]';\n\nexport interface LinearProgressInterface extends SlotPresenceObservingInterface {\n  value: number;\n  minValue: number;\n  maxValue: number;\n  accessibleLabel: string;\n  valueLabel?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n  labelPosition: LinearProgressLabelPosition;\n  staticColor?: LinearProgressStaticColor;\n  readonly sanitizedMin: number;\n  readonly sanitizedMax: number;\n  readonly clampedValue: number;\n  readonly fillPercent: number;\n  readonly formattedValue: string;\n  readonly hasLabelSlotContent: boolean;\n  readonly hasDescriptionSlotContent: boolean;\n  readonly labelContainerId: string;\n  readonly descriptionContainerId: string;\n}\n\nlet nextLinearProgressId = 0;\n\n/**\n * Mixin for linear progress components. Owns the typed property\n * declarations, sanitized range + value, locale formatting, light-DOM\n * slot presence tracking (so the shadow-DOM containers and slots can\n * be fully conditional), and the DEBUG accessible-name warning.\n *\n * Intentionally silent on `role` and animation — those stay in each\n * component's own base class.\n */\nexport function LinearProgressMixin<T extends Constructor<ReactiveElement>>(\n  constructor: T\n): T & Constructor<LinearProgressInterface> {\n  class LinearProgressElement\n    extends ObserveSlotPresence(constructor, [\n      LABEL_SLOT_SELECTOR,\n      DESCRIPTION_SLOT_SELECTOR,\n    ])\n    implements LinearProgressInterface\n  {\n    /**\n     * Current value. Sanitized via `clampedValue` for rendering and\n     * `aria-valuenow`.\n     */\n    @property({ type: Number, reflect: true })\n    public value = 0;\n\n    /**\n     * Bottom of the value range.\n     */\n    @property({ type: Number, reflect: true, attribute: 'min-value' })\n    public minValue = 0;\n\n    /**\n     * Top of the value range.\n     */\n    @property({ type: Number, reflect: true, attribute: 'max-value' })\n    public maxValue = 100;\n\n    /**\n     * Rare-case accessible-name fallback used when there is no visible\n     * `label` slot content (for example, a data grid of meters).\n     * Renders into `aria-label` on the role element when set.\n     */\n    @property({ type: String, attribute: 'accessible-label' })\n    public accessibleLabel = '';\n\n    /**\n     * Custom value text (e.g. `\"1 of 4\"`). Overrides the auto-formatted\n     * value in both rendered text and `aria-valuetext`.\n     */\n    @property({ type: String, attribute: 'value-label' })\n    public valueLabel?: string;\n\n    /**\n     * `Intl.NumberFormatOptions` used to format the visible value and\n     * `aria-valuetext` when `valueLabel` is unset. JS property only —\n     * no attribute (full `Intl.NumberFormat` pass-through).\n     */\n    @property({ attribute: false })\n    public formatOptions?: Intl.NumberFormatOptions;\n\n    /**\n     * Position of the label relative to the bar.\n     */\n    @property({ type: String, reflect: true, attribute: 'label-position' })\n    public labelPosition: LinearProgressLabelPosition = 'top';\n\n    /**\n     * Static color override for use on images or colored backgrounds.\n     */\n    @property({ type: String, reflect: true, attribute: 'static-color' })\n    public staticColor?: LinearProgressStaticColor;\n\n    private readonly languageResolver = new LanguageResolutionController(this);\n\n    private readonly _instanceId = ++nextLinearProgressId;\n\n    /**\n     * @internal\n     *\n     * Documentation URL used in DEBUG warnings. Derived from the custom\n     * element tag name so each concrete component gets an accurate link\n     * with no per-subclass override needed (e.g. `swc-meter` →\n     * `components-meter--docs`, `swc-progress-bar` →\n     * `components-progress-bar--docs`).\n     */\n    protected get docsHref(): string {\n      const name = this.localName.replace(/^swc-/, '');\n      return `https://spectrum-web-components.adobe.com/?path=/docs/components-${name}--docs`;\n    }\n\n    /**\n     * @internal\n     */\n    public get labelContainerId(): string {\n      return `swc-linear-progress-label-${this._instanceId}`;\n    }\n\n    /**\n     * @internal\n     */\n    public get descriptionContainerId(): string {\n      return `swc-linear-progress-description-${this._instanceId}`;\n    }\n\n    /**\n     * @internal\n     */\n    public get hasLabelSlotContent(): boolean {\n      return this.getSlotContentPresence(LABEL_SLOT_SELECTOR);\n    }\n\n    /**\n     * @internal\n     */\n    public get hasDescriptionSlotContent(): boolean {\n      return this.getSlotContentPresence(DESCRIPTION_SLOT_SELECTOR);\n    }\n\n    /**\n     * @internal\n     *\n     * Sanitized lower bound: falls back to 0 when `minValue` is non-finite,\n     * and to the smaller of (min, max) when the two are reversed. ARIA\n     * `aria-valuemin`, `aria-valuenow`, `aria-valuetext`, and the rendered\n     * fill all read from the same sanitized range so screen-reader output\n     * stays internally consistent.\n     */\n    public get sanitizedMin(): number {\n      const min = Number.isFinite(this.minValue) ? this.minValue : 0;\n      const max = Number.isFinite(this.maxValue) ? this.maxValue : 100;\n      return Math.min(min, max);\n    }\n\n    /**\n     * @internal\n     *\n     * Sanitized upper bound. See `sanitizedMin`.\n     */\n    public get sanitizedMax(): number {\n      const min = Number.isFinite(this.minValue) ? this.minValue : 0;\n      const max = Number.isFinite(this.maxValue) ? this.maxValue : 100;\n      return Math.max(min, max);\n    }\n\n    /**\n     * @internal\n     */\n    public get clampedValue(): number {\n      const value = Number.isFinite(this.value) ? this.value : 0;\n      return Math.min(this.sanitizedMax, Math.max(this.sanitizedMin, value));\n    }\n\n    /**\n     * @internal\n     */\n    public get fillPercent(): number {\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      if (max === min) {\n        return 0;\n      }\n      const fraction = (this.clampedValue - min) / (max - min);\n      return Math.min(100, Math.max(0, fraction * 100));\n    }\n\n    /**\n     * @internal\n     */\n    public get formattedValue(): string {\n      if (this.valueLabel) {\n        return this.valueLabel;\n      }\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      // Treat anything that is not a plain options object (null, undefined,\n      // empty string from Storybook helpers, etc.) as \"no override\" and\n      // fall back to the percent default.\n      const providedOptions =\n        this.formatOptions &&\n        typeof this.formatOptions === 'object' &&\n        Object.keys(this.formatOptions).length > 0\n          ? this.formatOptions\n          : DEFAULT_FORMAT_OPTIONS;\n      const formatter = new Intl.NumberFormat(\n        this.languageResolver.language,\n        providedOptions\n      );\n      // Percent style consumes a fraction; every other style consumes the\n      // raw value.\n      if (providedOptions.style === 'percent') {\n        const fraction =\n          max === min ? 0 : (this.clampedValue - min) / (max - min);\n        return formatter.format(fraction);\n      }\n      return formatter.format(this.clampedValue);\n    }\n\n    protected override updated(changes: PropertyValues): void {\n      super.updated(changes);\n\n      // Locale changes are picked up automatically: the\n      // `LanguageResolutionController` requests an update with\n      // `languageResolverUpdatedSymbol`, which re-runs `render()`. The\n      // render template reads `formattedValue` (which reads\n      // `languageResolver.language` lazily), so the new locale is already\n      // reflected in this render cycle. No second `requestUpdate()`\n      // needed here.\n\n      // Only re-evaluate the accessible-name fallback when the inputs\n      // that determine it actually change, so the warning does not fire\n      // on every property update during development.\n      if (\n        window.__swc?.DEBUG &&\n        (changes.has('accessibleLabel') || !this._hasWarnedNoAccessibleName)\n      ) {\n        this.warnMissingAccessibleName();\n      }\n\n      // Surface a dev warning when `value` falls outside the resolved\n      // range. The value is still clamped for rendering and ARIA, but the\n      // clamp is otherwise silent, so flag it as a likely authoring error.\n      if (\n        window.__swc?.DEBUG &&\n        (changes.has('value') ||\n          changes.has('minValue') ||\n          changes.has('maxValue'))\n      ) {\n        this.warnValueOutOfRange();\n      }\n    }\n\n    private _hasWarnedNoAccessibleName = false;\n\n    private _hasWarnedValueOutOfRange = false;\n\n    private warnValueOutOfRange(): void {\n      const value = this.value;\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      if (!Number.isFinite(value) || (value >= min && value <= max)) {\n        this._hasWarnedValueOutOfRange = false;\n        return;\n      }\n      if (this._hasWarnedValueOutOfRange) {\n        return;\n      }\n      this._hasWarnedValueOutOfRange = true;\n      window.__swc?.warn(\n        this,\n        `<${this.localName}> \"value\" (${value}) is outside the [${min}, ${max}] range and was clamped to ${this.clampedValue}.`,\n        this.docsHref,\n        {\n          issues: [\n            'set \"value\" within the \"min-value\" and \"max-value\" range, or',\n            'adjust \"min-value\"/\"max-value\" so the range includes the value.',\n          ],\n        }\n      );\n    }\n\n    private warnMissingAccessibleName(): void {\n      if (this.hasLabelSlotContent || this.accessibleLabel) {\n        this._hasWarnedNoAccessibleName = false;\n        return;\n      }\n      this._hasWarnedNoAccessibleName = true;\n      window.__swc?.warn(\n        this,\n        `<${this.localName}> requires an accessible name.`,\n        this.docsHref,\n        {\n          type: 'accessibility',\n          issues: [\n            'add visible label content via the \"label\" named slot, or',\n            'set the \"accessible-label\" attribute (or \"accessibleLabel\" property) when there is no visible label.',\n          ],\n        }\n      );\n    }\n  }\n  return LinearProgressElement as unknown as T &\n    Constructor<LinearProgressInterface>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"linear-progress-mixin.js","names":[],"sources":["../../mixins/linear-progress-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { LanguageResolutionController } from '../controllers/language-resolution.js';\nimport { SlotPresenceController } from '../controllers/slot-presence-controller/index.js';\nimport { isDebug, validateEnum, warnIf } from '../utils/index.js';\nimport type { ElementSize } from './sized-mixin.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n  prototype: T;\n};\n\nexport const LINEAR_PROGRESS_VALID_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\nexport type LinearProgressSize = (typeof LINEAR_PROGRESS_VALID_SIZES)[number];\n\nexport const LINEAR_PROGRESS_STATIC_COLORS = ['white', 'black'] as const;\nexport type LinearProgressStaticColor =\n  (typeof LINEAR_PROGRESS_STATIC_COLORS)[number];\n\nexport const LINEAR_PROGRESS_LABEL_POSITIONS = ['top', 'side'] as const;\nexport type LinearProgressLabelPosition =\n  (typeof LINEAR_PROGRESS_LABEL_POSITIONS)[number];\n\nconst DEFAULT_FORMAT_OPTIONS: Intl.NumberFormatOptions = { style: 'percent' };\n\nconst LABEL_SLOT_SELECTOR = '[slot=\"label\"]';\nconst DESCRIPTION_SLOT_SELECTOR = '[slot=\"description\"]';\n\nexport interface LinearProgressInterface {\n  value: number;\n  minValue: number;\n  maxValue: number;\n  accessibleLabel: string;\n  valueLabel?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n  labelPosition: LinearProgressLabelPosition;\n  staticColor?: LinearProgressStaticColor;\n  readonly sanitizedMin: number;\n  readonly sanitizedMax: number;\n  readonly clampedValue: number;\n  readonly fillPercent: number;\n  readonly formattedValue: string;\n  readonly hasLabelSlotContent: boolean;\n  readonly hasDescriptionSlotContent: boolean;\n  readonly labelContainerId: string;\n  readonly descriptionContainerId: string;\n}\n\nlet nextLinearProgressId = 0;\n\n/**\n * Mixin for linear progress components. Owns the typed property\n * declarations, sanitized range + value, locale formatting, light-DOM\n * slot presence tracking (so the shadow-DOM containers and slots can\n * be fully conditional), and the DEBUG accessible-name warning.\n *\n * Intentionally silent on `role` and animation — those stay in each\n * component's own base class.\n */\nexport function LinearProgressMixin<T extends Constructor<ReactiveElement>>(\n  constructor: T\n): T & Constructor<LinearProgressInterface> {\n  class LinearProgressElement\n    extends constructor\n    implements LinearProgressInterface\n  {\n    /**\n     * Observes the light-DOM `label` and `description` slots so the shadow-DOM\n     * containers and slots can be fully conditional.\n     */\n    private readonly slotPresence = new SlotPresenceController(this, [\n      LABEL_SLOT_SELECTOR,\n      DESCRIPTION_SLOT_SELECTOR,\n    ]);\n\n    /**\n     * Current value. Sanitized via `clampedValue` for rendering and\n     * `aria-valuenow`.\n     */\n    @property({ type: Number, reflect: true })\n    public value = 0;\n\n    /**\n     * Bottom of the value range.\n     */\n    @property({ type: Number, reflect: true, attribute: 'min-value' })\n    public minValue = 0;\n\n    /**\n     * Top of the value range.\n     */\n    @property({ type: Number, reflect: true, attribute: 'max-value' })\n    public maxValue = 100;\n\n    /**\n     * Rare-case accessible-name fallback used when there is no visible\n     * `label` slot content (for example, a data grid of meters).\n     * Renders into `aria-label` on the role element when set.\n     */\n    @property({ type: String, attribute: 'accessible-label' })\n    public accessibleLabel = '';\n\n    /**\n     * Custom value text (e.g. `\"1 of 4\"`). Overrides the auto-formatted\n     * value in both rendered text and `aria-valuetext`.\n     */\n    @property({ type: String, attribute: 'value-label' })\n    public valueLabel?: string;\n\n    /**\n     * `Intl.NumberFormatOptions` used to format the visible value and\n     * `aria-valuetext` when `valueLabel` is unset. JS property only —\n     * no attribute (full `Intl.NumberFormat` pass-through).\n     */\n    @property({ attribute: false })\n    public formatOptions?: Intl.NumberFormatOptions;\n\n    /**\n     * Position of the label relative to the bar.\n     */\n    @property({ type: String, reflect: true, attribute: 'label-position' })\n    public labelPosition: LinearProgressLabelPosition = 'top';\n\n    /**\n     * Static color override for use on images or colored backgrounds.\n     */\n    @property({ type: String, reflect: true, attribute: 'static-color' })\n    public staticColor?: LinearProgressStaticColor;\n\n    private readonly languageResolver = new LanguageResolutionController(this);\n\n    private readonly _instanceId = ++nextLinearProgressId;\n\n    /**\n     * @internal\n     *\n     * Documentation URL used in DEBUG warnings. Derived from the custom\n     * element tag name so each concrete component gets an accurate link\n     * with no per-subclass override needed (e.g. `swc-meter` →\n     * `components-meter--docs`, `swc-progress-bar` →\n     * `components-progress-bar--docs`).\n     */\n    protected get docsHref(): string {\n      const name = this.localName.replace(/^swc-/, '');\n      return `https://spectrum-web-components.adobe.com/?path=/docs/components-${name}--docs`;\n    }\n\n    /**\n     * @internal\n     */\n    public get labelContainerId(): string {\n      return `swc-linear-progress-label-${this._instanceId}`;\n    }\n\n    /**\n     * @internal\n     */\n    public get descriptionContainerId(): string {\n      return `swc-linear-progress-description-${this._instanceId}`;\n    }\n\n    /**\n     * @internal\n     */\n    public get hasLabelSlotContent(): boolean {\n      return this.slotPresence.getPresence(LABEL_SLOT_SELECTOR);\n    }\n\n    /**\n     * @internal\n     */\n    public get hasDescriptionSlotContent(): boolean {\n      return this.slotPresence.getPresence(DESCRIPTION_SLOT_SELECTOR);\n    }\n\n    /**\n     * @internal\n     *\n     * Sanitized lower bound: falls back to 0 when `minValue` is non-finite,\n     * and to the smaller of (min, max) when the two are reversed. ARIA\n     * `aria-valuemin`, `aria-valuenow`, `aria-valuetext`, and the rendered\n     * fill all read from the same sanitized range so screen-reader output\n     * stays internally consistent.\n     */\n    public get sanitizedMin(): number {\n      const min = Number.isFinite(this.minValue) ? this.minValue : 0;\n      const max = Number.isFinite(this.maxValue) ? this.maxValue : 100;\n      return Math.min(min, max);\n    }\n\n    /**\n     * @internal\n     *\n     * Sanitized upper bound. See `sanitizedMin`.\n     */\n    public get sanitizedMax(): number {\n      const min = Number.isFinite(this.minValue) ? this.minValue : 0;\n      const max = Number.isFinite(this.maxValue) ? this.maxValue : 100;\n      return Math.max(min, max);\n    }\n\n    /**\n     * @internal\n     */\n    public get clampedValue(): number {\n      const value = Number.isFinite(this.value) ? this.value : 0;\n      return Math.min(this.sanitizedMax, Math.max(this.sanitizedMin, value));\n    }\n\n    /**\n     * @internal\n     */\n    public get fillPercent(): number {\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      if (max === min) {\n        return 0;\n      }\n      const fraction = (this.clampedValue - min) / (max - min);\n      return Math.min(100, Math.max(0, fraction * 100));\n    }\n\n    /**\n     * @internal\n     */\n    public get formattedValue(): string {\n      if (this.valueLabel) {\n        return this.valueLabel;\n      }\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      // Treat anything that is not a plain options object (null, undefined,\n      // empty string from Storybook helpers, etc.) as \"no override\" and\n      // fall back to the percent default.\n      const providedOptions =\n        this.formatOptions &&\n        typeof this.formatOptions === 'object' &&\n        Object.keys(this.formatOptions).length > 0\n          ? this.formatOptions\n          : DEFAULT_FORMAT_OPTIONS;\n      const formatter = new Intl.NumberFormat(\n        this.languageResolver.language,\n        providedOptions\n      );\n      // Percent style consumes a fraction; every other style consumes the\n      // raw value.\n      if (providedOptions.style === 'percent') {\n        const fraction =\n          max === min ? 0 : (this.clampedValue - min) / (max - min);\n        return formatter.format(fraction);\n      }\n      return formatter.format(this.clampedValue);\n    }\n\n    protected override updated(changes: PropertyValues): void {\n      super.updated(changes);\n\n      // Locale changes are picked up automatically: the\n      // `LanguageResolutionController` requests an update with\n      // `languageResolverUpdatedSymbol`, which re-runs `render()`. The\n      // render template reads `formattedValue` (which reads\n      // `languageResolver.language` lazily), so the new locale is already\n      // reflected in this render cycle. No second `requestUpdate()`\n      // needed here.\n\n      // The accessible name can come from the `accessibleLabel` property or the\n      // label slot (tracked by a slot controller that requests an update without\n      // surfacing a changed property), so re-check on every dev render and let\n      // the warning dedup handle repeats rather than gating on one property.\n      if (isDebug()) {\n        this.warnMissingAccessibleName();\n      }\n\n      // Surface a dev warning when `value` falls outside the resolved\n      // range. The value is still clamped for rendering and ARIA, but the\n      // clamp is otherwise silent, so flag it as a likely authoring error.\n      if (\n        isDebug() &&\n        (changes.has('value') ||\n          changes.has('minValue') ||\n          changes.has('maxValue'))\n      ) {\n        this.warnValueOutOfRange();\n      }\n\n      if (changes.has('labelPosition')) {\n        validateEnum(this, {\n          prop: 'label-position',\n          value: this.labelPosition,\n          valid: LINEAR_PROGRESS_LABEL_POSITIONS,\n          url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-meter--docs',\n        });\n      }\n\n      if (changes.has('staticColor') && this.staticColor !== undefined) {\n        validateEnum(this, {\n          prop: 'static-color',\n          value: this.staticColor,\n          valid: LINEAR_PROGRESS_STATIC_COLORS,\n          url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-meter--docs',\n        });\n      }\n    }\n\n    private warnValueOutOfRange(): void {\n      const value = this.value;\n      const min = this.sanitizedMin;\n      const max = this.sanitizedMax;\n      // Early return when the value is valid so the message is not built on\n      // every in-range render.\n      if (!Number.isFinite(value) || (value >= min && value <= max)) {\n        return;\n      }\n      warnIf(\n        this,\n        true,\n        `<${this.localName}> \"value\" (${value}) is outside the [${min}, ${max}] range and was clamped to ${this.clampedValue}.`,\n        this.docsHref,\n        {\n          issues: [\n            'set \"value\" within the \"min-value\" and \"max-value\" range, or',\n            'adjust \"min-value\"/\"max-value\" so the range includes the value.',\n          ],\n        }\n      );\n    }\n\n    private warnMissingAccessibleName(): void {\n      // Early return when a name is present so the message is not built on\n      // every render (this runs unconditionally in dev).\n      if (this.hasLabelSlotContent || this.accessibleLabel) {\n        return;\n      }\n      warnIf(\n        this,\n        true,\n        `<${this.localName}> requires an accessible name.`,\n        this.docsHref,\n        {\n          type: 'accessibility',\n          issues: [\n            'add visible label content via the \"label\" named slot, or',\n            'set the \"accessible-label\" attribute (or \"accessibleLabel\" property) when there is no visible label.',\n          ],\n        }\n      );\n    }\n  }\n  return LinearProgressElement as unknown as T &\n    Constructor<LinearProgressInterface>;\n}\n"],"mappings":"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"}

package/dist/mixins/pending-mixin.js

@@ -1,12 +1,14 @@
 import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
-import { PendingController as t } from "../controllers/pending-controller/src/pending-controller.js";
+import { warnIf as t } from "../utils/dev-validation.js";
+import "../utils/index.js";
+import { PendingController as n } from "../controllers/pending-controller/src/pending-controller.js";
 import "../controllers/pending-controller/index.js";
-import { property as n } from "lit/decorators.js";
+import { property as r } from "lit/decorators.js";
 //#region mixins/pending-mixin.ts
-function r(r) {
-	class i extends r {
+function i(i) {
+	class a extends i {
 		constructor(...e) {
-			super(...e), this.pending = !1, this._pendingController = new t(this, { resolveAccessibleName: () => {
+			super(...e), this.pending = !1, this._pendingController = new n(this, { resolveAccessibleName: () => {
 				var e, t;
 				return (e = this.accessibleLabel) == null ? ((t = this.textContent) == null ? void 0 : t.trim()) || null : e;
 			} }), this._suppressPendingActivation = (e) => {
@@ -29,21 +31,20 @@ function r(r) {
 			this.removeEventListener("click", this._suppressPendingActivation, !0), super.disconnectedCallback();
 		}
 		update(e) {
-			var t;
 			super.update(e);
 			let n = "disabled" in this && this.disabled === !0;
-			(t = window.__swc) != null && t.DEBUG && this.pending && n && window.__swc.warn(this, `<${this.localName}> should not set both "pending" and "disabled" simultaneously. Use "pending" to keep the element focusable while unavailable, or "disabled" to fully remove it from the tab order.`, "https://opensource.adobe.com/spectrum-web-components/", { issues: ["pending + disabled"] });
+			t(this, this.pending && n, `<${this.localName}> should not set both "pending" and "disabled" simultaneously. Use "pending" to keep the element focusable while unavailable, or "disabled" to fully remove it from the tab order.`, "https://spectrum-web-components.adobe.com/?path=/docs/components-button--docs", { issues: ["pending + disabled"] });
 		}
 	}
-	return e([n({
+	return e([r({
 		type: Boolean,
 		reflect: !0
-	})], i.prototype, "pending", void 0), e([n({
+	})], a.prototype, "pending", void 0), e([r({
 		type: String,
 		attribute: "pending-label"
-	})], i.prototype, "pendingLabel", void 0), i;
+	})], a.prototype, "pendingLabel", void 0), a;
 }
 //#endregion
-export { r as PendingMixin };
+export { i as PendingMixin };
 
 //# sourceMappingURL=pending-mixin.js.map

package/dist/mixins/pending-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"pending-mixin.js","names":[],"sources":["../../mixins/pending-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { PendingController } from '../controllers/pending-controller/index.js';\nimport type { PendingSpinnerResult } from '../directives/pending-spinner/index.js';\n\n// Abstract-capable so the mixin can be applied over abstract base classes such\n// as `ButtonBase`; `new` alone cannot construct an abstract class.\ntype Constructor<T = Record<string, unknown>> =\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  abstract new (...args: any[]) => T;\n\n/** The API {@link PendingMixin} adds to its host. */\nexport interface PendingInterface {\n  pending: boolean;\n  pendingLabel?: string;\n  readonly pendingActive: boolean;\n  getPendingAccessibleName(): string;\n  renderPendingState(): PendingSpinnerResult;\n}\n\n/**\n * A mixin that adds the pending (busy) state to a host: the reactive `pending`\n * and `pending-label` properties, a {@link PendingController} for the delayed\n * visual / inline-size freeze / accessible-name derivation, and capture-phase\n * click suppression so activation is blocked while pending.\n *\n * The host stays focusable while pending; the mixin never sets the native\n * `disabled` attribute. The host's template is responsible for applying\n * `aria-disabled` and the pending `aria-label` (read from\n * {@link PendingInterface.getPendingAccessibleName}), and for rendering the\n * spinner with the `renderPendingSpinner` directive.\n *\n * The busy accessible name is derived from the host's optional\n * `accessibleLabel` when present, otherwise from trimmed `textContent`.\n *\n * @example\n * ```typescript\n * class MyButton extends PendingMixin(SpectrumElement) {\n *   render() {\n *     return html`<button\n *       aria-disabled=${ifDefined(this.pending ? 'true' : undefined)}\n *       aria-label=${ifDefined(this.pending ? this.getPendingAccessibleName() : this.accessibleLabel)}\n *     >\n *       <slot></slot>\n *       ${this.renderPendingState()}\n *     </button>`;\n *   }\n * }\n * ```\n */\nexport function PendingMixin<\n  T extends Constructor<ReactiveElement & { accessibleLabel?: string }>,\n>(constructor: T): T & Constructor<PendingInterface> {\n  abstract class PendingElement\n    extends constructor\n    implements PendingInterface\n  {\n    /**\n     * Whether the element is in a pending (busy) state. The element remains\n     * focusable but activation is suppressed.\n     */\n    @property({ type: Boolean, reflect: true })\n    public pending = false;\n\n    /**\n     * Custom accessible label used during the pending state. When omitted, the\n     * pending label is derived from the resolved non-busy accessible name plus\n     * a busy suffix (e.g. \"Save, busy\").\n     */\n    @property({ type: String, attribute: 'pending-label' })\n    public pendingLabel?: string;\n\n    private _pendingController = new PendingController(this, {\n      resolveAccessibleName: () =>\n        this.accessibleLabel ?? (this.textContent?.trim() || null),\n    });\n\n    /**\n     * Whether the delayed busy visual is active. Read this in `render()` to\n     * apply the busy styling.\n     */\n    public get pendingActive(): boolean {\n      return this._pendingController.pendingActive;\n    }\n\n    /** Derives the pending-state accessible label. */\n    public getPendingAccessibleName(): string {\n      return this._pendingController.getPendingAccessibleName();\n    }\n\n    /**\n     * Renders the pending spinner for the current state, via the controller.\n     * Lets hosts render the indicator with `${this.renderPendingState()}` and no\n     * separate directive import.\n     */\n    public renderPendingState(): PendingSpinnerResult {\n      return this._pendingController.renderPendingState();\n    }\n\n    /**\n     * Suppresses click activation while pending. Capture phase so slotted\n     * light-DOM clicks are suppressed before host listeners run.\n     */\n    private readonly _suppressPendingActivation = (event: Event): void => {\n      if (this.pending) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n      }\n    };\n\n    public override connectedCallback(): void {\n      super.connectedCallback();\n      this.addEventListener('click', this._suppressPendingActivation, true);\n    }\n\n    public override disconnectedCallback(): void {\n      this.removeEventListener('click', this._suppressPendingActivation, true);\n      super.disconnectedCallback();\n    }\n\n    protected override update(changedProperties: PropertyValues): void {\n      super.update(changedProperties);\n      // Guard the `disabled` read with an `in` check rather than a cast: not\n      // every host that applies this mixin necessarily has a `disabled`\n      // property.\n      const hasDisabled = 'disabled' in this && this.disabled === true;\n      if (window.__swc?.DEBUG && this.pending && hasDisabled) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> should not set both \"pending\" and \"disabled\" simultaneously. Use \"pending\" to keep the element focusable while unavailable, or \"disabled\" to fully remove it from the tab order.`,\n          'https://opensource.adobe.com/spectrum-web-components/',\n          { issues: ['pending + disabled'] }\n        );\n      }\n    }\n  }\n  return PendingElement as unknown as T & Constructor<PendingInterface>;\n}\n"],"mappings":";;;;;AA+DA,SAAgB,EAEd,GAAmD;CACnD,MAAe,UACL,EAEV;;+BAMmB,8BAUY,IAAI,EAAkB,MAAM,EACvD,6BACE;;qBAAK,oBAAA,SAAA,IAAoB,KAAK,gBAAA,OAAA,KAAA,IAAA,EAAa,MAAM,KAAI,OAAhD;MACR,CAAC,qCA4B6C,MAAuB;AACpE,IAAI,KAAK,YACP,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;EAzBpC,IAAW,gBAAyB;AAClC,UAAO,KAAK,mBAAmB;;EAIjC,2BAA0C;AACxC,UAAO,KAAK,mBAAmB,0BAA0B;;EAQ3D,qBAAkD;AAChD,UAAO,KAAK,mBAAmB,oBAAoB;;EAcrD,oBAA0C;AAExC,GADA,MAAM,mBAAmB,EACzB,KAAK,iBAAiB,SAAS,KAAK,4BAA4B,GAAK;;EAGvE,uBAA6C;AAE3C,GADA,KAAK,oBAAoB,SAAS,KAAK,4BAA4B,GAAK,EACxE,MAAM,sBAAsB;;EAG9B,OAA0B,GAAyC;;AACjE,SAAM,OAAO,EAAkB;GAI/B,IAAM,IAAc,cAAc,QAAQ,KAAK,aAAa;AAC5D,IAAA,IAAI,OAAO,UAAA,QAAA,EAAO,SAAS,KAAK,WAAW,KACzC,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,qLACnB,yDACA,EAAE,QAAQ,CAAC,qBAAqB,EAAE,CACnC;;;AAIP,WA3EG,EAAS;EAAE,MAAM;EAAS,SAAS;EAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAQ1C,EAAS;EAAE,MAAM;EAAQ,WAAW;EAAiB,CAAC,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,EAmElD"}
+{"version":3,"file":"pending-mixin.js","names":[],"sources":["../../mixins/pending-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { PendingController } from '../controllers/pending-controller/index.js';\nimport type { PendingSpinnerResult } from '../directives/pending-spinner/index.js';\nimport { warnIf } from '../utils/index.js';\n\n// Abstract-capable so the mixin can be applied over abstract base classes such\n// as `ButtonBase`; `new` alone cannot construct an abstract class.\ntype Constructor<T = Record<string, unknown>> =\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  abstract new (...args: any[]) => T;\n\n/** The API {@link PendingMixin} adds to its host. */\nexport interface PendingInterface {\n  pending: boolean;\n  pendingLabel?: string;\n  readonly pendingActive: boolean;\n  getPendingAccessibleName(): string;\n  renderPendingState(): PendingSpinnerResult;\n}\n\n/**\n * A mixin that adds the pending (busy) state to a host: the reactive `pending`\n * and `pending-label` properties, a {@link PendingController} for the delayed\n * visual / inline-size freeze / accessible-name derivation, and capture-phase\n * click suppression so activation is blocked while pending.\n *\n * The host stays focusable while pending; the mixin never sets the native\n * `disabled` attribute. The host's template is responsible for applying\n * `aria-disabled` and the pending `aria-label` (read from\n * {@link PendingInterface.getPendingAccessibleName}), and for rendering the\n * spinner with the `renderPendingSpinner` directive.\n *\n * The busy accessible name is derived from the host's optional\n * `accessibleLabel` when present, otherwise from trimmed `textContent`.\n *\n * @example\n * ```typescript\n * class MyButton extends PendingMixin(SpectrumElement) {\n *   render() {\n *     return html`<button\n *       aria-disabled=${ifDefined(this.pending ? 'true' : undefined)}\n *       aria-label=${ifDefined(this.pending ? this.getPendingAccessibleName() : this.accessibleLabel)}\n *     >\n *       <slot></slot>\n *       ${this.renderPendingState()}\n *     </button>`;\n *   }\n * }\n * ```\n */\nexport function PendingMixin<\n  T extends Constructor<ReactiveElement & { accessibleLabel?: string }>,\n>(constructor: T): T & Constructor<PendingInterface> {\n  abstract class PendingElement\n    extends constructor\n    implements PendingInterface\n  {\n    /**\n     * Whether the element is in a pending (busy) state. The element remains\n     * focusable but activation is suppressed.\n     */\n    @property({ type: Boolean, reflect: true })\n    public pending = false;\n\n    /**\n     * Custom accessible label used during the pending state. When omitted, the\n     * pending label is derived from the resolved non-busy accessible name plus\n     * a busy suffix (e.g. \"Save, busy\").\n     */\n    @property({ type: String, attribute: 'pending-label' })\n    public pendingLabel?: string;\n\n    private _pendingController = new PendingController(this, {\n      resolveAccessibleName: () =>\n        this.accessibleLabel ?? (this.textContent?.trim() || null),\n    });\n\n    /**\n     * Whether the delayed busy visual is active. Read this in `render()` to\n     * apply the busy styling.\n     */\n    public get pendingActive(): boolean {\n      return this._pendingController.pendingActive;\n    }\n\n    /** Derives the pending-state accessible label. */\n    public getPendingAccessibleName(): string {\n      return this._pendingController.getPendingAccessibleName();\n    }\n\n    /**\n     * Renders the pending spinner for the current state, via the controller.\n     * Lets hosts render the indicator with `${this.renderPendingState()}` and no\n     * separate directive import.\n     */\n    public renderPendingState(): PendingSpinnerResult {\n      return this._pendingController.renderPendingState();\n    }\n\n    /**\n     * Suppresses click activation while pending. Capture phase so slotted\n     * light-DOM clicks are suppressed before host listeners run.\n     */\n    private readonly _suppressPendingActivation = (event: Event): void => {\n      if (this.pending) {\n        event.preventDefault();\n        event.stopImmediatePropagation();\n      }\n    };\n\n    public override connectedCallback(): void {\n      super.connectedCallback();\n      this.addEventListener('click', this._suppressPendingActivation, true);\n    }\n\n    public override disconnectedCallback(): void {\n      this.removeEventListener('click', this._suppressPendingActivation, true);\n      super.disconnectedCallback();\n    }\n\n    protected override update(changedProperties: PropertyValues): void {\n      super.update(changedProperties);\n      // Guard the `disabled` read with an `in` check rather than a cast: not\n      // every host that applies this mixin necessarily has a `disabled`\n      // property.\n      const hasDisabled = 'disabled' in this && this.disabled === true;\n      warnIf(\n        this,\n        this.pending && hasDisabled,\n        `<${this.localName}> should not set both \"pending\" and \"disabled\" simultaneously. Use \"pending\" to keep the element focusable while unavailable, or \"disabled\" to fully remove it from the tab order.`,\n        'https://spectrum-web-components.adobe.com/?path=/docs/components-button--docs',\n        { issues: ['pending + disabled'] }\n      );\n    }\n  }\n  return PendingElement as unknown as T & Constructor<PendingInterface>;\n}\n"],"mappings":";;;;;;;AAgEA,SAAgB,EAEd,GAAmD;CACnD,MAAe,UACL,EAEV;;+BAMmB,8BAUY,IAAI,EAAkB,MAAM,EACvD,6BACE;;qBAAK,oBAAA,SAAA,IAAoB,KAAK,gBAAA,OAAA,KAAA,IAAA,EAAa,MAAM,KAAI,OAAhD;MACR,CAAC,qCA4B6C,MAAuB;AACpE,IAAI,KAAK,YACP,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;EAzBpC,IAAW,gBAAyB;AAClC,UAAO,KAAK,mBAAmB;;EAIjC,2BAA0C;AACxC,UAAO,KAAK,mBAAmB,0BAA0B;;EAQ3D,qBAAkD;AAChD,UAAO,KAAK,mBAAmB,oBAAoB;;EAcrD,oBAA0C;AAExC,GADA,MAAM,mBAAmB,EACzB,KAAK,iBAAiB,SAAS,KAAK,4BAA4B,GAAK;;EAGvE,uBAA6C;AAE3C,GADA,KAAK,oBAAoB,SAAS,KAAK,4BAA4B,GAAK,EACxE,MAAM,sBAAsB;;EAG9B,OAA0B,GAAyC;AACjE,SAAM,OAAO,EAAkB;GAI/B,IAAM,IAAc,cAAc,QAAQ,KAAK,aAAa;AAC5D,KACE,MACA,KAAK,WAAW,GAChB,IAAI,KAAK,UAAU,qLACnB,iFACA,EAAE,QAAQ,CAAC,qBAAqB,EAAE,CACnC;;;AAGL,WA1EG,EAAS;EAAE,MAAM;EAAS,SAAS;EAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAQ1C,EAAS;EAAE,MAAM;EAAQ,WAAW;EAAiB,CAAC,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,EAkElD"}

package/dist/mixins/sized-mixin.d.ts

@@ -12,7 +12,35 @@ export interface SizedElementInterface {
 }
 export interface SizedElementConstructor {
     readonly VALID_SIZES: readonly ElementSize[];
+    readonly NO_DEFAULT_SIZE: boolean;
 }
+/**
+ * Mixes size-awareness into a Lit `ReactiveElement` subclass.
+ *
+ * ## Why NO_DEFAULT_SIZE is a static rather than a closure variable
+ *
+ * The original implementation captured `noDefaultSize` in a closure at call
+ * time. That works when a component applies SizedMixin directly to a plain
+ * base (e.g. `SizedMixin(SpectrumElement, { noDefaultSize: true })`), but
+ * breaks silently when a component extends a base that is already SizedMixin'd.
+ *
+ * Consider InfieldButton extending ButtonBase:
+ *   - ButtonBase = SizedMixin(SpectrumElement, {}) — closure captures noDefaultSize=false
+ *   - InfieldButtonBase extends ButtonBase
+ *
+ * Even if a second SizedMixin wrapper is applied with noDefaultSize=true, calling
+ * super.update() reaches the inner ButtonBase SizedMixin, whose update() still
+ * reads noDefaultSize=false from its closure and writes size="m" to the DOM.
+ * Likewise, when a parent calls removeAttribute('size'), the inherited setter
+ * reads the inner closure's fallbackSize='m' and immediately re-sets the attribute.
+ *
+ * Making NO_DEFAULT_SIZE a static property solves both problems: the setter and
+ * update() read this.constructor.NO_DEFAULT_SIZE, which follows the prototype
+ * chain to the leaf class. A subclass like InfieldButtonBase only needs to
+ * declare `static override readonly NO_DEFAULT_SIZE = true` — no mixin
+ * re-wrapping, no lifecycle interception, and the correct value is read by every
+ * SizedMixin layer in the chain.
+ */
 export declare function SizedMixin<T extends Constructor<ReactiveElement>>(constructor: T, { validSizes, noDefaultSize, defaultSize, }?: {
     validSizes?: readonly ElementSize[];
     noDefaultSize?: boolean;

package/dist/mixins/sized-mixin.js

@@ -25,16 +25,16 @@ function i(n, { validSizes: i = [...r], noDefaultSize: a, defaultSize: o = "m" }
 			return this._size || o;
 		}
 		set size(e) {
-			let t = a ? null : o, n = e && e.toLocaleLowerCase(), r = this.constructor.VALID_SIZES.includes(n) ? n : t;
-			if (r && this.setAttribute("size", r), this._size === r) return;
-			let i = this._size;
-			this._size = r, this.requestUpdate("size", i);
+			let t = this.constructor, n = t.NO_DEFAULT_SIZE ? null : o, r = e && e.toLocaleLowerCase(), i = t.VALID_SIZES.includes(r) ? r : n;
+			if (i && this.setAttribute("size", i), this._size === i) return;
+			let a = this._size;
+			this._size = i, this.requestUpdate("size", a);
 		}
 		update(e) {
-			!this.hasAttribute("size") && !a && this.setAttribute("size", this.size), super.update(e);
+			!this.hasAttribute("size") && !this.constructor.NO_DEFAULT_SIZE && this.setAttribute("size", this.size), super.update(e);
 		}
 	}
-	return s = c, s.VALID_SIZES = i, e([t({ type: String })], c.prototype, "size", null), c;
+	return s = c, s.VALID_SIZES = i, s.NO_DEFAULT_SIZE = a == null ? !1 : a, e([t({ type: String })], c.prototype, "size", null), c;
 }
 //#endregion
 export { r as DEFAULT_ELEMENT_SIZES, n as ELEMENT_SIZES, i as SizedMixin };

package/dist/mixins/sized-mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"sized-mixin.js","names":[],"sources":["../../mixins/sized-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n  prototype: T;\n};\n\nexport const ELEMENT_SIZES = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'] as const;\nexport type ElementSize = (typeof ELEMENT_SIZES)[number];\n\nexport const DEFAULT_ELEMENT_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\nexport type DefaultElementSize = (typeof DEFAULT_ELEMENT_SIZES)[number];\n\nexport interface SizedElementInterface {\n  size: ElementSize;\n}\n\nexport interface SizedElementConstructor {\n  readonly VALID_SIZES: readonly ElementSize[];\n}\n\nexport function SizedMixin<T extends Constructor<ReactiveElement>>(\n  constructor: T,\n  {\n    validSizes = [...DEFAULT_ELEMENT_SIZES],\n    noDefaultSize,\n    defaultSize = 'm',\n  }: {\n    validSizes?: readonly ElementSize[];\n    noDefaultSize?: boolean;\n    defaultSize?: ElementSize;\n  } = {}\n): T & Constructor<SizedElementInterface> & SizedElementConstructor {\n  class SizedElement extends constructor {\n    /**\n     * @internal\n     */\n    static readonly VALID_SIZES: readonly ElementSize[] = validSizes;\n\n    @property({ type: String })\n    public get size(): ElementSize {\n      return this._size || defaultSize;\n    }\n\n    public set size(value: ElementSize) {\n      const fallbackSize = noDefaultSize ? null : defaultSize;\n      const size = (value ? value.toLocaleLowerCase() : value) as ElementSize;\n      const classValidSizes = (\n        this.constructor as unknown as SizedElementConstructor\n      ).VALID_SIZES;\n      const validSize = (\n        classValidSizes.includes(size) ? size : fallbackSize\n      ) as ElementSize;\n      if (validSize) {\n        this.setAttribute('size', validSize);\n      }\n      if (this._size === validSize) {\n        return;\n      }\n      const oldSize = this._size;\n      this._size = validSize;\n      this.requestUpdate('size', oldSize);\n    }\n\n    /** @internal */\n    private _size: ElementSize | null = defaultSize;\n\n    protected override update(changes: PropertyValues): void {\n      if (!this.hasAttribute('size') && !noDefaultSize) {\n        this.setAttribute('size', this.size);\n      }\n      super.update(changes);\n    }\n  }\n  return SizedElement;\n}\n"],"mappings":";;;AAoBA,IAAa,IAAgB;CAAC;CAAO;CAAM;CAAK;CAAK;CAAK;CAAM;CAAM,EAGzD,IAAwB;CACnC;CACA;CACA;CACA;CACD;AAWD,SAAgB,EACd,GACA,EACE,gBAAa,CAAC,GAAG,EAAsB,EACvC,kBACA,iBAAc,QAKZ,EAAE,EAC4D;;CAClE,MAAM,UAAqB,EAAY;;6BAgCD;;EA1BpC,IACW,OAAoB;AAC7B,UAAO,KAAK,SAAS;;EAGvB,IAAW,KAAK,GAAoB;GAClC,IAAM,IAAe,IAAgB,OAAO,GACtC,IAAQ,KAAQ,EAAM,mBAAmB,EAIzC,IAFJ,KAAK,YACL,YAEgB,SAAS,EAAK,GAAG,IAAO;AAK1C,OAHI,KACF,KAAK,aAAa,QAAQ,EAAU,EAElC,KAAK,UAAU,EACjB;GAEF,IAAM,IAAU,KAAK;AAErB,GADA,KAAK,QAAQ,GACb,KAAK,cAAc,QAAQ,EAAQ;;EAMrC,OAA0B,GAA+B;AAIvD,GAHI,CAAC,KAAK,aAAa,OAAO,IAAI,CAAC,KACjC,KAAK,aAAa,QAAQ,KAAK,KAAK,EAEtC,MAAM,OAAO,EAAQ;;;AAGzB,+BArCwD,MAErD,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAmCtB"}
+{"version":3,"file":"sized-mixin.js","names":[],"sources":["../../mixins/sized-mixin.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n  prototype: T;\n};\n\nexport const ELEMENT_SIZES = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'] as const;\nexport type ElementSize = (typeof ELEMENT_SIZES)[number];\n\nexport const DEFAULT_ELEMENT_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\nexport type DefaultElementSize = (typeof DEFAULT_ELEMENT_SIZES)[number];\n\nexport interface SizedElementInterface {\n  size: ElementSize;\n}\n\nexport interface SizedElementConstructor {\n  readonly VALID_SIZES: readonly ElementSize[];\n  readonly NO_DEFAULT_SIZE: boolean;\n}\n\n/**\n * Mixes size-awareness into a Lit `ReactiveElement` subclass.\n *\n * ## Why NO_DEFAULT_SIZE is a static rather than a closure variable\n *\n * The original implementation captured `noDefaultSize` in a closure at call\n * time. That works when a component applies SizedMixin directly to a plain\n * base (e.g. `SizedMixin(SpectrumElement, { noDefaultSize: true })`), but\n * breaks silently when a component extends a base that is already SizedMixin'd.\n *\n * Consider InfieldButton extending ButtonBase:\n *   - ButtonBase = SizedMixin(SpectrumElement, {}) — closure captures noDefaultSize=false\n *   - InfieldButtonBase extends ButtonBase\n *\n * Even if a second SizedMixin wrapper is applied with noDefaultSize=true, calling\n * super.update() reaches the inner ButtonBase SizedMixin, whose update() still\n * reads noDefaultSize=false from its closure and writes size=\"m\" to the DOM.\n * Likewise, when a parent calls removeAttribute('size'), the inherited setter\n * reads the inner closure's fallbackSize='m' and immediately re-sets the attribute.\n *\n * Making NO_DEFAULT_SIZE a static property solves both problems: the setter and\n * update() read this.constructor.NO_DEFAULT_SIZE, which follows the prototype\n * chain to the leaf class. A subclass like InfieldButtonBase only needs to\n * declare `static override readonly NO_DEFAULT_SIZE = true` — no mixin\n * re-wrapping, no lifecycle interception, and the correct value is read by every\n * SizedMixin layer in the chain.\n */\nexport function SizedMixin<T extends Constructor<ReactiveElement>>(\n  constructor: T,\n  {\n    validSizes = [...DEFAULT_ELEMENT_SIZES],\n    noDefaultSize,\n    defaultSize = 'm',\n  }: {\n    validSizes?: readonly ElementSize[];\n    noDefaultSize?: boolean;\n    defaultSize?: ElementSize;\n  } = {}\n): T & Constructor<SizedElementInterface> & SizedElementConstructor {\n  class SizedElement extends constructor {\n    /**\n     * @internal\n     */\n    static readonly VALID_SIZES: readonly ElementSize[] = validSizes;\n\n    /**\n     * When true, the component does not auto-reflect a default size attribute.\n     * The parent is expected to supply the size. Subclasses of an already-sized\n     * base (e.g. InfieldButtonBase extends ButtonBase) can override this static\n     * to opt out of the inherited base's auto-set behavior without re-wrapping\n     * the mixin.\n     *\n     * @internal\n     */\n    static readonly NO_DEFAULT_SIZE: boolean = noDefaultSize ?? false;\n\n    @property({ type: String })\n    public get size(): ElementSize {\n      return this._size || defaultSize;\n    }\n\n    public set size(value: ElementSize) {\n      const sizedConstructor = this\n        .constructor as unknown as SizedElementConstructor;\n      const fallbackSize = sizedConstructor.NO_DEFAULT_SIZE\n        ? null\n        : defaultSize;\n      const size = (value ? value.toLocaleLowerCase() : value) as ElementSize;\n      const classValidSizes = sizedConstructor.VALID_SIZES;\n      const validSize = (\n        classValidSizes.includes(size) ? size : fallbackSize\n      ) as ElementSize;\n      if (validSize) {\n        this.setAttribute('size', validSize);\n      }\n      if (this._size === validSize) {\n        return;\n      }\n      const oldSize = this._size;\n      this._size = validSize;\n      this.requestUpdate('size', oldSize);\n    }\n\n    /** @internal */\n    private _size: ElementSize | null = defaultSize;\n\n    protected override update(changes: PropertyValues): void {\n      if (\n        !this.hasAttribute('size') &&\n        !(this.constructor as unknown as SizedElementConstructor)\n          .NO_DEFAULT_SIZE\n      ) {\n        this.setAttribute('size', this.size);\n      }\n      super.update(changes);\n    }\n  }\n  return SizedElement;\n}\n"],"mappings":";;;AAoBA,IAAa,IAAgB;CAAC;CAAO;CAAM;CAAK;CAAK;CAAK;CAAM;CAAM,EAGzD,IAAwB;CACnC;CACA;CACA;CACA;CACD;AAuCD,SAAgB,EACd,GACA,EACE,gBAAa,CAAC,GAAG,EAAsB,EACvC,kBACA,iBAAc,QAKZ,EAAE,EAC4D;;CAClE,MAAM,UAAqB,EAAY;;6BA6CD;;EA5BpC,IACW,OAAoB;AAC7B,UAAO,KAAK,SAAS;;EAGvB,IAAW,KAAK,GAAoB;GAClC,IAAM,IAAmB,KACtB,aACG,IAAe,EAAiB,kBAClC,OACA,GACE,IAAQ,KAAQ,EAAM,mBAAmB,EAEzC,IADkB,EAAiB,YAEvB,SAAS,EAAK,GAAG,IAAO;AAK1C,OAHI,KACF,KAAK,aAAa,QAAQ,EAAU,EAElC,KAAK,UAAU,EACjB;GAEF,IAAM,IAAU,KAAK;AAErB,GADA,KAAK,QAAQ,GACb,KAAK,cAAc,QAAQ,EAAQ;;EAMrC,OAA0B,GAA+B;AAQvD,GANE,CAAC,KAAK,aAAa,OAAO,IAC1B,CAAE,KAAK,YACJ,mBAEH,KAAK,aAAa,QAAQ,KAAK,KAAK,EAEtC,MAAM,OAAO,EAAQ;;;AAGzB,+BAtDwD,uBAWX,KAAA,OAAiB,KAAjB,MAE1C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAyCtB"}

package/dist/utils/dev-validation.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/**
+ * Whether dev-mode validation is active: `false` in production builds and in
+ * non-browser (SSR) environments, otherwise mirrors `window.__swc.DEBUG`.
+ *
+ * Use this to guard the *call site* of a warning whose condition or message is
+ * expensive to compute (for example a DOM traversal), so that work is skipped
+ * entirely when validation is off:
+ *
+ * ```ts
+ * if (isDebug()) {
+ *   this.warnAboutExpensiveThing(); // only traverses the DOM when validation runs
+ * }
+ * ```
+ *
+ * For cheap conditions, call `warnIf`/`validateEnum` directly; they already
+ * gate internally. This helper exists only to avoid paying call-site argument
+ * cost in the expensive cases. It checks `process.env.NODE_ENV` first so a
+ * bundler can dead-code-eliminate the guarded block in production, matching the
+ * other helpers in this file, and short-circuits when `window` is undefined so
+ * it is safe to call during server-side rendering.
+ */
+export declare function isDebug(): boolean;
+/**
+ * Warns when `value` is not one of `valid`. Covers union-type/enum property
+ * validation (e.g. `variant`, `size`).
+ *
+ * @param element - The component instance the warning is attributed to.
+ * @param check - The enum check to perform.
+ * @param check.prop - The property name, for the warning message.
+ * @param check.value - The value received.
+ * @param check.valid - The allowed values.
+ * @param check.url - Documentation URL for the component.
+ * @param check.options - Passed through to `window.__swc.warn`.
+ */
+export declare function validateEnum<T extends string>(element: HTMLElement, { prop, value, valid, url, options, }: {
+    prop: string;
+    value: string;
+    valid: readonly T[];
+    url: string;
+    options?: SWCWarningOptions;
+}): void;
+/**
+ * Warns when `condition` is true. The general-purpose validation primitive:
+ * covers required properties, conditionally required properties, mutually
+ * exclusive/no-effect property combinations, and any component-specific
+ * quirk that doesn't fit the other helpers here.
+ *
+ * @param element - The component instance the warning is attributed to.
+ * @param condition - Warn when this is true.
+ * @param message - The warning message.
+ * @param url - Documentation URL for the component.
+ * @param options - Passed through to `window.__swc.warn`.
+ */
+export declare function warnIf(element: HTMLElement, condition: boolean, message: string, url: string, options?: SWCWarningOptions): void;
+/**
+ * Warns when a slot has no assigned nodes. Covers required-slot validation.
+ *
+ * @param element - The component instance the warning is attributed to.
+ * @param slot - The slot element to check (`null`/`undefined` counts as empty).
+ * @param slotName - The slot's `name` attribute (or `"default"`), for the message.
+ * @param url - Documentation URL for the component.
+ * @param options - Passed through to `window.__swc.warn`.
+ */
+export declare function validateRequiredSlot(element: HTMLElement, slot: HTMLSlotElement | null | undefined, slotName: string, url: string, options?: SWCWarningOptions): void;
+/**
+ * Warns for each assigned element in `slot` whose tag name is not in
+ * `allowedTagNames`. Covers allowed-children slot validation (e.g. a heading
+ * slot that only accepts `<h2>`-`<h6>`).
+ *
+ * @param element - The component instance the warning is attributed to.
+ * @param slot - The slot element to check.
+ * @param allowedTagNames - Allowed tag names (case-insensitive, e.g. `['h2', 'h3']`).
+ * @param slotName - The slot's `name` attribute (or `"default"`), for the message.
+ * @param url - Documentation URL for the component.
+ * @param options - Passed through to `window.__swc.warn`.
+ */
+export declare function validateAllowedChildren(element: HTMLElement, slot: HTMLSlotElement | null | undefined, allowedTagNames: readonly string[], slotName: string, url: string, options?: SWCWarningOptions): void;

package/dist/utils/dev-validation.js

@@ -0,0 +1,33 @@
+//#region utils/dev-validation.ts
+function e(e, t, n, r) {
+	var i;
+	(i = window.__swc) != null && i.DEBUG && window.__swc.warn(e, t, n, r);
+}
+function t() {
+	var e;
+	return process.env.NODE_ENV === "production" || typeof window > "u" ? !1 : !!((e = window.__swc) != null && e.DEBUG);
+}
+function n(t, { prop: n, value: r, valid: i, url: a, options: o }) {
+	process.env.NODE_ENV !== "production" && (i.includes(r) || e(t, `<${t.localName}> expects "${n}" to be one of: ${i.join(", ")}. Received "${r}".`, a, {
+		issues: [`${n}="${r}"`],
+		...o
+	}));
+}
+function r(t, n, r, i, a) {
+	process.env.NODE_ENV !== "production" && n && e(t, r, i, a);
+}
+function i(t, n, r, i, a) {
+	process.env.NODE_ENV !== "production" && (!n || n.assignedNodes({ flatten: !0 }).length === 0) && e(t, `<${t.localName}> requires content in the "${r}" slot.`, i, a);
+}
+function a(t, n, r, i, a, o) {
+	if (process.env.NODE_ENV === "production" || !n) return;
+	let s = r.map((e) => e.toUpperCase()), c = r.map((e) => `<${e}>`).join(", ");
+	for (let r of n.assignedElements()) s.includes(r.tagName) || e(t, `<${t.localName}> "${i}" slot received a <${r.tagName.toLowerCase()}> element. Only ${c} elements are allowed.`, a, {
+		issues: [`${i} slot: <${r.tagName.toLowerCase()}>`],
+		...o
+	});
+}
+//#endregion
+export { t as isDebug, a as validateAllowedChildren, n as validateEnum, i as validateRequiredSlot, r as warnIf };
+
+//# sourceMappingURL=dev-validation.js.map

package/dist/utils/dev-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-validation.js","names":[],"sources":["../../utils/dev-validation.ts"],"sourcesContent":["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/**\n * The single place \"warn in development\" lives: the `DEBUG` gate plus the\n * `window.__swc.warn` call. Every public helper below computes its own\n * predicate and message, then defers the actual emit to this primitive, so\n * there is one source of truth for how a warning is gated and dispatched.\n *\n * Note: this deliberately does **not** include the\n * `process.env.NODE_ENV === 'production'` guard. That guard must stay in each\n * public helper so a bundler can dead-code-eliminate the message construction\n * inside that function for production builds; centralizing it here would leave\n * each caller's message-building in the production bundle.\n *\n * @param element - The component instance the warning is attributed to.\n * @param message - The warning message.\n * @param url - Documentation URL for the component.\n * @param options - Passed through to `window.__swc.warn`.\n */\nfunction emitWarning(\n  element: HTMLElement,\n  message: string,\n  url: string,\n  options?: SWCWarningOptions\n): void {\n  if (!window.__swc?.DEBUG) {\n    return;\n  }\n  window.__swc.warn(element, message, url, options);\n}\n\n/**\n * Whether dev-mode validation is active: `false` in production builds and in\n * non-browser (SSR) environments, otherwise mirrors `window.__swc.DEBUG`.\n *\n * Use this to guard the *call site* of a warning whose condition or message is\n * expensive to compute (for example a DOM traversal), so that work is skipped\n * entirely when validation is off:\n *\n * ```ts\n * if (isDebug()) {\n *   this.warnAboutExpensiveThing(); // only traverses the DOM when validation runs\n * }\n * ```\n *\n * For cheap conditions, call `warnIf`/`validateEnum` directly; they already\n * gate internally. This helper exists only to avoid paying call-site argument\n * cost in the expensive cases. It checks `process.env.NODE_ENV` first so a\n * bundler can dead-code-eliminate the guarded block in production, matching the\n * other helpers in this file, and short-circuits when `window` is undefined so\n * it is safe to call during server-side rendering.\n */\nexport function isDebug(): boolean {\n  if (process.env.NODE_ENV === 'production') {\n    return false;\n  }\n  if (typeof window === 'undefined') {\n    return false;\n  }\n  return Boolean(window.__swc?.DEBUG);\n}\n\n/**\n * Warns when `value` is not one of `valid`. Covers union-type/enum property\n * validation (e.g. `variant`, `size`).\n *\n * @param element - The component instance the warning is attributed to.\n * @param check - The enum check to perform.\n * @param check.prop - The property name, for the warning message.\n * @param check.value - The value received.\n * @param check.valid - The allowed values.\n * @param check.url - Documentation URL for the component.\n * @param check.options - Passed through to `window.__swc.warn`.\n */\nexport function validateEnum<T extends string>(\n  element: HTMLElement,\n  {\n    prop,\n    value,\n    valid,\n    url,\n    options,\n  }: {\n    prop: string;\n    value: string;\n    valid: readonly T[];\n    url: string;\n    options?: SWCWarningOptions;\n  }\n): void {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n  if ((valid as readonly string[]).includes(value)) {\n    return;\n  }\n  emitWarning(\n    element,\n    `<${element.localName}> expects \"${prop}\" to be one of: ${valid.join(', ')}. Received \"${value}\".`,\n    url,\n    { issues: [`${prop}=\"${value}\"`], ...options }\n  );\n}\n\n/**\n * Warns when `condition` is true. The general-purpose validation primitive:\n * covers required properties, conditionally required properties, mutually\n * exclusive/no-effect property combinations, and any component-specific\n * quirk that doesn't fit the other helpers here.\n *\n * @param element - The component instance the warning is attributed to.\n * @param condition - Warn when this is true.\n * @param message - The warning message.\n * @param url - Documentation URL for the component.\n * @param options - Passed through to `window.__swc.warn`.\n */\nexport function warnIf(\n  element: HTMLElement,\n  condition: boolean,\n  message: string,\n  url: string,\n  options?: SWCWarningOptions\n): void {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n  if (!condition) {\n    return;\n  }\n  emitWarning(element, message, url, options);\n}\n\n/**\n * Warns when a slot has no assigned nodes. Covers required-slot validation.\n *\n * @param element - The component instance the warning is attributed to.\n * @param slot - The slot element to check (`null`/`undefined` counts as empty).\n * @param slotName - The slot's `name` attribute (or `\"default\"`), for the message.\n * @param url - Documentation URL for the component.\n * @param options - Passed through to `window.__swc.warn`.\n */\nexport function validateRequiredSlot(\n  element: HTMLElement,\n  slot: HTMLSlotElement | null | undefined,\n  slotName: string,\n  url: string,\n  options?: SWCWarningOptions\n): void {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n  const isEmpty = !slot || slot.assignedNodes({ flatten: true }).length === 0;\n  if (!isEmpty) {\n    return;\n  }\n  emitWarning(\n    element,\n    `<${element.localName}> requires content in the \"${slotName}\" slot.`,\n    url,\n    options\n  );\n}\n\n/**\n * Warns for each assigned element in `slot` whose tag name is not in\n * `allowedTagNames`. Covers allowed-children slot validation (e.g. a heading\n * slot that only accepts `<h2>`-`<h6>`).\n *\n * @param element - The component instance the warning is attributed to.\n * @param slot - The slot element to check.\n * @param allowedTagNames - Allowed tag names (case-insensitive, e.g. `['h2', 'h3']`).\n * @param slotName - The slot's `name` attribute (or `\"default\"`), for the message.\n * @param url - Documentation URL for the component.\n * @param options - Passed through to `window.__swc.warn`.\n */\nexport function validateAllowedChildren(\n  element: HTMLElement,\n  slot: HTMLSlotElement | null | undefined,\n  allowedTagNames: readonly string[],\n  slotName: string,\n  url: string,\n  options?: SWCWarningOptions\n): void {\n  if (process.env.NODE_ENV === 'production') {\n    return;\n  }\n  if (!slot) {\n    return;\n  }\n  const allowed = allowedTagNames.map((tag) => tag.toUpperCase());\n  const allowedList = allowedTagNames.map((tag) => `<${tag}>`).join(', ');\n  for (const el of slot.assignedElements()) {\n    if (!allowed.includes(el.tagName)) {\n      emitWarning(\n        element,\n        `<${element.localName}> \"${slotName}\" slot received a <${el.tagName.toLowerCase()}> element. Only ${allowedList} elements are allowed.`,\n        url,\n        {\n          issues: [`${slotName} slot: <${el.tagName.toLowerCase()}>`],\n          ...options,\n        }\n      );\n    }\n  }\n}\n"],"mappings":";AA6BA,SAAS,EACP,GACA,GACA,GACA,GACM;;AACF,EAAA,IAAC,OAAO,UAAA,QAAA,EAAO,SAGnB,OAAO,MAAM,KAAK,GAAS,GAAS,GAAK,EAAQ;;AAwBnD,SAAgB,IAAmB;;AAOjC,QANA,QAAA,IAAA,aAA6B,gBAGzB,OAAO,SAAW,MACb,KAEF,IAAA,IAAQ,OAAO,UAAA,QAAA,EAAO;;AAe/B,SAAgB,EACd,GACA,EACE,SACA,UACA,UACA,QACA,cAQI;AACN,SAAA,IAAA,aAA6B,iBAGxB,EAA4B,SAAS,EAAM,IAGhD,EACE,GACA,IAAI,EAAQ,UAAU,aAAa,EAAK,kBAAkB,EAAM,KAAK,KAAK,CAAC,cAAc,EAAM,KAC/F,GACA;EAAE,QAAQ,CAAC,GAAG,EAAK,IAAI,EAAM,GAAG;EAAE,GAAG;EAAS,CAC/C;;AAeH,SAAgB,EACd,GACA,GACA,GACA,GACA,GACM;AACN,SAAA,IAAA,aAA6B,gBAGxB,KAGL,EAAY,GAAS,GAAS,GAAK,EAAQ;;AAY7C,SAAgB,EACd,GACA,GACA,GACA,GACA,GACM;AACN,SAAA,IAAA,aAA6B,iBAGb,CAAC,KAAQ,EAAK,cAAc,EAAE,SAAS,IAAM,CAAC,CAAC,WAAW,MAI1E,EACE,GACA,IAAI,EAAQ,UAAU,6BAA6B,EAAS,UAC5D,GACA,EACD;;AAeH,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACM;AAIN,KAHA,QAAA,IAAA,aAA6B,gBAGzB,CAAC,EACH;CAEF,IAAM,IAAU,EAAgB,KAAK,MAAQ,EAAI,aAAa,CAAC,EACzD,IAAc,EAAgB,KAAK,MAAQ,IAAI,EAAI,GAAG,CAAC,KAAK,KAAK;AACvE,MAAK,IAAM,KAAM,EAAK,kBAAkB,CACtC,CAAK,EAAQ,SAAS,EAAG,QAAQ,IAC/B,EACE,GACA,IAAI,EAAQ,UAAU,KAAK,EAAS,qBAAqB,EAAG,QAAQ,aAAa,CAAC,kBAAkB,EAAY,yBAChH,GACA;EACE,QAAQ,CAAC,GAAG,EAAS,UAAU,EAAG,QAAQ,aAAa,CAAC,GAAG;EAC3D,GAAG;EACJ,CACF"}

package/dist/utils/index.d.ts

@@ -12,9 +12,11 @@
 export { physicalSide } from './actual-placement.js';
 export { capitalize } from './capitalize.js';
 export { deepContains } from './deep-contains.js';
+export { isDebug, validateAllowedChildren, validateEnum, validateRequiredSlot, warnIf, } from './dev-validation.js';
 export { isTopDismissible, registerDismissible, unregisterDismissible, } from './dismissible-stack.js';
 export { getActiveElement } from './get-active-element.js';
 export { focusableSelector, tabbableSelector } from './focusable-selectors.js';
 export { getLabelFromSlot } from './get-label-from-slot.js';
+export { isFocusVisibleInTree } from './is-focus-visible-in-tree.js';
 export { resolveTrigger, type ResolvedTrigger, type ResolveTriggerOptions, } from './resolve-trigger.js';
 export { hasActiveTransition, maxTransitionDurationMs, runAfterTransition, } from './transition.js';

package/dist/utils/index.js

@@ -1,10 +1,12 @@
-import { getActiveElement as e } from "./get-active-element.js";
-import { physicalSide as t } from "./actual-placement.js";
-import { capitalize as n } from "./capitalize.js";
-import { deepContains as r } from "./deep-contains.js";
-import { isTopDismissible as i, registerDismissible as a, unregisterDismissible as o } from "./dismissible-stack.js";
-import { focusableSelector as s, tabbableSelector as c } from "./focusable-selectors.js";
-import { getLabelFromSlot as l } from "./get-label-from-slot.js";
-import { resolveTrigger as u } from "./resolve-trigger.js";
-import { hasActiveTransition as d, maxTransitionDurationMs as f, runAfterTransition as p } from "./transition.js";
-export { n as capitalize, r as deepContains, s as focusableSelector, e as getActiveElement, l as getLabelFromSlot, d as hasActiveTransition, i as isTopDismissible, f as maxTransitionDurationMs, t as physicalSide, a as registerDismissible, u as resolveTrigger, p as runAfterTransition, c as tabbableSelector, o as unregisterDismissible };
+import { physicalSide as e } from "./actual-placement.js";
+import { capitalize as t } from "./capitalize.js";
+import { deepContains as n } from "./deep-contains.js";
+import { isDebug as r, validateAllowedChildren as i, validateEnum as a, validateRequiredSlot as o, warnIf as s } from "./dev-validation.js";
+import { isTopDismissible as c, registerDismissible as l, unregisterDismissible as u } from "./dismissible-stack.js";
+import { getActiveElement as d } from "./get-active-element.js";
+import { focusableSelector as f, tabbableSelector as p } from "./focusable-selectors.js";
+import { getLabelFromSlot as m } from "./get-label-from-slot.js";
+import { isFocusVisibleInTree as h } from "./is-focus-visible-in-tree.js";
+import { resolveTrigger as g } from "./resolve-trigger.js";
+import { hasActiveTransition as _, maxTransitionDurationMs as v, runAfterTransition as y } from "./transition.js";
+export { t as capitalize, n as deepContains, f as focusableSelector, d as getActiveElement, m as getLabelFromSlot, _ as hasActiveTransition, r as isDebug, h as isFocusVisibleInTree, c as isTopDismissible, v as maxTransitionDurationMs, e as physicalSide, l as registerDismissible, g as resolveTrigger, y as runAfterTransition, p as tabbableSelector, u as unregisterDismissible, i as validateAllowedChildren, a as validateEnum, o as validateRequiredSlot, s as warnIf };