@adobe/spectrum-wc-core 0.4.0-snapshot-test.20260714143259

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

@@ -0,0 +1,43 @@
+//#region components/badge/Badge.types.ts
+var e = [
+	"s",
+	"m",
+	"l",
+	"xl"
+], t = [
+	"accent",
+	"informative",
+	"neutral",
+	"positive",
+	"notice",
+	"negative"
+], n = [
+	"fuchsia",
+	"indigo",
+	"magenta",
+	"purple",
+	"seafoam",
+	"yellow",
+	"gray",
+	"red",
+	"orange",
+	"chartreuse",
+	"celery",
+	"green",
+	"cyan",
+	"blue",
+	"pink",
+	"turquoise",
+	"brown",
+	"cinnamon",
+	"silver"
+], r = [
+	"block-start",
+	"block-end",
+	"inline-start",
+	"inline-end"
+], i = [...t, ...n];
+//#endregion
+export { e as BADGE_VALID_SIZES, i as BADGE_VARIANTS, n as BADGE_VARIANTS_COLOR, t as BADGE_VARIANTS_SEMANTIC, r as FIXED_VALUES };
+
+//# sourceMappingURL=Badge.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.types.js","names":[],"sources":["../../../components/badge/Badge.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 BADGE_VALID_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const BADGE_VARIANTS_SEMANTIC = [\n  'accent',\n  'informative',\n  'neutral',\n  'positive',\n  'notice',\n  'negative',\n] as const;\n\nexport const BADGE_VARIANTS_COLOR = [\n  'fuchsia',\n  'indigo',\n  'magenta',\n  'purple',\n  'seafoam',\n  'yellow',\n  'gray',\n  'red',\n  'orange',\n  'chartreuse',\n  'celery',\n  'green',\n  'cyan',\n  'blue',\n  'pink',\n  'turquoise',\n  'brown',\n  'cinnamon',\n  'silver',\n] as const;\n\nexport const FIXED_VALUES = [\n  'block-start',\n  'block-end',\n  'inline-start',\n  'inline-end',\n] as const;\n\n// ──────────────────\n//     CANONICAL\n// ──────────────────\n\nexport const BADGE_VARIANTS = [\n  ...BADGE_VARIANTS_SEMANTIC,\n  ...BADGE_VARIANTS_COLOR,\n] as const;\n\n// ──────────────────\n//     TYPES\n// ──────────────────\n\n// Shared\nexport type FixedValues = (typeof FIXED_VALUES)[number];\nexport type BadgeSize = (typeof BADGE_VALID_SIZES)[number];\nexport type BadgeSemanticVariant = (typeof BADGE_VARIANTS_SEMANTIC)[number];\n\n// Canonical\nexport type BadgeColorVariant = (typeof BADGE_VARIANTS_COLOR)[number];\nexport type BadgeVariant = (typeof BADGE_VARIANTS)[number];\n"],"mappings":";AAkBA,IAAa,IAAoB;CAC/B;CACA;CACA;CACA;CACD,EAEY,IAA0B;CACrC;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAuB;CAClC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAe;CAC1B;CACA;CACA;CACA;CACD,EAMY,IAAiB,CAC5B,GAAG,GACH,GAAG,EACJ"}

package/dist/components/badge/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 './Badge.base.js';
+export * from './Badge.types.js';

package/dist/components/badge/index.js

@@ -0,0 +1,3 @@
+import { BADGE_VALID_SIZES as e, BADGE_VARIANTS as t, BADGE_VARIANTS_COLOR as n, BADGE_VARIANTS_SEMANTIC as r, FIXED_VALUES as i } from "./Badge.types.js";
+import { BadgeBase as a } from "./Badge.base.js";
+export { e as BADGE_VALID_SIZES, t as BADGE_VARIANTS, n as BADGE_VARIANTS_COLOR, r as BADGE_VARIANTS_SEMANTIC, a as BadgeBase, i as FIXED_VALUES };

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

