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

package/README.md

@@ -2,7 +2,7 @@
 
 Abstract base classes for Spectrum Web Components.
 
-This package provides the behavior layer for 2nd-gen Spectrum Web Components and is **not intended for direct external use**. It is independent from 1st-gen — there is no runtime dependency between them.
+This package provides the behavior layer for gen2 Spectrum Web Components and is **not intended for direct external use**. It is independent from 1st-gen — there is no runtime dependency between them.
 
 For more information, visit the [Spectrum Web Components repository](https://github.com/adobe/spectrum-web-components).
 

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

@@ -1,30 +1,31 @@
-import { ACCORDION_VALID_SIZES as e, SWC_ACCORDION_ITEM_TOGGLE_EVENT as t } from "./Accordion.types.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
-import { AccordionItemBase as r } from "./AccordionItem.base.js";
-import { property as i } from "lit/decorators.js";
-import { LiveSelectionController as a } from "@adobe/spectrum-wc-core/controllers/index.js";
-import { SpectrumElement as o } from "@adobe/spectrum-wc-core/element/index.js";
-import { SizedMixin as s } from "@adobe/spectrum-wc-core/mixins/index.js";
+import { ACCORDION_DENSITIES as e, ACCORDION_VALID_SIZES as t, SWC_ACCORDION_ITEM_TOGGLE_EVENT as n } from "./Accordion.types.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
+import { AccordionItemBase as i } from "./AccordionItem.base.js";
+import { property as a } from "lit/decorators.js";
+import { LiveSelectionController as o } from "@adobe/spectrum-wc-core/controllers/index.js";
+import { SpectrumElement as s } from "@adobe/spectrum-wc-core/element/index.js";
+import { SizedMixin as c } from "@adobe/spectrum-wc-core/mixins/index.js";
+import { validateEnum as l } from "@adobe/spectrum-wc-core/utils/index.js";
 //#region components/accordion/Accordion.base.ts
-var c = class extends s(o, {
-	validSizes: e,
+var u = class extends c(s, {
+	validSizes: t,
 	defaultSize: "m"
 }) {
 	constructor(...e) {
-		super(...e), this.allowMultiple = !1, this.level = 3, this.density = "regular", this.quiet = !1, this.disabled = !1, this.selectionController = new a(this, {
+		super(...e), this.allowMultiple = !1, this.level = 3, this.density = "regular", this.quiet = !1, this.disabled = !1, this.selectionController = new o(this, {
 			getItems: () => this.assignedItems(),
 			readSelected: (e) => e.open,
 			deselect: (e) => {
 				e.open = !1;
 			},
-			observeEvent: t,
+			observeEvent: n,
 			mode: () => this.allowMultiple ? "multiple" : "single"
 		});
 	}
 	assignedItems() {
 		var e;
 		let t = (e = this.renderRoot) == null ? void 0 : e.querySelector("slot");
-		return t ? t.assignedElements({ flatten: !0 }).filter((e) => e instanceof r) : [];
+		return t ? t.assignedElements({ flatten: !0 }).filter((e) => e instanceof i) : [];
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.selectionController.refresh();
@@ -32,32 +33,37 @@ var c = class extends s(o, {
 	syncAccordionItems() {
 		for (let e of this.assignedItems()) e.setManagedHeading(this.level), e.size = this.size, e.setManagedParentDisabled(this.disabled);
 	}
-	update(e) {
-		if (e.has("level")) {
+	update(t) {
+		if (t.has("density") && l(this, {
+			prop: "density",
+			value: this.density,
+			valid: e,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-accordion--docs"
+		}), t.has("level")) {
 			let e = Math.min(6, Math.max(2, this.level));
 			this.level !== e && (this.level = e);
 		}
-		(e.has("level") || e.has("size") || e.has("disabled")) && this.syncAccordionItems(), e.has("allowMultiple") && e.get("allowMultiple") === !0 && !this.allowMultiple && this.selectionController.refresh(), e.has("disabled") && e.get("disabled") === !0 && !this.disabled && !this.allowMultiple && this.selectionController.refresh(), super.update(e);
+		(t.has("level") || t.has("size") || t.has("disabled")) && this.syncAccordionItems(), t.has("allowMultiple") && t.get("allowMultiple") === !0 && !this.allowMultiple && this.selectionController.refresh(), t.has("disabled") && t.get("disabled") === !0 && !this.disabled && !this.allowMultiple && this.selectionController.refresh(), super.update(t);
 	}
 };
-n([i({
+r([a({
 	type: Boolean,
 	reflect: !0,
 	attribute: "allow-multiple"
-})], c.prototype, "allowMultiple", void 0), n([i({
+})], u.prototype, "allowMultiple", void 0), r([a({
 	type: Number,
 	reflect: !0
-})], c.prototype, "level", void 0), n([i({
+})], u.prototype, "level", void 0), r([a({
 	type: String,
 	reflect: !0
-})], c.prototype, "density", void 0), n([i({
+})], u.prototype, "density", void 0), r([a({
 	type: Boolean,
 	reflect: !0
-})], c.prototype, "quiet", void 0), n([i({
+})], u.prototype, "quiet", void 0), r([a({
 	type: Boolean,
 	reflect: !0
-})], c.prototype, "disabled", void 0);
+})], u.prototype, "disabled", void 0);
 //#endregion
-export { c as AccordionBase };
+export { u as AccordionBase };
 
 //# sourceMappingURL=Accordion.base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.base.js","names":[],"sources":["../../../components/accordion/Accordion.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 { LiveSelectionController } from '@adobe/spectrum-wc-core/controllers/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  ACCORDION_VALID_SIZES,\n  type AccordionDensity,\n  type AccordionHeadingLevel,\n  type AccordionSize,\n  SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n} from './Accordion.types.js';\nimport { AccordionItemBase } from './AccordionItem.base.js';\n\n/**\n * Base class for accordion components. Manages item propagation, heading\n * level, density, and the exclusive-open constraint.\n *\n * @attribute {boolean} allowMultiple - Reflected as `allow-multiple`. When set,\n *   multiple items may be open at the same time.\n * @attribute {number} level - Heading level (2–6) applied to every item header.\n *   Values outside that range are clamped.\n * @attribute {AccordionSize} size - Size applied to all items.\n * @attribute {AccordionDensity} density - Vertical spacing between items.\n * @attribute {boolean} quiet - Renders the accordion in its quiet visual variant.\n * @attribute {boolean} disabled - Disables all items in the accordion.\n *\n * @slot - One or more `swc-accordion-item` elements.\n */\nexport abstract class AccordionBase extends SizedMixin(SpectrumElement, {\n  validSizes: ACCORDION_VALID_SIZES,\n  defaultSize: 'm',\n}) {\n  // ──────────────────\n  //     PUBLIC API\n  // ──────────────────\n\n  /**\n   * When set, multiple items may be open at the same time. By default only\n   * one item can be open.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-multiple' })\n  public allowMultiple: boolean = false;\n\n  /**\n   * Heading level applied to every item header (2–6). Defaults to 3.\n   * Values outside that range are clamped.\n   */\n  @property({ type: Number, reflect: true })\n  public level: AccordionHeadingLevel = 3;\n\n  /**\n   * Size applied to all items. Defaults to `m`.\n   */\n  declare public size: AccordionSize;\n\n  /**\n   * Controls vertical spacing between items.\n   *\n   * @default regular\n   */\n  @property({ type: String, reflect: true })\n  public density: AccordionDensity = 'regular';\n\n  /**\n   * Renders the accordion in its quiet (no-border) visual variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  public quiet: boolean = false;\n\n  /**\n   * Disables all items in the accordion. Individual items may also be\n   * disabled independently.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  private assignedItems(): AccordionItemBase[] {\n    const slot = this.renderRoot?.querySelector('slot');\n    if (!slot) {\n      return [];\n    }\n    return slot\n      .assignedElements({ flatten: true })\n      .filter((el): el is AccordionItemBase => el instanceof AccordionItemBase);\n  }\n\n  // LiveSelectionController observes swc-accordion-item-toggle events and\n  // enforces the exclusive-open constraint when allowMultiple is false. Items\n  // own their own open state; the controller only closes siblings.\n  private readonly selectionController = new LiveSelectionController(this, {\n    getItems: () => this.assignedItems(),\n    readSelected: (item) => item.open,\n    deselect: (item) => {\n      item.open = false;\n    },\n    observeEvent: SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n    mode: () => (this.allowMultiple ? 'multiple' : 'single'),\n  });\n\n  protected override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    // The controller is event-driven and won't catch items that start open via\n    // HTML attributes; read the initial DOM state and enforce the constraint now.\n    this.selectionController.refresh();\n  }\n\n  protected syncAccordionItems(): void {\n    for (const item of this.assignedItems()) {\n      item.setManagedHeading(this.level);\n      item.size = this.size;\n      item.setManagedParentDisabled(this.disabled);\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (changedProperties.has('level')) {\n      const clamped = Math.min(\n        6,\n        Math.max(2, this.level)\n      ) as AccordionHeadingLevel;\n      if (this.level !== clamped) {\n        this.level = clamped;\n      }\n    }\n    if (\n      changedProperties.has('level') ||\n      changedProperties.has('size') ||\n      changedProperties.has('disabled')\n    ) {\n      this.syncAccordionItems();\n    }\n    // When allow-multiple is removed, enforce the stricter single-select\n    // constraint over the current DOM state.\n    if (\n      changedProperties.has('allowMultiple') &&\n      changedProperties.get('allowMultiple') === true &&\n      !this.allowMultiple\n    ) {\n      this.selectionController.refresh();\n    }\n    // When the accordion is re-enabled after being disabled, enforce\n    // exclusive-open so items that were opened while disabled are corrected.\n    if (\n      changedProperties.has('disabled') &&\n      changedProperties.get('disabled') === true &&\n      !this.disabled &&\n      !this.allowMultiple\n    ) {\n      this.selectionController.refresh();\n    }\n    super.update(changedProperties);\n  }\n}\n"],"mappings":";;;;;;;;AA2CA,IAAsB,IAAtB,cAA4C,EAAW,GAAiB;CACtE,YAAY;CACZ,aAAa;CACd,CAAC,CAAC;;oCAU+B,iBAOM,kBAaH,wBAMX,oBAOG,+BAmBY,IAAI,EAAwB,MAAM;GACvE,gBAAgB,KAAK,eAAe;GACpC,eAAe,MAAS,EAAK;GAC7B,WAAW,MAAS;AAClB,MAAK,OAAO;;GAEd,cAAc;GACd,YAAa,KAAK,gBAAgB,aAAa;GAChD,CAAC;;CArBF,gBAA6C;;EAC3C,IAAM,KAAA,IAAO,KAAK,eAAA,OAAA,KAAA,IAAA,EAAY,cAAc,OAAO;AAInD,SAHK,IAGE,EACJ,iBAAiB,EAAE,SAAS,IAAM,CAAC,CACnC,QAAQ,MAAgC,aAAc,EAAkB,GAJlE,EAAE;;CAoBb,aAAgC,GAAyC;AAIvE,EAHA,MAAM,aAAa,EAAkB,EAGrC,KAAK,oBAAoB,SAAS;;CAGpC,qBAAqC;AACnC,OAAK,IAAM,KAAQ,KAAK,eAAe,CAGrC,CAFA,EAAK,kBAAkB,KAAK,MAAM,EAClC,EAAK,OAAO,KAAK,MACjB,EAAK,yBAAyB,KAAK,SAAS;;CAIhD,OAA0B,GAAyC;AACjE,MAAI,EAAkB,IAAI,QAAQ,EAAE;GAClC,IAAM,IAAU,KAAK,IACnB,GACA,KAAK,IAAI,GAAG,KAAK,MAAM,CACxB;AACD,GAAI,KAAK,UAAU,MACjB,KAAK,QAAQ;;AA6BjB,GAzBE,EAAkB,IAAI,QAAQ,IAC9B,EAAkB,IAAI,OAAO,IAC7B,EAAkB,IAAI,WAAW,KAEjC,KAAK,oBAAoB,EAKzB,EAAkB,IAAI,gBAAgB,IACtC,EAAkB,IAAI,gBAAgB,KAAK,MAC3C,CAAC,KAAK,iBAEN,KAAK,oBAAoB,SAAS,EAKlC,EAAkB,IAAI,WAAW,IACjC,EAAkB,IAAI,WAAW,KAAK,MACtC,CAAC,KAAK,YACN,CAAC,KAAK,iBAEN,KAAK,oBAAoB,SAAS,EAEpC,MAAM,OAAO,EAAkB;;;GAlHhC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAkB,CAAC,CAAA,EAAA,EAAA,WAAA,iBAAA,KAAA,EAAA,KAOvE,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAazC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA"}
+{"version":3,"file":"Accordion.base.js","names":[],"sources":["../../../components/accordion/Accordion.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 { LiveSelectionController } from '@adobe/spectrum-wc-core/controllers/index.js';\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\nimport { validateEnum } from '@adobe/spectrum-wc-core/utils/index.js';\n\nimport {\n  ACCORDION_DENSITIES,\n  ACCORDION_VALID_SIZES,\n  type AccordionDensity,\n  type AccordionHeadingLevel,\n  type AccordionSize,\n  SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n} from './Accordion.types.js';\nimport { AccordionItemBase } from './AccordionItem.base.js';\n\n/**\n * Base class for accordion components. Manages item propagation, heading\n * level, density, and the exclusive-open constraint.\n *\n * @attribute {boolean} allowMultiple - Reflected as `allow-multiple`. When set,\n *   multiple items may be open at the same time.\n * @attribute {number} level - Heading level (2–6) applied to every item header.\n *   Values outside that range are clamped.\n * @attribute {AccordionSize} size - Size applied to all items.\n * @attribute {AccordionDensity} density - Vertical spacing between items.\n * @attribute {boolean} quiet - Renders the accordion in its quiet visual variant.\n * @attribute {boolean} disabled - Disables all items in the accordion.\n *\n * @slot - One or more `swc-accordion-item` elements.\n */\nexport abstract class AccordionBase extends SizedMixin(SpectrumElement, {\n  validSizes: ACCORDION_VALID_SIZES,\n  defaultSize: 'm',\n}) {\n  // ──────────────────\n  //     PUBLIC API\n  // ──────────────────\n\n  /**\n   * When set, multiple items may be open at the same time. By default only\n   * one item can be open.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'allow-multiple' })\n  public allowMultiple: boolean = false;\n\n  /**\n   * Heading level applied to every item header (2–6). Defaults to 3.\n   * Values outside that range are clamped.\n   */\n  @property({ type: Number, reflect: true })\n  public level: AccordionHeadingLevel = 3;\n\n  /**\n   * Size applied to all items. Defaults to `m`.\n   */\n  declare public size: AccordionSize;\n\n  /**\n   * Controls vertical spacing between items.\n   *\n   * @default regular\n   */\n  @property({ type: String, reflect: true })\n  public density: AccordionDensity = 'regular';\n\n  /**\n   * Renders the accordion in its quiet (no-border) visual variant.\n   */\n  @property({ type: Boolean, reflect: true })\n  public quiet: boolean = false;\n\n  /**\n   * Disables all items in the accordion. Individual items may also be\n   * disabled independently.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  private assignedItems(): AccordionItemBase[] {\n    const slot = this.renderRoot?.querySelector('slot');\n    if (!slot) {\n      return [];\n    }\n    return slot\n      .assignedElements({ flatten: true })\n      .filter((el): el is AccordionItemBase => el instanceof AccordionItemBase);\n  }\n\n  // LiveSelectionController observes swc-accordion-item-toggle events and\n  // enforces the exclusive-open constraint when allowMultiple is false. Items\n  // own their own open state; the controller only closes siblings.\n  private readonly selectionController = new LiveSelectionController(this, {\n    getItems: () => this.assignedItems(),\n    readSelected: (item) => item.open,\n    deselect: (item) => {\n      item.open = false;\n    },\n    observeEvent: SWC_ACCORDION_ITEM_TOGGLE_EVENT,\n    mode: () => (this.allowMultiple ? 'multiple' : 'single'),\n  });\n\n  protected override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    // The controller is event-driven and won't catch items that start open via\n    // HTML attributes; read the initial DOM state and enforce the constraint now.\n    this.selectionController.refresh();\n  }\n\n  protected syncAccordionItems(): void {\n    for (const item of this.assignedItems()) {\n      item.setManagedHeading(this.level);\n      item.size = this.size;\n      item.setManagedParentDisabled(this.disabled);\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (changedProperties.has('density')) {\n      validateEnum(this, {\n        prop: 'density',\n        value: this.density,\n        valid: ACCORDION_DENSITIES,\n        url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-accordion--docs',\n      });\n    }\n    if (changedProperties.has('level')) {\n      const clamped = Math.min(\n        6,\n        Math.max(2, this.level)\n      ) as AccordionHeadingLevel;\n      if (this.level !== clamped) {\n        this.level = clamped;\n      }\n    }\n    if (\n      changedProperties.has('level') ||\n      changedProperties.has('size') ||\n      changedProperties.has('disabled')\n    ) {\n      this.syncAccordionItems();\n    }\n    // When allow-multiple is removed, enforce the stricter single-select\n    // constraint over the current DOM state.\n    if (\n      changedProperties.has('allowMultiple') &&\n      changedProperties.get('allowMultiple') === true &&\n      !this.allowMultiple\n    ) {\n      this.selectionController.refresh();\n    }\n    // When the accordion is re-enabled after being disabled, enforce\n    // exclusive-open so items that were opened while disabled are corrected.\n    if (\n      changedProperties.has('disabled') &&\n      changedProperties.get('disabled') === true &&\n      !this.disabled &&\n      !this.allowMultiple\n    ) {\n      this.selectionController.refresh();\n    }\n    super.update(changedProperties);\n  }\n}\n"],"mappings":";;;;;;;;;AA6CA,IAAsB,IAAtB,cAA4C,EAAW,GAAiB;CACtE,YAAY;CACZ,aAAa;CACd,CAAC,CAAC;;oCAU+B,iBAOM,kBAaH,wBAMX,oBAOG,+BAmBY,IAAI,EAAwB,MAAM;GACvE,gBAAgB,KAAK,eAAe;GACpC,eAAe,MAAS,EAAK;GAC7B,WAAW,MAAS;AAClB,MAAK,OAAO;;GAEd,cAAc;GACd,YAAa,KAAK,gBAAgB,aAAa;GAChD,CAAC;;CArBF,gBAA6C;;EAC3C,IAAM,KAAA,IAAO,KAAK,eAAA,OAAA,KAAA,IAAA,EAAY,cAAc,OAAO;AAInD,SAHK,IAGE,EACJ,iBAAiB,EAAE,SAAS,IAAM,CAAC,CACnC,QAAQ,MAAgC,aAAc,EAAkB,GAJlE,EAAE;;CAoBb,aAAgC,GAAyC;AAIvE,EAHA,MAAM,aAAa,EAAkB,EAGrC,KAAK,oBAAoB,SAAS;;CAGpC,qBAAqC;AACnC,OAAK,IAAM,KAAQ,KAAK,eAAe,CAGrC,CAFA,EAAK,kBAAkB,KAAK,MAAM,EAClC,EAAK,OAAO,KAAK,MACjB,EAAK,yBAAyB,KAAK,SAAS;;CAIhD,OAA0B,GAAyC;AASjE,MARI,EAAkB,IAAI,UAAU,IAClC,EAAa,MAAM;GACjB,MAAM;GACN,OAAO,KAAK;GACZ,OAAO;GACP,KAAK;GACN,CAAC,EAEA,EAAkB,IAAI,QAAQ,EAAE;GAClC,IAAM,IAAU,KAAK,IACnB,GACA,KAAK,IAAI,GAAG,KAAK,MAAM,CACxB;AACD,GAAI,KAAK,UAAU,MACjB,KAAK,QAAQ;;AA6BjB,GAzBE,EAAkB,IAAI,QAAQ,IAC9B,EAAkB,IAAI,OAAO,IAC7B,EAAkB,IAAI,WAAW,KAEjC,KAAK,oBAAoB,EAKzB,EAAkB,IAAI,gBAAgB,IACtC,EAAkB,IAAI,gBAAgB,KAAK,MAC3C,CAAC,KAAK,iBAEN,KAAK,oBAAoB,SAAS,EAKlC,EAAkB,IAAI,WAAW,IACjC,EAAkB,IAAI,WAAW,KAAK,MACtC,CAAC,KAAK,YACN,CAAC,KAAK,iBAEN,KAAK,oBAAoB,SAAS,EAEpC,MAAM,OAAO,EAAkB;;;GA1HhC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAkB,CAAC,CAAA,EAAA,EAAA,WAAA,iBAAA,KAAA,EAAA,KAOvE,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAazC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAMzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA"}

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/action-group/ActionGroup.base.d.ts

@@ -0,0 +1,108 @@
+import { PropertyValues } from 'lit';
+import { SpectrumElement } from '../../element/index.js';
+import { ActionGroupOrientation, ActionGroupSize } from './ActionGroup.types.js';
+declare const ActionGroupBase_base: typeof SpectrumElement & {
+    new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
+    prototype: import('../../mixins/index.js').SizedElementInterface;
+} & import('../../mixins/index.js').SizedElementConstructor;
+/**
+ * An action group clusters related actions together with consistent
+ * spacing, sizing, and orientation. It treats the whole strip as a single
+ * stop in the keyboard sequence, with arrow keys moving between children.
+ *
+ * This base class owns the accessibility semantics, `accessible-label` →
+ * `aria-label` management, `disabled` state contract, and child collection logic.
+ * Rendering and styling live in the concrete SWC subclass.
+ *
+ * @slot - One or more `swc-action-button` or `swc-action-menu` elements.
+ *
+ * @attribute {ActionGroupSize} size - The size of the group and its children.
+ */
+export declare abstract class ActionGroupBase extends ActionGroupBase_base {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    /**
+     * The size of the action group. Propagated to all slotted children.
+     */
+    size: ActionGroupSize;
+    /**
+     * @internal
+     *
+     * Valid orientation values for validation.
+     */
+    static readonly ORIENTATIONS: readonly string[];
+    /**
+     * @internal
+     *
+     * Valid static-color values for validation.
+     */
+    static readonly STATIC_COLORS: readonly string[];
+    /**
+     * The layout direction of the action group.
+     *
+     * When set to `"vertical"`, the group stacks children vertically and
+     * `FocusgroupNavigationController` moves focus with the Up/Down arrow
+     * keys instead of Left/Right.
+     *
+     * Note: this property does NOT set `aria-orientation` on the host. The
+     * host's role is fixed to `role="group"`, and `aria-orientation` is only
+     * a supported ARIA attribute on roles that expose it (`toolbar`,
+     * `listbox`, `menu`, etc.), not `group`, regardless of this component's
+     * roving-tabindex keyboard model. Setting it anyway fails axe's
+     * `aria-allowed-attr` rule.
+     *
+     * @default horizontal
+     */
+    orientation: ActionGroupOrientation;
+    /**
+     * Accessible label for the group. Reflected to `aria-label` on the host.
+     *
+     * Providing a label is recommended whenever the strip has a distinct
+     * purpose (e.g., "Image adjustments" or "Edit"). An empty value removes
+     * the `aria-label` attribute.
+     */
+    accessibleLabel: string;
+    /**
+     * Whether the group and all of its children are disabled.
+     *
+     * Sets `aria-disabled="true"` on the host and propagates `aria-disabled`
+     * to each managed child. Children remain keyboard-reachable so that screen
+     * reader users can still discover the group. Native `disabled` is not
+     * applied to children.
+     */
+    disabled: boolean;
+    /**
+     * @internal
+     *
+     * The managed children: all `swc-action-button` and `swc-action-menu`
+     * elements assigned to the default slot. Populated by the concrete
+     * subclass via `@queryAssignedElements`.
+     */
+    protected managedChildren: HTMLElement[];
+    /**
+     * Focuses the first enabled child in the group.
+     *
+     * The SWC concrete class overrides this with `FocusgroupNavigationController`,
+     * restoring focus to the last active item when memory is enabled. This
+     * implementation serves as a fallback for non-SWC subclasses.
+     */
+    focus(options?: FocusOptions): void;
+    /**
+     * @internal
+     *
+     * Handles slot-change events. Propagates `aria-disabled` to newly slotted
+     * children when the group is disabled. Concrete subclasses call
+     * `super.handleSlotchange()` and then propagate visual attributes.
+     */
+    protected handleSlotchange(): void;
+    protected firstUpdated(changed: PropertyValues<this>): void;
+    protected updated(changed: PropertyValues<this>): void;
+    private propagateDisabledToChildren;
+}
+export {};

package/dist/components/action-group/ActionGroup.base.js

@@ -0,0 +1,53 @@
+import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
+import { ACTION_GROUP_ORIENTATIONS as t, ACTION_GROUP_STATIC_COLORS as n, ACTION_GROUP_VALID_SIZES as r } from "./ActionGroup.types.js";
+import { property as i, queryAssignedElements as a } from "lit/decorators.js";
+import { SpectrumElement as o } from "@adobe/spectrum-wc-core/element/index.js";
+import { SizedMixin as s } from "@adobe/spectrum-wc-core/mixins/index.js";
+//#region components/action-group/ActionGroup.base.ts
+var c, l = class extends s(o, {
+	validSizes: r,
+	noDefaultSize: !0
+}) {
+	constructor(...e) {
+		super(...e), this.orientation = "horizontal", this.accessibleLabel = "", this.disabled = !1;
+	}
+	focus(e) {
+		var t;
+		let n = (t = this.managedChildren) == null ? void 0 : t.find((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-disabled") !== "true");
+		n == null || n.focus(e);
+	}
+	handleSlotchange() {
+		this.disabled && this.propagateDisabledToChildren();
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.setAttribute("role", "group");
+	}
+	updated(e) {
+		var t;
+		if (super.updated(e), e.has("accessibleLabel") && (this.accessibleLabel ? this.setAttribute("aria-label", this.accessibleLabel) : this.removeAttribute("aria-label")), e.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"), this.propagateDisabledToChildren()), (t = window.__swc) != null && t.DEBUG) {
+			let e = this.constructor;
+			e.ORIENTATIONS.includes(this.orientation) || window.__swc.warn(this, `<${this.localName}> element expects the "orientation" attribute to be one of the following: ${e.ORIENTATIONS.join(", ")}.`, "https://spectrum-web-components.adobe.com/components/action-group/", { issues: [...e.ORIENTATIONS] });
+		}
+	}
+	propagateDisabledToChildren() {
+		var e;
+		for (let t of (e = this.managedChildren) == null ? [] : e) this.disabled ? t.setAttribute("aria-disabled", "true") : t.removeAttribute("aria-disabled");
+	}
+};
+c = l, c.shadowRootOptions = {
+	...o.shadowRootOptions,
+	delegatesFocus: !0
+}, c.ORIENTATIONS = t, c.STATIC_COLORS = n, e([i({
+	type: String,
+	reflect: !0
+})], l.prototype, "orientation", void 0), e([i({
+	type: String,
+	attribute: "accessible-label"
+})], l.prototype, "accessibleLabel", void 0), e([i({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([a({ flatten: !0 })], l.prototype, "managedChildren", void 0);
+//#endregion
+export { l as ActionGroupBase };
+
+//# sourceMappingURL=ActionGroup.base.js.map

package/dist/components/action-group/ActionGroup.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.base.js","names":[],"sources":["../../../components/action-group/ActionGroup.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, queryAssignedElements } 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';\n\nimport {\n  ACTION_GROUP_ORIENTATIONS,\n  ACTION_GROUP_STATIC_COLORS,\n  ACTION_GROUP_VALID_SIZES,\n  type ActionGroupOrientation,\n  type ActionGroupSize,\n} from './ActionGroup.types.js';\n\n/**\n * An action group clusters related actions together with consistent\n * spacing, sizing, and orientation. It treats the whole strip as a single\n * stop in the keyboard sequence, with arrow keys moving between children.\n *\n * This base class owns the accessibility semantics, `accessible-label` →\n * `aria-label` management, `disabled` state contract, and child collection logic.\n * Rendering and styling live in the concrete SWC subclass.\n *\n * @slot - One or more `swc-action-button` or `swc-action-menu` elements.\n *\n * @attribute {ActionGroupSize} size - The size of the group and its children.\n */\nexport abstract class ActionGroupBase extends SizedMixin(SpectrumElement, {\n  validSizes: ACTION_GROUP_VALID_SIZES,\n  noDefaultSize: true,\n}) {\n  static override shadowRootOptions = {\n    ...SpectrumElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /**\n   * The size of the action group. Propagated to all slotted children.\n   */\n  declare public size: ActionGroupSize;\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * @internal\n   *\n   * Valid orientation values for validation.\n   */\n  static readonly ORIENTATIONS: readonly string[] = ACTION_GROUP_ORIENTATIONS;\n\n  /**\n   * @internal\n   *\n   * Valid static-color values for validation.\n   */\n  static readonly STATIC_COLORS: readonly string[] = ACTION_GROUP_STATIC_COLORS;\n\n  /**\n   * The layout direction of the action group.\n   *\n   * When set to `\"vertical\"`, the group stacks children vertically and\n   * `FocusgroupNavigationController` moves focus with the Up/Down arrow\n   * keys instead of Left/Right.\n   *\n   * Note: this property does NOT set `aria-orientation` on the host. The\n   * host's role is fixed to `role=\"group\"`, and `aria-orientation` is only\n   * a supported ARIA attribute on roles that expose it (`toolbar`,\n   * `listbox`, `menu`, etc.), not `group`, regardless of this component's\n   * roving-tabindex keyboard model. Setting it anyway fails axe's\n   * `aria-allowed-attr` rule.\n   *\n   * @default horizontal\n   */\n  @property({ type: String, reflect: true })\n  public orientation: ActionGroupOrientation = 'horizontal';\n\n  /**\n   * Accessible label for the group. Reflected to `aria-label` on the host.\n   *\n   * Providing a label is recommended whenever the strip has a distinct\n   * purpose (e.g., \"Image adjustments\" or \"Edit\"). An empty value removes\n   * the `aria-label` attribute.\n   */\n  @property({ type: String, attribute: 'accessible-label' })\n  public accessibleLabel = '';\n\n  /**\n   * Whether the group and all of its children are disabled.\n   *\n   * Sets `aria-disabled=\"true\"` on the host and propagates `aria-disabled`\n   * to each managed child. Children remain keyboard-reachable so that screen\n   * reader users can still discover the group. Native `disabled` is not\n   * applied to children.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * @internal\n   *\n   * The managed children: all `swc-action-button` and `swc-action-menu`\n   * elements assigned to the default slot. Populated by the concrete\n   * subclass via `@queryAssignedElements`.\n   */\n  @queryAssignedElements({ flatten: true })\n  protected managedChildren!: HTMLElement[];\n\n  /**\n   * Focuses the first enabled child in the group.\n   *\n   * The SWC concrete class overrides this with `FocusgroupNavigationController`,\n   * restoring focus to the last active item when memory is enabled. This\n   * implementation serves as a fallback for non-SWC subclasses.\n   */\n  public override focus(options?: FocusOptions): void {\n    const firstEnabled = this.managedChildren?.find(\n      (el) =>\n        !el.hasAttribute('disabled') &&\n        el.getAttribute('aria-disabled') !== 'true'\n    );\n    firstEnabled?.focus(options);\n  }\n\n  /**\n   * @internal\n   *\n   * Handles slot-change events. Propagates `aria-disabled` to newly slotted\n   * children when the group is disabled. Concrete subclasses call\n   * `super.handleSlotchange()` and then propagate visual attributes.\n   */\n  protected handleSlotchange(): void {\n    if (this.disabled) {\n      this.propagateDisabledToChildren();\n    }\n  }\n\n  protected override firstUpdated(changed: PropertyValues<this>): void {\n    super.firstUpdated(changed);\n    this.setAttribute('role', 'group');\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n\n    if (changed.has('accessibleLabel')) {\n      if (this.accessibleLabel) {\n        this.setAttribute('aria-label', this.accessibleLabel);\n      } else {\n        this.removeAttribute('aria-label');\n      }\n    }\n\n    if (changed.has('disabled')) {\n      if (this.disabled) {\n        this.setAttribute('aria-disabled', 'true');\n      } else {\n        this.removeAttribute('aria-disabled');\n      }\n      this.propagateDisabledToChildren();\n    }\n\n    if (window.__swc?.DEBUG) {\n      const constructor = this.constructor as typeof ActionGroupBase;\n      if (!constructor.ORIENTATIONS.includes(this.orientation)) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element expects the \"orientation\" attribute to be one of the following: ${constructor.ORIENTATIONS.join(', ')}.`,\n          'https://spectrum-web-components.adobe.com/components/action-group/',\n          { issues: [...constructor.ORIENTATIONS] }\n        );\n      }\n    }\n  }\n\n  private propagateDisabledToChildren(): void {\n    // `aria-disabled` is set on the child host element. For AT to announce the\n    // child as disabled, each child component must forward the host attribute to\n    // its inner interactive element. `swc-action-button` already does this\n    // (observes `aria-disabled` and forwards to its inner <button>).\n    // `swc-action-menu` will need the same treatment when it is built — it must\n    // forward `aria-disabled` from its host to its inner trigger element and\n    // apply disabled appearance via :host([aria-disabled=\"true\"]) CSS.\n    for (const child of this.managedChildren ?? []) {\n      if (this.disabled) {\n        child.setAttribute('aria-disabled', 'true');\n      } else {\n        child.removeAttribute('aria-disabled');\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;OAuCsB,IAAtB,cAA8C,EAAW,GAAiB;CACxE,YAAY;CACZ,eAAe;CAChB,CAAC,CAAC;;kCA8C4C,qCAUpB,oBAWP;;CAuBlB,MAAsB,GAA8B;;EAClD,IAAM,KAAA,IAAe,KAAK,oBAAA,OAAA,KAAA,IAAA,EAAiB,MACxC,MACC,CAAC,EAAG,aAAa,WAAW,IAC5B,EAAG,aAAa,gBAAgB,KAAK,OACxC;AACD,OAAA,QAAA,EAAc,MAAM,EAAQ;;CAU9B,mBAAmC;AACjC,EAAI,KAAK,YACP,KAAK,6BAA6B;;CAItC,aAAgC,GAAqC;AAEnE,EADA,MAAM,aAAa,EAAQ,EAC3B,KAAK,aAAa,QAAQ,QAAQ;;CAGpC,QAA2B,GAAqC;;AAoB9D,MAnBA,MAAM,QAAQ,EAAQ,EAElB,EAAQ,IAAI,kBAAkB,KAC5B,KAAK,kBACP,KAAK,aAAa,cAAc,KAAK,gBAAgB,GAErD,KAAK,gBAAgB,aAAa,GAIlC,EAAQ,IAAI,WAAW,KACrB,KAAK,WACP,KAAK,aAAa,iBAAiB,OAAO,GAE1C,KAAK,gBAAgB,gBAAgB,EAEvC,KAAK,6BAA6B,IAGpC,IAAI,OAAO,UAAA,QAAA,EAAO,OAAO;GACvB,IAAM,IAAc,KAAK;AACzB,GAAK,EAAY,aAAa,SAAS,KAAK,YAAY,IACtD,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,4EAA4E,EAAY,aAAa,KAAK,KAAK,CAAC,IACnI,sEACA,EAAE,QAAQ,CAAC,GAAG,EAAY,aAAa,EAAE,CAC1C;;;CAKP,8BAA4C;;AAQ1C,OAAK,IAAM,MAAA,IAAS,KAAK,oBAAA,OAAmB,EAAE,GAArB,EACvB,CAAI,KAAK,WACP,EAAM,aAAa,iBAAiB,OAAO,GAE3C,EAAM,gBAAgB,gBAAgB;;;6BAjKR;CAClC,GAAG,EAAgB;CACnB,gBAAgB;CACjB,mBAgBiD,qBAOC,MAkBlD,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAUzC,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA,KAWzD,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAc1C,EAAsB,EAAE,SAAS,IAAM,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA"}

package/dist/components/action-group/ActionGroup.types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 declare const ACTION_GROUP_VALID_SIZES: readonly ["xs", "s", "m", "l", "xl"];
+export declare const ACTION_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export declare const ACTION_GROUP_STATIC_COLORS: readonly ["white", "black"];
+export type ActionGroupSize = (typeof ACTION_GROUP_VALID_SIZES)[number];
+export type ActionGroupOrientation = (typeof ACTION_GROUP_ORIENTATIONS)[number];
+export type ActionGroupStaticColor = (typeof ACTION_GROUP_STATIC_COLORS)[number];

package/dist/components/action-group/ActionGroup.types.js

@@ -0,0 +1,12 @@
+//#region components/action-group/ActionGroup.types.ts
+var e = [
+	"xs",
+	"s",
+	"m",
+	"l",
+	"xl"
+], t = ["horizontal", "vertical"], n = ["white", "black"];
+//#endregion
+export { t as ACTION_GROUP_ORIENTATIONS, n as ACTION_GROUP_STATIC_COLORS, e as ACTION_GROUP_VALID_SIZES };
+
+//# sourceMappingURL=ActionGroup.types.js.map

package/dist/components/action-group/ActionGroup.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.types.js","names":[],"sources":["../../../components/action-group/ActionGroup.types.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 { ElementSize } from '@adobe/spectrum-wc-core/mixins/index.js';\n\n// ──────────────────\n//     SHARED\n// ──────────────────\n\nexport const ACTION_GROUP_VALID_SIZES = [\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const ACTION_GROUP_ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport const ACTION_GROUP_STATIC_COLORS = ['white', 'black'] as const;\n\n// ──────────────────\n//     TYPES\n// ──────────────────\n\nexport type ActionGroupSize = (typeof ACTION_GROUP_VALID_SIZES)[number];\nexport type ActionGroupOrientation = (typeof ACTION_GROUP_ORIENTATIONS)[number];\nexport type ActionGroupStaticColor =\n  (typeof ACTION_GROUP_STATIC_COLORS)[number];\n"],"mappings":";AAkBA,IAAa,IAA2B;CACtC;CACA;CACA;CACA;CACA;CACD,EAEY,IAA4B,CAAC,cAAc,WAAW,EAEtD,IAA6B,CAAC,SAAS,QAAQ"}

package/dist/components/action-group/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 * from './ActionGroup.base.js';
+export * from './ActionGroup.types.js';

package/dist/components/action-group/index.js

@@ -0,0 +1,3 @@
+import { ACTION_GROUP_ORIENTATIONS as e, ACTION_GROUP_STATIC_COLORS as t, ACTION_GROUP_VALID_SIZES as n } from "./ActionGroup.types.js";
+import { ActionGroupBase as r } from "./ActionGroup.base.js";
+export { e as ACTION_GROUP_ORIENTATIONS, t as ACTION_GROUP_STATIC_COLORS, n as ACTION_GROUP_VALID_SIZES, r as ActionGroupBase };

package/dist/components/alert-banner/AlertBanner.base.js

@@ -2,8 +2,9 @@ import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/he
 import { ALERT_BANNER_VALID_VARIANTS as t } from "./AlertBanner.types.js";
 import { property as n } from "lit/decorators.js";
 import { SpectrumElement as r } from "@adobe/spectrum-wc-core/element/index.js";
+import { validateEnum as i } from "@adobe/spectrum-wc-core/utils/index.js";
 //#region components/alert-banner/AlertBanner.base.ts
-var i = class extends r {
+var a = class extends r {
 	constructor(...e) {
 		super(...e), this.open = !1, this.dismissible = !1, this._variant = "";
 	}
@@ -13,12 +14,12 @@ var i = class extends r {
 	set variant(e) {
 		if (e === this.variant) return;
 		let n = this.variant;
-		if (this.isValidVariant(e)) this.setAttribute("variant", e), this._variant = e;
-		else {
-			var r;
-			this.removeAttribute("variant"), this._variant = "", (r = window.__swc) != null && r.DEBUG && window.__swc.warn(this, `<${this.localName}> element expects the "variant" attribute to be one of the following:`, "https://opensource.adobe.com/spectrum-web-components/components/alert-banner/#variants", { issues: [...t] });
-		}
-		this.requestUpdate("variant", n);
+		this.isValidVariant(e) ? (this.setAttribute("variant", e), this._variant = e) : (this.removeAttribute("variant"), this._variant = "", i(this, {
+			prop: "variant",
+			value: e,
+			valid: t,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-alert-banner--docs"
+		})), this.requestUpdate("variant", n);
 	}
 	get variant() {
 		return this._variant;
@@ -46,11 +47,11 @@ var i = class extends r {
 e([n({
 	type: Boolean,
 	reflect: !0
-})], i.prototype, "open", void 0), e([n({
+})], a.prototype, "open", void 0), e([n({
 	type: Boolean,
 	reflect: !0
-})], i.prototype, "dismissible", void 0), e([n({ type: String })], i.prototype, "variant", null);
+})], a.prototype, "dismissible", void 0), e([n({ type: String })], a.prototype, "variant", null);
 //#endregion
-export { i as AlertBannerBase };
+export { a as AlertBannerBase };
 
 //# sourceMappingURL=AlertBanner.base.js.map

package/dist/components/alert-banner/AlertBanner.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.base.js","names":[],"sources":["../../../components/alert-banner/AlertBanner.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 { CSSResultArray, PropertyValues, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\n\nimport {\n  ALERT_BANNER_VALID_VARIANTS,\n  type AlertBannerVariant,\n} from './AlertBanner.types.js';\n\n/**\n * An alert banner shows pressing and high-signal messages, such as system alerts.\n * It is meant to be noticed and prompt users to take action.\n *\n * @slot - The main content of the alert banner.\n * @slot action - An optional action button for the alert banner.\n *\n * @fires close - Dispatched when the alert banner is dismissed. Cancelable.\n */\nexport abstract class AlertBannerBase extends SpectrumElement {\n  public static override get styles(): CSSResultArray {\n    return [];\n  }\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * Controls the display of the alert banner.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Whether to include an icon-only close button to dismiss the alert banner.\n   */\n  @property({ type: Boolean, reflect: true })\n  public dismissible = false;\n\n  /**\n   * The variant applies specific styling when set to `negative` or `info`;\n   * `variant` attribute is removed when it's passed an invalid variant.\n   */\n  @property({ type: String })\n  public set variant(variant: AlertBannerVariant) {\n    if (variant === this.variant) {\n      return;\n    }\n    const oldValue = this.variant;\n\n    if (this.isValidVariant(variant)) {\n      this.setAttribute('variant', variant);\n      this._variant = variant;\n    } else {\n      this.removeAttribute('variant');\n      this._variant = '';\n\n      if (window.__swc?.DEBUG) {\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/alert-banner/#variants',\n          {\n            issues: [...ALERT_BANNER_VALID_VARIANTS],\n          }\n        );\n      }\n    }\n    this.requestUpdate('variant', oldValue);\n  }\n\n  public get variant(): AlertBannerVariant {\n    return this._variant;\n  }\n\n  private _variant: AlertBannerVariant = '';\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  protected isValidVariant(variant: string): boolean {\n    return (ALERT_BANNER_VALID_VARIANTS as readonly string[]).includes(variant);\n  }\n\n  protected abstract renderIcon(variant: string): TemplateResult;\n\n  protected shouldClose(): void {\n    const applyDefault = this.dispatchEvent(\n      new CustomEvent('close', {\n        composed: true,\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n    if (applyDefault) {\n      this.close();\n    }\n  }\n\n  public close(): void {\n    this.open = false;\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (event.code === 'Escape' && this.dismissible) {\n      this.shouldClose();\n    }\n  }\n\n  protected override updated(changes: PropertyValues): void {\n    super.updated(changes);\n\n    if (changes.has('open')) {\n      if (this.open) {\n        this.addEventListener('keydown', this.handleKeydown);\n      } else {\n        this.removeEventListener('keydown', this.handleKeydown);\n      }\n    }\n  }\n}\n"],"mappings":";;;;;AA8BA,IAAsB,IAAtB,cAA8C,EAAgB;;2BAa9C,uBAMO,oBAsCkB;;CAxDvC,WAA2B,SAAyB;AAClD,SAAO,EAAE;;CAuBX,IACW,QAAQ,GAA6B;AAC9C,MAAI,MAAY,KAAK,QACnB;EAEF,IAAM,IAAW,KAAK;AAEtB,MAAI,KAAK,eAAe,EAAQ,CAE9B,CADA,KAAK,aAAa,WAAW,EAAQ,EACrC,KAAK,WAAW;OACX;;AAIL,GAHA,KAAK,gBAAgB,UAAU,EAC/B,KAAK,WAAW,KAEhB,IAAI,OAAO,UAAA,QAAA,EAAO,SAChB,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,wEACnB,0FACA,EACE,QAAQ,CAAC,GAAG,EAA4B,EACzC,CACF;;AAGL,OAAK,cAAc,WAAW,EAAS;;CAGzC,IAAW,UAA8B;AACvC,SAAO,KAAK;;CASd,eAAyB,GAA0B;AACjD,SAAQ,EAAkD,SAAS,EAAQ;;CAK7E,cAA8B;AAQ5B,EAPqB,KAAK,cACxB,IAAI,YAAY,SAAS;GACvB,UAAU;GACV,SAAS;GACT,YAAY;GACb,CAAC,CACH,IAEC,KAAK,OAAO;;CAIhB,QAAqB;AACnB,OAAK,OAAO;;CAGd,cAAwB,GAA4B;AAClD,EAAI,EAAM,SAAS,YAAY,KAAK,eAClC,KAAK,aAAa;;CAItB,QAA2B,GAA+B;AAGxD,EAFA,MAAM,QAAQ,EAAQ,EAElB,EAAQ,IAAI,OAAO,KACjB,KAAK,OACP,KAAK,iBAAiB,WAAW,KAAK,cAAc,GAEpD,KAAK,oBAAoB,WAAW,KAAK,cAAc;;;GAvF5D,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAM1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAO1C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA"}
+{"version":3,"file":"AlertBanner.base.js","names":[],"sources":["../../../components/alert-banner/AlertBanner.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 { CSSResultArray, PropertyValues, TemplateResult } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { validateEnum } from '@adobe/spectrum-wc-core/utils/index.js';\n\nimport {\n  ALERT_BANNER_VALID_VARIANTS,\n  type AlertBannerVariant,\n} from './AlertBanner.types.js';\n\n/**\n * An alert banner shows pressing and high-signal messages, such as system alerts.\n * It is meant to be noticed and prompt users to take action.\n *\n * @slot - The main content of the alert banner.\n * @slot action - An optional action button for the alert banner.\n *\n * @fires close - Dispatched when the alert banner is dismissed. Cancelable.\n */\nexport abstract class AlertBannerBase extends SpectrumElement {\n  public static override get styles(): CSSResultArray {\n    return [];\n  }\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * Controls the display of the alert banner.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Whether to include an icon-only close button to dismiss the alert banner.\n   */\n  @property({ type: Boolean, reflect: true })\n  public dismissible = false;\n\n  /**\n   * The variant applies specific styling when set to `negative` or `info`;\n   * `variant` attribute is removed when it's passed an invalid variant.\n   */\n  @property({ type: String })\n  public set variant(variant: AlertBannerVariant) {\n    if (variant === this.variant) {\n      return;\n    }\n    const oldValue = this.variant;\n\n    if (this.isValidVariant(variant)) {\n      this.setAttribute('variant', variant);\n      this._variant = variant;\n    } else {\n      this.removeAttribute('variant');\n      this._variant = '';\n\n      validateEnum(this, {\n        prop: 'variant',\n        value: variant,\n        valid: ALERT_BANNER_VALID_VARIANTS,\n        url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-alert-banner--docs',\n      });\n    }\n    this.requestUpdate('variant', oldValue);\n  }\n\n  public get variant(): AlertBannerVariant {\n    return this._variant;\n  }\n\n  private _variant: AlertBannerVariant = '';\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  protected isValidVariant(variant: string): boolean {\n    return (ALERT_BANNER_VALID_VARIANTS as readonly string[]).includes(variant);\n  }\n\n  protected abstract renderIcon(variant: string): TemplateResult;\n\n  protected shouldClose(): void {\n    const applyDefault = this.dispatchEvent(\n      new CustomEvent('close', {\n        composed: true,\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n    if (applyDefault) {\n      this.close();\n    }\n  }\n\n  public close(): void {\n    this.open = false;\n  }\n\n  protected handleKeydown(event: KeyboardEvent): void {\n    if (event.code === 'Escape' && this.dismissible) {\n      this.shouldClose();\n    }\n  }\n\n  protected override updated(changes: PropertyValues): void {\n    super.updated(changes);\n\n    if (changes.has('open')) {\n      if (this.open) {\n        this.addEventListener('keydown', this.handleKeydown);\n      } else {\n        this.removeEventListener('keydown', this.handleKeydown);\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;AA+BA,IAAsB,IAAtB,cAA8C,EAAgB;;2BAa9C,uBAMO,oBAkCkB;;CApDvC,WAA2B,SAAyB;AAClD,SAAO,EAAE;;CAuBX,IACW,QAAQ,GAA6B;AAC9C,MAAI,MAAY,KAAK,QACnB;EAEF,IAAM,IAAW,KAAK;AAgBtB,EAdI,KAAK,eAAe,EAAQ,IAC9B,KAAK,aAAa,WAAW,EAAQ,EACrC,KAAK,WAAW,MAEhB,KAAK,gBAAgB,UAAU,EAC/B,KAAK,WAAW,IAEhB,EAAa,MAAM;GACjB,MAAM;GACN,OAAO;GACP,OAAO;GACP,KAAK;GACN,CAAC,GAEJ,KAAK,cAAc,WAAW,EAAS;;CAGzC,IAAW,UAA8B;AACvC,SAAO,KAAK;;CASd,eAAyB,GAA0B;AACjD,SAAQ,EAAkD,SAAS,EAAQ;;CAK7E,cAA8B;AAQ5B,EAPqB,KAAK,cACxB,IAAI,YAAY,SAAS;GACvB,UAAU;GACV,SAAS;GACT,YAAY;GACb,CAAC,CACH,IAEC,KAAK,OAAO;;CAIhB,QAAqB;AACnB,OAAK,OAAO;;CAGd,cAAwB,GAA4B;AAClD,EAAI,EAAM,SAAS,YAAY,KAAK,eAClC,KAAK,aAAa;;CAItB,QAA2B,GAA+B;AAGxD,EAFA,MAAM,QAAQ,EAAQ,EAElB,EAAQ,IAAI,OAAO,KACjB,KAAK,OACP,KAAK,iBAAiB,WAAW,KAAK,cAAc,GAEpD,KAAK,oBAAoB,WAAW,KAAK,cAAc;;;GAnF5D,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAM1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAO1C,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA"}