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

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';\nimport { warnIf } from '@adobe/spectrum-wc-core/utils/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`, or externally\n   * marked `aria-disabled` (e.g. by a disabled parent `swc-action-group`,\n   * which uses `aria-disabled` instead of native `disabled` so children\n   * remain keyboard-reachable).\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 || this.getAttribute('aria-disabled') === 'true') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n\n  protected override update(changedProperties: PropertyValues): void {\n    super.update(changedProperties);\n    warnIf(\n      this,\n      this.hasIcon && !this.hasLabel && !this.accessibleLabel,\n      `<${this.localName}> with an icon and no label must have an \"accessible-label\" attribute to be accessible.`,\n      'https://spectrum-web-components.adobe.com/?path=/docs/components-button--docs',\n      { type: 'accessibility', issues: ['accessible-label'] }\n    );\n  }\n}\n"],"mappings":";;;;;;;;;OAmCsB,IAAtB,cAAyC,EAAW,GAAiB,EACnE,YAAY,GACb,CAAC,CAAC;;+BAsB0B,wBAkBF,IAAI,EAAuB,MAAM,kBAAgB,kBASrD,IAAI,EAAmB,KAAK,sBAmDf,MAAuB;AACvD,IAAI,KAAK,YAAY,KAAK,aAAa,gBAAgB,KAAK,YAC1D,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;CAhDpC,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;;CAoB9B,OAA0B,GAAyC;AAEjE,EADA,MAAM,OAAO,EAAkB,EAC/B,EACE,MACA,KAAK,WAAW,CAAC,KAAK,YAAY,CAAC,KAAK,iBACxC,IAAI,KAAK,UAAU,0FACnB,iFACA;GAAE,MAAM;GAAiB,QAAQ,CAAC,mBAAmB;GAAE,CACxD;;;6BAlHiD;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/components/button-group/ButtonGroup.base.js