@@ -0,0 +1,99 @@
+import { PropertyValues } from 'lit';
+import { SpectrumElement } from '../../element/index.js';
+declare const ButtonBase_base: typeof SpectrumElement & {
+    new (...args: any[]): import('../../mixins/index.js').SlotPresenceObservingInterface;
+    prototype: import('../../mixins/index.js').SlotPresenceObservingInterface;
+} & {
+    new (...args: any[]): import('../../mixins/index.js').SlotTextObservingInterface;
+    prototype: import('../../mixins/index.js').SlotTextObservingInterface;
+} & {
+    new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
+    prototype: import('../../mixins/index.js').SizedElementInterface;
+} & import('../../mixins/index.js').SizedElementConstructor;
+/**
+ * Abstract base class for all button-like components. Owns shared semantic
+ * concerns: interaction state, sizing, slot-derived icon/label state,
+ * accessible-name resolution, and host-to-internal-button attribute forwarding.
+ *
+ * Visual API specific to `sp-button` (`variant`, `fill-style`, `static-color`)
+ * is intentionally absent so that ActionButton, ClearButton, CloseButton,
+ * PickerButton, and InfieldButton can extend this base without inheriting
+ * the `swc-button` visual surface.
+ *
+ * @slot - Visible button label.
+ * @slot icon - Optional leading icon.
+ *
+ * @attribute {ElementSize} size - The size of the button.
+ *
+ * @todo We currently have 3 levels of mixins on this class, but the mixin
+ * composition guide recommends a maximum of 2. Explore reducing after milestone 2.
+ */
+export declare abstract class ButtonBase extends ButtonBase_base {
+    static shadowRootOptions: ShadowRootInit;
+    /**
+     * Whether the button is disabled. Removes focusability and prevents
+     * interaction.
+     */
+    disabled: boolean;
+    /**
+     * Whether the button is in a pending (busy) state. The button remains
+     * focusable but activation is suppressed.
+     */
+    pending: boolean;
+    /**
+     * Accessible label forwarded to the internal `<button>` element as
+     * `aria-label`. Required for icon-only buttons, which have no visible text.
+     */
+    accessibleLabel?: string;
+    /**
+     * Custom accessible label used during the pending state. When omitted,
+     * the pending label is derived from the resolved non-busy accessible name
+     * plus a busy suffix (e.g. "Save, busy").
+     */
+    pendingLabel?: string;
+    /**
+     * Tracks whether the pending visual (disabled colors + spinner) is currently
+     * active. Set to `true` after a 1-second delay once `pending` becomes true,
+     * so the button does not immediately flash to its unavailable appearance.
+     * Protected so subclasses can reference it in their `classMap` binding.
+     */
+    protected pendingActive: boolean;
+    private _pendingTimer;
+    protected get hasIcon(): boolean;
+    protected get hasLabel(): boolean;
+    /**
+     * Resolves the accessible name for the button from `accessibleLabel` or
+     * visible text content. Returns `null` when no accessible name is
+     * determinable.
+     *
+     * @internal
+     */
+    protected getResolvedAccessibleName(): string | null;
+    /**
+     * Derives the pending-state accessible label. Prefers an explicit
+     * `pendingLabel`, then falls back to the resolved non-busy accessible
+     * name plus a ", busy" suffix, then a fixed "Busy" fallback.
+     *
+     * @internal
+     */
+    protected getPendingAccessibleName(): string;
+    /**
+     * Returns the set of attributes that should be forwarded to the internal
+     * semantic `<button>` element, if not otherwise directly managed.
+     *
+     * @internal
+     */
+    protected getForwardedButtonAttributes(): Record<string, string | boolean | undefined>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Suppresses click activation while the button is `disabled` or `pending`.
+     *
+     * Slotted icon content lives in the light DOM, so pointer clicks on icons
+     * bypass the disabled inner `<button>` and bubble on the host. The host
+     * listener (capture) and inner `@click` binding both call this handler.
+     */
+    protected readonly handleClick: (event: Event) => void;
+    protected update(changedProperties: PropertyValues): void;
+}
+export {};

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

