@spectrum-web-components/core 0.0.1

package/dist/components/progress-circle/ProgressCircle.base.d.ts

@@ -0,0 +1,76 @@
+import { PropertyValues } from 'lit';
+import { SpectrumElement } from '../../shared/base/index.js';
+import { ProgressCircleStaticColor } from './ProgressCircle.types.js';
+declare const ProgressCircleBase_base: typeof SpectrumElement & {
+    new (...args: any[]): import('../../shared/base/index.js').SizedElementInterface;
+    prototype: import('../../shared/base/index.js').SizedElementInterface;
+} & import('../../shared/base/sizedMixin.js').SizedElementConstructor;
+/**
+ * A progress circle component that visually represents the completion progress of a task.
+ * Can be used in both determinate (with specific progress value) and indeterminate (loading) states.
+ *
+ * @attribute {ElementSize} size - The size of the progress circle.
+ *
+ * @todo Why do we support both the slot and the label attribute? Should we deprecate the slot?
+ *
+ * @todo Figure out why our tool chain doesn't respect the line breaks in this slot description.
+ *
+ * @slot - Accessible label for the progress circle.
+ *
+ *   Used to provide context about what is loading or progressing.
+ *
+ * @fires progress-change - Dispatched when the progress value changes
+ */
+export declare abstract class ProgressCircleBase extends ProgressCircleBase_base {
+    /**
+     * @internal
+     *
+     * A readonly array of the valid static colors for the progress circle.
+     *
+     * This is an actual internal property, intended not for customer use
+     * but for use in internal validation logic, stories, tests, etc.
+     *
+     * Because S1 and S2 support different static colors, the value of this
+     * property must be set in each subclass.
+     */
+    static readonly STATIC_COLORS: readonly string[];
+    /**
+     * @internal
+     *
+     * Static color variant for use on different backgrounds.
+     *
+     * This is a public property, but its valid values vary between S1 and S2,
+     * so the property (and its docs) need to be redefined in each subclass.
+     *
+     * The type declared here is a union of the valid values for S1 and S2,
+     * and should be narrowed in each subclass.
+     */
+    staticColor?: ProgressCircleStaticColor;
+    /**
+     * Whether the progress circle shows indeterminate progress (loading state).
+     *
+     * When true, displays an animated loading indicator instead of a specific progress value.
+     */
+    indeterminate: boolean;
+    /**
+     * Accessible label for the progress circle.
+     *
+     * Used to provide context about what is loading or progressing.
+     */
+    label: string;
+    /**
+     * Progress value from 0 to 100.
+     *
+     * Only relevant when indeterminate is false.
+     */
+    progress: number;
+    /**
+     * @internal
+     */
+    private slotEl;
+    protected makeRotation(rotation: number): string | undefined;
+    protected handleSlotchange(): void;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues): void;
+}
+export {};

package/dist/components/progress-circle/ProgressCircle.base.js

@@ -0,0 +1,63 @@
+import { property as l, query as n } from "lit/decorators.js";
+import { SizedMixin as b, SpectrumElement as h } from "@spectrum-web-components/core/shared/base/index.js";
+import { getLabelFromSlot as d } from "@spectrum-web-components/core/shared/get-label-from-slot.js";
+import { PROGRESS_CIRCLE_VALID_SIZES as u } from "./ProgressCircle.types.js";
+var c = Object.defineProperty, r = (a, e, s, m) => {
+  for (var t = void 0, o = a.length - 1, p; o >= 0; o--)
+    (p = a[o]) && (t = p(e, s, t) || t);
+  return t && c(e, s, t), t;
+};
+class i extends b(h, {
+  validSizes: u
+}) {
+  constructor() {
+    super(...arguments), this.indeterminate = !1, this.label = "", this.progress = 0;
+  }
+  makeRotation(e) {
+    return this.indeterminate ? void 0 : `transform: rotate(${e}deg);`;
+  }
+  handleSlotchange() {
+    const e = d(this.label, this.slotEl);
+    e && (this.label = e);
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this.hasAttribute("role") || this.setAttribute("role", "progressbar");
+  }
+  updated(e) {
+    super.updated(e), !this.indeterminate && e.has("progress") ? this.setAttribute("aria-valuenow", "" + this.progress) : this.hasAttribute("aria-valuenow") && this.removeAttribute("aria-valuenow"), e.has("label") && (this.label.length ? this.setAttribute("aria-label", this.label) : e.get("label") === this.getAttribute("aria-label") && this.removeAttribute("aria-label"));
+    const s = () => !!(this.label || this.getAttribute("aria-label") || this.getAttribute("aria-labelledby") || this.slotEl.assignedNodes().length);
+    window.__swc.DEBUG && !s() && this.getAttribute("role") === "progressbar" && window.__swc?.warn(
+      this,
+      "<sp-progress-circle> elements need one of the following to be accessible:",
+      "https://opensource.adobe.com/spectrum-web-components/components/progress-circle/#accessibility",
+      {
+        type: "accessibility",
+        issues: [
+          'value supplied to the "label" attribute, which will be displayed visually as part of the element, or',
+          "text content supplied directly to the <sp-progress-circle> element, or",
+          'value supplied to the "aria-label" attribute, which will only be provided to screen readers, or',
+          'an element ID reference supplied to the "aria-labelledby" attribute, which will be provided by screen readers and will need to be managed manually by the parent application.'
+        ]
+      }
+    );
+  }
+}
+r([
+  l({ type: String, reflect: !0, attribute: "static-color" })
+], i.prototype, "staticColor");
+r([
+  l({ type: Boolean, reflect: !0 })
+], i.prototype, "indeterminate");
+r([
+  l({ type: String })
+], i.prototype, "label");
+r([
+  l({ type: Number })
+], i.prototype, "progress");
+r([
+  n("slot")
+], i.prototype, "slotEl");
+export {
+  i as ProgressCircleBase
+};
+//# sourceMappingURL=ProgressCircle.base.js.map

