@adobe/spectrum-wc-core 2.0.0-beta.2 → 2.0.0-snapshot-test.20260728023631

package/dist/components/accordion/AccordionItem.base.d.ts

@@ -1,10 +1,7 @@
 import { PropertyValues } from 'lit';
+import { SlotPresenceController } from '../../controllers/slot-presence-controller/index.js';
 import { SpectrumElement } from '../../element/index.js';
 import { AccordionHeadingLevel, AccordionSize } from './Accordion.types.js';
-declare const AccordionItemBase_base: typeof SpectrumElement & {
-    new (...args: any[]): import('../../mixins/observe-slot-presence.js').SlotPresenceObservingInterface;
-    prototype: import('../../mixins/observe-slot-presence.js').SlotPresenceObservingInterface;
-};
 /**
  * Base class for accordion item components. Manages open/disabled state,
  * heading level (set by the parent accordion), and the toggle event.
@@ -19,7 +16,14 @@ declare const AccordionItemBase_base: typeof SpectrumElement & {
  *   the toggle button so they remain independently interactive.
  * @slot - The panel content revealed when the item is open.
  */
-export declare abstract class AccordionItemBase extends AccordionItemBase_base {
+export declare abstract class AccordionItemBase extends SpectrumElement {
+    /**
+     * Observes whether content is slotted into `[slot="actions"]` so the header
+     * can conditionally render the actions container.
+     *
+     * @internal
+     */
+    protected slotPresence: SlotPresenceController;
     /**
      * Whether the accordion item panel is expanded.
      */
@@ -50,6 +54,13 @@ export declare abstract class AccordionItemBase extends AccordionItemBase_base {
      * when the accordion is re-enabled.
      */
     protected parentDisabled: boolean;
+    /**
+     * @internal
+     * Whether content is slotted into `[slot="actions"]`. Consumed by the
+     * concrete element's `render()` to conditionally render the actions
+     * container.
+     */
+    protected get hasActions(): boolean;
     /**
      * @internal
      * Whether the item may change `open` (expand or collapse). When false, the
@@ -83,4 +94,3 @@ export declare abstract class AccordionItemBase extends AccordionItemBase_base {
     connectedCallback(): void;
     disconnectedCallback(): void;
 }
-export {};

package/dist/components/accordion/AccordionItem.base.js

@@ -2,11 +2,11 @@ import { SWC_ACCORDION_ITEM_AFTER_CLOSE_EVENT as e, SWC_ACCORDION_ITEM_AFTER_OPE
 import { __decorate as a } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
 import { property as o, state as s } from "lit/decorators.js";
 import { SpectrumElement as c } from "@adobe/spectrum-wc-core/element/index.js";
-import { ObserveSlotPresence as l } from "@adobe/spectrum-wc-core/mixins/observe-slot-presence.js";
+import { SlotPresenceController as l } from "@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js";
 //#region components/accordion/AccordionItem.base.ts
-var u = class extends l(c, "[slot=\"actions\"]") {
+var u = class extends c {
 	constructor(...e) {
-		super(...e), this.disabled = !1, this._open = !1, this.headingLevel = 3, this.parentDisabled = !1, this.afterEventPending = !1, this.handleTransitionEnd = (e) => {
+		super(...e), this.slotPresence = new l(this, "[slot=\"actions\"]"), this.disabled = !1, this._open = !1, this.headingLevel = 3, this.parentDisabled = !1, this.afterEventPending = !1, this.handleTransitionEnd = (e) => {
 			e.target !== this.contentPanel || e.propertyName !== "height" || !this.afterEventPending || (this.afterEventPending = !1, this.dispatchAfterEvent(this.open));
 		}, this.handleTransitionCancel = (e) => {
 			e.target !== this.contentPanel || e.propertyName !== "height" || !this.afterEventPending || (this.afterEventPending = !1, this.dispatchAfterEvent(this.open));
@@ -20,6 +20,9 @@ var u = class extends l(c, "[slot=\"actions\"]") {
 		let t = this._open;
 		this._open = e, e ? this.setAttribute("open", "") : this.removeAttribute("open"), this.requestUpdate("open", t);
 	}
+	get hasActions() {
+		return this.slotPresence.isPresent;
+	}
 	mayExpand() {
 		return !this.disabled && !this.parentDisabled;
 	}

package/dist/components/accordion/AccordionItem.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.base.js","names":[],"sources":["../../../components/accordion/AccordionItem.base.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 { PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { ObserveSlotPresence } from '@adobe/spectrum-wc-core/mixins/observe-slot-presence.js';\n\nimport {\n  type AccordionHeadingLevel,\n  type AccordionSize,\n  SWC_ACCORDION_ITEM_AFTER_CLOSE_EVENT,\n  SWC_ACCORDION_ITEM_AFTER_OPEN_EVENT,\n  SWC_ACCORDION_ITEM_CLOSE_EVENT,\n  SWC_ACCORDION_ITEM_OPEN_EVENT,\n  SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n} from './Accordion.types.js';\n\n/**\n * Base class for accordion item components. Manages open/disabled state,\n * heading level (set by the parent accordion), and the toggle event.\n *\n * @attribute {boolean} open - Whether the accordion item panel is expanded.\n * @attribute {boolean} disabled - Whether the accordion item is disabled.\n * @attribute {AccordionSize} size - Size of the item. Inherited from the parent\n *   accordion when slotted; controls the chevron icon when used standalone.\n *\n * @slot label - The heading text for this accordion item.\n * @slot actions - Optional actions rendered adjacent to the heading, outside\n *   the toggle button so they remain independently interactive.\n * @slot - The panel content revealed when the item is open.\n */\nexport abstract class AccordionItemBase extends ObserveSlotPresence(\n  SpectrumElement,\n  '[slot=\"actions\"]'\n) {\n  // ──────────────────\n  //     PUBLIC API\n  // ──────────────────\n\n  /**\n   * Whether the accordion item panel is expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  public get open(): boolean {\n    return this._open;\n  }\n\n  public set open(value: boolean) {\n    if (this.hasUpdated && !this.mayExpand() && value !== this._open) {\n      return;\n    }\n    if (value === this._open) {\n      return;\n    }\n    const oldValue = this._open;\n    this._open = value;\n    if (value) {\n      this.setAttribute('open', '');\n    } else {\n      this.removeAttribute('open');\n    }\n    this.requestUpdate('open', oldValue);\n  }\n\n  /**\n   * Whether the accordion item is disabled. A disabled item keeps its header\n   * in the tab order but blocks toggling.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  /**\n   * The size of the item. Inherited from the parent accordion; controls which\n   * chevron icon is displayed. Has no effect when the item is used standalone.\n   */\n  @property({ type: String, reflect: true })\n  public size?: AccordionSize;\n\n  private _open = false;\n\n  // ──────────────────────\n  //     INTERNAL STATE\n  // ──────────────────────\n\n  /**\n   * @internal\n   * Heading level (2–6) propagated by the parent accordion. Defaults to 3\n   * for standalone items.\n   */\n  @state()\n  protected headingLevel: AccordionHeadingLevel = 3;\n\n  /**\n   * @internal\n   * Set by the parent accordion when its own `disabled` is true. Causes the\n   * item to render as disabled (aria-disabled + inert panel) without clobbering\n   * the item's own `disabled` property, so the per-item state is preserved\n   * when the accordion is re-enabled.\n   */\n  @state()\n  protected parentDisabled: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * @internal\n   * Whether the item may change `open` (expand or collapse). When false, the\n   * `open` setter and `toggle()` leave state unchanged.\n   */\n  protected mayExpand(): boolean {\n    return !this.disabled && !this.parentDisabled;\n  }\n\n  private get contentPanel(): HTMLElement | null {\n    return this.shadowRoot?.getElementById('content') ?? null;\n  }\n\n  private dispatchAfterEvent(isOpen: boolean): void {\n    this.dispatchEvent(\n      new Event(\n        isOpen\n          ? SWC_ACCORDION_ITEM_AFTER_OPEN_EVENT\n          : SWC_ACCORDION_ITEM_AFTER_CLOSE_EVENT,\n        { bubbles: true, composed: true }\n      )\n    );\n  }\n\n  // Guards dispatchAfterEvent so only one after-event fires per open/close\n  // cycle. transitionend fires once per CSS property; height is the only match.\n  private afterEventPending = false;\n\n  private readonly handleTransitionEnd = (event: TransitionEvent): void => {\n    if (\n      event.target !== this.contentPanel ||\n      event.propertyName !== 'height' ||\n      !this.afterEventPending\n    ) {\n      return;\n    }\n    this.afterEventPending = false;\n    this.dispatchAfterEvent(this.open);\n  };\n\n  // Reused for transitioncancel: an externally interrupted transition must still\n  // resolve afterEventPending so the after-event is not silently lost.\n  private readonly handleTransitionCancel = (event: TransitionEvent): void => {\n    if (\n      event.target !== this.contentPanel ||\n      event.propertyName !== 'height' ||\n      !this.afterEventPending\n    ) {\n      return;\n    }\n    this.afterEventPending = false;\n    this.dispatchAfterEvent(this.open);\n  };\n\n  /**\n   * @internal\n   * Toggles the item open state. Guards for disabled, flips `open`, dispatches\n   * the toggle event, and reverts if the event is canceled. On success, dispatches\n   * `swc-after-open` or `swc-after-close` after the panel height transition ends,\n   * or immediately if no transition is active.\n   */\n  protected toggle(): void {\n    if (!this.mayExpand()) {\n      return;\n    }\n    this.open = !this.open;\n    const toggleEvent = new Event(SWC_ACCORDION_ITEM_TOGGLE_EVENT, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    if (!this.dispatchEvent(toggleEvent)) {\n      this.open = !this.open;\n      return;\n    }\n    const isOpen = this.open;\n    this.dispatchEvent(\n      new Event(\n        isOpen ? SWC_ACCORDION_ITEM_OPEN_EVENT : SWC_ACCORDION_ITEM_CLOSE_EVENT,\n        {\n          bubbles: true,\n          composed: true,\n        }\n      )\n    );\n    const panel = this.contentPanel;\n    if (!panel || getComputedStyle(panel).transitionDuration === '0s') {\n      this.dispatchAfterEvent(isOpen);\n    } else {\n      this.afterEventPending = true;\n    }\n  }\n\n  /**\n   * @internal\n   * Synchronizes parent-managed heading level onto the item.\n   */\n  public setManagedHeading(heading: AccordionHeadingLevel): void {\n    this.headingLevel = heading;\n  }\n\n  /**\n   * @internal\n   * Synchronizes parent-managed disabled state onto the item.\n   */\n  public setManagedParentDisabled(disabled: boolean): void {\n    this.parentDisabled = disabled;\n  }\n\n  protected override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this.contentPanel?.addEventListener(\n      'transitionend',\n      this.handleTransitionEnd\n    );\n    this.contentPanel?.addEventListener(\n      'transitioncancel',\n      this.handleTransitionCancel\n    );\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasUpdated) {\n      this.contentPanel?.addEventListener(\n        'transitionend',\n        this.handleTransitionEnd\n      );\n      this.contentPanel?.addEventListener(\n        'transitioncancel',\n        this.handleTransitionCancel\n      );\n    }\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.contentPanel?.removeEventListener(\n      'transitionend',\n      this.handleTransitionEnd\n    );\n    this.contentPanel?.removeEventListener(\n      'transitioncancel',\n      this.handleTransitionCancel\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.base.js","names":[],"sources":["../../../components/accordion/AccordionItem.base.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 { PropertyValues } from 'lit';\nimport { property, state } from 'lit/decorators.js';\n\nimport { SlotPresenceController } from '@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js';\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\n\nimport {\n  type AccordionHeadingLevel,\n  type AccordionSize,\n  SWC_ACCORDION_ITEM_AFTER_CLOSE_EVENT,\n  SWC_ACCORDION_ITEM_AFTER_OPEN_EVENT,\n  SWC_ACCORDION_ITEM_CLOSE_EVENT,\n  SWC_ACCORDION_ITEM_OPEN_EVENT,\n  SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n} from './Accordion.types.js';\n\n/**\n * Base class for accordion item components. Manages open/disabled state,\n * heading level (set by the parent accordion), and the toggle event.\n *\n * @attribute {boolean} open - Whether the accordion item panel is expanded.\n * @attribute {boolean} disabled - Whether the accordion item is disabled.\n * @attribute {AccordionSize} size - Size of the item. Inherited from the parent\n *   accordion when slotted; controls the chevron icon when used standalone.\n *\n * @slot label - The heading text for this accordion item.\n * @slot actions - Optional actions rendered adjacent to the heading, outside\n *   the toggle button so they remain independently interactive.\n * @slot - The panel content revealed when the item is open.\n */\nexport abstract class AccordionItemBase extends SpectrumElement {\n  // ──────────────────────\n  //     CONTROLLERS\n  // ──────────────────────\n\n  /**\n   * Observes whether content is slotted into `[slot=\"actions\"]` so the header\n   * can conditionally render the actions container.\n   *\n   * @internal\n   */\n  protected slotPresence = new SlotPresenceController(this, '[slot=\"actions\"]');\n\n  // ──────────────────\n  //     PUBLIC API\n  // ──────────────────\n\n  /**\n   * Whether the accordion item panel is expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  public get open(): boolean {\n    return this._open;\n  }\n\n  public set open(value: boolean) {\n    if (this.hasUpdated && !this.mayExpand() && value !== this._open) {\n      return;\n    }\n    if (value === this._open) {\n      return;\n    }\n    const oldValue = this._open;\n    this._open = value;\n    if (value) {\n      this.setAttribute('open', '');\n    } else {\n      this.removeAttribute('open');\n    }\n    this.requestUpdate('open', oldValue);\n  }\n\n  /**\n   * Whether the accordion item is disabled. A disabled item keeps its header\n   * in the tab order but blocks toggling.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  /**\n   * The size of the item. Inherited from the parent accordion; controls which\n   * chevron icon is displayed. Has no effect when the item is used standalone.\n   */\n  @property({ type: String, reflect: true })\n  public size?: AccordionSize;\n\n  private _open = false;\n\n  // ──────────────────────\n  //     INTERNAL STATE\n  // ──────────────────────\n\n  /**\n   * @internal\n   * Heading level (2–6) propagated by the parent accordion. Defaults to 3\n   * for standalone items.\n   */\n  @state()\n  protected headingLevel: AccordionHeadingLevel = 3;\n\n  /**\n   * @internal\n   * Set by the parent accordion when its own `disabled` is true. Causes the\n   * item to render as disabled (aria-disabled + inert panel) without clobbering\n   * the item's own `disabled` property, so the per-item state is preserved\n   * when the accordion is re-enabled.\n   */\n  @state()\n  protected parentDisabled: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * @internal\n   * Whether content is slotted into `[slot=\"actions\"]`. Consumed by the\n   * concrete element's `render()` to conditionally render the actions\n   * container.\n   */\n  protected get hasActions(): boolean {\n    return this.slotPresence.isPresent;\n  }\n\n  /**\n   * @internal\n   * Whether the item may change `open` (expand or collapse). When false, the\n   * `open` setter and `toggle()` leave state unchanged.\n   */\n  protected mayExpand(): boolean {\n    return !this.disabled && !this.parentDisabled;\n  }\n\n  private get contentPanel(): HTMLElement | null {\n    return this.shadowRoot?.getElementById('content') ?? null;\n  }\n\n  private dispatchAfterEvent(isOpen: boolean): void {\n    this.dispatchEvent(\n      new Event(\n        isOpen\n          ? SWC_ACCORDION_ITEM_AFTER_OPEN_EVENT\n          : SWC_ACCORDION_ITEM_AFTER_CLOSE_EVENT,\n        { bubbles: true, composed: true }\n      )\n    );\n  }\n\n  // Guards dispatchAfterEvent so only one after-event fires per open/close\n  // cycle. transitionend fires once per CSS property; height is the only match.\n  private afterEventPending = false;\n\n  private readonly handleTransitionEnd = (event: TransitionEvent): void => {\n    if (\n      event.target !== this.contentPanel ||\n      event.propertyName !== 'height' ||\n      !this.afterEventPending\n    ) {\n      return;\n    }\n    this.afterEventPending = false;\n    this.dispatchAfterEvent(this.open);\n  };\n\n  // Reused for transitioncancel: an externally interrupted transition must still\n  // resolve afterEventPending so the after-event is not silently lost.\n  private readonly handleTransitionCancel = (event: TransitionEvent): void => {\n    if (\n      event.target !== this.contentPanel ||\n      event.propertyName !== 'height' ||\n      !this.afterEventPending\n    ) {\n      return;\n    }\n    this.afterEventPending = false;\n    this.dispatchAfterEvent(this.open);\n  };\n\n  /**\n   * @internal\n   * Toggles the item open state. Guards for disabled, flips `open`, dispatches\n   * the toggle event, and reverts if the event is canceled. On success, dispatches\n   * `swc-after-open` or `swc-after-close` after the panel height transition ends,\n   * or immediately if no transition is active.\n   */\n  protected toggle(): void {\n    if (!this.mayExpand()) {\n      return;\n    }\n    this.open = !this.open;\n    const toggleEvent = new Event(SWC_ACCORDION_ITEM_TOGGLE_EVENT, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    if (!this.dispatchEvent(toggleEvent)) {\n      this.open = !this.open;\n      return;\n    }\n    const isOpen = this.open;\n    this.dispatchEvent(\n      new Event(\n        isOpen ? SWC_ACCORDION_ITEM_OPEN_EVENT : SWC_ACCORDION_ITEM_CLOSE_EVENT,\n        {\n          bubbles: true,\n          composed: true,\n        }\n      )\n    );\n    const panel = this.contentPanel;\n    if (!panel || getComputedStyle(panel).transitionDuration === '0s') {\n      this.dispatchAfterEvent(isOpen);\n    } else {\n      this.afterEventPending = true;\n    }\n  }\n\n  /**\n   * @internal\n   * Synchronizes parent-managed heading level onto the item.\n   */\n  public setManagedHeading(heading: AccordionHeadingLevel): void {\n    this.headingLevel = heading;\n  }\n\n  /**\n   * @internal\n   * Synchronizes parent-managed disabled state onto the item.\n   */\n  public setManagedParentDisabled(disabled: boolean): void {\n    this.parentDisabled = disabled;\n  }\n\n  protected override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    this.contentPanel?.addEventListener(\n      'transitionend',\n      this.handleTransitionEnd\n    );\n    this.contentPanel?.addEventListener(\n      'transitioncancel',\n      this.handleTransitionCancel\n    );\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    if (this.hasUpdated) {\n      this.contentPanel?.addEventListener(\n        'transitionend',\n        this.handleTransitionEnd\n      );\n      this.contentPanel?.addEventListener(\n        'transitioncancel',\n        this.handleTransitionCancel\n      );\n    }\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.contentPanel?.removeEventListener(\n      'transitionend',\n      this.handleTransitionEnd\n    );\n    this.contentPanel?.removeEventListener(\n      'transitioncancel',\n      this.handleTransitionCancel\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/components/badge/Badge.base.d.ts

@@ -1,13 +1,9 @@
 import { PropertyValues } from 'lit';
+import { SlotPresenceController } from '../../controllers/slot-presence-controller/index.js';
+import { SlotTextController } from '../../controllers/slot-text-controller/index.js';
 import { SpectrumElement } from '../../element/index.js';
 import { BadgeSize, BadgeVariant, FixedValues } from './Badge.types.js';
 declare const BadgeBase_base: typeof SpectrumElement & {
-    new (...args: any[]): import('../../mixins/observe-slot-presence.js').SlotPresenceObservingInterface;
-    prototype: import('../../mixins/observe-slot-presence.js').SlotPresenceObservingInterface;
-} & {
-    new (...args: any[]): import('../../mixins/observe-slot-text.js').SlotTextObservingInterface;
-    prototype: import('../../mixins/observe-slot-text.js').SlotTextObservingInterface;
-} & {
     new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
     prototype: import('../../mixins/index.js').SizedElementInterface;
 } & import('../../mixins/index.js').SizedElementConstructor;
@@ -19,8 +15,6 @@ declare const BadgeBase_base: typeof SpectrumElement & {
  *
  * @slot - Text label of the badge.
  * @slot icon - Optional icon that appears to the left of the label
- *
- * @todo review the mixin composition here. We currently have 3 levels of mixins on this class, but the mixin composition guide recommends a maximum of 2.
  */
 export declare abstract class BadgeBase extends BadgeBase_base {
     /**
@@ -87,12 +81,34 @@ export declare abstract class BadgeBase extends BadgeBase_base {
      * Can only be used with semantic variants.
      */
     outline: boolean;
+    /**
+     * Observes whether an icon is slotted into `[slot="icon"]`.
+     *
+     * @internal
+     */
+    protected slotPresence: SlotPresenceController;
+    /**
+     * Observes whether the default slot has meaningful text content. The default
+     * slot must bind `@slotchange=${this.slotText.handleSlotChange}` for changes
+     * after the first render to be tracked.
+     *
+     * @internal
+     */
+    protected slotText: SlotTextController;
     /**
      * @internal
      *
      * Used for rendering gap when the badge has an icon.
      */
     protected get hasIcon(): boolean;
+    /**
+     * Whether the default slot has meaningful text content. Consumed by the
+     * concrete element's `render()` to toggle icon-only presentation (the
+     * `swc-Badge--no-label` class and its icon-only padding tokens).
+     *
+     * @internal
+     */
+    protected get slotHasContent(): boolean;
     protected update(changedProperties: PropertyValues): void;
 }
 export {};

package/dist/components/badge/Badge.base.js

@@ -3,18 +3,21 @@ import { BADGE_VALID_SIZES as t, BADGE_VARIANTS_SEMANTIC as n, FIXED_VALUES as r
 import { property as i } from "lit/decorators.js";
 import { SpectrumElement as a } from "@adobe/spectrum-wc-core/element/index.js";
 import { SizedMixin as o } from "@adobe/spectrum-wc-core/mixins/index.js";
-import { ObserveSlotPresence as s } from "@adobe/spectrum-wc-core/mixins/observe-slot-presence.js";
-import { ObserveSlotText as c } from "@adobe/spectrum-wc-core/mixins/observe-slot-text.js";
+import { SlotPresenceController as s } from "@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js";
+import { SlotTextController as c } from "@adobe/spectrum-wc-core/controllers/slot-text-controller/index.js";
 //#region components/badge/Badge.base.ts
-var l, u = class extends o(c(s(a, "[slot=\"icon\"]"), ""), {
+var l, u = class extends o(a, {
 	validSizes: t,
 	defaultSize: "s"
 }) {
 	constructor(...e) {
-		super(...e), this.variant = "neutral", this.subtle = !1, this.outline = !1;
+		super(...e), this.variant = "neutral", this.subtle = !1, this.outline = !1, this.slotPresence = new s(this, "[slot=\"icon\"]"), this.slotText = new c(this);
 	}
 	get hasIcon() {
-		return this.slotContentIsPresent;
+		return this.slotPresence.isPresent;
+	}
+	get slotHasContent() {
+		return this.slotText.hasContent;
 	}
 	update(e) {
 		var t;

package/dist/components/badge/Badge.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.base.js","names":[],"sources":["../../../components/badge/Badge.base.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 } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\nimport { ObserveSlotPresence } from '@adobe/spectrum-wc-core/mixins/observe-slot-presence.js';\nimport { ObserveSlotText } from '@adobe/spectrum-wc-core/mixins/observe-slot-text.js';\n\nimport {\n  BADGE_VALID_SIZES,\n  BADGE_VARIANTS_SEMANTIC,\n  type BadgeSize,\n  type BadgeVariant,\n  FIXED_VALUES,\n  type FixedValues,\n} from './Badge.types.js';\n\n/**\n * A badge component that displays short, descriptive information about an element.\n * Badges are typically used to indicate status, categories, or provide supplementary information.\n *\n * @attribute {ElementSize} size - The size of the badge.\n *\n * @slot - Text label of the badge.\n * @slot icon - Optional icon that appears to the left of the label\n *\n * @todo review the mixin composition here. We currently have 3 levels of mixins on this class, but the mixin composition guide recommends a maximum of 2.\n */\nexport abstract class BadgeBase extends SizedMixin(\n  ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n  {\n    validSizes: BADGE_VALID_SIZES,\n    defaultSize: 's',\n  }\n) {\n  /**\n   * The size of the badge.\n   *\n   * @default s\n   */\n  declare public size: BadgeSize;\n\n  // ─────────────────────────\n  //     API TO OVERRIDE\n  // ─────────────────────────\n\n  /**\n   * @internal\n   *\n   * A readonly array of the valid color variants for the badge.\n   *\n   * This is an actual internal property, intended not for customer use\n   * but for use in internal validation logic, stories, tests, etc.\n   *\n   * Because S1 and S2 support different color variants, the value of this\n   * property must be set in each subclass.\n   */\n  static readonly VARIANTS_COLOR: readonly string[];\n\n  /**\n   * @internal\n   *\n   * A readonly array of all valid variants for the badge.\n   *\n   * This is an actual internal property, intended not for customer use\n   * but for use in internal validation logic, stories, tests, etc.\n   *\n   * Because S1 and S2 support different variants, the value of this\n   * property must be set in each subclass.\n   */\n  static readonly VARIANTS: readonly string[];\n\n  /**\n   * @internal\n   *\n   * The variant of the badge.\n   *\n   * This is a public property, but its valid values vary between S1 and S2,\n   * so the property (and its docs) need to be redefined in each subclass.\n   *\n   * The type declared here is a union of the valid values for S1 and S2,\n   * and should be narrowed in each subclass.\n   */\n  @property({ type: String, reflect: true })\n  public variant: BadgeVariant = 'neutral';\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * @internal\n   */\n  static readonly FIXED_VALUES: readonly string[] = FIXED_VALUES;\n\n  /**\n   * @internal\n   */\n  static readonly VARIANTS_SEMANTIC: readonly string[] =\n    BADGE_VARIANTS_SEMANTIC;\n\n  /**\n   * The fixed position of the badge.\n   */\n  @property({ type: String, reflect: true })\n  public fixed?: FixedValues;\n\n  /**\n   * Whether the badge is subtle.\n   */\n  @property({ type: Boolean, reflect: true })\n  public subtle: boolean = false;\n\n  /**\n   * Whether the badge is outlined.\n   *\n   * Can only be used with semantic variants.\n   */\n  @property({ type: Boolean, reflect: true })\n  public outline: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * @internal\n   *\n   * Used for rendering gap when the badge has an icon.\n   */\n  protected get hasIcon(): boolean {\n    return this.slotContentIsPresent;\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (window.__swc?.DEBUG) {\n      const constructor = this.constructor as typeof BadgeBase;\n      if (!constructor.VARIANTS.includes(this.variant)) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element expects the \"variant\" attribute to be one of the following:`,\n          'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n          {\n            issues: [...constructor.VARIANTS],\n          }\n        );\n      }\n      // Check outline property if it exists (S2 only)\n      if (\n        'outline' in this &&\n        (this as { outline: boolean }).outline === true &&\n        !constructor.VARIANTS_SEMANTIC.includes(this.variant)\n      ) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element only supports the outline styling if the variant is a semantic color variant.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n          {\n            issues: [...constructor.VARIANTS_SEMANTIC],\n          }\n        );\n      }\n    }\n    super.update(changedProperties);\n  }\n}\n"],"mappings":";;;;;;;;OAuCsB,IAAtB,cAAwC,EACtC,EAAgB,EAAoB,GAAiB,kBAAgB,EAAE,GAAG,EAC1E;CACE,YAAY;CACZ,aAAa;CACd,CACF,CAAC;;8BAkD+B,yBA2BN,mBAQC;;CAW1B,IAAc,UAAmB;AAC/B,SAAO,KAAK;;CAGd,OAA0B,GAAyC;;AACjE,OAAA,IAAI,OAAO,UAAA,QAAA,EAAO,OAAO;GACvB,IAAM,IAAc,KAAK;AAYzB,GAXK,EAAY,SAAS,SAAS,KAAK,QAAQ,IAC9C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,wEACnB,mFACA,EACE,QAAQ,CAAC,GAAG,EAAY,SAAS,EAClC,CACF,EAID,aAAa,QACZ,KAA8B,YAAY,MAC3C,CAAC,EAAY,kBAAkB,SAAS,KAAK,QAAQ,IAErD,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,0FACnB,mFACA,EACE,QAAQ,CAAC,GAAG,EAAY,kBAAkB,EAC3C,CACF;;AAGL,QAAM,OAAO,EAAkB;;;wBAtEiB,yBAMhD,MAhBD,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAqBzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAQ1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA"}
+{"version":3,"file":"Badge.base.js","names":[],"sources":["../../../components/badge/Badge.base.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 } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SlotPresenceController } from '@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js';\nimport { SlotTextController } from '@adobe/spectrum-wc-core/controllers/slot-text-controller/index.js';\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\n\nimport {\n  BADGE_VALID_SIZES,\n  BADGE_VARIANTS_SEMANTIC,\n  type BadgeSize,\n  type BadgeVariant,\n  FIXED_VALUES,\n  type FixedValues,\n} from './Badge.types.js';\n\n/**\n * A badge component that displays short, descriptive information about an element.\n * Badges are typically used to indicate status, categories, or provide supplementary information.\n *\n * @attribute {ElementSize} size - The size of the badge.\n *\n * @slot - Text label of the badge.\n * @slot icon - Optional icon that appears to the left of the label\n */\nexport abstract class BadgeBase extends SizedMixin(SpectrumElement, {\n  validSizes: BADGE_VALID_SIZES,\n  defaultSize: 's',\n}) {\n  /**\n   * The size of the badge.\n   *\n   * @default s\n   */\n  declare public size: BadgeSize;\n\n  // ─────────────────────────\n  //     API TO OVERRIDE\n  // ─────────────────────────\n\n  /**\n   * @internal\n   *\n   * A readonly array of the valid color variants for the badge.\n   *\n   * This is an actual internal property, intended not for customer use\n   * but for use in internal validation logic, stories, tests, etc.\n   *\n   * Because S1 and S2 support different color variants, the value of this\n   * property must be set in each subclass.\n   */\n  static readonly VARIANTS_COLOR: readonly string[];\n\n  /**\n   * @internal\n   *\n   * A readonly array of all valid variants for the badge.\n   *\n   * This is an actual internal property, intended not for customer use\n   * but for use in internal validation logic, stories, tests, etc.\n   *\n   * Because S1 and S2 support different variants, the value of this\n   * property must be set in each subclass.\n   */\n  static readonly VARIANTS: readonly string[];\n\n  /**\n   * @internal\n   *\n   * The variant of the badge.\n   *\n   * This is a public property, but its valid values vary between S1 and S2,\n   * so the property (and its docs) need to be redefined in each subclass.\n   *\n   * The type declared here is a union of the valid values for S1 and S2,\n   * and should be narrowed in each subclass.\n   */\n  @property({ type: String, reflect: true })\n  public variant: BadgeVariant = 'neutral';\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * @internal\n   */\n  static readonly FIXED_VALUES: readonly string[] = FIXED_VALUES;\n\n  /**\n   * @internal\n   */\n  static readonly VARIANTS_SEMANTIC: readonly string[] =\n    BADGE_VARIANTS_SEMANTIC;\n\n  /**\n   * The fixed position of the badge.\n   */\n  @property({ type: String, reflect: true })\n  public fixed?: FixedValues;\n\n  /**\n   * Whether the badge is subtle.\n   */\n  @property({ type: Boolean, reflect: true })\n  public subtle: boolean = false;\n\n  /**\n   * Whether the badge is outlined.\n   *\n   * Can only be used with semantic variants.\n   */\n  @property({ type: Boolean, reflect: true })\n  public outline: boolean = false;\n\n  // ──────────────────────\n  //     CONTROLLERS\n  // ──────────────────────\n\n  /**\n   * Observes whether an icon is slotted into `[slot=\"icon\"]`.\n   *\n   * @internal\n   */\n  protected slotPresence = new SlotPresenceController(this, '[slot=\"icon\"]');\n\n  /**\n   * Observes whether the default slot has meaningful text content. The default\n   * slot must bind `@slotchange=${this.slotText.handleSlotChange}` for changes\n   * after the first render to be tracked.\n   *\n   * @internal\n   */\n  protected slotText = new SlotTextController(this);\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * @internal\n   *\n   * Used for rendering gap when the badge has an icon.\n   */\n  protected get hasIcon(): boolean {\n    return this.slotPresence.isPresent;\n  }\n\n  /**\n   * Whether the default slot has meaningful text content. Consumed by the\n   * concrete element's `render()` to toggle icon-only presentation (the\n   * `swc-Badge--no-label` class and its icon-only padding tokens).\n   *\n   * @internal\n   */\n  protected get slotHasContent(): boolean {\n    return this.slotText.hasContent;\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (window.__swc?.DEBUG) {\n      const constructor = this.constructor as typeof BadgeBase;\n      if (!constructor.VARIANTS.includes(this.variant)) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element expects the \"variant\" attribute to be one of the following:`,\n          'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n          {\n            issues: [...constructor.VARIANTS],\n          }\n        );\n      }\n      // Check outline property if it exists (S2 only)\n      if (\n        'outline' in this &&\n        (this as { outline: boolean }).outline === true &&\n        !constructor.VARIANTS_SEMANTIC.includes(this.variant)\n      ) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element only supports the outline styling if the variant is a semantic color variant.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/badge/#variants',\n          {\n            issues: [...constructor.VARIANTS_SEMANTIC],\n          }\n        );\n      }\n    }\n    super.update(changedProperties);\n  }\n}\n"],"mappings":";;;;;;;;OAqCsB,IAAtB,cAAwC,EAAW,GAAiB;CAClE,YAAY;CACZ,aAAa;CACd,CAAC,CAAC;;8BAkD8B,yBA2BN,mBAQC,wBAWD,IAAI,EAAuB,MAAM,kBAAgB,kBASrD,IAAI,EAAmB,KAAK;;CAWjD,IAAc,UAAmB;AAC/B,SAAO,KAAK,aAAa;;CAU3B,IAAc,iBAA0B;AACtC,SAAO,KAAK,SAAS;;CAGvB,OAA0B,GAAyC;;AACjE,OAAA,IAAI,OAAO,UAAA,QAAA,EAAO,OAAO;GACvB,IAAM,IAAc,KAAK;AAYzB,GAXK,EAAY,SAAS,SAAS,KAAK,QAAQ,IAC9C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,wEACnB,mFACA,EACE,QAAQ,CAAC,GAAG,EAAY,SAAS,EAClC,CACF,EAID,aAAa,QACZ,KAA8B,YAAY,MAC3C,CAAC,EAAY,kBAAkB,SAAS,KAAK,QAAQ,IAErD,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,0FACnB,mFACA,EACE,QAAQ,CAAC,GAAG,EAAY,kBAAkB,EAC3C,CACF;;AAGL,QAAM,OAAO,EAAkB;;;wBArGiB,yBAMhD,MAhBD,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAqBzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAQ1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA"}

package/dist/components/button/Button.base.d.ts

@@ -1,13 +1,9 @@
 import { PropertyValues } from 'lit';
+import { SlotPresenceController } from '../../controllers/slot-presence-controller/index.js';
+import { SlotTextController } from '../../controllers/slot-text-controller/index.js';
 import { SpectrumElement } from '../../element/index.js';
 import { ButtonSize } from './Button.types.js';
 declare const ButtonBase_base: typeof SpectrumElement & {
-    new (...args: any[]): import('../../mixins/index.js').SlotPresenceObservingInterface;
-    prototype: import('../../mixins/index.js').SlotPresenceObservingInterface;
-} & {
-    new (...args: any[]): import('../../mixins/index.js').SlotTextObservingInterface;
-    prototype: import('../../mixins/index.js').SlotTextObservingInterface;
-} & {
     new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
     prototype: import('../../mixins/index.js').SizedElementInterface;
 } & import('../../mixins/index.js').SizedElementConstructor;
@@ -22,9 +18,6 @@ declare const ButtonBase_base: typeof SpectrumElement & {
  * the `swc-button` visual surface.
  *
  * @attribute {ElementSize} size - The size of the button.
- *
- * @todo We currently have 3 levels of mixins on this class, but the mixin
- * composition guide recommends a maximum of 2. Explore reducing after milestone 2.
  */
 export declare abstract class ButtonBase extends ButtonBase_base {
     static shadowRootOptions: ShadowRootInit;
@@ -44,6 +37,20 @@ export declare abstract class ButtonBase extends ButtonBase_base {
      * `aria-label`. Required for icon-only buttons, which have no visible text.
      */
     accessibleLabel?: string;
+    /**
+     * Observes whether an icon is slotted into `[slot="icon"]`.
+     *
+     * @internal
+     */
+    protected slotPresence: SlotPresenceController;
+    /**
+     * Observes whether the default slot has a meaningful text label. The default
+     * slot must bind `@slotchange=${this.slotText.handleSlotChange}` for changes
+     * after the first render to be tracked.
+     *
+     * @internal
+     */
+    protected slotText: SlotTextController;
     protected get hasIcon(): boolean;
     protected get hasLabel(): boolean;
     /**

package/dist/components/button/Button.base.js

@@ -2,19 +2,21 @@ import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/he
 import { BUTTON_VALID_SIZES as t } from "./Button.types.js";
 import { property as n } from "lit/decorators.js";
 import { SpectrumElement as r } from "@adobe/spectrum-wc-core/element/index.js";
-import { ObserveSlotPresence as i, ObserveSlotText as a, SizedMixin as o } from "@adobe/spectrum-wc-core/mixins/index.js";
+import { SizedMixin as i } from "@adobe/spectrum-wc-core/mixins/index.js";
+import { SlotPresenceController as a } from "@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js";
+import { SlotTextController as o } from "@adobe/spectrum-wc-core/controllers/slot-text-controller/index.js";
 //#region components/button/Button.base.ts
-var s, c = class extends o(a(i(r, "[slot=\"icon\"]"), ""), { validSizes: t }) {
+var s, c = class extends i(r, { validSizes: t }) {
 	constructor(...e) {
-		super(...e), this.disabled = !1, this.handleClick = (e) => {
+		super(...e), this.disabled = !1, this.slotPresence = new a(this, "[slot=\"icon\"]"), this.slotText = new o(this), this.handleClick = (e) => {
 			this.disabled && (e.preventDefault(), e.stopImmediatePropagation());
 		};
 	}
 	get hasIcon() {
-		return this.slotContentIsPresent;
+		return this.slotPresence.isPresent;
 	}
 	get hasLabel() {
-		return this.slotHasContent;
+		return this.slotText.hasContent;
 	}
 	getForwardedButtonAttributes() {
 		return { disabled: this.disabled };

package/dist/components/button/Button.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.base.js","names":[],"sources":["../../../components/button/Button.base.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 { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport {\n  ObserveSlotPresence,\n  ObserveSlotText,\n  SizedMixin,\n} from '@adobe/spectrum-wc-core/mixins/index.js';\n\nimport { BUTTON_VALID_SIZES, type ButtonSize } from './Button.types.js';\n\n/**\n * Abstract base class for all button-like components. Owns shared semantic\n * concerns: interaction state, sizing, slot-derived icon/label state,\n * accessible-name resolution, and host-to-internal-button attribute forwarding.\n *\n * Visual API specific to `sp-button` (`variant`, `fill-style`, `static-color`)\n * is intentionally absent so that ActionButton, ClearButton, CloseButton,\n * PickerButton, and InfieldButton can extend this base without inheriting\n * the `swc-button` visual surface.\n *\n * @attribute {ElementSize} size - The size of the button.\n *\n * @todo We currently have 3 levels of mixins on this class, but the mixin\n * composition guide recommends a maximum of 2. Explore reducing after milestone 2.\n */\nexport abstract class ButtonBase extends SizedMixin(\n  ObserveSlotText(ObserveSlotPresence(SpectrumElement, '[slot=\"icon\"]'), ''),\n  { validSizes: BUTTON_VALID_SIZES }\n) {\n  static override shadowRootOptions: ShadowRootInit = {\n    ...SpectrumElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * The size of the button.\n   *\n   * @default m\n   */\n  declare public size: ButtonSize;\n\n  /**\n   * Whether the button is disabled. Removes focusability and prevents\n   * interaction.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  /**\n   * Accessible label forwarded to the internal `<button>` element as\n   * `aria-label`. Required for icon-only buttons, which have no visible text.\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  public accessibleLabel?: string;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  protected get hasIcon(): boolean {\n    return this.slotContentIsPresent;\n  }\n\n  protected get hasLabel(): boolean {\n    return this.slotHasContent;\n  }\n\n  /**\n   * Returns the set of attributes that should be forwarded to the internal\n   * semantic `<button>` element, if not otherwise directly managed.\n   *\n   * @internal\n   */\n  protected getForwardedButtonAttributes(): Record<\n    string,\n    string | boolean | undefined\n  > {\n    return {\n      disabled: this.disabled,\n    };\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    // Capture phase so slotted light-DOM clicks are suppressed before host\n    // listeners (e.g. Storybook actions) run.\n    this.addEventListener('click', this.handleClick, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.handleClick, true);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Suppresses click activation while the button is `disabled`.\n   *\n   * Slotted icon content lives in the light DOM, so pointer clicks on icons\n   * bypass the disabled inner `<button>` and bubble on the host. The host\n   * listener (capture) and inner `@click` binding both call this handler.\n   */\n  protected readonly handleClick = (event: Event): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n\n  protected override update(changedProperties: PropertyValues): void {\n    super.update(changedProperties);\n    if (window.__swc?.DEBUG) {\n      if (this.hasIcon && !this.hasLabel && !this.accessibleLabel) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> with an icon and no label must have an \"accessible-label\" attribute to be accessible.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/button/#icon-only',\n          { issues: ['accessible-label'] }\n        );\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;OAuCsB,IAAtB,cAAyC,EACvC,EAAgB,EAAoB,GAAiB,kBAAgB,EAAE,GAAG,EAC1E,EAAE,YAAY,GAAoB,CACnC,CAAC;;+BAsB2B,wBAuDO,MAAuB;AACvD,GAAI,KAAK,aACP,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;CA7CpC,IAAc,UAAmB;AAC/B,SAAO,KAAK;;CAGd,IAAc,WAAoB;AAChC,SAAO,KAAK;;CASd,+BAGE;AACA,SAAO,EACL,UAAU,KAAK,UAChB;;CAGH,oBAA0C;AAIxC,EAHA,MAAM,mBAAmB,EAGzB,KAAK,iBAAiB,SAAS,KAAK,aAAa,GAAK;;CAGxD,uBAA6C;AAE3C,EADA,KAAK,oBAAoB,SAAS,KAAK,aAAa,GAAK,EACzD,MAAM,sBAAsB;;CAiB9B,OAA0B,GAAyC;;AAEjE,EADA,MAAM,OAAO,EAAkB,GAC/B,IAAI,OAAO,UAAA,QAAA,EAAO,SACZ,KAAK,WAAW,CAAC,KAAK,YAAY,CAAC,KAAK,mBAC1C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,0FACnB,qFACA,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CACjC;;;6BA5F6C;CAClD,GAAG,EAAgB;CACnB,gBAAgB;CACjB,KAiBA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA"}
+{"version":3,"file":"Button.base.js","names":[],"sources":["../../../components/button/Button.base.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 { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SlotPresenceController } from '@adobe/spectrum-wc-core/controllers/slot-presence-controller/index.js';\nimport { SlotTextController } from '@adobe/spectrum-wc-core/controllers/slot-text-controller/index.js';\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\n\nimport { BUTTON_VALID_SIZES, type ButtonSize } from './Button.types.js';\n\n/**\n * Abstract base class for all button-like components. Owns shared semantic\n * concerns: interaction state, sizing, slot-derived icon/label state,\n * accessible-name resolution, and host-to-internal-button attribute forwarding.\n *\n * Visual API specific to `sp-button` (`variant`, `fill-style`, `static-color`)\n * is intentionally absent so that ActionButton, ClearButton, CloseButton,\n * PickerButton, and InfieldButton can extend this base without inheriting\n * the `swc-button` visual surface.\n *\n * @attribute {ElementSize} size - The size of the button.\n */\nexport abstract class ButtonBase extends SizedMixin(SpectrumElement, {\n  validSizes: BUTTON_VALID_SIZES,\n}) {\n  static override shadowRootOptions: ShadowRootInit = {\n    ...SpectrumElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * The size of the button.\n   *\n   * @default m\n   */\n  declare public size: ButtonSize;\n\n  /**\n   * Whether the button is disabled. Removes focusability and prevents\n   * interaction.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  /**\n   * Accessible label forwarded to the internal `<button>` element as\n   * `aria-label`. Required for icon-only buttons, which have no visible text.\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  public accessibleLabel?: string;\n\n  // ──────────────────────\n  //     CONTROLLERS\n  // ──────────────────────\n\n  /**\n   * Observes whether an icon is slotted into `[slot=\"icon\"]`.\n   *\n   * @internal\n   */\n  protected slotPresence = new SlotPresenceController(this, '[slot=\"icon\"]');\n\n  /**\n   * Observes whether the default slot has a meaningful text label. The default\n   * slot must bind `@slotchange=${this.slotText.handleSlotChange}` for changes\n   * after the first render to be tracked.\n   *\n   * @internal\n   */\n  protected slotText = new SlotTextController(this);\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  protected get hasIcon(): boolean {\n    return this.slotPresence.isPresent;\n  }\n\n  protected get hasLabel(): boolean {\n    return this.slotText.hasContent;\n  }\n\n  /**\n   * Returns the set of attributes that should be forwarded to the internal\n   * semantic `<button>` element, if not otherwise directly managed.\n   *\n   * @internal\n   */\n  protected getForwardedButtonAttributes(): Record<\n    string,\n    string | boolean | undefined\n  > {\n    return {\n      disabled: this.disabled,\n    };\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    // Capture phase so slotted light-DOM clicks are suppressed before host\n    // listeners (e.g. Storybook actions) run.\n    this.addEventListener('click', this.handleClick, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.handleClick, true);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Suppresses click activation while the button is `disabled`.\n   *\n   * Slotted icon content lives in the light DOM, so pointer clicks on icons\n   * bypass the disabled inner `<button>` and bubble on the host. The host\n   * listener (capture) and inner `@click` binding both call this handler.\n   */\n  protected readonly handleClick = (event: Event): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n\n  protected override update(changedProperties: PropertyValues): void {\n    super.update(changedProperties);\n    if (window.__swc?.DEBUG) {\n      if (this.hasIcon && !this.hasLabel && !this.accessibleLabel) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> with an icon and no label must have an \"accessible-label\" attribute to be accessible.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/button/#icon-only',\n          { issues: ['accessible-label'] }\n        );\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;OAkCsB,IAAtB,cAAyC,EAAW,GAAiB,EACnE,YAAY,GACb,CAAC,CAAC;;+BAsB0B,wBAkBF,IAAI,EAAuB,MAAM,kBAAgB,kBASrD,IAAI,EAAmB,KAAK,sBAgDf,MAAuB;AACvD,GAAI,KAAK,aACP,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;CA7CpC,IAAc,UAAmB;AAC/B,SAAO,KAAK,aAAa;;CAG3B,IAAc,WAAoB;AAChC,SAAO,KAAK,SAAS;;CASvB,+BAGE;AACA,SAAO,EACL,UAAU,KAAK,UAChB;;CAGH,oBAA0C;AAIxC,EAHA,MAAM,mBAAmB,EAGzB,KAAK,iBAAiB,SAAS,KAAK,aAAa,GAAK;;CAGxD,uBAA6C;AAE3C,EADA,KAAK,oBAAoB,SAAS,KAAK,aAAa,GAAK,EACzD,MAAM,sBAAsB;;CAiB9B,OAA0B,GAAyC;;AAEjE,EADA,MAAM,OAAO,EAAkB,GAC/B,IAAI,OAAO,UAAA,QAAA,EAAO,SACZ,KAAK,WAAW,CAAC,KAAK,YAAY,CAAC,KAAK,mBAC1C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,0FACnB,qFACA,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CACjC;;;6BAhH6C;CAClD,GAAG,EAAgB;CACnB,gBAAgB;CACjB,KAiBA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA"}

package/dist/controllers/index.d.ts

@@ -21,3 +21,5 @@ export { PageScrollLockController } from './page-scroll-lock.js';
 export { PendingController, type PendingControllerHost, type PendingControllerOptions, } from './pending-controller/index.js';
 export { ALL_PLACEMENTS, fromFloatingPlacement, PlacementController, toFloatingPlacement, type Placement, type PlacementOptions, type VirtualTrigger, } from './placement-controller/index.js';
 export { SlotAttributePropagationController, type SlotAttributePropagationControllerOptions, } from './slot-attribute-propagation-controller/index.js';
+export { SlotPresenceController } from './slot-presence-controller/index.js';
+export { SlotTextController, type SlotTextConfig, } from './slot-text-controller/index.js';

package/dist/controllers/index.js

@@ -5,11 +5,13 @@ import { ALL_PLACEMENTS as i } from "./placement-controller/src/types.js";
 import { PlacementController as a } from "./placement-controller/src/placement-controller.js";
 import "./placement-controller/index.js";
 import { LanguageResolutionController as o, languageResolverUpdatedSymbol as s } from "./language-resolution.js";
-import { PendingController as c } from "./pending-controller/src/pending-controller.js";
+import { SlotPresenceController as c } from "./slot-presence-controller/src/slot-presence-controller.js";
+import { PendingController as l } from "./pending-controller/src/pending-controller.js";
 import "./pending-controller/index.js";
-import { ColorController as l } from "./color-controller/src/color-controller.js";
+import { ColorController as u } from "./color-controller/src/color-controller.js";
 import "./color-controller/index.js";
-import { FocusgroupNavigationController as u, focusgroupNavigationActiveChange as d } from "./focusgroup-navigation-controller/src/focusgroup-navigation-controller.js";
-import { LiveSelectionController as f } from "./live-selection-controller/src/live-selection-controller.js";
-import { PageScrollLockController as p } from "./page-scroll-lock.js";
-export { i as ALL_PLACEMENTS, l as ColorController, u as FocusgroupNavigationController, t as HoverController, o as LanguageResolutionController, f as LiveSelectionController, p as PageScrollLockController, c as PendingController, a as PlacementController, e as SlotAttributePropagationController, d as focusgroupNavigationActiveChange, n as fromFloatingPlacement, s as languageResolverUpdatedSymbol, r as toFloatingPlacement };
+import { FocusgroupNavigationController as d, focusgroupNavigationActiveChange as f } from "./focusgroup-navigation-controller/src/focusgroup-navigation-controller.js";
+import { LiveSelectionController as p } from "./live-selection-controller/src/live-selection-controller.js";
+import { PageScrollLockController as m } from "./page-scroll-lock.js";
+import { SlotTextController as h } from "./slot-text-controller/src/slot-text-controller.js";
+export { i as ALL_PLACEMENTS, u as ColorController, d as FocusgroupNavigationController, t as HoverController, o as LanguageResolutionController, p as LiveSelectionController, m as PageScrollLockController, l as PendingController, a as PlacementController, e as SlotAttributePropagationController, c as SlotPresenceController, h as SlotTextController, f as focusgroupNavigationActiveChange, n as fromFloatingPlacement, s as languageResolverUpdatedSymbol, r as toFloatingPlacement };

package/dist/controllers/slot-presence-controller/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+export { SlotPresenceController } from './src/slot-presence-controller.js';

package/dist/controllers/slot-presence-controller/index.js

@@ -0,0 +1,2 @@
+import { SlotPresenceController as e } from "./src/slot-presence-controller.js";
+export { e as SlotPresenceController };

package/dist/controllers/slot-presence-controller/src/slot-presence-controller.d.ts

@@ -0,0 +1,57 @@
+import { ReactiveController, ReactiveElement } from 'lit';
+/**
+ * A reactive controller that observes whether slotted content matching
+ * given CSS selectors is present in the host's light DOM.
+ *
+ * Replaces the `ObserveSlotPresence` mixin with a composition-based approach.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent extends SpectrumElement {
+ *   private slotPresence = new SlotPresenceController(this, '[slot="icon"]');
+ *
+ *   get hasIcon(): boolean {
+ *     return this.slotPresence.isPresent;
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Observing multiple selectors
+ * class MyComponent extends SpectrumElement {
+ *   private slotPresence = new SlotPresenceController(this, [
+ *     '[slot="icon"]',
+ *     '[slot="description"]',
+ *   ]);
+ *
+ *   get hasIcon(): boolean {
+ *     return this.slotPresence.getPresence('[slot="icon"]');
+ *   }
+ *
+ *   get hasDescription(): boolean {
+ *     return this.slotPresence.getPresence('[slot="description"]');
+ *   }
+ * }
+ * ```
+ */
+export declare class SlotPresenceController implements ReactiveController {
+    private host;
+    private selectors;
+    private presenceMap;
+    private observer;
+    constructor(host: ReactiveElement, selectors: string | string[]);
+    /**
+     * Whether slotted content is present. Use this when observing a single
+     * selector. Throws if multiple selectors were provided — use
+     * `getPresence(selector)` instead.
+     */
+    get isPresent(): boolean;
+    /**
+     * Returns whether content matching the given selector is present.
+     */
+    getPresence(selector: string): boolean;
+    private checkPresence;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}

package/dist/controllers/slot-presence-controller/src/slot-presence-controller.js

@@ -0,0 +1,44 @@
+//#region controllers/slot-presence-controller/src/slot-presence-controller.ts
+var e = class {
+	constructor(e, t) {
+		this.presenceMap = /* @__PURE__ */ new Map(), this.host = e, this.selectors = Array.isArray(t) ? t : [t], this.host.addController(this), this.observer = new MutationObserver(() => {
+			this.checkPresence();
+		}), this.checkPresence();
+	}
+	get isPresent() {
+		if (this.selectors.length === 1) {
+			var e;
+			return (e = this.presenceMap.get(this.selectors[0])) == null ? !1 : e;
+		}
+		throw Error("Multiple selectors provided to SlotPresenceController — use getPresence(selector) instead.");
+	}
+	getPresence(e) {
+		if (this.presenceMap.has(e)) {
+			var t;
+			return (t = this.presenceMap.get(e)) == null ? !1 : t;
+		}
+		throw Error(`The provided selector \`${e}\` is not being observed.`);
+	}
+	checkPresence() {
+		let e = !1;
+		for (let n of this.selectors) {
+			var t;
+			let r = !!this.host.querySelector(`:scope > ${n}`);
+			((t = this.presenceMap.get(n)) == null ? !1 : t) !== r && (e = !0), this.presenceMap.set(n, r);
+		}
+		e && this.host.requestUpdate();
+	}
+	hostConnected() {
+		this.observer.observe(this.host, {
+			childList: !0,
+			subtree: !0
+		}), this.checkPresence();
+	}
+	hostDisconnected() {
+		this.observer.disconnect();
+	}
+};
+//#endregion
+export { e as SlotPresenceController };
+
+//# sourceMappingURL=slot-presence-controller.js.map

package/dist/controllers/slot-presence-controller/src/slot-presence-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-presence-controller.js","names":[],"sources":["../../../../controllers/slot-presence-controller/src/slot-presence-controller.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 { ReactiveController, ReactiveElement } from 'lit';\n\n/**\n * A reactive controller that observes whether slotted content matching\n * given CSS selectors is present in the host's light DOM.\n *\n * Replaces the `ObserveSlotPresence` mixin with a composition-based approach.\n *\n * @example\n * ```typescript\n * class MyComponent extends SpectrumElement {\n *   private slotPresence = new SlotPresenceController(this, '[slot=\"icon\"]');\n *\n *   get hasIcon(): boolean {\n *     return this.slotPresence.isPresent;\n *   }\n * }\n * ```\n *\n * @example\n * ```typescript\n * // Observing multiple selectors\n * class MyComponent extends SpectrumElement {\n *   private slotPresence = new SlotPresenceController(this, [\n *     '[slot=\"icon\"]',\n *     '[slot=\"description\"]',\n *   ]);\n *\n *   get hasIcon(): boolean {\n *     return this.slotPresence.getPresence('[slot=\"icon\"]');\n *   }\n *\n *   get hasDescription(): boolean {\n *     return this.slotPresence.getPresence('[slot=\"description\"]');\n *   }\n * }\n * ```\n */\nexport class SlotPresenceController implements ReactiveController {\n  private host: ReactiveElement;\n  private selectors: string[];\n  private presenceMap = new Map<string, boolean>();\n  private observer: MutationObserver;\n\n  constructor(host: ReactiveElement, selectors: string | string[]) {\n    this.host = host;\n    this.selectors = Array.isArray(selectors) ? selectors : [selectors];\n    this.host.addController(this);\n\n    this.observer = new MutationObserver(() => {\n      this.checkPresence();\n    });\n\n    // Check initial state synchronously\n    this.checkPresence();\n  }\n\n  /**\n   * Whether slotted content is present. Use this when observing a single\n   * selector. Throws if multiple selectors were provided — use\n   * `getPresence(selector)` instead.\n   */\n  get isPresent(): boolean {\n    if (this.selectors.length === 1) {\n      return this.presenceMap.get(this.selectors[0]) ?? false;\n    }\n    throw new Error(\n      'Multiple selectors provided to SlotPresenceController — use getPresence(selector) instead.'\n    );\n  }\n\n  /**\n   * Returns whether content matching the given selector is present.\n   */\n  getPresence(selector: string): boolean {\n    if (this.presenceMap.has(selector)) {\n      return this.presenceMap.get(selector) ?? false;\n    }\n    throw new Error(\n      `The provided selector \\`${selector}\\` is not being observed.`\n    );\n  }\n\n  private checkPresence(): void {\n    let changed = false;\n    for (const selector of this.selectors) {\n      const nextValue = !!this.host.querySelector(`:scope > ${selector}`);\n      const previousValue = this.presenceMap.get(selector) ?? false;\n      if (previousValue !== nextValue) {\n        changed = true;\n      }\n      this.presenceMap.set(selector, nextValue);\n    }\n    if (changed) {\n      // The `ObserveSlotPresence` mixin this controller replaces deferred the\n      // re-render with `this.updateComplete.then(() => this.requestUpdate())`.\n      // The controller requests the update synchronously instead. This is\n      // safe because `checkPresence` only runs from the constructor, the\n      // `MutationObserver` callback, and `hostConnected` — never from inside\n      // the host's own `update()`/`render()` — so there is no re-entrant\n      // update. Lit batches `requestUpdate()` calls into the next microtask,\n      // so multiple presence changes in one tick still coalesce into a single\n      // render. See the controller stories for the behavioral test.\n      this.host.requestUpdate();\n    }\n  }\n\n  hostConnected(): void {\n    this.observer.observe(this.host, {\n      childList: true,\n      subtree: true,\n    });\n    this.checkPresence();\n  }\n\n  hostDisconnected(): void {\n    this.observer.disconnect();\n  }\n}\n"],"mappings":";AAkDA,IAAa,IAAb,MAAkE;CAMhE,YAAY,GAAuB,GAA8B;AAU/D,qCAboB,IAAI,KAAsB,EAI9C,KAAK,OAAO,GACZ,KAAK,YAAY,MAAM,QAAQ,EAAU,GAAG,IAAY,CAAC,EAAU,EACnE,KAAK,KAAK,cAAc,KAAK,EAE7B,KAAK,WAAW,IAAI,uBAAuB;AACzC,QAAK,eAAe;IACpB,EAGF,KAAK,eAAe;;CAQtB,IAAI,YAAqB;AACvB,MAAI,KAAK,UAAU,WAAW,GAAG;;AAC/B,WAAA,IAAO,KAAK,YAAY,IAAI,KAAK,UAAU,GAAG,KAAA,OAAI,KAAJ;;AAEhD,QAAU,MACR,6FACD;;CAMH,YAAY,GAA2B;AACrC,MAAI,KAAK,YAAY,IAAI,EAAS,EAAE;;AAClC,WAAA,IAAO,KAAK,YAAY,IAAI,EAAS,KAAA,OAAI,KAAJ;;AAEvC,QAAU,MACR,2BAA2B,EAAS,2BACrC;;CAGH,gBAA8B;EAC5B,IAAI,IAAU;AACd,OAAK,IAAM,KAAY,KAAK,WAAW;;GACrC,IAAM,IAAY,CAAC,CAAC,KAAK,KAAK,cAAc,YAAY,IAAW;AAKnE,KAHA,IADsB,KAAK,YAAY,IAAI,EAAS,KAAA,OAAI,KAAJ,OAC9B,MACpB,IAAU,KAEZ,KAAK,YAAY,IAAI,GAAU,EAAU;;AAE3C,EAAI,KAUF,KAAK,KAAK,eAAe;;CAI7B,gBAAsB;AAKpB,EAJA,KAAK,SAAS,QAAQ,KAAK,MAAM;GAC/B,WAAW;GACX,SAAS;GACV,CAAC,EACF,KAAK,eAAe;;CAGtB,mBAAyB;AACvB,OAAK,SAAS,YAAY"}

package/dist/controllers/slot-text-controller/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+export { SlotTextController, type SlotTextConfig, } from './src/slot-text-controller.js';

package/dist/controllers/slot-text-controller/index.js

@@ -0,0 +1,2 @@
+import { SlotTextController as e } from "./src/slot-text-controller.js";
+export { e as SlotTextController };