@@ -0,0 +1,75 @@
+import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
+import { BUTTON_VALID_SIZES as t } from "./Button.types.js";
+import { property as n, state as r } from "lit/decorators.js";
+import { SpectrumElement as i } from "@adobe/spectrum-wc-core/element/index.js";
+import { ObserveSlotPresence as a, ObserveSlotText as o, SizedMixin as s } from "@adobe/spectrum-wc-core/mixins/index.js";
+//#region components/button/Button.base.ts
+var c, l = class extends s(o(a(i, "[slot=\"icon\"]"), ""), { validSizes: t }) {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.pending = !1, this.pendingActive = !1, this._pendingTimer = null, this.handleClick = (e) => {
+			(this.disabled || this.pending) && (e.preventDefault(), e.stopImmediatePropagation());
+		};
+	}
+	get hasIcon() {
+		return this.slotContentIsPresent;
+	}
+	get hasLabel() {
+		return this.slotHasContent;
+	}
+	getResolvedAccessibleName() {
+		var e, t;
+		return (e = this.accessibleLabel) == null ? ((t = this.textContent) == null ? void 0 : t.trim()) || null : e;
+	}
+	getPendingAccessibleName() {
+		if (this.pendingLabel) return this.pendingLabel;
+		let e = this.getResolvedAccessibleName();
+		return e ? `${e}, busy` : "Busy";
+	}
+	getForwardedButtonAttributes() {
+		return {
+			disabled: this.disabled,
+			"aria-disabled": this.pending && !this.disabled ? "true" : void 0
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("click", this.handleClick, !0);
+	}
+	disconnectedCallback() {
+		this.removeEventListener("click", this.handleClick, !0), this._pendingTimer !== null && (clearTimeout(this._pendingTimer), this._pendingTimer = null), this.pendingActive = !1, super.disconnectedCallback();
+	}
+	update(e) {
+		var t;
+		if (e.has("pending")) if (this.pending) this._pendingTimer = setTimeout(() => {
+			if (this.pending) {
+				let e = this.renderRoot.querySelector("button");
+				e && e.style.setProperty("--_swc-button-pending-inline-size", `${e.offsetWidth}px`), this.pendingActive = !0;
+			}
+			this._pendingTimer = null;
+		}, 1e3);
+		else {
+			var n;
+			this._pendingTimer !== null && (clearTimeout(this._pendingTimer), this._pendingTimer = null), (n = this.renderRoot.querySelector("button")) == null || n.style.removeProperty("--_swc-button-pending-inline-size"), this.pendingActive = !1;
+		}
+		super.update(e), (t = window.__swc) != null && t.DEBUG && (this.pending && this.disabled && window.__swc.warn(this, `<${this.localName}> should not set both "pending" and "disabled" simultaneously. Use "pending" to keep the button focusable while unavailable, or "disabled" to fully remove it from the tab order.`, "https://opensource.adobe.com/spectrum-web-components/components/button/#pending", { issues: ["pending + disabled"] }), this.hasIcon && !this.hasLabel && !this.accessibleLabel && window.__swc.warn(this, `<${this.localName}> with an icon and no label must have an "accessible-label" attribute to be accessible.`, "https://opensource.adobe.com/spectrum-web-components/components/button/#icon-only", { issues: ["accessible-label"] }));
+	}
+};
+c = l, c.shadowRootOptions = {
+	...i.shadowRootOptions,
+	delegatesFocus: !0
+}, e([n({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([n({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "pending", void 0), e([n({
+	type: String,
+	attribute: "accessible-label"
+})], l.prototype, "accessibleLabel", void 0), e([n({
+	type: String,
+	attribute: "pending-label"
+})], l.prototype, "pendingLabel", void 0), e([r()], l.prototype, "pendingActive", void 0);
+//#endregion
+export { l as ButtonBase };
+
+//# sourceMappingURL=Button.base.js.map

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

@@ -0,0 +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, state } 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 } 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 * @slot - Visible button label.\n * @slot icon - Optional leading icon.\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   * 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   * Whether the button is in a pending (busy) state. The button remains\n   * focusable but activation is suppressed.\n   */\n  @property({ type: Boolean, reflect: true })\n  public pending: 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   * Custom accessible label used during the pending state. When omitted,\n   * the pending label is derived from the resolved non-busy accessible name\n   * plus a busy suffix (e.g. \"Save, busy\").\n   */\n  @property({ type: String, attribute: 'pending-label' })\n  public pendingLabel?: string;\n\n  /**\n   * Tracks whether the pending visual (disabled colors + spinner) is currently\n   * active. Set to `true` after a 1-second delay once `pending` becomes true,\n   * so the button does not immediately flash to its unavailable appearance.\n   * Protected so subclasses can reference it in their `classMap` binding.\n   */\n  @state()\n  protected pendingActive: boolean = false;\n\n  // ──────────────────────\n  //     IMPLEMENTATION\n  // ──────────────────────\n\n  private _pendingTimer: ReturnType<typeof setTimeout> | null = null;\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   * Resolves the accessible name for the button from `accessibleLabel` or\n   * visible text content. Returns `null` when no accessible name is\n   * determinable.\n   *\n   * @internal\n   */\n  protected getResolvedAccessibleName(): string | null {\n    return this.accessibleLabel ?? (this.textContent?.trim() || null);\n  }\n\n  /**\n   * Derives the pending-state accessible label. Prefers an explicit\n   * `pendingLabel`, then falls back to the resolved non-busy accessible\n   * name plus a \", busy\" suffix, then a fixed \"Busy\" fallback.\n   *\n   * @internal\n   */\n  protected getPendingAccessibleName(): string {\n    if (this.pendingLabel) {\n      return this.pendingLabel;\n    }\n    const resolvedName = this.getResolvedAccessibleName();\n    return resolvedName ? `${resolvedName}, busy` : 'Busy';\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      'aria-disabled': this.pending && !this.disabled ? 'true' : undefined,\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    if (this._pendingTimer !== null) {\n      clearTimeout(this._pendingTimer);\n      this._pendingTimer = null;\n    }\n    this.pendingActive = false;\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Suppresses click activation while the button is `disabled` or `pending`.\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.pending) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  };\n\n  protected override update(changedProperties: PropertyValues): void {\n    if (changedProperties.has('pending')) {\n      if (this.pending) {\n        this._pendingTimer = setTimeout(() => {\n          if (this.pending) {\n            const internalButton = this.renderRoot.querySelector('button');\n            if (internalButton) {\n              internalButton.style.setProperty(\n                '--_swc-button-pending-inline-size',\n                `${internalButton.offsetWidth}px`\n              );\n            }\n            this.pendingActive = true;\n          }\n          this._pendingTimer = null;\n        }, 1000);\n      } else {\n        if (this._pendingTimer !== null) {\n          clearTimeout(this._pendingTimer);\n          this._pendingTimer = null;\n        }\n        this.renderRoot\n          .querySelector('button')\n          ?.style.removeProperty('--_swc-button-pending-inline-size');\n        this.pendingActive = false;\n      }\n    }\n    super.update(changedProperties);\n    if (window.__swc?.DEBUG) {\n      if (this.pending && this.disabled) {\n        window.__swc.warn(\n          this,\n          `<${this.localName}> should not set both \"pending\" and \"disabled\" simultaneously. Use \"pending\" to keep the button focusable while unavailable, or \"disabled\" to fully remove it from the tab order.`,\n          'https://opensource.adobe.com/spectrum-web-components/components/button/#pending',\n          { issues: ['pending + disabled'] }\n        );\n      }\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":";;;;;;OA0CsB,IAAtB,cAAyC,EACvC,EAAgB,EAAoB,GAAiB,kBAAgB,EAAE,GAAG,EAC1E,EAAE,YAAY,GAAoB,CACnC,CAAC;;+BAe2B,mBAOD,yBAwBS,yBAM2B,0BA4E5B,MAAuB;AACvD,IAAI,KAAK,YAAY,KAAK,aACxB,EAAM,gBAAgB,EACtB,EAAM,0BAA0B;;;CA7EpC,IAAc,UAAmB;AAC/B,SAAO,KAAK;;CAGd,IAAc,WAAoB;AAChC,SAAO,KAAK;;CAUd,4BAAqD;;AACnD,UAAA,IAAO,KAAK,oBAAA,SAAA,IAAoB,KAAK,gBAAA,OAAA,KAAA,IAAA,EAAa,MAAM,KAAI,OAAhD;;CAUd,2BAA6C;AAC3C,MAAI,KAAK,aACP,QAAO,KAAK;EAEd,IAAM,IAAe,KAAK,2BAA2B;AACrD,SAAO,IAAe,GAAG,EAAa,UAAU;;CASlD,+BAGE;AACA,SAAO;GACL,UAAU,KAAK;GACf,iBAAiB,KAAK,WAAW,CAAC,KAAK,WAAW,SAAS,KAAA;GAC5D;;CAGH,oBAA0C;AAIxC,EAHA,MAAM,mBAAmB,EAGzB,KAAK,iBAAiB,SAAS,KAAK,aAAa,GAAK;;CAGxD,uBAA6C;AAO3C,EANA,KAAK,oBAAoB,SAAS,KAAK,aAAa,GAAK,EACrD,KAAK,kBAAkB,SACzB,aAAa,KAAK,cAAc,EAChC,KAAK,gBAAgB,OAEvB,KAAK,gBAAgB,IACrB,MAAM,sBAAsB;;CAiB9B,OAA0B,GAAyC;;AACjE,MAAI,EAAkB,IAAI,UAAU,CAClC,KAAI,KAAK,QACP,MAAK,gBAAgB,iBAAiB;AACpC,OAAI,KAAK,SAAS;IAChB,IAAM,IAAiB,KAAK,WAAW,cAAc,SAAS;AAO9D,IANI,KACF,EAAe,MAAM,YACnB,qCACA,GAAG,EAAe,YAAY,IAC/B,EAEH,KAAK,gBAAgB;;AAEvB,QAAK,gBAAgB;KACpB,IAAK;OACH;;AAQL,GAPI,KAAK,kBAAkB,SACzB,aAAa,KAAK,cAAc,EAChC,KAAK,gBAAgB,QAEvB,IAAA,KAAK,WACF,cAAc,SAAS,KAAA,QAAA,EACtB,MAAM,eAAe,oCAAoC,EAC7D,KAAK,gBAAgB;;AAIzB,EADA,MAAM,OAAO,EAAkB,GAC/B,IAAI,OAAO,UAAA,QAAA,EAAO,UACZ,KAAK,WAAW,KAAK,YACvB,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,oLACnB,mFACA,EAAE,QAAQ,CAAC,qBAAqB,EAAE,CACnC,EAEC,KAAK,WAAW,CAAC,KAAK,YAAY,CAAC,KAAK,mBAC1C,OAAO,MAAM,KACX,MACA,IAAI,KAAK,UAAU,0FACnB,qFACA,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CACjC;;;6BAjL6C;CAClD,GAAG,EAAgB;CACnB,gBAAgB;CACjB,KAUA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,KAO1C,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA,KAQzD,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAiB,CAAC,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,KAStD,GAAO,CAAA,EAAA,EAAA,WAAA,iBAAA,KAAA,EAAA"}

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

@@ -0,0 +1,19 @@
+/**
+ * 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 BUTTON_VALID_SIZES: readonly ["s", "m", "l", "xl"];
+export declare const BUTTON_VARIANTS: readonly ["primary", "secondary", "accent", "negative"];
+export declare const BUTTON_FILL_STYLES: readonly ["fill", "outline"];
+export declare const BUTTON_STATIC_COLORS: readonly ["white", "black"];
+export type ButtonSize = (typeof BUTTON_VALID_SIZES)[number];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonFillStyle = (typeof BUTTON_FILL_STYLES)[number];
+export type ButtonStaticColor = (typeof BUTTON_STATIC_COLORS)[number];

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

@@ -0,0 +1,16 @@
+//#region components/button/Button.types.ts
+var e = [
+	"s",
+	"m",
+	"l",
+	"xl"
+], t = [
+	"primary",
+	"secondary",
+	"accent",
+	"negative"
+], n = ["fill", "outline"], r = ["white", "black"];
+//#endregion
+export { n as BUTTON_FILL_STYLES, r as BUTTON_STATIC_COLORS, e as BUTTON_VALID_SIZES, t as BUTTON_VARIANTS };
+
+//# sourceMappingURL=Button.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.js","names":[],"sources":["../../../components/button/Button.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 BUTTON_VALID_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const BUTTON_VARIANTS = [\n  'primary',\n  'secondary',\n  'accent',\n  'negative',\n] as const;\n\nexport const BUTTON_FILL_STYLES = ['fill', 'outline'] as const;\n\nexport const BUTTON_STATIC_COLORS = ['white', 'black'] as const;\n\n// ──────────────────\n//     TYPES\n// ──────────────────\n\nexport type ButtonSize = (typeof BUTTON_VALID_SIZES)[number];\nexport type ButtonVariant = (typeof BUTTON_VARIANTS)[number];\nexport type ButtonFillStyle = (typeof BUTTON_FILL_STYLES)[number];\nexport type ButtonStaticColor = (typeof BUTTON_STATIC_COLORS)[number];\n"],"mappings":";AAkBA,IAAa,IAAqB;CAChC;CACA;CACA;CACA;CACD,EAEY,IAAkB;CAC7B;CACA;CACA;CACA;CACD,EAEY,IAAqB,CAAC,QAAQ,UAAU,EAExC,IAAuB,CAAC,SAAS,QAAQ"}

package/dist/components/button/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 './Button.base.js';
+export * from './Button.types.js';

package/dist/components/button/index.js

@@ -0,0 +1,3 @@
+import { BUTTON_FILL_STYLES as e, BUTTON_STATIC_COLORS as t, BUTTON_VALID_SIZES as n, BUTTON_VARIANTS as r } from "./Button.types.js";
+import { ButtonBase as i } from "./Button.base.js";
+export { e as BUTTON_FILL_STYLES, t as BUTTON_STATIC_COLORS, n as BUTTON_VALID_SIZES, r as BUTTON_VARIANTS, i as ButtonBase };

package/dist/components/button-group/ButtonGroup.base.d.ts

@@ -0,0 +1,89 @@
+import { PropertyValues } from 'lit';
+import { SpectrumElement } from '../../element/index.js';
+import { ButtonGroupAlignment, ButtonGroupOrientation, ButtonGroupSize } from './ButtonGroup.types.js';
+declare const ButtonGroupBase_base: typeof SpectrumElement & {
+    new (...args: any[]): import('../../mixins/index.js').SizedElementInterface;
+    prototype: import('../../mixins/index.js').SizedElementInterface;
+} & import('../../mixins/index.js').SizedElementConstructor;
+/**
+ * A button group clusters related actions together, providing consistent
+ * spacing, sizing, and orientation. The host exposes `role="group"` and
+ * propagates `size` and `disabled` to slotted button children.
+ *
+ * This base class owns shared logic and accessibility semantics. Rendering
+ * and styling live in the concrete SWC subclass.
+ *
+ * @slot - One or more `swc-button` elements.
+ *
+ * @attribute {ElementSize} size - The size of the button group and its children.
+ */
+export declare abstract class ButtonGroupBase extends ButtonGroupBase_base {
+    /**
+     * The size of the button group. Propagated to all slotted button children.
+     *
+     * @default m
+     */
+    size: ButtonGroupSize;
+    /**
+     * @internal
+     *
+     * Valid orientation values for validation.
+     */
+    static readonly ORIENTATIONS: readonly string[];
+    /**
+     * @internal
+     *
+     * Valid alignment values for validation.
+     */
+    static readonly ALIGNMENTS: readonly string[];
+    /**
+     * The layout direction of the button group.
+     *
+     * Note: this property does NOT set `aria-orientation` on the host because
+     * `aria-orientation` is only meaningful for roles that manage arrow-key
+     * navigation (e.g. `toolbar`, `listbox`). Since button-group uses
+     * sequential Tab navigation (not roving tabindex), the attribute would
+     * be invalid.
+     */
+    orientation: ButtonGroupOrientation;
+    /**
+     * Whether all buttons in the group are disabled. When `true`, forces
+     * every slotted button child to `disabled`. When `false`, children
+     * retain their individual disabled state — a button slotted with
+     * `disabled` remains disabled even when the group is enabled.
+     */
+    disabled: boolean;
+    /**
+     * The alignment of buttons within the group along the main axis.
+     */
+    align: ButtonGroupAlignment;
+    private buttons;
+    /**
+     * Tracks buttons that were individually disabled before the group
+     * forced all children disabled. Used to restore their state when
+     * the group becomes enabled again.
+     */
+    private individuallyDisabled;
+    private readonly _sizePropagation;
+    protected firstUpdated(changed: PropertyValues<this>): void;
+    protected update(changedProperties: PropertyValues): void;
+    protected updated(changed: PropertyValues<this>): void;
+    /**
+     * Handles slotchange events from the default slot. Ensures newly slotted
+     * children receive the current size and disabled state.
+     */
+    protected handleSlotchange(): void;
+    /**
+     * Propagates disabled state to slotted button children.
+     *
+     * Uses a one-directional model: when the group is disabled, all children
+     * are forced disabled (tracking which were already individually disabled).
+     * When the group is enabled, children are restored to their individual
+     * disabled state — a button slotted with `disabled` remains disabled.
+     *
+     * On slotchange when the group is enabled, buttons are not touched so
+     * their declarative `disabled` attribute is preserved.
+     */
+    private propagateDisabledToChildren;
+}
+export {};

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

@@ -0,0 +1,53 @@
+import { __decorate as e } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
+import { SlotAttributePropagationController as t } from "../../controllers/slot-attribute-propagation/src/slot-attribute-propagation-controller.js";
+import { BUTTON_GROUP_ALIGNMENTS as n, BUTTON_GROUP_ORIENTATIONS as r, BUTTON_GROUP_SIZES as i } from "./ButtonGroup.types.js";
+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";
+//#region components/button-group/ButtonGroup.base.ts
+var l, u = 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",
+			getValue: () => this.size
+		});
+	}
+	firstUpdated(e) {
+		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);
+	}
+	updated(e) {
+		if (super.updated(e), e.has("disabled")) {
+			let t = e.get("disabled");
+			(this.disabled || t) && this.propagateDisabledToChildren();
+		}
+	}
+	handleSlotchange() {
+		this._sizePropagation.propagate(), this.disabled && this.propagateDisabledToChildren();
+	}
+	propagateDisabledToChildren() {
+		for (let e of this.buttons) this.disabled ? (e.disabled && this.individuallyDisabled.add(e), e.disabled = !0) : e.disabled = this.individuallyDisabled.has(e);
+		this.disabled || (this.individuallyDisabled = /* @__PURE__ */ new WeakSet());
+	}
+};
+l = u, l.ORIENTATIONS = r, l.ALIGNMENTS = n, e([a({
+	type: String,
+	reflect: !0
+})], u.prototype, "orientation", void 0), e([a({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "disabled", void 0), e([a({
+	type: String,
+	reflect: !0
+})], u.prototype, "align", void 0), e([o({ flatten: !0 })], u.prototype, "buttons", void 0);
+//#endregion
+export { u as ButtonGroupBase };
+
+//# sourceMappingURL=ButtonGroup.base.js.map

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

@@ -0,0 +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/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"}

package/dist/components/button-group/ButtonGroup.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 BUTTON_GROUP_SIZES: readonly ["s", "m", "l", "xl"];
+export declare const BUTTON_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export declare const BUTTON_GROUP_ALIGNMENTS: readonly ["start", "center", "end"];
+export type ButtonGroupSize = (typeof BUTTON_GROUP_SIZES)[number];
+export type ButtonGroupOrientation = (typeof BUTTON_GROUP_ORIENTATIONS)[number];
+export type ButtonGroupAlignment = (typeof BUTTON_GROUP_ALIGNMENTS)[number];

package/dist/components/button-group/ButtonGroup.types.js

@@ -0,0 +1,15 @@
+//#region components/button-group/ButtonGroup.types.ts
+var e = [
+	"s",
+	"m",
+	"l",
+	"xl"
+], t = ["horizontal", "vertical"], n = [
+	"start",
+	"center",
+	"end"
+];
+//#endregion
+export { n as BUTTON_GROUP_ALIGNMENTS, t as BUTTON_GROUP_ORIENTATIONS, e as BUTTON_GROUP_SIZES };
+
+//# sourceMappingURL=ButtonGroup.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.types.js","names":[],"sources":["../../../components/button-group/ButtonGroup.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 BUTTON_GROUP_SIZES = [\n  's',\n  'm',\n  'l',\n  'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const BUTTON_GROUP_ORIENTATIONS = ['horizontal', 'vertical'] as const;\n\nexport const BUTTON_GROUP_ALIGNMENTS = ['start', 'center', 'end'] as const;\n\n// ──────────────────\n// TYPES\n// ──────────────────\n\nexport type ButtonGroupSize = (typeof BUTTON_GROUP_SIZES)[number];\nexport type ButtonGroupOrientation = (typeof BUTTON_GROUP_ORIENTATIONS)[number];\nexport type ButtonGroupAlignment = (typeof BUTTON_GROUP_ALIGNMENTS)[number];\n"],"mappings":";AAkBA,IAAa,IAAqB;CAChC;CACA;CACA;CACA;CACD,EAEY,IAA4B,CAAC,cAAc,WAAW,EAEtD,IAA0B;CAAC;CAAS;CAAU;CAAM"}

package/dist/components/button-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 './ButtonGroup.base.js';
+export * from './ButtonGroup.types.js';

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

@@ -0,0 +1,3 @@
+import { BUTTON_GROUP_ALIGNMENTS as e, BUTTON_GROUP_ORIENTATIONS as t, BUTTON_GROUP_SIZES as n } from "./ButtonGroup.types.js";
+import { ButtonGroupBase as r } from "./ButtonGroup.base.js";
+export { e as BUTTON_GROUP_ALIGNMENTS, t as BUTTON_GROUP_ORIENTATIONS, n as BUTTON_GROUP_SIZES, r as ButtonGroupBase };