package/dist/components/progress-circle/ProgressCircle.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.base.js","sources":["../../../components/progress-circle/ProgressCircle.base.ts"],"sourcesContent":["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport {\n    SizedMixin,\n    SpectrumElement,\n} from '@spectrum-web-components/core/shared/base/index.js';\nimport { getLabelFromSlot } from '@spectrum-web-components/core/shared/get-label-from-slot.js';\n\nimport {\n    PROGRESS_CIRCLE_VALID_SIZES,\n    ProgressCircleStaticColor,\n} from './ProgressCircle.types.js';\n\n/**\n * A progress circle component that visually represents the completion progress of a task.\n * Can be used in both determinate (with specific progress value) and indeterminate (loading) states.\n *\n * @attribute {ElementSize} size - The size of the progress circle.\n *\n * @todo Why do we support both the slot and the label attribute? Should we deprecate the slot?\n *\n * @todo Figure out why our tool chain doesn't respect the line breaks in this slot description.\n *\n * @slot - Accessible label for the progress circle.\n *\n *   Used to provide context about what is loading or progressing.\n *\n * @fires progress-change - Dispatched when the progress value changes\n */\nexport abstract class ProgressCircleBase extends SizedMixin(SpectrumElement, {\n    validSizes: PROGRESS_CIRCLE_VALID_SIZES,\n}) {\n    // ─────────────────────────\n    //     API TO OVERRIDE\n    // ─────────────────────────\n\n    /**\n     * @internal\n     *\n     * A readonly array of the valid static colors for the progress circle.\n     *\n     * This is an actual internal property, intended not for customer use\n     * but for use in internal validation logic, stories, tests, etc.\n     *\n     * Because S1 and S2 support different static colors, the value of this\n     * property must be set in each subclass.\n     */\n    static readonly STATIC_COLORS: readonly string[];\n\n    /**\n     * @internal\n     *\n     * Static color variant for use on different backgrounds.\n     *\n     * This is a public property, but its valid values vary between S1 and S2,\n     * so the property (and its docs) need to be redefined in each subclass.\n     *\n     * The type declared here is a union of the valid values for S1 and S2,\n     * and should be narrowed in each subclass.\n     */\n    @property({ type: String, reflect: true, attribute: 'static-color' })\n    public staticColor?: ProgressCircleStaticColor;\n\n    // ──────────────────\n    //     SHARED API\n    // ──────────────────\n\n    /**\n     * Whether the progress circle shows indeterminate progress (loading state).\n     *\n     * When true, displays an animated loading indicator instead of a specific progress value.\n     */\n    @property({ type: Boolean, reflect: true })\n    public indeterminate = false;\n\n    /**\n     * Accessible label for the progress circle.\n     *\n     * Used to provide context about what is loading or progressing.\n     */\n    @property({ type: String })\n    public label = '';\n\n    /**\n     * Progress value from 0 to 100.\n     *\n     * Only relevant when indeterminate is false.\n     */\n    @property({ type: Number })\n    public progress = 0;\n\n    // ──────────────────────\n    //     IMPLEMENTATION\n    // ──────────────────────\n\n    /**\n     * @internal\n     */\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    protected makeRotation(rotation: number): string | undefined {\n        return this.indeterminate\n            ? undefined\n            : `transform: rotate(${rotation}deg);`;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        if (!this.hasAttribute('role')) {\n            this.setAttribute('role', 'progressbar');\n        }\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (!this.indeterminate && changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        } else if (this.hasAttribute('aria-valuenow')) {\n            this.removeAttribute('aria-valuenow');\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else if (\n                changes.get('label') === this.getAttribute('aria-label')\n            ) {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        const hasAccessibleName = (): boolean => {\n            return Boolean(\n                this.label ||\n                    this.getAttribute('aria-label') ||\n                    this.getAttribute('aria-labelledby') ||\n                    this.slotEl.assignedNodes().length\n            );\n        };\n\n        if (window.__swc.DEBUG) {\n            if (\n                !hasAccessibleName() &&\n                this.getAttribute('role') === 'progressbar'\n            ) {\n                window.__swc?.warn(\n                    this,\n                    '<sp-progress-circle> elements need one of the following to be accessible:',\n                    'https://opensource.adobe.com/spectrum-web-components/components/progress-circle/#accessibility',\n                    {\n                        type: 'accessibility',\n                        issues: [\n                            'value supplied to the \"label\" attribute, which will be displayed visually as part of the element, or',\n                            'text content supplied directly to the <sp-progress-circle> element, or',\n                            'value supplied to the \"aria-label\" attribute, which will only be provided to screen readers, or',\n                            'an element ID reference supplied to the \"aria-labelledby\" attribute, which will be provided by screen readers and will need to be managed manually by the parent application.',\n                        ],\n                    }\n                );\n            }\n        }\n    }\n}\n"],"names":["ProgressCircleBase","SizedMixin","SpectrumElement","PROGRESS_CIRCLE_VALID_SIZES","rotation","labelFromSlot","getLabelFromSlot","changes","hasAccessibleName","__decorateClass","property","query"],"mappings":";;;;;;;;;AAyCO,MAAeA,UAA2BC,EAAWC,GAAiB;AAAA,EACzE,YAAYC;AAChB,CAAC,EAAE;AAAA,EAFI,cAAA;AAAA,UAAA,GAAA,SAAA,GA4CH,KAAO,gBAAgB,IAQvB,KAAO,QAAQ,IAQf,KAAO,WAAW;AAAA,EAAA;AAAA,EAYR,aAAaC,GAAsC;AACzD,WAAO,KAAK,gBACN,SACA,qBAAqBA,CAAQ;AAAA,EACvC;AAAA,EAEU,mBAAyB;AAC/B,UAAMC,IAAgBC,EAAiB,KAAK,OAAO,KAAK,MAAM;AAC9D,IAAID,MACA,KAAK,QAAQA;AAAA,EAErB;AAAA,EAEmB,aAAaE,GAA+B;AAC3D,UAAM,aAAaA,CAAO,GACrB,KAAK,aAAa,MAAM,KACzB,KAAK,aAAa,QAAQ,aAAa;AAAA,EAE/C;AAAA,EAEmB,QAAQA,GAA+B;AACtD,UAAM,QAAQA,CAAO,GACjB,CAAC,KAAK,iBAAiBA,EAAQ,IAAI,UAAU,IAC7C,KAAK,aAAa,iBAAiB,KAAK,KAAK,QAAQ,IAC9C,KAAK,aAAa,eAAe,KACxC,KAAK,gBAAgB,eAAe,GAEpCA,EAAQ,IAAI,OAAO,MACf,KAAK,MAAM,SACX,KAAK,aAAa,cAAc,KAAK,KAAK,IAE1CA,EAAQ,IAAI,OAAO,MAAM,KAAK,aAAa,YAAY,KAEvD,KAAK,gBAAgB,YAAY;AAIzC,UAAMC,IAAoB,MACf,GACH,KAAK,SACD,KAAK,aAAa,YAAY,KAC9B,KAAK,aAAa,iBAAiB,KACnC,KAAK,OAAO,gBAAgB;AAIxC,IAAI,OAAO,MAAM,SAET,CAACA,EAAA,KACD,KAAK,aAAa,MAAM,MAAM,iBAE9B,OAAO,OAAO;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACI,MAAM;AAAA,QACN,QAAQ;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACJ;AAAA,IACJ;AAAA,EAIhB;AACJ;AA5GWC,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,gBAAgB;AAAA,GA/BlDV,EAgCX,WAAA,aAAA;AAYAS,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GA3CxBV,EA4CX,WAAA,eAAA;AAQAS,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAnDRV,EAoDX,WAAA,OAAA;AAQAS,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA3DRV,EA4DX,WAAA,UAAA;AAUCS,EAAA;AAAA,EADPE,EAAM,MAAM;AAAA,GArEKX,EAsEV,WAAA,QAAA;"}

package/dist/components/progress-circle/ProgressCircle.types.d.ts

@@ -0,0 +1,7 @@
+import { ElementSize } from '../../shared/base/index.js';
+export declare const PROGRESS_CIRCLE_VALID_SIZES: ElementSize[];
+export declare const PROGRESS_CIRCLE_STATIC_COLORS_S1: readonly ["white"];
+export declare const PROGRESS_CIRCLE_STATIC_COLORS_S2: readonly ["white", "black"];
+export type ProgressCircleStaticColorS1 = (typeof PROGRESS_CIRCLE_STATIC_COLORS_S1)[number];
+export type ProgressCircleStaticColorS2 = (typeof PROGRESS_CIRCLE_STATIC_COLORS_S2)[number];
+export type ProgressCircleStaticColor = ProgressCircleStaticColorS1 | ProgressCircleStaticColorS2;

package/dist/components/progress-circle/ProgressCircle.types.js

@@ -0,0 +1,14 @@
+const R = [
+  "s",
+  "m",
+  "l"
+], S = ["white"], _ = [
+  ...S,
+  "black"
+];
+export {
+  S as PROGRESS_CIRCLE_STATIC_COLORS_S1,
+  _ as PROGRESS_CIRCLE_STATIC_COLORS_S2,
+  R as PROGRESS_CIRCLE_VALID_SIZES
+};
+//# sourceMappingURL=ProgressCircle.types.js.map

package/dist/components/progress-circle/ProgressCircle.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCircle.types.js","sources":["../../../components/progress-circle/ProgressCircle.types.ts"],"sourcesContent":["/**\n * Copyright 2025 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 '@spectrum-web-components/core/shared/base/index.js';\n\nexport const PROGRESS_CIRCLE_VALID_SIZES: ElementSize[] = [\n    's',\n    'm',\n    'l',\n] as const;\nexport const PROGRESS_CIRCLE_STATIC_COLORS_S1 = ['white'] as const;\nexport const PROGRESS_CIRCLE_STATIC_COLORS_S2 = [\n    ...PROGRESS_CIRCLE_STATIC_COLORS_S1,\n    'black',\n] as const;\n\nexport type ProgressCircleStaticColorS1 =\n    (typeof PROGRESS_CIRCLE_STATIC_COLORS_S1)[number];\nexport type ProgressCircleStaticColorS2 =\n    (typeof PROGRESS_CIRCLE_STATIC_COLORS_S2)[number];\nexport type ProgressCircleStaticColor =\n    | ProgressCircleStaticColorS1\n    | ProgressCircleStaticColorS2;\n"],"names":["PROGRESS_CIRCLE_VALID_SIZES","PROGRESS_CIRCLE_STATIC_COLORS_S1","PROGRESS_CIRCLE_STATIC_COLORS_S2"],"mappings":"AAcO,MAAMA,IAA6C;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AACJ,GACaC,IAAmC,CAAC,OAAO,GAC3CC,IAAmC;AAAA,EAC5C,GAAGD;AAAA,EACH;AACJ;"}

package/dist/components/progress-circle/index.d.ts

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

package/dist/components/progress-circle/index.js

@@ -0,0 +1,9 @@
+import { ProgressCircleBase as R } from "./ProgressCircle.base.js";
+import { PROGRESS_CIRCLE_STATIC_COLORS_S1 as r, PROGRESS_CIRCLE_STATIC_COLORS_S2 as E, PROGRESS_CIRCLE_VALID_SIZES as I } from "./ProgressCircle.types.js";
+export {
+  r as PROGRESS_CIRCLE_STATIC_COLORS_S1,
+  E as PROGRESS_CIRCLE_STATIC_COLORS_S2,
+  I as PROGRESS_CIRCLE_VALID_SIZES,
+  R as ProgressCircleBase
+};
+//# sourceMappingURL=index.js.map

package/dist/components/progress-circle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/status-light/StatusLight.base.d.ts

@@ -0,0 +1,64 @@
+import { PropertyValues } from 'lit';
+import { SpectrumElement } from '../../shared/base';
+import { StatusLightVariant } from './StatusLight.types.js';
+declare const StatusLightBase_base: typeof SpectrumElement & {
+    new (...args: any[]): import('../../shared/base').SizedElementInterface;
+    prototype: import('../../shared/base').SizedElementInterface;
+} & import('../../shared/base/sizedMixin.js').SizedElementConstructor;
+/**
+ * A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories. It provides visual indicators through colored dots accompanied by descriptive text.
+ *
+ * @slot - The text label of the status light.
+ */
+export declare abstract class StatusLightBase extends StatusLightBase_base {
+    /**
+     * @internal
+     *
+     * A readonly array of the valid color variants for the status light.
+     *
+     * This is an actual internal property, intended not for customer use
+     * but for use in internal validation logic, stories, tests, etc.
+     *
+     * Because S1 and S2 support different color variants, the value of this
+     * property must be set in each subclass.
+     */
+    static readonly VARIANTS_COLOR: readonly string[];
+    /**
+     * @internal
+     *
+     * A readonly array of the valid semantic variants for the status light.
+     *
+     * This is an actual internal property, intended not for customer use
+     * but for use in internal validation logic, stories, tests, etc.
+     *
+     * Because S1 and S2 support different semantic variants, the value of this
+     * property must be set in each subclass.
+     */
+    static readonly VARIANTS_SEMANTIC: readonly string[];
+    /**
+     * @internal
+     *
+     * A readonly array of all valid variants for the status light.
+     *
+     * This is an actual internal property, intended not for customer use
+     * but for use in internal validation logic, stories, tests, etc.
+     *
+     * Because S1 and S2 support different variants, the value of this
+     * property must be set in each subclass.
+     */
+    static readonly VARIANTS: readonly string[];
+    /**
+     * @internal
+     *
+     * The variant of the status light.
+     *
+     * This is a public property, but its valid values vary between S1 and S2,
+     * so the property (and its docs) need to be redefined in each subclass.
+     *
+     * The type declared here is a union of the valid values for S1 and S2,
+     * and should be narrowed in each subclass.
+     */
+    variant: StatusLightVariant;
+    protected updated(changes: PropertyValues): void;
+}
+export {};

package/dist/components/status-light/StatusLight.base.js

@@ -0,0 +1,46 @@
+import { property as n } from "lit/decorators.js";
+import { SizedMixin as a, SpectrumElement as p } from "@spectrum-web-components/core/shared/base";
+var u = Object.defineProperty, c = (o, s, e, l) => {
+  for (var t = void 0, i = o.length - 1, r; i >= 0; i--)
+    (r = o[i]) && (t = r(s, e, t) || t);
+  return t && u(s, e, t), t;
+};
+class d extends a(p, {
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(...arguments), this.variant = "info";
+  }
+  // ──────────────────────
+  //     IMPLEMENTATION
+  // ──────────────────────
+  updated(s) {
+    if (super.updated(s), window.__swc?.DEBUG) {
+      const e = this.constructor;
+      e.VARIANTS.includes(this.variant) || window.__swc.warn(
+        this,
+        `<${this.localName}> element expects the "variant" attribute to be one of the following:`,
+        "https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants",
+        {
+          issues: [...e.VARIANTS]
+        }
+      ), this.hasAttribute("disabled") && !("disabled" in this) && window.__swc.warn(
+        this,
+        `<${this.localName}> element does not support the disabled state.`,
+        "https://opensource.adobe.com/spectrum-web-components/components/status-light/#states",
+        {
+          issues: [
+            "disabled is not a supported property in Spectrum 2"
+          ]
+        }
+      );
+    }
+  }
+}
+c([
+  n({ type: String, reflect: !0 })
+], d.prototype, "variant");
+export {
+  d as StatusLightBase
+};
+//# sourceMappingURL=StatusLight.base.js.map

package/dist/components/status-light/StatusLight.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLight.base.js","sources":["../../../components/status-light/StatusLight.base.ts"],"sourcesContent":["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport {\n    SizedMixin,\n    SpectrumElement,\n} from '@spectrum-web-components/core/shared/base';\n\nimport { type StatusLightVariant } from './StatusLight.types.js';\n\n/**\n * A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories. It provides visual indicators through colored dots accompanied by descriptive text.\n *\n * @slot - The text label of the status light.\n */\nexport abstract class StatusLightBase extends SizedMixin(SpectrumElement, {\n    noDefaultSize: true,\n}) {\n    // ─────────────────────────\n    //     API TO OVERRIDE\n    // ─────────────────────────\n\n    /**\n     * @internal\n     *\n     * A readonly array of the valid color variants for the status light.\n     *\n     * This is an actual internal property, intended not for customer use\n     * but for use in internal validation logic, stories, tests, etc.\n     *\n     * Because S1 and S2 support different color variants, the value of this\n     * property must be set in each subclass.\n     */\n    static readonly VARIANTS_COLOR: readonly string[];\n\n    /**\n     * @internal\n     *\n     * A readonly array of the valid semantic variants for the status light.\n     *\n     * This is an actual internal property, intended not for customer use\n     * but for use in internal validation logic, stories, tests, etc.\n     *\n     * Because S1 and S2 support different semantic variants, the value of this\n     * property must be set in each subclass.\n     */\n    static readonly VARIANTS_SEMANTIC: readonly string[];\n\n    /**\n     * @internal\n     *\n     * A readonly array of all valid variants for the status light.\n     *\n     * This is an actual internal property, intended not for customer use\n     * but for use in internal validation logic, stories, tests, etc.\n     *\n     * Because S1 and S2 support different variants, the value of this\n     * property must be set in each subclass.\n     */\n    static readonly VARIANTS: readonly string[];\n\n    /**\n     * @internal\n     *\n     * The variant of the status light.\n     *\n     * This is a public property, but its valid values vary between S1 and S2,\n     * so the property (and its docs) need to be redefined in each subclass.\n     *\n     * The type declared here is a union of the valid values for S1 and S2,\n     * and should be narrowed in each subclass.\n     */\n    @property({ type: String, reflect: true })\n    public variant: StatusLightVariant = 'info';\n\n    // ──────────────────────\n    //     IMPLEMENTATION\n    // ──────────────────────\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (window.__swc?.DEBUG) {\n            const constructor = this.constructor as typeof StatusLightBase;\n            if (!constructor.VARIANTS.includes(this.variant)) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> element expects the \"variant\" attribute to be one of the following:`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants',\n                    {\n                        issues: [...constructor.VARIANTS],\n                    }\n                );\n            }\n            // Check disabled property if it exists (S1 only)\n            if (this.hasAttribute('disabled') && !('disabled' in this)) {\n                window.__swc.warn(\n                    this,\n                    `<${this.localName}> element does not support the disabled state.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/status-light/#states',\n                    {\n                        issues: [\n                            'disabled is not a supported property in Spectrum 2',\n                        ],\n                    }\n                );\n            }\n        }\n    }\n}\n"],"names":["StatusLightBase","SizedMixin","SpectrumElement","changes","constructor","__decorateClass","property"],"mappings":";;;;;;;AA0BO,MAAeA,UAAwBC,EAAWC,GAAiB;AAAA,EACtE,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI,cAAA;AAAA,UAAA,GAAA,SAAA,GA0DH,KAAO,UAA8B;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,QAAQC,GAA+B;AAEtD,QADA,MAAM,QAAQA,CAAO,GACjB,OAAO,OAAO,OAAO;AACrB,YAAMC,IAAc,KAAK;AACzB,MAAKA,EAAY,SAAS,SAAS,KAAK,OAAO,KAC3C,OAAO,MAAM;AAAA,QACT;AAAA,QACA,IAAI,KAAK,SAAS;AAAA,QAClB;AAAA,QACA;AAAA,UACI,QAAQ,CAAC,GAAGA,EAAY,QAAQ;AAAA,QAAA;AAAA,MACpC,GAIJ,KAAK,aAAa,UAAU,KAAK,EAAE,cAAc,SACjD,OAAO,MAAM;AAAA,QACT;AAAA,QACA,IAAI,KAAK,SAAS;AAAA,QAClB;AAAA,QACA;AAAA,UACI,QAAQ;AAAA,YACJ;AAAA,UAAA;AAAA,QACJ;AAAA,MACJ;AAAA,IAGZ;AAAA,EACJ;AACJ;AAnCWC,EAAA;AAAA,EADNC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAzDvBN,EA0DX,WAAA,SAAA;"}

package/dist/components/status-light/StatusLight.types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright 2025 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 STATUSLIGHT_VARIANTS_SEMANTIC: readonly ["neutral", "info", "positive", "negative", "notice"];
+export declare const STATUSLIGHT_VARIANTS_SEMANTIC_S1: readonly ["neutral", "info", "positive", "negative", "notice", "accent"];
+export declare const STATUSLIGHT_VARIANTS_SEMANTIC_S2: readonly ["neutral", "info", "positive", "negative", "notice"];
+export declare const STATUSLIGHT_VARIANTS_COLOR_S1: readonly ["fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan"];
+export declare const STATUSLIGHT_VARIANTS_COLOR_S2: readonly ["fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan", "pink", "turquoise", "brown", "cinnamon", "silver"];
+export declare const STATUSLIGHT_VARIANTS_S1: readonly ["neutral", "info", "positive", "negative", "notice", "accent", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan"];
+export declare const STATUSLIGHT_VARIANTS_S2: readonly ["neutral", "info", "positive", "negative", "notice", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan", "pink", "turquoise", "brown", "cinnamon", "silver"];
+export type StatusLightVariantS1 = (typeof STATUSLIGHT_VARIANTS_S1)[number];
+export type StatusLightVariantS2 = (typeof STATUSLIGHT_VARIANTS_S2)[number];
+export type StatusLightVariant = StatusLightVariantS1 | StatusLightVariantS2;

package/dist/components/status-light/StatusLight.types.js

@@ -0,0 +1,45 @@
+const T = [
+  "neutral",
+  "info",
+  "positive",
+  "negative",
+  "notice"
+], A = [
+  ...T,
+  "accent"
+], n = [
+  ...T
+], S = [
+  "fuchsia",
+  "indigo",
+  "magenta",
+  "purple",
+  "seafoam",
+  "yellow",
+  "chartreuse",
+  "celery",
+  "cyan"
+], _ = [
+  ...S,
+  "pink",
+  "turquoise",
+  "brown",
+  "cinnamon",
+  "silver"
+], e = [
+  ...A,
+  ...S
+], o = [
+  ...n,
+  ..._
+];
+export {
+  S as STATUSLIGHT_VARIANTS_COLOR_S1,
+  _ as STATUSLIGHT_VARIANTS_COLOR_S2,
+  e as STATUSLIGHT_VARIANTS_S1,
+  o as STATUSLIGHT_VARIANTS_S2,
+  T as STATUSLIGHT_VARIANTS_SEMANTIC,
+  A as STATUSLIGHT_VARIANTS_SEMANTIC_S1,
+  n as STATUSLIGHT_VARIANTS_SEMANTIC_S2
+};
+//# sourceMappingURL=StatusLight.types.js.map

package/dist/components/status-light/StatusLight.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusLight.types.js","sources":["../../../components/status-light/StatusLight.types.ts"],"sourcesContent":["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/*\n * @todo The S1 types can be removed once we are no longer maintaining 1st-gen.\n */\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC = [\n    'neutral',\n    'info',\n    'positive',\n    'negative',\n    'notice',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S1 = [\n    ...STATUSLIGHT_VARIANTS_SEMANTIC,\n    'accent',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S2 = [\n    ...STATUSLIGHT_VARIANTS_SEMANTIC,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S1 = [\n    'fuchsia',\n    'indigo',\n    'magenta',\n    'purple',\n    'seafoam',\n    'yellow',\n    'chartreuse',\n    'celery',\n    'cyan',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S2 = [\n    ...STATUSLIGHT_VARIANTS_COLOR_S1,\n    'pink',\n    'turquoise',\n    'brown',\n    'cinnamon',\n    'silver',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S1 = [\n    ...STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n    ...STATUSLIGHT_VARIANTS_COLOR_S1,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S2 = [\n    ...STATUSLIGHT_VARIANTS_SEMANTIC_S2,\n    ...STATUSLIGHT_VARIANTS_COLOR_S2,\n] as const;\n\nexport type StatusLightVariantS1 = (typeof STATUSLIGHT_VARIANTS_S1)[number];\nexport type StatusLightVariantS2 = (typeof STATUSLIGHT_VARIANTS_S2)[number];\nexport type StatusLightVariant = StatusLightVariantS1 | StatusLightVariantS2;\n"],"names":["STATUSLIGHT_VARIANTS_SEMANTIC","STATUSLIGHT_VARIANTS_SEMANTIC_S1","STATUSLIGHT_VARIANTS_SEMANTIC_S2","STATUSLIGHT_VARIANTS_COLOR_S1","STATUSLIGHT_VARIANTS_COLOR_S2","STATUSLIGHT_VARIANTS_S1","STATUSLIGHT_VARIANTS_S2"],"mappings":"AAgBO,MAAMA,IAAgC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEaC,IAAmC;AAAA,EAC5C,GAAGD;AAAA,EACH;AACJ,GAEaE,IAAmC;AAAA,EAC5C,GAAGF;AACP,GAEaG,IAAgC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEaC,IAAgC;AAAA,EACzC,GAAGD;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEaE,IAA0B;AAAA,EACnC,GAAGJ;AAAA,EACH,GAAGE;AACP,GAEaG,IAA0B;AAAA,EACnC,GAAGJ;AAAA,EACH,GAAGE;AACP;"}

package/dist/components/status-light/index.d.ts

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

package/dist/components/status-light/index.js

@@ -0,0 +1,13 @@
+import { StatusLightBase as A } from "./StatusLight.base.js";
+import { STATUSLIGHT_VARIANTS_COLOR_S1 as I, STATUSLIGHT_VARIANTS_COLOR_S2 as L, STATUSLIGHT_VARIANTS_S1 as N, STATUSLIGHT_VARIANTS_S2 as R, STATUSLIGHT_VARIANTS_SEMANTIC as G, STATUSLIGHT_VARIANTS_SEMANTIC_S1 as H, STATUSLIGHT_VARIANTS_SEMANTIC_S2 as U } from "./StatusLight.types.js";
+export {
+  I as STATUSLIGHT_VARIANTS_COLOR_S1,
+  L as STATUSLIGHT_VARIANTS_COLOR_S2,
+  N as STATUSLIGHT_VARIANTS_S1,
+  R as STATUSLIGHT_VARIANTS_S2,
+  G as STATUSLIGHT_VARIANTS_SEMANTIC,
+  H as STATUSLIGHT_VARIANTS_SEMANTIC_S1,
+  U as STATUSLIGHT_VARIANTS_SEMANTIC_S2,
+  A as StatusLightBase
+};
+//# sourceMappingURL=index.js.map

package/dist/components/status-light/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/node_modules/@lit-labs/observers/mutation-controller.js

@@ -0,0 +1,30 @@
+class a {
+  constructor(t, { target: s, config: e, callback: i, skipInitial: h }) {
+    this.t = /* @__PURE__ */ new Set(), this.o = !1, this.i = !1, this.h = t, s !== null && this.t.add(s ?? t), this.l = e, this.o = h ?? this.o, this.callback = i, window.MutationObserver ? (this.u = new MutationObserver(((o) => {
+      this.handleChanges(o), this.h.requestUpdate();
+    })), t.addController(this)) : console.warn("MutationController error: browser does not support MutationObserver.");
+  }
+  handleChanges(t) {
+    this.value = this.callback?.(t, this.u);
+  }
+  hostConnected() {
+    for (const t of this.t) this.observe(t);
+  }
+  hostDisconnected() {
+    this.disconnect();
+  }
+  async hostUpdated() {
+    const t = this.u.takeRecords();
+    (t.length || !this.o && this.i) && this.handleChanges(t), this.i = !1;
+  }
+  observe(t) {
+    this.t.add(t), this.u.observe(t, this.l), this.i = !0, this.h.requestUpdate();
+  }
+  disconnect() {
+    this.u.disconnect();
+  }
+}
+export {
+  a as MutationController
+};
+//# sourceMappingURL=mutation-controller.js.map

package/dist/node_modules/@lit-labs/observers/mutation-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation-controller.js","sources":["../../../../../../../node_modules/@lit-labs/observers/mutation-controller.js"],"sourcesContent":["class t{constructor(t,{target:s,config:i,callback:h,skipInitial:o}){this.t=new Set,this.o=!1,this.i=!1,this.h=t,null!==s&&this.t.add(s??t),this.l=i,this.o=o??this.o,this.callback=h,window.MutationObserver?(this.u=new MutationObserver((t=>{this.handleChanges(t),this.h.requestUpdate()})),t.addController(this)):console.warn(\"MutationController error: browser does not support MutationObserver.\")}handleChanges(t){this.value=this.callback?.(t,this.u)}hostConnected(){for(const t of this.t)this.observe(t)}hostDisconnected(){this.disconnect()}async hostUpdated(){const t=this.u.takeRecords();(t.length||!this.o&&this.i)&&this.handleChanges(t),this.i=!1}observe(t){this.t.add(t),this.u.observe(t,this.l),this.i=!0,this.h.requestUpdate()}disconnect(){this.u.disconnect()}}export{t as MutationController};\n//# sourceMappingURL=mutation-controller.js.map\n"],"names":["t","i","h","o"],"mappings":"AAAA,MAAMA,EAAC;AAAA,EAAC,YAAY,GAAE,EAAC,QAAO,GAAE,QAAOC,GAAE,UAASC,GAAE,aAAYC,EAAC,GAAE;AAAC,SAAK,IAAE,oBAAI,OAAI,KAAK,IAAE,IAAG,KAAK,IAAE,IAAG,KAAK,IAAE,GAAS,MAAP,QAAU,KAAK,EAAE,IAAI,KAAG,CAAC,GAAE,KAAK,IAAEF,GAAE,KAAK,IAAEE,KAAG,KAAK,GAAE,KAAK,WAASD,GAAE,OAAO,oBAAkB,KAAK,IAAE,IAAI,kBAAkB,CAAAF,MAAG;AAAC,WAAK,cAAcA,CAAC,GAAE,KAAK,EAAE;IAAe,EAAC,GAAG,EAAE,cAAc,IAAI,KAAG,QAAQ,KAAK,sEAAsE;AAAA,EAAC;AAAA,EAAC,cAAc,GAAE;AAAC,SAAK,QAAM,KAAK,WAAW,GAAE,KAAK,CAAC;AAAA,EAAC;AAAA,EAAC,gBAAe;AAAC,eAAU,KAAK,KAAK,EAAE,MAAK,QAAQ,CAAC;AAAA,EAAC;AAAA,EAAC,mBAAkB;AAAC,SAAK,WAAU;AAAA,EAAE;AAAA,EAAC,MAAM,cAAa;AAAC,UAAM,IAAE,KAAK,EAAE,YAAW;AAAG,KAAC,EAAE,UAAQ,CAAC,KAAK,KAAG,KAAK,MAAI,KAAK,cAAc,CAAC,GAAE,KAAK,IAAE;AAAA,EAAE;AAAA,EAAC,QAAQ,GAAE;AAAC,SAAK,EAAE,IAAI,CAAC,GAAE,KAAK,EAAE,QAAQ,GAAE,KAAK,CAAC,GAAE,KAAK,IAAE,IAAG,KAAK,EAAE,cAAa;AAAA,EAAE;AAAA,EAAC,aAAY;AAAC,SAAK,EAAE;EAAY;AAAC;","x_google_ignoreList":[0]}

package/dist/shared/base/Base.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, ReactiveElement } from 'lit';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export interface SpectrumInterface {
+    shadowRoot: ShadowRoot;
+    isLTR: boolean;
+    hasVisibleFocusInTree(): boolean;
+    dir: 'ltr' | 'rtl';
+}
+export declare function SpectrumMixin<T extends Constructor<ReactiveElement>>(constructor: T): T & Constructor<SpectrumInterface>;
+declare const SpectrumElement_base: typeof LitElement & Constructor<SpectrumInterface>;
+export declare class SpectrumElement extends SpectrumElement_base {
+    static VERSION: string;
+}
+export {};