@@ -4,8 +4,9 @@ import { BUTTON_GROUP_ALIGNMENTS as n, BUTTON_GROUP_ORIENTATIONS as r, BUTTON_GR
 import { property as a, queryAssignedElements as o } from "lit/decorators.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/button-group/ButtonGroup.base.ts
-var l, u = class extends c(s, { validSizes: i }) {
+var u, d = class extends c(s, { validSizes: i }) {
 	constructor(...e) {
 		super(...e), this.orientation = "horizontal", this.disabled = !1, this.align = "start", this.individuallyDisabled = /* @__PURE__ */ new WeakSet(), this._sizePropagation = new t(this, {
 			attribute: "size",
@@ -16,12 +17,18 @@ var l, u = class extends c(s, { validSizes: i }) {
 		super.firstUpdated(e), this.setAttribute("role", "group");
 	}
 	update(e) {
-		var t;
-		if ((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:`, "https://opensource.adobe.com/spectrum-web-components/components/button-group/", { issues: [...e.ORIENTATIONS] }), e.ALIGNMENTS.includes(this.align) || window.__swc.warn(this, `<${this.localName}> element expects the "align" attribute to be one of the following:`, "https://opensource.adobe.com/spectrum-web-components/components/button-group/", { issues: [...e.ALIGNMENTS] });
-		}
-		super.update(e);
+		let t = this.constructor;
+		l(this, {
+			prop: "orientation",
+			value: this.orientation,
+			valid: t.ORIENTATIONS,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-button-group--docs"
+		}), l(this, {
+			prop: "align",
+			value: this.align,
+			valid: t.ALIGNMENTS,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-button-group--docs"
+		}), super.update(e);
 	}
 	updated(e) {
 		if (super.updated(e), e.has("disabled")) {
@@ -37,17 +44,17 @@ var l, u = class extends c(s, { validSizes: i }) {
 		this.disabled || (this.individuallyDisabled = /* @__PURE__ */ new WeakSet());
 	}
 };
-l = u, l.ORIENTATIONS = r, l.ALIGNMENTS = n, e([a({
+u = d, u.ORIENTATIONS = r, u.ALIGNMENTS = n, e([a({
 	type: String,
 	reflect: !0
-})], u.prototype, "orientation", void 0), e([a({
+})], d.prototype, "orientation", void 0), e([a({
 	type: Boolean,
 	reflect: !0
-})], u.prototype, "disabled", void 0), e([a({
+})], d.prototype, "disabled", void 0), e([a({
 	type: String,
 	reflect: !0
-})], u.prototype, "align", void 0), e([o({ flatten: !0 })], u.prototype, "buttons", void 0);
+})], d.prototype, "align", void 0), e([o({ flatten: !0 })], d.prototype, "buttons", void 0);
 //#endregion
-export { u as ButtonGroupBase };
+export { d as ButtonGroupBase };
 
 //# sourceMappingURL=ButtonGroup.base.js.map

package/dist/components/button-group/ButtonGroup.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.base.js","names":[],"sources":["../../../components/button-group/ButtonGroup.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 type { ButtonBase } from '@adobe/spectrum-wc-core/components/button';\nimport { SpectrumElement } from '@adobe/spectrum-wc-core/element/index.js';\nimport { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\n\nimport { SlotAttributePropagationController } from '../../controllers/slot-attribute-propagation-controller/index.js';\nimport {\n  BUTTON_GROUP_ALIGNMENTS,\n  BUTTON_GROUP_ORIENTATIONS,\n  BUTTON_GROUP_SIZES,\n  type ButtonGroupAlignment,\n  type ButtonGroupOrientation,\n  type ButtonGroupSize,\n} from './ButtonGroup.types.js';\n\n/**\n * A button group clusters related actions together, providing consistent\n * spacing, sizing, and orientation. The host exposes `role=\"group\"` and\n * propagates `size` and `disabled` to slotted button children.\n *\n * This base class owns shared logic and accessibility semantics. Rendering\n * and styling live in the concrete SWC subclass.\n *\n * @slot - One or more `swc-button` elements.\n *\n * @attribute {ElementSize} size - The size of the button group and its children.\n */\nexport abstract class ButtonGroupBase extends SizedMixin(SpectrumElement, {\n  validSizes: BUTTON_GROUP_SIZES,\n}) {\n  /**\n   * The size of the button group. Propagated to all slotted button children.\n   *\n   * @default m\n   */\n  declare public size: ButtonGroupSize;\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * @internal\n   *\n   * Valid orientation values for validation.\n   */\n  static readonly ORIENTATIONS: readonly string[] = BUTTON_GROUP_ORIENTATIONS;\n\n  /**\n   * @internal\n   *\n   * Valid alignment values for validation.\n   */\n  static readonly ALIGNMENTS: readonly string[] = BUTTON_GROUP_ALIGNMENTS;\n\n  /**\n   * The layout direction of the button group.\n   *\n   * Note: this property does NOT set `aria-orientation` on the host because\n   * `aria-orientation` is only meaningful for roles that manage arrow-key\n   * navigation (e.g. `toolbar`, `listbox`). Since button-group uses\n   * sequential Tab navigation (not roving tabindex), the attribute would\n   * be invalid.\n   */\n  @property({ type: String, reflect: true })\n  public orientation: ButtonGroupOrientation = 'horizontal';\n\n  /**\n   * Whether all buttons in the group are disabled. When `true`, forces\n   * every slotted button child to `disabled`. When `false`, children\n   * retain their individual disabled state — a button slotted with\n   * `disabled` remains disabled even when the group is enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * The alignment of buttons within the group along the main axis.\n   */\n  @property({ type: String, reflect: true })\n  public align: ButtonGroupAlignment = 'start';\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  @queryAssignedElements({ flatten: true })\n  private buttons!: ButtonBase[];\n\n  /**\n   * Tracks buttons that were individually disabled before the group\n   * forced all children disabled. Used to restore their state when\n   * the group becomes enabled again.\n   */\n  private individuallyDisabled = new WeakSet<ButtonBase>();\n\n  private readonly _sizePropagation = new SlotAttributePropagationController(\n    this,\n    {\n      attribute: 'size',\n      getValue: () => this.size,\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 update(changedProperties: PropertyValues): void {\n    if (window.__swc?.DEBUG) {\n      const constructor = this.constructor as typeof ButtonGroupBase;\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:`,\n          'https://opensource.adobe.com/spectrum-web-components/components/button-group/',\n          { issues: [...constructor.ORIENTATIONS] }\n        );\n      }\n      if (!constructor.ALIGNMENTS.includes(this.align)) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> element expects the \"align\" attribute to be one of the following:`,\n          'https://opensource.adobe.com/spectrum-web-components/components/button-group/',\n          { issues: [...constructor.ALIGNMENTS] }\n        );\n      }\n    }\n    super.update(changedProperties);\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n\n    if (changed.has('disabled')) {\n      const wasDisabled = changed.get('disabled');\n      if (this.disabled || wasDisabled) {\n        this.propagateDisabledToChildren();\n      }\n    }\n  }\n\n  /**\n   * Handles slotchange events from the default slot. Ensures newly slotted\n   * children receive the current size and disabled state.\n   */\n  protected handleSlotchange(): void {\n    this._sizePropagation.propagate();\n\n    if (this.disabled) {\n      this.propagateDisabledToChildren();\n    }\n  }\n\n  /**\n   * Propagates disabled state to slotted button children.\n   *\n   * Uses a one-directional model: when the group is disabled, all children\n   * are forced disabled (tracking which were already individually disabled).\n   * When the group is enabled, children are restored to their individual\n   * disabled state — a button slotted with `disabled` remains disabled.\n   *\n   * On slotchange when the group is enabled, buttons are not touched so\n   * their declarative `disabled` attribute is preserved.\n   */\n  private propagateDisabledToChildren(): void {\n    for (const button of this.buttons) {\n      if (this.disabled) {\n        if (button.disabled) {\n          this.individuallyDisabled.add(button);\n        }\n        button.disabled = true;\n      } else {\n        button.disabled = this.individuallyDisabled.has(button);\n      }\n    }\n\n    if (!this.disabled) {\n      this.individuallyDisabled = new WeakSet();\n    }\n  }\n}\n"],"mappings":";;;;;;;OAyCsB,IAAtB,cAA8C,EAAW,GAAiB,EACxE,YAAY,GACb,CAAC,CAAC;;kCAoC4C,8BAS3B,iBAMmB,qDAcN,IAAI,SAAqB,0BAEpB,IAAI,EACtC,MACA;GACE,WAAW;GACX,gBAAgB,KAAK;GACtB,CACF;;CAED,aAAgC,GAAqC;AAEnE,EADA,MAAM,aAAa,EAAQ,EAC3B,KAAK,aAAa,QAAQ,QAAQ;;CAGpC,OAA0B,GAAyC;;AACjE,OAAA,IAAI,OAAO,UAAA,QAAA,EAAO,OAAO;GACvB,IAAM,IAAc,KAAK;AASzB,GARK,EAAY,aAAa,SAAS,KAAK,YAAY,IACtD,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,4EACnB,iFACA,EAAE,QAAQ,CAAC,GAAG,EAAY,aAAa,EAAE,CAC1C,EAEE,EAAY,WAAW,SAAS,KAAK,MAAM,IAC9C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,sEACnB,iFACA,EAAE,QAAQ,CAAC,GAAG,EAAY,WAAW,EAAE,CACxC;;AAGL,QAAM,OAAO,EAAkB;;CAGjC,QAA2B,GAAqC;AAG9D,MAFA,MAAM,QAAQ,EAAQ,EAElB,EAAQ,IAAI,WAAW,EAAE;GAC3B,IAAM,IAAc,EAAQ,IAAI,WAAW;AAC3C,IAAI,KAAK,YAAY,MACnB,KAAK,6BAA6B;;;CASxC,mBAAmC;AAGjC,EAFA,KAAK,iBAAiB,WAAW,EAE7B,KAAK,YACP,KAAK,6BAA6B;;CAetC,8BAA4C;AAC1C,OAAK,IAAM,KAAU,KAAK,QACxB,CAAI,KAAK,YACH,EAAO,YACT,KAAK,qBAAqB,IAAI,EAAO,EAEvC,EAAO,WAAW,MAElB,EAAO,WAAW,KAAK,qBAAqB,IAAI,EAAO;AAI3D,EAAK,KAAK,aACR,KAAK,uCAAuB,IAAI,SAAS;;;wBArIK,kBAOF,MAW/C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KASzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAM1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAOzC,EAAsB,EAAE,SAAS,IAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA"}
+{"version":3,"file":"ButtonGroup.base.js","names":[],"sources":["../../../components/button-group/ButtonGroup.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 type { ButtonBase } from '@adobe/spectrum-wc-core/components/button';\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 { SlotAttributePropagationController } from '../../controllers/slot-attribute-propagation-controller/index.js';\nimport {\n  BUTTON_GROUP_ALIGNMENTS,\n  BUTTON_GROUP_ORIENTATIONS,\n  BUTTON_GROUP_SIZES,\n  type ButtonGroupAlignment,\n  type ButtonGroupOrientation,\n  type ButtonGroupSize,\n} from './ButtonGroup.types.js';\n\n/**\n * A button group clusters related actions together, providing consistent\n * spacing, sizing, and orientation. The host exposes `role=\"group\"` and\n * propagates `size` and `disabled` to slotted button children.\n *\n * This base class owns shared logic and accessibility semantics. Rendering\n * and styling live in the concrete SWC subclass.\n *\n * @slot - One or more `swc-button` elements.\n *\n * @attribute {ElementSize} size - The size of the button group and its children.\n */\nexport abstract class ButtonGroupBase extends SizedMixin(SpectrumElement, {\n  validSizes: BUTTON_GROUP_SIZES,\n}) {\n  /**\n   * The size of the button group. Propagated to all slotted button children.\n   *\n   * @default m\n   */\n  declare public size: ButtonGroupSize;\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * @internal\n   *\n   * Valid orientation values for validation.\n   */\n  static readonly ORIENTATIONS: readonly string[] = BUTTON_GROUP_ORIENTATIONS;\n\n  /**\n   * @internal\n   *\n   * Valid alignment values for validation.\n   */\n  static readonly ALIGNMENTS: readonly string[] = BUTTON_GROUP_ALIGNMENTS;\n\n  /**\n   * The layout direction of the button group.\n   *\n   * Note: this property does NOT set `aria-orientation` on the host because\n   * `aria-orientation` is only meaningful for roles that manage arrow-key\n   * navigation (e.g. `toolbar`, `listbox`). Since button-group uses\n   * sequential Tab navigation (not roving tabindex), the attribute would\n   * be invalid.\n   */\n  @property({ type: String, reflect: true })\n  public orientation: ButtonGroupOrientation = 'horizontal';\n\n  /**\n   * Whether all buttons in the group are disabled. When `true`, forces\n   * every slotted button child to `disabled`. When `false`, children\n   * retain their individual disabled state — a button slotted with\n   * `disabled` remains disabled even when the group is enabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * The alignment of buttons within the group along the main axis.\n   */\n  @property({ type: String, reflect: true })\n  public align: ButtonGroupAlignment = 'start';\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  @queryAssignedElements({ flatten: true })\n  private buttons!: ButtonBase[];\n\n  /**\n   * Tracks buttons that were individually disabled before the group\n   * forced all children disabled. Used to restore their state when\n   * the group becomes enabled again.\n   */\n  private individuallyDisabled = new WeakSet<ButtonBase>();\n\n  private readonly _sizePropagation = new SlotAttributePropagationController(\n    this,\n    {\n      attribute: 'size',\n      getValue: () => this.size,\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 update(changedProperties: PropertyValues): void {\n    const constructor = this.constructor as typeof ButtonGroupBase;\n    validateEnum(this, {\n      prop: 'orientation',\n      value: this.orientation,\n      valid: constructor.ORIENTATIONS,\n      url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-button-group--docs',\n    });\n    validateEnum(this, {\n      prop: 'align',\n      value: this.align,\n      valid: constructor.ALIGNMENTS,\n      url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-button-group--docs',\n    });\n    super.update(changedProperties);\n  }\n\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed);\n\n    if (changed.has('disabled')) {\n      const wasDisabled = changed.get('disabled');\n      if (this.disabled || wasDisabled) {\n        this.propagateDisabledToChildren();\n      }\n    }\n  }\n\n  /**\n   * Handles slotchange events from the default slot. Ensures newly slotted\n   * children receive the current size and disabled state.\n   */\n  protected handleSlotchange(): void {\n    this._sizePropagation.propagate();\n\n    if (this.disabled) {\n      this.propagateDisabledToChildren();\n    }\n  }\n\n  /**\n   * Propagates disabled state to slotted button children.\n   *\n   * Uses a one-directional model: when the group is disabled, all children\n   * are forced disabled (tracking which were already individually disabled).\n   * When the group is enabled, children are restored to their individual\n   * disabled state — a button slotted with `disabled` remains disabled.\n   *\n   * On slotchange when the group is enabled, buttons are not touched so\n   * their declarative `disabled` attribute is preserved.\n   */\n  private propagateDisabledToChildren(): void {\n    for (const button of this.buttons) {\n      if (this.disabled) {\n        if (button.disabled) {\n          this.individuallyDisabled.add(button);\n        }\n        button.disabled = true;\n      } else {\n        button.disabled = this.individuallyDisabled.has(button);\n      }\n    }\n\n    if (!this.disabled) {\n      this.individuallyDisabled = new WeakSet();\n    }\n  }\n}\n"],"mappings":";;;;;;;;OA0CsB,IAAtB,cAA8C,EAAW,GAAiB,EACxE,YAAY,GACb,CAAC,CAAC;;kCAoC4C,8BAS3B,iBAMmB,qDAcN,IAAI,SAAqB,0BAEpB,IAAI,EACtC,MACA;GACE,WAAW;GACX,gBAAgB,KAAK;GACtB,CACF;;CAED,aAAgC,GAAqC;AAEnE,EADA,MAAM,aAAa,EAAQ,EAC3B,KAAK,aAAa,QAAQ,QAAQ;;CAGpC,OAA0B,GAAyC;EACjE,IAAM,IAAc,KAAK;AAazB,EAZA,EAAa,MAAM;GACjB,MAAM;GACN,OAAO,KAAK;GACZ,OAAO,EAAY;GACnB,KAAK;GACN,CAAC,EACF,EAAa,MAAM;GACjB,MAAM;GACN,OAAO,KAAK;GACZ,OAAO,EAAY;GACnB,KAAK;GACN,CAAC,EACF,MAAM,OAAO,EAAkB;;CAGjC,QAA2B,GAAqC;AAG9D,MAFA,MAAM,QAAQ,EAAQ,EAElB,EAAQ,IAAI,WAAW,EAAE;GAC3B,IAAM,IAAc,EAAQ,IAAI,WAAW;AAC3C,IAAI,KAAK,YAAY,MACnB,KAAK,6BAA6B;;;CASxC,mBAAmC;AAGjC,EAFA,KAAK,iBAAiB,WAAW,EAE7B,KAAK,YACP,KAAK,6BAA6B;;CAetC,8BAA4C;AAC1C,OAAK,IAAM,KAAU,KAAK,QACxB,CAAI,KAAK,YACH,EAAO,YACT,KAAK,qBAAqB,IAAI,EAAO,EAEvC,EAAO,WAAW,MAElB,EAAO,WAAW,KAAK,qBAAqB,IAAI,EAAO;AAI3D,EAAK,KAAK,aACR,KAAK,uCAAuB,IAAI,SAAS;;;wBA/HK,kBAOF,MAW/C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KASzC,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAM1C,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAOzC,EAAsB,EAAE,SAAS,IAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA"}

package/dist/components/card/Card.base.d.ts

@@ -1,5 +1,6 @@
 import { PropertyValues } from 'lit';
 import { SpectrumElement } from '../../element/index.js';
+import { SlotTextController } from '../../controllers/slot-text-controller/index.js';
 import { CardDensity, CardVariant } from './Card.types.js';
 declare const CardBase_base: typeof SpectrumElement & {
     new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
@@ -9,20 +10,31 @@ declare const CardBase_base: typeof SpectrumElement & {
  * Abstract base class for all card-family components. Owns the semantics
  * shared across every card type: sizing, visual variant, and density.
  *
- * `swc-card`, `swc-user-card`, and `swc-product-card` each extend this base
- * directly and render the shared anatomy via `renderCardTemplate()` in
- * `swc/components/card/card-template.ts`. That template also carries a
- * collection placeholder and an avatar/thumbnail glyph, each supplied
- * per-component via `renderCollection`/`renderGlyph`.
- *
  * @attribute {ElementSize} size - The size of the card.
  *
+ * @fires swc-card-click - Dispatched when a `selectable` card is activated (click, Enter, or Space).
+ *
  * @slot preview - Primary preview content
  * @slot title - Card title
  * @slot actions - Optional action controls
  * @slot description - Supporting description text
  * @slot footer - Optional footer content
  * @slot - Additional body content
+ *
+ * @cssprop --swc-card-base-max-inline-size - Maximum inline size of the card. Defaults to 280px, overridden per size.
+ * @cssprop --swc-card-base-border-radius - Corner radius of the card. Defaults to the extra-large corner-radius token, overridden per size.
+ * @cssprop --swc-card-base-box-shadow - Box shadow (elevation) of the card. Defaults to the emphasized drop-shadow token; overridden by the tertiary variant, selectable focus, and title-as-link/selectable hover.
+ * @cssprop --swc-card-base-background-color - Background color of the card. Defaults to the layer-2 background token; overridden by the secondary, tertiary, and quiet variants.
+ * @cssprop --swc-card-base-preview-aspect-ratio - Aspect ratio of the preview slot. Defaults to 3/2.
+ * @cssprop --swc-card-base-title-font-size - Font size of the title slot. Defaults to the medium font-size token, overridden per size.
+ * @cssprop --swc-card-base-title-line-height - Line height of the title slot. Defaults to the medium line-height token, overridden per size.
+ * @cssprop --swc-card-base-description-font-size - Font size of the description slot and default slot content. Defaults to a smaller font-size token, overridden per size.
+ * @cssprop --swc-card-base-action-component-height - Height used to vertically balance slotted actions content. Defaults to the smallest component-height token, overridden per size.
+ * @cssprop --swc-card-base-content-header-gap - Column gap between the title and actions slots. Defaults to the medium base-gap token, overridden per size.
+ * @cssprop --swc-card-base-content-padding - Padding of the content region. Defaults to the medium container-padding token; overridden by density.
+ * @cssprop --swc-card-base-content-padding-regular - Content padding used at the default (regular) density, per size.
+ * @cssprop --swc-card-base-content-padding-compact - Content padding used at compact density, per size.
+ * @cssprop --swc-card-base-content-padding-spacious - Content padding used at spacious density, per size.
  */
 export declare abstract class CardBase extends CardBase_base {
     /**
@@ -48,75 +60,112 @@ export declare abstract class CardBase extends CardBase_base {
     /**
      * Indicates the consumer has wrapped their `title` slot content in a real
      * link. Extends that link's hit area to cover the card surface while
-     * leaving navigation entirely consumer-owned — Card accepts no `href`.
-     *
-     * @todo Naming, and the `::slotted(a)::after` vs. click-proxy mechanism,
-     * are still open. See the card family plan, A11y-3 / Q2.
+     * leaving navigation entirely consumer-owned; Card accepts no `href`.
      */
     titleAsLink: boolean;
     /**
      * Makes the card focusable and captures surface clicks (excluding nested
      * interactive targets) to dispatch a `swc-card-click` event, independent
-     * of `titleAsLink`. Lays groundwork for a future `CardView` selection
-     * model without Card owning selected-state UI itself.
+     * of `titleAsLink`.
      *
-     * @todo Event name and `tabindex` management details are still open. See
-     * the card family plan, A11y-3 / Q3.
-     * @todo No `role` is set when `selectable` is true — deferred rather than
-     * defaulting to `role="button"`, since the eventual `CardView` selection
-     * model may call for a different role (e.g. `option`/`gridcell`) that
-     * `role="button"` would be wrong to have committed to today. See the card
-     * family plan, A11y-3 / Q8.
+     * @todo No ARIA role is set yet; deferred until a future `CardView`
+     * selection model determines the appropriate role.
      */
     selectable: boolean;
+    /**
+     * Keeps a slotted action control's `size` one step smaller than the
+     * card's own `size`.
+     */
+    private readonly _sizePropagation;
+    /**
+     * Observes whether the default slot has meaningful content. Each concrete
+     * card's `render()` must bind `@slotchange=${this.slotText.handleSlotChange}`
+     * on the default slot (via `renderCardTemplate`'s `onDefaultSlotChange`) for
+     * changes after the first render to be tracked.
+     *
+     * @internal
+     */
+    protected slotText: SlotTextController;
+    /**
+     * Whether the default slot has meaningful content. Consumed by each concrete
+     * card's `render()` (through `renderCardTemplate`'s `hasDefaultSlotContent`)
+     * to toggle the `--hasDefault` class.
+     *
+     * @internal
+     */
+    protected get slotHasContent(): boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    protected update(changedProperties: PropertyValues): void;
     protected updated(changedProperties: PropertyValues): void;
     /**
      * @internal
-     * The card's own `title` slot element, or `null` before the concrete
-     * class's `renderCardTemplate()` call has rendered.
+     *
+     * The card's own `title` slot element.
      */
     protected getTitleSlotElement(): HTMLSlotElement | null;
     /**
      * @internal
-     * The `title` slot's link, supporting both forms consumers reasonably
-     * use: the assigned element itself is the anchor (`<a slot="title"
-     * href="...">`), or the anchor is nested inside a wrapper (`<span
-     * slot="title"><a href="...">`). Requires `href` — a link with no
-     * destination can't usefully be clicked-through.
+     *
+     * The card's own `actions` slot element.
+     */
+    protected getActionsSlotElement(): HTMLSlotElement | null;
+    /**
+     * Whether the `actions` slot is supported for this card's current state.
+     * `xs` cards don't have room for it. Concrete classes may override this
+     * to exclude the slot for other reasons, independent of size.
+     */
+    protected get actionsSupported(): boolean;
+    /**
+     * @internal
+     *
+     * Warns in dev mode when the `actions` slot has content but isn't
+     * supported for the current state. Visual suppression is handled in
+     * CSS, not here.
+     */
+    private checkActionsSupport;
+    /**
+     * @internal
+     *
+     * The `title` slot's link: either the assigned element itself
+     * (`<a slot="title" href="...">`) or an anchor nested inside a wrapper
+     * (`<span slot="title"><a href="...">`). Requires `href`.
      */
     protected getTitleLinkElement(): HTMLAnchorElement | null;
     /**
      * @internal
-     * Whether `node` provides its own interaction/focus semantics. Checking
-     * the `tabIndex` IDL property (rather than the `tabindex` attribute or a
-     * tag-name list) correctly covers natively-interactive elements
-     * (`button`, `input`, `select`, `textarea`, `a[href]`) with no explicit
-     * attribute, excludes `tabindex="-1"` (focusable for scripting, not a
-     * click target) and disabled controls, and works for a custom element's
-     * internal shadow-DOM control too — `composedPath()` already traverses
-     * into other elements' shadow roots for composed events like `click`, so
-     * an internal `<button>` inside e.g. `<swc-button>` is inspected directly
-     * regardless of which shadow tree it belongs to.
+     *
+     * Whether `node` has its own interaction/focus semantics, via the
+     * `tabIndex` IDL property rather than the `tabindex` attribute; this
+     * also correctly excludes `tabindex="-1"` and disabled controls.
      */
     private static isFocusable;
+    /**
+     * @internal
+     *
+     * The size one step below `size` in `CARD_VALID_SIZES`, clamped at the
+     * smallest size.
+     */
+    private static getSmallerSize;
+    /**
+     * Re-propagates the `actions` slot's `size` for elements assigned after
+     * the initial render, wired to the slot's `slotchange` in
+     * `firstUpdated()`.
+     */
+    protected readonly handleActionsSlotChange: () => void;
     /**
      * Proxies a qualifying surface click to `titleAsLink`'s link and/or
      * dispatches `swc-card-click` for `selectable`, after filtering out
-     * clicks that landed on a nested interactive target (see `isFocusable()`
-     * and the `actions`-slot exclusion above).
+     * clicks that landed on a nested interactive target or followed a
+     * text-selection drag.
      */
     protected readonly handleSurfaceClick: (event: Event) => void;
     /**
-     * `tabindex` is only ever added alongside this listener (see `updated()`)
-     * and removed alongside its removal — a focusable card is never left
-     * without keyboard activation. Enter and Space are treated identically
-     * and both proxy to `titleAsLink`'s link when set, even though a bare
-     * link conventionally responds to Enter only: the card's own activation
-     * contract (Enter+Space, more button-like) is authoritative once
-     * `selectable` makes the card itself the focused target, regardless of
-     * what that activation happens to proxy to.
+     * Enter and Space both activate the card, even though a bare link
+     * conventionally responds to Enter only; the card's own activation
+     * contract takes precedence once `selectable` makes it the focused
+     * target.
      */
     protected readonly handleSelectableKeydown: (event: KeyboardEvent) => void;
 }

package/dist/components/card/Card.base.js

@@ -1,21 +1,30 @@
 import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
-import { CARD_DENSITIES as t, CARD_VALID_SIZES as n, CARD_VARIANTS as r } from "./Card.types.js";
-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 { SlotAttributePropagationController as t } from "../../controllers/slot-attribute-propagation-controller/src/slot-attribute-propagation-controller.js";
+import { SlotTextController as n } from "../../controllers/slot-text-controller/src/slot-text-controller.js";
+import { CARD_DENSITIES as r, CARD_VALID_SIZES as i, CARD_VARIANTS as a, SWC_CARD_CLICK_EVENT as o } from "./Card.types.js";
+import { property as s } from "lit/decorators.js";
+import { SpectrumElement as c } from "@adobe/spectrum-wc-core/element/index.js";
+import { SizedMixin as l } from "@adobe/spectrum-wc-core/mixins/index.js";
+import { isDebug as u, validateEnum as d, warnIf as f } from "@adobe/spectrum-wc-core/utils/index.js";
 //#region components/card/Card.base.ts
-var s, c = class e extends o(a, { validSizes: n }) {
-	constructor(...t) {
-		super(...t), this.variant = "primary", this.density = "regular", this.titleAsLink = !1, this.selectable = !1, this.handleSurfaceClick = (t) => {
+var p, m = class e extends l(c, { validSizes: i }) {
+	constructor(...r) {
+		super(...r), this.variant = "primary", this.density = "regular", this.titleAsLink = !1, this.selectable = !1, this._sizePropagation = new t(this, {
+			attribute: "size",
+			getValue: () => e.getSmallerSize(this.size),
+			slotName: "actions"
+		}), this.slotText = new n(this), this.handleActionsSlotChange = () => {
+			this._sizePropagation.propagate(), this.checkActionsSupport();
+		}, this.handleSurfaceClick = (t) => {
 			var n;
-			if (!this.titleAsLink && !this.selectable) return;
-			let r = t.composedPath(), i = r.slice(0, r.indexOf(this)), a = (n = this.renderRoot) == null ? void 0 : n.querySelector("slot[name=\"actions\"]");
+			if (!this.titleAsLink && !this.selectable || t instanceof MouseEvent && ((n = document.getSelection()) == null ? void 0 : n.isCollapsed) === !1) return;
+			let r = t.composedPath(), i = r.slice(0, r.indexOf(this)), a = this.getActionsSlotElement();
 			if (!(a && i.includes(a) || i.some(e.isFocusable))) {
 				if (this.titleAsLink) {
-					var o;
-					(o = this.getTitleLinkElement()) == null || o.click();
+					var s;
+					(s = this.getTitleLinkElement()) == null || s.click();
 				}
-				this.selectable && this.dispatchEvent(new Event("swc-card-click", {
+				this.selectable && this.dispatchEvent(new Event(o, {
 					bubbles: !0,
 					composed: !0
 				}));
@@ -24,23 +33,58 @@ var s, c = class e extends o(a, { validSizes: n }) {
 			(e.code === "Enter" || e.code === "Space") && (e.preventDefault(), this.handleSurfaceClick(e));
 		};
 	}
+	get slotHasContent() {
+		return this.slotText.hasContent;
+	}
 	connectedCallback() {
 		super.connectedCallback(), this.addEventListener("click", this.handleSurfaceClick);
 	}
 	disconnectedCallback() {
 		this.removeEventListener("click", this.handleSurfaceClick), this.removeEventListener("keydown", this.handleSelectableKeydown), super.disconnectedCallback();
 	}
-	updated(e) {
+	firstUpdated(e) {
 		var t;
-		if (super.updated(e), e.has("selectable") && (this.selectable ? (this.setAttribute("tabindex", "0"), this.addEventListener("keydown", this.handleSelectableKeydown)) : (this.removeAttribute("tabindex"), this.removeEventListener("keydown", this.handleSelectableKeydown))), (t = window.__swc) != null && t.DEBUG) {
-			let { VARIANTS: t, DENSITIES: n } = this.constructor;
-			e.has("variant") && !t.includes(this.variant) && window.__swc.warn(this, `<${this.localName}> received an invalid "variant" value of "${this.variant}". Valid values are ${t.join(", ")}.`, "https://opensource.adobe.com/spectrum-web-components/components/card/", { issues: [`variant="${this.variant}"`] }), e.has("density") && !n.includes(this.density) && window.__swc.warn(this, `<${this.localName}> received an invalid "density" value of "${this.density}". Valid values are ${n.join(", ")}.`, "https://opensource.adobe.com/spectrum-web-components/components/card/", { issues: [`density="${this.density}"`] }), e.has("titleAsLink") && this.titleAsLink && !this.getTitleLinkElement() && window.__swc.warn(this, `<${this.localName}> has "title-as-link" set but no link element was found in the "title" slot.`, "https://opensource.adobe.com/spectrum-web-components/components/card/", { issues: ["title-as-link"] });
-		}
+		super.firstUpdated(e), (t = this.renderRoot) == null || (t = t.querySelector("slot[name=\"actions\"]")) == null || t.addEventListener("slotchange", this.handleActionsSlotChange);
+	}
+	update(e) {
+		let { VARIANTS: t, DENSITIES: n } = this.constructor;
+		e.has("variant") && d(this, {
+			prop: "variant",
+			value: this.variant,
+			valid: t,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs"
+		}), e.has("density") && d(this, {
+			prop: "density",
+			value: this.density,
+			valid: n,
+			url: "https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs",
+			options: { level: "low" }
+		}), super.update(e);
+	}
+	updated(e) {
+		super.updated(e), e.has("selectable") && (this.selectable ? (this.setAttribute("tabindex", "0"), this.addEventListener("keydown", this.handleSelectableKeydown)) : (this.removeAttribute("tabindex"), this.removeEventListener("keydown", this.handleSelectableKeydown))), f(this, e.has("titleAsLink") && this.titleAsLink && !this.getTitleLinkElement(), `<${this.localName}> has "title-as-link" set but no link element was found in the "title" slot.`, "https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs", {
+			level: "high",
+			issues: ["title-as-link"]
+		}), e.has("size") && this.checkActionsSupport();
 	}
 	getTitleSlotElement() {
 		var e, t;
 		return (e = (t = this.renderRoot) == null ? void 0 : t.querySelector("slot[name=\"title\"]")) == null ? null : e;
 	}
+	getActionsSlotElement() {
+		var e, t;
+		return (e = (t = this.renderRoot) == null ? void 0 : t.querySelector("slot[name=\"actions\"]")) == null ? null : e;
+	}
+	get actionsSupported() {
+		return this.size !== "xs";
+	}
+	checkActionsSupport() {
+		var e, t;
+		u() && f(this, !this.actionsSupported && ((e = (t = this.getActionsSlotElement()) == null ? void 0 : t.assignedElements({ flatten: !0 }).length) == null ? 0 : e) > 0, `<${this.localName}> has content in the "actions" slot, but actions are not supported for this card (size="${this.size}").`, "https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs", {
+			level: "medium",
+			issues: ["actions"]
+		});
+	}
 	getTitleLinkElement() {
 		var e;
 		let t = (e = this.getTitleSlotElement()) == null ? void 0 : e.assignedElements({ flatten: !0 });
@@ -54,22 +98,26 @@ var s, c = class e extends o(a, { validSizes: n }) {
 	static isFocusable(e) {
 		return e instanceof HTMLElement && e.tabIndex >= 0;
 	}
+	static getSmallerSize(e) {
+		let t = i.indexOf(e);
+		return i[Math.max(t - 1, 0)];
+	}
 };
-s = c, s.VARIANTS = r, s.DENSITIES = t, e([i({
+p = m, p.VARIANTS = a, p.DENSITIES = r, e([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "variant", void 0), e([i({
+})], m.prototype, "variant", void 0), e([s({
 	type: String,
 	reflect: !0
-})], c.prototype, "density", void 0), e([i({
+})], m.prototype, "density", void 0), e([s({
 	type: Boolean,
 	reflect: !0,
 	attribute: "title-as-link"
-})], c.prototype, "titleAsLink", void 0), e([i({
+})], m.prototype, "titleAsLink", void 0), e([s({
 	type: Boolean,
 	reflect: !0
-})], c.prototype, "selectable", void 0);
+})], m.prototype, "selectable", void 0);
 //#endregion
-export { c as CardBase };
+export { m as CardBase };
 
 //# sourceMappingURL=Card.base.js.map

package/dist/components/card/Card.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.base.js","names":[],"sources":["../../../components/card/Card.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 { SizedMixin } from '@adobe/spectrum-wc-core/mixins/index.js';\n\nimport {\n  CARD_DENSITIES,\n  CARD_VALID_SIZES,\n  CARD_VARIANTS,\n  type CardDensity,\n  type CardVariant,\n} from './Card.types.js';\n\n/**\n * Abstract base class for all card-family components. Owns the semantics\n * shared across every card type: sizing, visual variant, and density.\n *\n * `swc-card`, `swc-user-card`, and `swc-product-card` each extend this base\n * directly and render the shared anatomy via `renderCardTemplate()` in\n * `swc/components/card/card-template.ts`. That template also carries a\n * collection placeholder and an avatar/thumbnail glyph, each supplied\n * per-component via `renderCollection`/`renderGlyph`.\n *\n * @attribute {ElementSize} size - The size of the card.\n *\n * @slot preview - Primary preview content\n * @slot title - Card title\n * @slot actions - Optional action controls\n * @slot description - Supporting description text\n * @slot footer - Optional footer content\n * @slot - Additional body content\n */\nexport abstract class CardBase extends SizedMixin(SpectrumElement, {\n  validSizes: CARD_VALID_SIZES,\n}) {\n  // ─────────────────────────\n  //     API TO OVERRIDE\n  // ─────────────────────────\n\n  /**\n   * @internal\n   */\n  static readonly VARIANTS: readonly CardVariant[] = CARD_VARIANTS;\n\n  /**\n   * @internal\n   */\n  static readonly DENSITIES: readonly CardDensity[] = CARD_DENSITIES;\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * The visual variant of the card.\n   *\n   * @default primary\n   */\n  @property({ type: String, reflect: true })\n  public variant: CardVariant = 'primary';\n\n  /**\n   * The density of the card, controlling internal spacing and gaps.\n   *\n   * @default regular\n   */\n  @property({ type: String, reflect: true })\n  public density: CardDensity = 'regular';\n\n  /**\n   * Indicates the consumer has wrapped their `title` slot content in a real\n   * link. Extends that link's hit area to cover the card surface while\n   * leaving navigation entirely consumer-owned — Card accepts no `href`.\n   *\n   * @todo Naming, and the `::slotted(a)::after` vs. click-proxy mechanism,\n   * are still open. See the card family plan, A11y-3 / Q2.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'title-as-link' })\n  public titleAsLink = false;\n\n  /**\n   * Makes the card focusable and captures surface clicks (excluding nested\n   * interactive targets) to dispatch a `swc-card-click` event, independent\n   * of `titleAsLink`. Lays groundwork for a future `CardView` selection\n   * model without Card owning selected-state UI itself.\n   *\n   * @todo Event name and `tabindex` management details are still open. See\n   * the card family plan, A11y-3 / Q3.\n   * @todo No `role` is set when `selectable` is true — deferred rather than\n   * defaulting to `role=\"button\"`, since the eventual `CardView` selection\n   * model may call for a different role (e.g. `option`/`gridcell`) that\n   * `role=\"button\"` would be wrong to have committed to today. See the card\n   * family plan, A11y-3 / Q8.\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSurfaceClick);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.handleSurfaceClick);\n    this.removeEventListener('keydown', this.handleSelectableKeydown);\n    super.disconnectedCallback();\n  }\n\n  protected override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('selectable')) {\n      if (this.selectable) {\n        this.setAttribute('tabindex', '0');\n        this.addEventListener('keydown', this.handleSelectableKeydown);\n      } else {\n        this.removeAttribute('tabindex');\n        this.removeEventListener('keydown', this.handleSelectableKeydown);\n      }\n    }\n\n    if (window.__swc?.DEBUG) {\n      const { VARIANTS, DENSITIES } = this.constructor as typeof CardBase;\n\n      if (\n        changedProperties.has('variant') &&\n        !VARIANTS.includes(this.variant)\n      ) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> received an invalid \"variant\" value of \"${this.variant}\". Valid values are ${VARIANTS.join(', ')}.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/card/',\n          { issues: [`variant=\"${this.variant}\"`] }\n        );\n      }\n\n      if (\n        changedProperties.has('density') &&\n        !DENSITIES.includes(this.density)\n      ) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> received an invalid \"density\" value of \"${this.density}\". Valid values are ${DENSITIES.join(', ')}.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/card/',\n          { issues: [`density=\"${this.density}\"`] }\n        );\n      }\n\n      if (\n        changedProperties.has('titleAsLink') &&\n        this.titleAsLink &&\n        !this.getTitleLinkElement()\n      ) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> has \"title-as-link\" set but no link element was found in the \"title\" slot.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/card/',\n          { issues: ['title-as-link'] }\n        );\n      }\n    }\n  }\n\n  /**\n   * @internal\n   * The card's own `title` slot element, or `null` before the concrete\n   * class's `renderCardTemplate()` call has rendered.\n   */\n  protected getTitleSlotElement(): HTMLSlotElement | null {\n    return this.renderRoot?.querySelector('slot[name=\"title\"]') ?? null;\n  }\n\n  /**\n   * @internal\n   * The `title` slot's link, supporting both forms consumers reasonably\n   * use: the assigned element itself is the anchor (`<a slot=\"title\"\n   * href=\"...\">`), or the anchor is nested inside a wrapper (`<span\n   * slot=\"title\"><a href=\"...\">`). Requires `href` — a link with no\n   * destination can't usefully be clicked-through.\n   */\n  protected getTitleLinkElement(): HTMLAnchorElement | null {\n    const assigned = this.getTitleSlotElement()?.assignedElements({\n      flatten: true,\n    });\n    for (const element of assigned ?? []) {\n      if (element instanceof HTMLAnchorElement && element.href) {\n        return element;\n      }\n      const nested = element.querySelector<HTMLAnchorElement>('a[href]');\n      if (nested) {\n        return nested;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * @internal\n   * Whether `node` provides its own interaction/focus semantics. Checking\n   * the `tabIndex` IDL property (rather than the `tabindex` attribute or a\n   * tag-name list) correctly covers natively-interactive elements\n   * (`button`, `input`, `select`, `textarea`, `a[href]`) with no explicit\n   * attribute, excludes `tabindex=\"-1\"` (focusable for scripting, not a\n   * click target) and disabled controls, and works for a custom element's\n   * internal shadow-DOM control too — `composedPath()` already traverses\n   * into other elements' shadow roots for composed events like `click`, so\n   * an internal `<button>` inside e.g. `<swc-button>` is inspected directly\n   * regardless of which shadow tree it belongs to.\n   */\n  private static isFocusable(node: EventTarget): boolean {\n    return node instanceof HTMLElement && node.tabIndex >= 0;\n  }\n\n  /**\n   * Proxies a qualifying surface click to `titleAsLink`'s link and/or\n   * dispatches `swc-card-click` for `selectable`, after filtering out\n   * clicks that landed on a nested interactive target (see `isFocusable()`\n   * and the `actions`-slot exclusion above).\n   */\n  protected readonly handleSurfaceClick = (event: Event): void => {\n    if (!this.titleAsLink && !this.selectable) {\n      return;\n    }\n    const path = event.composedPath();\n    const precedingPath = path.slice(0, path.indexOf(this));\n    const actionsSlot = this.renderRoot?.querySelector('slot[name=\"actions\"]');\n    const hitInteractiveTarget =\n      // The `actions` slot is unconditionally excluded, defense-in-depth,\n      // since it's contractually for interactive content regardless of\n      // whether a given control correctly reflects focusability.\n      (actionsSlot && precedingPath.includes(actionsSlot)) ||\n      precedingPath.some(CardBase.isFocusable);\n    if (hitInteractiveTarget) {\n      return;\n    }\n    if (this.titleAsLink) {\n      this.getTitleLinkElement()?.click();\n    }\n    if (this.selectable) {\n      this.dispatchEvent(\n        new Event('swc-card-click', { bubbles: true, composed: true })\n      );\n    }\n  };\n\n  /**\n   * `tabindex` is only ever added alongside this listener (see `updated()`)\n   * and removed alongside its removal — a focusable card is never left\n   * without keyboard activation. Enter and Space are treated identically\n   * and both proxy to `titleAsLink`'s link when set, even though a bare\n   * link conventionally responds to Enter only: the card's own activation\n   * contract (Enter+Space, more button-like) is authoritative once\n   * `selectable` makes the card itself the focused target, regardless of\n   * what that activation happens to proxy to.\n   */\n  protected readonly handleSelectableKeydown = (event: KeyboardEvent): void => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.handleSurfaceClick(event);\n    }\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"Card.base.js","names":[],"sources":["../../../components/card/Card.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  type ElementSize,\n  SizedMixin,\n} from '@adobe/spectrum-wc-core/mixins/index.js';\nimport {\n  isDebug,\n  validateEnum,\n  warnIf,\n} from '@adobe/spectrum-wc-core/utils/index.js';\n\nimport { SlotAttributePropagationController } from '../../controllers/slot-attribute-propagation-controller/index.js';\nimport { SlotTextController } from '../../controllers/slot-text-controller/index.js';\nimport {\n  CARD_DENSITIES,\n  CARD_VALID_SIZES,\n  CARD_VARIANTS,\n  type CardDensity,\n  type CardSize,\n  type CardVariant,\n  SWC_CARD_CLICK_EVENT,\n} from './Card.types.js';\n\n/**\n * Abstract base class for all card-family components. Owns the semantics\n * shared across every card type: sizing, visual variant, and density.\n *\n * @attribute {ElementSize} size - The size of the card.\n *\n * @fires swc-card-click - Dispatched when a `selectable` card is activated (click, Enter, or Space).\n *\n * @slot preview - Primary preview content\n * @slot title - Card title\n * @slot actions - Optional action controls\n * @slot description - Supporting description text\n * @slot footer - Optional footer content\n * @slot - Additional body content\n *\n * @cssprop --swc-card-base-max-inline-size - Maximum inline size of the card. Defaults to 280px, overridden per size.\n * @cssprop --swc-card-base-border-radius - Corner radius of the card. Defaults to the extra-large corner-radius token, overridden per size.\n * @cssprop --swc-card-base-box-shadow - Box shadow (elevation) of the card. Defaults to the emphasized drop-shadow token; overridden by the tertiary variant, selectable focus, and title-as-link/selectable hover.\n * @cssprop --swc-card-base-background-color - Background color of the card. Defaults to the layer-2 background token; overridden by the secondary, tertiary, and quiet variants.\n * @cssprop --swc-card-base-preview-aspect-ratio - Aspect ratio of the preview slot. Defaults to 3/2.\n * @cssprop --swc-card-base-title-font-size - Font size of the title slot. Defaults to the medium font-size token, overridden per size.\n * @cssprop --swc-card-base-title-line-height - Line height of the title slot. Defaults to the medium line-height token, overridden per size.\n * @cssprop --swc-card-base-description-font-size - Font size of the description slot and default slot content. Defaults to a smaller font-size token, overridden per size.\n * @cssprop --swc-card-base-action-component-height - Height used to vertically balance slotted actions content. Defaults to the smallest component-height token, overridden per size.\n * @cssprop --swc-card-base-content-header-gap - Column gap between the title and actions slots. Defaults to the medium base-gap token, overridden per size.\n * @cssprop --swc-card-base-content-padding - Padding of the content region. Defaults to the medium container-padding token; overridden by density.\n * @cssprop --swc-card-base-content-padding-regular - Content padding used at the default (regular) density, per size.\n * @cssprop --swc-card-base-content-padding-compact - Content padding used at compact density, per size.\n * @cssprop --swc-card-base-content-padding-spacious - Content padding used at spacious density, per size.\n */\nexport abstract class CardBase extends SizedMixin(SpectrumElement, {\n  validSizes: CARD_VALID_SIZES,\n}) {\n  // ─────────────────────────\n  //     API TO OVERRIDE\n  // ─────────────────────────\n\n  /**\n   * @internal\n   */\n  static readonly VARIANTS: readonly CardVariant[] = CARD_VARIANTS;\n\n  /**\n   * @internal\n   */\n  static readonly DENSITIES: readonly CardDensity[] = CARD_DENSITIES;\n\n  // ──────────────────\n  //     SHARED API\n  // ──────────────────\n\n  /**\n   * The visual variant of the card.\n   *\n   * @default primary\n   */\n  @property({ type: String, reflect: true })\n  public variant: CardVariant = 'primary';\n\n  /**\n   * The density of the card, controlling internal spacing and gaps.\n   *\n   * @default regular\n   */\n  @property({ type: String, reflect: true })\n  public density: CardDensity = 'regular';\n\n  /**\n   * Indicates the consumer has wrapped their `title` slot content in a real\n   * link. Extends that link's hit area to cover the card surface while\n   * leaving navigation entirely consumer-owned; Card accepts no `href`.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'title-as-link' })\n  public titleAsLink = false;\n\n  /**\n   * Makes the card focusable and captures surface clicks (excluding nested\n   * interactive targets) to dispatch a `swc-card-click` event, independent\n   * of `titleAsLink`.\n   *\n   * @todo No ARIA role is set yet; deferred until a future `CardView`\n   * selection model determines the appropriate role.\n   */\n  @property({ type: Boolean, reflect: true })\n  public selectable = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  /**\n   * Keeps a slotted action control's `size` one step smaller than the\n   * card's own `size`.\n   */\n  private readonly _sizePropagation = new SlotAttributePropagationController(\n    this,\n    {\n      attribute: 'size',\n      getValue: () => CardBase.getSmallerSize(this.size),\n      slotName: 'actions',\n    }\n  );\n\n  /**\n   * Observes whether the default slot has meaningful content. Each concrete\n   * card's `render()` must bind `@slotchange=${this.slotText.handleSlotChange}`\n   * on the default slot (via `renderCardTemplate`'s `onDefaultSlotChange`) for\n   * changes after the first render to be tracked.\n   *\n   * @internal\n   */\n  protected slotText = new SlotTextController(this);\n\n  /**\n   * Whether the default slot has meaningful content. Consumed by each concrete\n   * card's `render()` (through `renderCardTemplate`'s `hasDefaultSlotContent`)\n   * to toggle the `--hasDefault` class.\n   *\n   * @internal\n   */\n  protected get slotHasContent(): boolean {\n    return this.slotText.hasContent;\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleSurfaceClick);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('click', this.handleSurfaceClick);\n    this.removeEventListener('keydown', this.handleSelectableKeydown);\n    super.disconnectedCallback();\n  }\n\n  protected override firstUpdated(changedProperties: PropertyValues): void {\n    super.firstUpdated(changedProperties);\n    // renderCardTemplate() doesn't take a slotchange callback, so the\n    // listener is attached imperatively rather than declaratively in the\n    // template; the slot node itself persists across re-renders.\n    this.renderRoot\n      ?.querySelector('slot[name=\"actions\"]')\n      ?.addEventListener('slotchange', this.handleActionsSlotChange);\n  }\n\n  protected override update(changedProperties: PropertyValues): void {\n    const { VARIANTS, DENSITIES } = this.constructor as typeof CardBase;\n\n    if (changedProperties.has('variant')) {\n      validateEnum(this, {\n        prop: 'variant',\n        value: this.variant,\n        valid: VARIANTS,\n        url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs',\n      });\n    }\n\n    if (changedProperties.has('density')) {\n      validateEnum(this, {\n        prop: 'density',\n        value: this.density,\n        valid: DENSITIES,\n        url: 'https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs',\n        options: { level: 'low' },\n      });\n    }\n\n    super.update(changedProperties);\n  }\n\n  protected override updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('selectable')) {\n      if (this.selectable) {\n        this.setAttribute('tabindex', '0');\n        this.addEventListener('keydown', this.handleSelectableKeydown);\n      } else {\n        this.removeAttribute('tabindex');\n        this.removeEventListener('keydown', this.handleSelectableKeydown);\n      }\n    }\n\n    warnIf(\n      this,\n      changedProperties.has('titleAsLink') &&\n        this.titleAsLink &&\n        !this.getTitleLinkElement(),\n      `<${this.localName}> has \"title-as-link\" set but no link element was found in the \"title\" slot.`,\n      'https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs',\n      { level: 'high', issues: ['title-as-link'] }\n    );\n\n    if (changedProperties.has('size')) {\n      this.checkActionsSupport();\n    }\n  }\n\n  /**\n   * @internal\n   *\n   * The card's own `title` slot element.\n   */\n  protected getTitleSlotElement(): HTMLSlotElement | null {\n    return this.renderRoot?.querySelector('slot[name=\"title\"]') ?? null;\n  }\n\n  /**\n   * @internal\n   *\n   * The card's own `actions` slot element.\n   */\n  protected getActionsSlotElement(): HTMLSlotElement | null {\n    return this.renderRoot?.querySelector('slot[name=\"actions\"]') ?? null;\n  }\n\n  /**\n   * Whether the `actions` slot is supported for this card's current state.\n   * `xs` cards don't have room for it. Concrete classes may override this\n   * to exclude the slot for other reasons, independent of size.\n   */\n  protected get actionsSupported(): boolean {\n    return this.size !== 'xs';\n  }\n\n  /**\n   * @internal\n   *\n   * Warns in dev mode when the `actions` slot has content but isn't\n   * supported for the current state. Visual suppression is handled in\n   * CSS, not here.\n   */\n  private checkActionsSupport(): void {\n    if (!isDebug()) {\n      return;\n    }\n    warnIf(\n      this,\n      !this.actionsSupported &&\n        (this.getActionsSlotElement()?.assignedElements({ flatten: true })\n          .length ?? 0) > 0,\n      `<${this.localName}> has content in the \"actions\" slot, but actions are not supported for this card (size=\"${this.size}\").`,\n      'https://spectrum-web-components.adobe.com/?path=/docs/components-card--docs',\n      { level: 'medium', issues: ['actions'] }\n    );\n  }\n\n  /**\n   * @internal\n   *\n   * The `title` slot's link: either the assigned element itself\n   * (`<a slot=\"title\" href=\"...\">`) or an anchor nested inside a wrapper\n   * (`<span slot=\"title\"><a href=\"...\">`). Requires `href`.\n   */\n  protected getTitleLinkElement(): HTMLAnchorElement | null {\n    const assigned = this.getTitleSlotElement()?.assignedElements({\n      flatten: true,\n    });\n    for (const element of assigned ?? []) {\n      if (element instanceof HTMLAnchorElement && element.href) {\n        return element;\n      }\n      const nested = element.querySelector<HTMLAnchorElement>('a[href]');\n      if (nested) {\n        return nested;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * @internal\n   *\n   * Whether `node` has its own interaction/focus semantics, via the\n   * `tabIndex` IDL property rather than the `tabindex` attribute; this\n   * also correctly excludes `tabindex=\"-1\"` and disabled controls.\n   */\n  private static isFocusable(node: EventTarget): boolean {\n    return node instanceof HTMLElement && node.tabIndex >= 0;\n  }\n\n  /**\n   * @internal\n   *\n   * The size one step below `size` in `CARD_VALID_SIZES`, clamped at the\n   * smallest size.\n   */\n  private static getSmallerSize(size: ElementSize): CardSize {\n    const index = CARD_VALID_SIZES.indexOf(size as CardSize);\n    return CARD_VALID_SIZES[Math.max(index - 1, 0)];\n  }\n\n  /**\n   * Re-propagates the `actions` slot's `size` for elements assigned after\n   * the initial render, wired to the slot's `slotchange` in\n   * `firstUpdated()`.\n   */\n  protected readonly handleActionsSlotChange = (): void => {\n    this._sizePropagation.propagate();\n    this.checkActionsSupport();\n  };\n\n  /**\n   * Proxies a qualifying surface click to `titleAsLink`'s link and/or\n   * dispatches `swc-card-click` for `selectable`, after filtering out\n   * clicks that landed on a nested interactive target or followed a\n   * text-selection drag.\n   */\n  protected readonly handleSurfaceClick = (event: Event): void => {\n    if (!this.titleAsLink && !this.selectable) {\n      return;\n    }\n    // A text-selection drag still fires `click` on mouseup; a non-collapsed\n    // selection at that point means the user was selecting text, not\n    // clicking through the card.\n    if (\n      event instanceof MouseEvent &&\n      document.getSelection()?.isCollapsed === false\n    ) {\n      return;\n    }\n    const path = event.composedPath();\n    const precedingPath = path.slice(0, path.indexOf(this));\n    const actionsSlot = this.getActionsSlotElement();\n    const hitInteractiveTarget =\n      // The actions slot is always excluded, since it's contractually\n      // for interactive content regardless of whether a control reflects\n      // focusability correctly.\n      (actionsSlot && precedingPath.includes(actionsSlot)) ||\n      precedingPath.some(CardBase.isFocusable);\n    if (hitInteractiveTarget) {\n      return;\n    }\n    if (this.titleAsLink) {\n      this.getTitleLinkElement()?.click();\n    }\n    if (this.selectable) {\n      this.dispatchEvent(\n        new Event(SWC_CARD_CLICK_EVENT, { bubbles: true, composed: true })\n      );\n    }\n  };\n\n  /**\n   * Enter and Space both activate the card, even though a bare link\n   * conventionally responds to Enter only; the card's own activation\n   * contract takes precedence once `selectable` makes it the focused\n   * target.\n   */\n  protected readonly handleSelectableKeydown = (event: KeyboardEvent): void => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      this.handleSurfaceClick(event);\n    }\n  };\n}\n"],"mappings":"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"}

package/dist/components/card/Card.types.d.ts

@@ -12,6 +12,7 @@
 export declare const CARD_VALID_SIZES: readonly ["xs", "s", "m", "l", "xl"];
 export declare const CARD_VARIANTS: readonly ["primary", "secondary", "tertiary", "quiet"];
 export declare const CARD_DENSITIES: readonly ["compact", "regular", "spacious"];
+export declare const SWC_CARD_CLICK_EVENT: "swc-card-click";
 export type CardSize = (typeof CARD_VALID_SIZES)[number];
 export type CardVariant = (typeof CARD_VARIANTS)[number];
 export type CardDensity = (typeof CARD_DENSITIES)[number];

package/dist/components/card/Card.types.js

@@ -14,8 +14,8 @@ var e = [
 	"compact",
 	"regular",
 	"spacious"
-];
+], r = "swc-card-click";
 //#endregion
-export { n as CARD_DENSITIES, e as CARD_VALID_SIZES, t as CARD_VARIANTS };
+export { n as CARD_DENSITIES, e as CARD_VALID_SIZES, t as CARD_VARIANTS, r as SWC_CARD_CLICK_EVENT };
 
 //# sourceMappingURL=Card.types.js.map

package/dist/components/card/Card.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.js","names":[],"sources":["../../../components/card/Card.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 CARD_VALID_SIZES = [\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const CARD_VARIANTS = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'quiet',\n] as const;\n\nexport const CARD_DENSITIES = ['compact', 'regular', 'spacious'] as const;\n\n// ──────────────────\n//     TYPES\n// ──────────────────\n\nexport type CardSize = (typeof CARD_VALID_SIZES)[number];\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\nexport type CardDensity = (typeof CARD_DENSITIES)[number];\n"],"mappings":";AAkBA,IAAa,IAAmB;CAC9B;CACA;CACA;CACA;CACA;CACD,EAEY,IAAgB;CAC3B;CACA;CACA;CACA;CACD,EAEY,IAAiB;CAAC;CAAW;CAAW;CAAW"}
+{"version":3,"file":"Card.types.js","names":[],"sources":["../../../components/card/Card.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 CARD_VALID_SIZES = [\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const CARD_VARIANTS = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'quiet',\n] as const;\n\nexport const CARD_DENSITIES = ['compact', 'regular', 'spacious'] as const;\n\nexport const SWC_CARD_CLICK_EVENT = 'swc-card-click' as const;\n\n// ──────────────────\n//     TYPES\n// ──────────────────\n\nexport type CardSize = (typeof CARD_VALID_SIZES)[number];\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\nexport type CardDensity = (typeof CARD_DENSITIES)[number];\n"],"mappings":";AAkBA,IAAa,IAAmB;CAC9B;CACA;CACA;CACA;CACA;CACD,EAEY,IAAgB;CAC3B;CACA;CACA;CACA;CACD,EAEY,IAAiB;CAAC;CAAW;CAAW;CAAW,EAEnD,IAAuB"}

package/dist/components/card/index.js

@@ -1,3 +1,3 @@
-import { CARD_DENSITIES as e, CARD_VALID_SIZES as t, CARD_VARIANTS as n } from "./Card.types.js";
-import { CardBase as r } from "./Card.base.js";
-export { e as CARD_DENSITIES, t as CARD_VALID_SIZES, n as CARD_VARIANTS, r as CardBase };
+import { CARD_DENSITIES as e, CARD_VALID_SIZES as t, CARD_VARIANTS as n, SWC_CARD_CLICK_EVENT as r } from "./Card.types.js";
+import { CardBase as i } from "./Card.base.js";
+export { e as CARD_DENSITIES, t as CARD_VALID_SIZES, n as CARD_VARIANTS, i as CardBase, r as SWC_CARD_CLICK_EVENT };