@spectrum-web-components/theme 1.11.2 → 1.11.3-next.20260216102310

package/custom-elements.json

@@ -77,6 +77,12 @@
               "static": true,
               "default": "version"
             },
+            {
+              "kind": "field",
+              "name": "CORE_VERSION",
+              "static": true,
+              "default": "coreVersion"
+            },
             {
               "kind": "field",
               "name": "_dir",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/theme",
-    "version": "1.11.2",
+    "version": "1.11.3-next.20260216102310",
     "publishConfig": {
         "access": "public"
     },
@@ -289,9 +289,9 @@
         "css"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "1.11.2",
+        "@spectrum-web-components/base": "1.11.3-next.20260216102310",
         "@spectrum-web-components/core": "0.0.4",
-        "@spectrum-web-components/styles": "1.11.2"
+        "@spectrum-web-components/styles": "1.11.3-next.20260216102310"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

package/src/Theme.d.ts

@@ -24,6 +24,7 @@ export declare class Theme extends HTMLElement implements ThemeKindProvider {
     private static templateElement?;
     private static instances;
     static VERSION: string;
+    static CORE_VERSION: string;
     static get observedAttributes(): string[];
     _dir: 'ltr' | 'rtl' | '';
     set dir(dir: 'ltr' | 'rtl' | '');

package/src/Theme.dev.js

@@ -1,5 +1,8 @@
 "use strict";
-import { version } from "@spectrum-web-components/base/src/version.js";
+import {
+  coreVersion,
+  version
+} from "@spectrum-web-components/base/src/version.js";
 import {
   COLOR_VALUES,
   SCALE_VALUES,
@@ -295,6 +298,7 @@ _Theme.themeFragmentsByKind = /* @__PURE__ */ new Map();
 _Theme.defaultFragments = /* @__PURE__ */ new Set(["spectrum"]);
 _Theme.instances = /* @__PURE__ */ new Set();
 _Theme.VERSION = version;
+_Theme.CORE_VERSION = coreVersion;
 export let Theme = _Theme;
 function checkForIssues(instance, system, color, scale, themeFragmentsByKind) {
   if (true) {

package/src/Theme.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Theme.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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport { version } from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.dev.js'\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (completed: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc?.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
-  "mappings": "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",
+  "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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport {\n    coreVersion,\n    version,\n} from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.dev.js'\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n    static CORE_VERSION = coreVersion;\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (completed: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc?.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/src/Theme.js

@@ -1,2 +1,2 @@
-"use strict";import{version as d}from"@spectrum-web-components/base/src/version.js";import{COLOR_VALUES as h,SCALE_VALUES as u,SYSTEM_VARIANT_VALUES as p}from"./theme-interfaces.js";const o=class o extends HTMLElement{constructor(){super();this._dir="";this._system="spectrum";this._color="";this._scale="";this._systemContextConsumers=new Map;this.trackedChildren=new Set;this._updateRequested=!1;this._contextConsumers=new Map;this.attachShadow({mode:"open"});const e=document.importNode(o.template.content,!0);this.shadowRoot.appendChild(e),this.shouldAdoptStyles(),this.addEventListener("sp-language-context",this._handleContextPresence),this.addEventListener("sp-system-context",this._handleSystemContext),this.updateComplete=this.__createDeferredPromise()}static get observedAttributes(){return["color","scale","lang","dir","system"]}set dir(e){if(e===this.dir)return;this.setAttribute("dir",e),this._dir=e;const t=e==="rtl"?e:"ltr";this.trackedChildren.forEach(s=>{s.setAttribute("dir",t)})}get dir(){return this._dir}attributeChangedCallback(e,t,s){t!==s&&(e==="color"?this.color=s:e==="scale"?this.scale=s:e==="lang"&&s?(this.lang=s,this._provideContext()):e==="system"?(this.system=s,this._provideSystemContext()):e==="dir"&&(this.dir=s))}requestUpdate(){this.shouldAdoptStyles()}get system(){const e=o.themeFragmentsByKind.get("system"),{name:t}=e&&e.get("default")||{};return this._system||t||""}set system(e){if(e===this._system)return;const t=e&&p.includes(e)?e:this.system;t!==this._system&&(this._system=t,this.requestUpdate()),t?this.setAttribute("system",t):this.removeAttribute("system")}get color(){const e=o.themeFragmentsByKind.get("color"),{name:t}=e&&e.get("default")||{};return this._color||t||""}set color(e){if(e===this._color)return;const t=e&&h.includes(e)?e:this.color;t!==this._color&&(this._color=t,this.requestUpdate()),t?this.setAttribute("color",t):this.removeAttribute("color")}get scale(){const e=o.themeFragmentsByKind.get("scale"),{name:t}=e&&e.get("default")||{};return this._scale||t||""}set scale(e){if(e===this._scale)return;const t=e&&u.includes(e)?e:this.scale;t!==this._scale&&(this._scale=t,this.requestUpdate()),t?this.setAttribute("scale",t):this.removeAttribute("scale")}get styles(){const e=[...o.themeFragmentsByKind.keys()],t=(a,i,n)=>{const l=n&&n!=="system"&&this.system!=="spectrum"?a.get(`${i}-${this.system}`):a.get(i),m=i==="spectrum"||!n||this.hasAttribute(n);if(l&&m)return l.styles},s=e.reduce((a,i)=>{const n=o.themeFragmentsByKind.get(i);let l;if(i==="app"||i==="core")l=t(n,i);else{const{[i]:m}=this;l=t(n,m,i)}return l&&a.push(l),a},[]),r=o.themeFragmentsByKind;return this.system,this.color,this.scale,[...s]}static get template(){return this.templateElement||(this.templateElement=document.createElement("template"),this.templateElement.innerHTML="<slot></slot>"),this.templateElement}_handleSystemContext(e){e.stopPropagation();const t=e.composedPath()[0];if(this._systemContextConsumers.has(t))return;const s=()=>this._systemContextConsumers.delete(t);this._systemContextConsumers.set(t,[e.detail.callback,s]);const[r]=this._systemContextConsumers.get(t)||[];r&&r(this.system,s)}__createDeferredPromise(){return new Promise(e=>{this.__resolve=e})}connectedCallback(){if(this.shouldAdoptStyles(),o.instances.add(this),!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!(e instanceof o);)e=e.assignedSlot||e.parentNode||e.host;this.dir=e.dir==="rtl"?e.dir:"ltr"}}disconnectedCallback(){o.instances.delete(this)}startManagingContentDirection(e){this.trackedChildren.add(e)}stopManagingContentDirection(e){this.trackedChildren.delete(e)}async shouldAdoptStyles(){this._updateRequested||(this.updateComplete=this.__createDeferredPromise(),this._updateRequested=!0,this._updateRequested=await!1,this.adoptStyles(),this.__resolve(!0))}adoptStyles(){const e=this.styles,t=[];for(const s of e)t.push(s.styleSheet);this.shadowRoot.adoptedStyleSheets=t}static registerThemeFragment(e,t,s){const r=o.themeFragmentsByKind.get(t)||new Map;r.size===0&&(o.themeFragmentsByKind.set(t,r),r.set("default",{name:e,styles:s}),o.defaultFragments.add(e)),r.set(e,{name:e,styles:s}),o.instances.forEach(a=>a.shouldAdoptStyles())}_provideContext(){this._contextConsumers.forEach(([e,t])=>e(this.lang,t))}_provideSystemContext(){this._systemContextConsumers.forEach(([e,t])=>e(this.system,t))}_handleContextPresence(e){e.stopPropagation();const t=e.composedPath()[0];if(this._contextConsumers.has(t))return;this._contextConsumers.set(t,[e.detail.callback,()=>this._contextConsumers.delete(t)]);const[s,r]=this._contextConsumers.get(t)||[];s&&r&&s(this.lang||document.documentElement.lang||navigator.language,r)}};o.themeFragmentsByKind=new Map,o.defaultFragments=new Set(["spectrum"]),o.instances=new Set,o.VERSION=d;export let Theme=o;function k(g,c,e,t,s){}
+"use strict";import{coreVersion as d,version as h}from"@spectrum-web-components/base/src/version.js";import{COLOR_VALUES as u,SCALE_VALUES as p,SYSTEM_VARIANT_VALUES as g}from"./theme-interfaces.js";const o=class o extends HTMLElement{constructor(){super();this._dir="";this._system="spectrum";this._color="";this._scale="";this._systemContextConsumers=new Map;this.trackedChildren=new Set;this._updateRequested=!1;this._contextConsumers=new Map;this.attachShadow({mode:"open"});const e=document.importNode(o.template.content,!0);this.shadowRoot.appendChild(e),this.shouldAdoptStyles(),this.addEventListener("sp-language-context",this._handleContextPresence),this.addEventListener("sp-system-context",this._handleSystemContext),this.updateComplete=this.__createDeferredPromise()}static get observedAttributes(){return["color","scale","lang","dir","system"]}set dir(e){if(e===this.dir)return;this.setAttribute("dir",e),this._dir=e;const t=e==="rtl"?e:"ltr";this.trackedChildren.forEach(s=>{s.setAttribute("dir",t)})}get dir(){return this._dir}attributeChangedCallback(e,t,s){t!==s&&(e==="color"?this.color=s:e==="scale"?this.scale=s:e==="lang"&&s?(this.lang=s,this._provideContext()):e==="system"?(this.system=s,this._provideSystemContext()):e==="dir"&&(this.dir=s))}requestUpdate(){this.shouldAdoptStyles()}get system(){const e=o.themeFragmentsByKind.get("system"),{name:t}=e&&e.get("default")||{};return this._system||t||""}set system(e){if(e===this._system)return;const t=e&&g.includes(e)?e:this.system;t!==this._system&&(this._system=t,this.requestUpdate()),t?this.setAttribute("system",t):this.removeAttribute("system")}get color(){const e=o.themeFragmentsByKind.get("color"),{name:t}=e&&e.get("default")||{};return this._color||t||""}set color(e){if(e===this._color)return;const t=e&&u.includes(e)?e:this.color;t!==this._color&&(this._color=t,this.requestUpdate()),t?this.setAttribute("color",t):this.removeAttribute("color")}get scale(){const e=o.themeFragmentsByKind.get("scale"),{name:t}=e&&e.get("default")||{};return this._scale||t||""}set scale(e){if(e===this._scale)return;const t=e&&p.includes(e)?e:this.scale;t!==this._scale&&(this._scale=t,this.requestUpdate()),t?this.setAttribute("scale",t):this.removeAttribute("scale")}get styles(){const e=[...o.themeFragmentsByKind.keys()],t=(a,i,n)=>{const l=n&&n!=="system"&&this.system!=="spectrum"?a.get(`${i}-${this.system}`):a.get(i),m=i==="spectrum"||!n||this.hasAttribute(n);if(l&&m)return l.styles},s=e.reduce((a,i)=>{const n=o.themeFragmentsByKind.get(i);let l;if(i==="app"||i==="core")l=t(n,i);else{const{[i]:m}=this;l=t(n,m,i)}return l&&a.push(l),a},[]),r=o.themeFragmentsByKind;return this.system,this.color,this.scale,[...s]}static get template(){return this.templateElement||(this.templateElement=document.createElement("template"),this.templateElement.innerHTML="<slot></slot>"),this.templateElement}_handleSystemContext(e){e.stopPropagation();const t=e.composedPath()[0];if(this._systemContextConsumers.has(t))return;const s=()=>this._systemContextConsumers.delete(t);this._systemContextConsumers.set(t,[e.detail.callback,s]);const[r]=this._systemContextConsumers.get(t)||[];r&&r(this.system,s)}__createDeferredPromise(){return new Promise(e=>{this.__resolve=e})}connectedCallback(){if(this.shouldAdoptStyles(),o.instances.add(this),!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!(e instanceof o);)e=e.assignedSlot||e.parentNode||e.host;this.dir=e.dir==="rtl"?e.dir:"ltr"}}disconnectedCallback(){o.instances.delete(this)}startManagingContentDirection(e){this.trackedChildren.add(e)}stopManagingContentDirection(e){this.trackedChildren.delete(e)}async shouldAdoptStyles(){this._updateRequested||(this.updateComplete=this.__createDeferredPromise(),this._updateRequested=!0,this._updateRequested=await!1,this.adoptStyles(),this.__resolve(!0))}adoptStyles(){const e=this.styles,t=[];for(const s of e)t.push(s.styleSheet);this.shadowRoot.adoptedStyleSheets=t}static registerThemeFragment(e,t,s){const r=o.themeFragmentsByKind.get(t)||new Map;r.size===0&&(o.themeFragmentsByKind.set(t,r),r.set("default",{name:e,styles:s}),o.defaultFragments.add(e)),r.set(e,{name:e,styles:s}),o.instances.forEach(a=>a.shouldAdoptStyles())}_provideContext(){this._contextConsumers.forEach(([e,t])=>e(this.lang,t))}_provideSystemContext(){this._systemContextConsumers.forEach(([e,t])=>e(this.system,t))}_handleContextPresence(e){e.stopPropagation();const t=e.composedPath()[0];if(this._contextConsumers.has(t))return;this._contextConsumers.set(t,[e.detail.callback,()=>this._contextConsumers.delete(t)]);const[s,r]=this._contextConsumers.get(t)||[];s&&r&&s(this.lang||document.documentElement.lang||navigator.language,r)}};o.themeFragmentsByKind=new Map,o.defaultFragments=new Set(["spectrum"]),o.instances=new Set,o.VERSION=h,o.CORE_VERSION=d;export let Theme=o;function H(y,c,e,t,s){}
 //# sourceMappingURL=Theme.js.map

package/src/Theme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["Theme.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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport { version } from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.js';\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (completed: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc?.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["version", "COLOR_VALUES", "SCALE_VALUES", "SYSTEM_VARIANT_VALUES", "_Theme", "node", "dir", "targetDir", "el", "attrName", "old", "value", "systemFragments", "name", "newValue", "system", "themeFragments", "color", "scale", "themeKinds", "getStyle", "fragments", "kind", "currentStyles", "isAppliedFragment", "styles", "acc", "kindFragments", "style", "themeFragmentsByKind", "event", "target", "unsubscribe", "callback", "resolve", "dirParent", "styleSheets", "fragmentMap", "instance", "checkForIssues"]
+  "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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport {\n    coreVersion,\n    version,\n} from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.js';\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n    static CORE_VERSION = coreVersion;\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is required.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (completed: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc?.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
+  "mappings": "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",
+  "names": ["coreVersion", "version", "COLOR_VALUES", "SCALE_VALUES", "SYSTEM_VARIANT_VALUES", "_Theme", "node", "dir", "targetDir", "el", "attrName", "old", "value", "systemFragments", "name", "newValue", "system", "themeFragments", "color", "scale", "themeKinds", "getStyle", "fragments", "kind", "currentStyles", "isAppliedFragment", "styles", "acc", "kindFragments", "style", "themeFragmentsByKind", "event", "target", "unsubscribe", "callback", "resolve", "dirParent", "styleSheets", "fragmentMap", "instance", "checkForIssues"]
 }

package/src/express/scale-large-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/scale-large.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/scale-medium-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/scale-medium.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme-dark-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme-dark.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme-light-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme-light.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/express/theme.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/scale-large-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/scale-large.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/scale-medium-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/scale-medium.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/scale-large-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/scale-large.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/scale-medium-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/scale-medium.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme-dark-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme-dark.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme-light-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme-light.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/spectrum-two/theme.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-dark-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-dark.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-darkest-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-darkest.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-light-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-light.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-lightest-core-tokens.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme-lightest.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/theme.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;

package/src/typography.css.d.ts

@@ -1,2 +1,2 @@
-declare const styles: import("@spectrum-web-components/base").CSSResult;
+declare const styles: import("lit").CSSResult;
 export default styles;