@greypan/web-ui 7.0.0 → 8.0.0

package/dist/components/slider/index.js

@@ -1,8 +1,8 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import t from "../../assets/glass.js";
-import { FormAssociated as n, FormAssociationController as r, defineFormAssociation as i } from "../../shared/form-association/index.js";
-import { normalizeNumber as a } from "../../shared/normalize/index.js";
-import { installPointerFocusSuppression as o } from "../../shared/focus/pointer-focus.js";
+import { installPointerFocusSuppression as n } from "../../shared/focus/pointer-focus.js";
+import { normalizeNumber as r } from "../../shared/normalize/index.js";
+import { FormAssociated as i, FormAssociationController as a, defineFormAssociation as o } from "../../shared/form-association/index.js";
 import { attachDragGesture as s } from "../../shared/gesture/drag-gesture.js";
 import { clamp as c } from "../../shared/gesture/physics.js";
 import l from "./style.js";
@@ -11,10 +11,10 @@ import { customElement as p, property as m, state as h } from "lit/decorators.js
 import { classMap as g } from "lit/directives/class-map.js";
 import { styleMap as _ } from "lit/directives/style-map.js";
 //#region src/components/slider/index.ts
-o();
-var v = class extends n(u) {
+n();
+var v = class extends i(u) {
 	constructor(...e) {
-		super(...e), this.disabled = !1, this.marks = !1, this.vertical = !1, this.name = "", this.required = !1, this._value = 0, this._min = 0, this._max = 100, this._step = 1, this._dragging = !1, this._pressed = !1, this._dragGestureHandle = null, this._formAssociation = i({
+		super(...e), this.disabled = !1, this.marks = !1, this.vertical = !1, this.name = "", this.required = !1, this._value = 0, this._min = 0, this._max = 100, this._step = 1, this._dragging = !1, this._pressed = !1, this._dragGestureHandle = null, this._formAssociation = o({
 			host: this,
 			initialize: () => {
 				this._value = this._normalizeValue(this._value);
@@ -33,7 +33,7 @@ var v = class extends n(u) {
 			syncValidity: (e) => {
 				typeof e.setValidity == "function" && e.setValidity({});
 			}
-		}).make(), this._formAssociationController = new r(this, this._formAssociation);
+		}).make(), this._formAssociationController = new a(this, this._formAssociation);
 	}
 	static {
 		this.styles = [f(t), f(l)];
@@ -42,26 +42,26 @@ var v = class extends n(u) {
 		return this._value;
 	}
 	set value(e) {
-		let t = a(e, -Infinity, Infinity, 0), n = this._value;
+		let t = r(e, -Infinity, Infinity, 0), n = this._value;
 		this._value = t, this._formAssociation.sync(), this.requestUpdate("value", n);
 	}
 	get min() {
 		return this._min;
 	}
 	set min(e) {
-		this._min = a(e, -Infinity, Infinity, 0);
+		this._min = r(e, -Infinity, Infinity, 0);
 	}
 	get max() {
 		return this._max;
 	}
 	set max(e) {
-		this._max = a(e, -Infinity, Infinity, 100);
+		this._max = r(e, -Infinity, Infinity, 100);
 	}
 	get step() {
 		return this._step;
 	}
 	set step(e) {
-		this._step = a(e, -Infinity, Infinity, 1);
+		this._step = r(e, -Infinity, Infinity, 1);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this._dragGestureHandle?.destroy(), this._dragGestureHandle = null;

package/dist/components/switch/index.js

@@ -1,9 +1,9 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../icons/generated/lucide-loader-circle.js";
-import n from "../../assets/glass.js";
-import { FormAssociated as r, FormAssociationController as i, defineFormAssociation as a } from "../../shared/form-association/index.js";
-import { installPointerFocusSuppression as o } from "../../shared/focus/pointer-focus.js";
+import t from "../../assets/glass.js";
+import n from "../../icons/generated/lucide-loader-circle.js";
+import { installPointerFocusSuppression as r } from "../../shared/focus/pointer-focus.js";
+import { FormAssociated as i, FormAssociationController as a, defineFormAssociation as o } from "../../shared/form-association/index.js";
 import { attachDragGesture as s } from "../../shared/gesture/drag-gesture.js";
 import { clamp as c, normalizeProgress as l } from "../../shared/gesture/physics.js";
 import u from "./style.js";
@@ -12,10 +12,10 @@ import { customElement as m, property as h, state as g } from "lit/decorators.js
 import { classMap as _ } from "lit/directives/class-map.js";
 import { styleMap as v } from "lit/directives/style-map.js";
 //#region src/components/switch/index.ts
-o();
-var y = class extends r(d) {
+r();
+var y = class extends i(d) {
 	constructor(...e) {
-		super(...e), this._checked = !1, this.name = "", this.value = "", this.disabled = !1, this.required = !1, this.loading = !1, this._pressed = !1, this._isDragging = !1, this._dragOffset = 0, this._dragProgress = 0, this._dragged = !1, this._maxTravel = 20, this._startOffset = 0, this._dragGestureHandle = null, this._formAssociation = a({
+		super(...e), this._checked = !1, this.name = "", this.value = "", this.disabled = !1, this.required = !1, this.loading = !1, this._pressed = !1, this._isDragging = !1, this._dragOffset = 0, this._dragProgress = 0, this._dragged = !1, this._maxTravel = 20, this._startOffset = 0, this._dragGestureHandle = null, this._formAssociation = o({
 			host: this,
 			initialize: () => {
 				this.hasAttribute("checked") && (this._checked = !0);
@@ -30,10 +30,10 @@ var y = class extends r(d) {
 				typeof e == "string" && (this.checked = e === "true");
 			},
 			syncValidity: () => this._syncValidity()
-		}).make(), this._formAssociationController = new i(this, this._formAssociation);
+		}).make(), this._formAssociationController = new a(this, this._formAssociation);
 	}
 	static {
-		this.styles = [p(n), p(u)];
+		this.styles = [p(t), p(u)];
 	}
 	get checked() {
 		return this._checked;
@@ -117,7 +117,7 @@ var y = class extends r(d) {
 			"is-open": this._isDragging ? this._dragProgress >= .5 : this._checked,
 			"is-dragging": this._isDragging,
 			"is-disabled": this._isDisabled || this.loading
-		}, n = {
+		}, t = {
 			"wui-switch-thumb": !0,
 			"wui-glass": this._pressed || this._isDragging,
 			"is-pressed": this._pressed || this._isDragging
@@ -140,9 +140,9 @@ var y = class extends r(d) {
           ?disabled=${this._isDisabled || this.loading}
           class="sr-only"
         />
-        <div class=${_(n)}>
+        <div class=${_(t)}>
           ${this.loading ? f`<div class="wui-switch-loading">
-                  <web-ui-icon .icon=${t} size="14" color="#08f" spin></web-ui-icon>
+                  <web-ui-icon .icon=${n} size="14" color="#08f" spin></web-ui-icon>
                 </div>` : ""}
         </div>
       </label>

package/dist/components/textarea/index.js

@@ -1,9 +1,9 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../icons/generated/jam-close-circle-f.js";
-import n from "../../assets/glass.js";
-import { FormAssociated as r, FormAssociationController as i, defineFormAssociation as a, forwardInputValidity as o } from "../../shared/form-association/index.js";
+import t from "../../assets/glass.js";
+import n from "../../icons/generated/jam-close-circle-f.js";
 import "../button/index.js";
+import { FormAssociated as r, FormAssociationController as i, defineFormAssociation as a, forwardInputValidity as o } from "../../shared/form-association/index.js";
 import s from "./style.js";
 import { LitElement as c, html as l, nothing as u, unsafeCSS as d } from "lit";
 import { customElement as f, property as p, state as m } from "lit/decorators.js";
@@ -28,7 +28,7 @@ var v = class extends r(c) {
 		}).make(), this._formAssociationController = new i(this, this._formAssociation);
 	}
 	static {
-		this.styles = [d(n), d(s)];
+		this.styles = [d(t), d(s)];
 	}
 	get value() {
 		return this._value;
@@ -151,7 +151,7 @@ var v = class extends r(c) {
                 @pointerdown=${this.preventMouseDownBlur}
                 @click=${this.handleClear}
               >
-                <web-ui-icon .icon=${t} size="14"></web-ui-icon>
+                <web-ui-icon .icon=${n} size="14"></web-ui-icon>
               </web-ui-button>` : ""}
         <slot name="suffix" class=${g({ empty: !this._hasSuffix })} @slotchange=${this._onSlotChange}></slot>
       </div>

package/dist/components/theme/index.d.ts

@@ -10,15 +10,13 @@ export declare class WebUiTheme extends LitElement {
     get motion(): ThemeMotion;
     set motion(v: string);
     private _motion;
-    get transition(): boolean;
-    set transition(v: boolean);
-    private _transition;
     private _transitionOriginListening;
     private _transitionRequested;
     private _warned;
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected updated(): void;
+    private _syncRootPageColorSync;
     getOverlayRoot(): HTMLElement | undefined;
     isReducedMotion(): boolean;
     private _findThemeAncestor;

package/dist/components/theme/index.js

@@ -2,34 +2,35 @@ import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate
 import { normalizeLiteral as t } from "../../shared/normalize/index.js";
 import { parseDuration as n } from "../../shared/theme/duration.js";
 import { applyOverlayRootStyles as r } from "../../shared/overlay/overlay-root.js";
-import i from "./style.js";
-import { LitElement as a, html as o, nothing as s, unsafeCSS as c } from "lit";
-import { customElement as l, property as u } from "lit/decorators.js";
+import { registerThemeRootSync as i, unregisterThemeRootSync as a } from "../../shared/theme/root-sync.js";
+import o from "./style.js";
+import { LitElement as s, html as c, nothing as l, unsafeCSS as u } from "lit";
+import { customElement as d, property as f } from "lit/decorators.js";
 //#region src/components/theme/index.ts
-var d, f = [
+var p, m = [
 	"light",
 	"dark",
 	"system"
-], p = [
+], h = [
 	"full",
 	"reduced",
 	"system"
-], m = {
+], g = {
 	x: NaN,
 	y: NaN
-}, h = 0, g = 0, _ = null, v = (e) => {
+}, _ = 0, v = 0, y = null, b = (e) => {
 	let t = e;
-	m.x = t.clientX, m.y = t.clientY;
-}, y = () => {
-	m.x = NaN, m.y = NaN;
+	g.x = t.clientX, g.y = t.clientY;
+}, x = () => {
+	g.x = NaN, g.y = NaN;
 };
-function b() {
-	g++ > 0 || (window.addEventListener("pointerdown", v, !0), window.addEventListener("keydown", y, !0));
+function S() {
+	v++ > 0 || (window.addEventListener("pointerdown", b, !0), window.addEventListener("keydown", x, !0));
 }
-function x() {
-	--g > 0 || (window.removeEventListener("pointerdown", v, !0), window.removeEventListener("keydown", y, !0));
+function C() {
+	--v > 0 || (window.removeEventListener("pointerdown", b, !0), window.removeEventListener("keydown", x, !0));
 }
-function S(e) {
+function w(e) {
 	if (e !== "system") return e;
 	try {
 		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -37,7 +38,7 @@ function S(e) {
 		return "light";
 	}
 }
-function C(e, t) {
+function T(e, t) {
 	return Number.isFinite(e) && Number.isFinite(t) ? {
 		x: e,
 		y: t
@@ -46,26 +47,26 @@ function C(e, t) {
 		y: (window.innerHeight || 0) / 2
 	};
 }
-var w = class extends a {
+var E = class extends s {
 	static {
-		d = this;
+		p = this;
 	}
 	constructor(...e) {
-		super(...e), this._appearanceRequest = 0, this._motion = "system", this._transition = !1, this._transitionOriginListening = !1, this._transitionRequested = !1, this._warned = !1;
+		super(...e), this._appearanceRequest = 0, this._motion = "system", this._transitionOriginListening = !1, this._transitionRequested = !1, this._warned = !1;
 	}
 	static {
-		this.styles = c(i);
+		this.styles = u(o);
 	}
 	get appearance() {
 		return this._appearance;
 	}
 	set appearance(e) {
-		let n = this._appearance, r = e === void 0 ? void 0 : t(e, f, "light"), i = ++this._appearanceRequest;
-		if (r !== void 0 && !this._transitionRequested && _ === null && this._shouldAnimateAppearance(r)) {
+		let n = this._appearance, r = e === void 0 ? void 0 : t(e, m, "light"), i = ++this._appearanceRequest;
+		if (r !== void 0 && !this._transitionRequested && y === null && this._shouldAnimateAppearance(r)) {
 			this._transitionRequested = !0;
 			let e = { requestId: i };
-			_ = e, this._startThemeTransition(r, n, i, e).catch(() => {
-				this._cleanupThemeTransition(), this._transitionRequested = !1, _ === e && (_ = null), this._appearanceRequest === i && (this._appearance = r, this.requestUpdate("appearance", n));
+			y = e, this._startThemeTransition(r, n, i, e).catch(() => {
+				this._cleanupThemeTransition(), this._transitionRequested = !1, y === e && (y = null), this._appearanceRequest === i && (this._appearance = r, this.requestUpdate("appearance", n));
 			});
 			return;
 		}
@@ -76,23 +77,19 @@ var w = class extends a {
 	}
 	set motion(e) {
 		let n = this._motion;
-		this._motion = t(e, p, "system"), this.requestUpdate("motion", n);
-	}
-	get transition() {
-		return this._transition;
-	}
-	set transition(e) {
-		let t = this._transition;
-		this._transition = e, this.requestUpdate("transition", t), this._syncTransitionOriginListeners(this.isConnected && this._transition);
+		this._motion = t(e, h, "system"), this.requestUpdate("motion", n);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._syncTransitionOriginListeners(this.transition), this._warnWhenAppearanceIsMissing();
+		super.connectedCallback(), this._syncTransitionOriginListeners(!0), this._syncRootPageColorSync(), this._warnWhenAppearanceIsMissing();
 	}
 	disconnectedCallback() {
-		this._syncTransitionOriginListeners(!1), this._activeTransition?.skipTransition?.(), this._cleanupThemeTransition(), super.disconnectedCallback();
+		this._syncTransitionOriginListeners(!1), a(this), this._activeTransition?.skipTransition?.(), this._cleanupThemeTransition(), super.disconnectedCallback();
 	}
 	updated() {
-		this._warnWhenAppearanceIsMissing();
+		this._warnWhenAppearanceIsMissing(), this._syncRootPageColorSync();
+	}
+	_syncRootPageColorSync() {
+		this._hasAppearance() ? i(this) : a(this);
 	}
 	getOverlayRoot() {
 		if (this._hasAppearance()) return this.renderRoot.querySelector("[data-wui-overlay-container]") ?? void 0;
@@ -109,21 +106,21 @@ var w = class extends a {
 	_findThemeAncestor() {
 		let e = this.parentNode;
 		for (; e;) {
-			if (e instanceof d && e !== this && e._hasAppearance()) return e;
+			if (e instanceof p && e !== this && e._hasAppearance()) return e;
 			e = e instanceof ShadowRoot ? e.host : e.parentElement;
 		}
 		return null;
 	}
 	_transitionOrigin() {
-		if (Number.isFinite(m.x) && Number.isFinite(m.y)) return m;
+		if (Number.isFinite(g.x) && Number.isFinite(g.y)) return g;
 		let e = this.getBoundingClientRect();
 		return e.width > 0 && e.height > 0 ? {
 			x: e.left + e.width / 2,
 			y: e.top + e.height / 2
-		} : C(NaN, NaN);
+		} : T(NaN, NaN);
 	}
 	_syncTransitionOriginListeners(e) {
-		e !== this._transitionOriginListening && (this._transitionOriginListening = e, e ? b() : x());
+		e !== this._transitionOriginListening && (this._transitionOriginListening = e, e ? S() : C());
 	}
 	_transitionMotion() {
 		let e = getComputedStyle(this), t = n(e.getPropertyValue("--wui-theme-transition-duration")) ?? 500, r = e.getPropertyValue("--wui-theme-transition-easing").trim() || "ease-in", i = globalThis.CSS?.supports("animation-timing-function", r) ? r : "ease-in";
@@ -134,10 +131,10 @@ var w = class extends a {
 	}
 	_shouldAnimateAppearance(e) {
 		let t = this._appearance;
-		return !t || t === e || S(t) === S(e) ? !1 : this.transition && typeof document.startViewTransition == "function" && Array.isArray(document.adoptedStyleSheets) && !this.isReducedMotion() && this._transitionMotion().duration > 0;
+		return !t || t === e || w(t) === w(e) ? !1 : typeof document.startViewTransition == "function" && Array.isArray(document.adoptedStyleSheets) && !this.isReducedMotion() && this._transitionMotion().duration > 0;
 	}
 	async _startThemeTransition(e, t, n, r) {
-		let i = this._findThemeAncestor() === null, a = i ? void 0 : `wui-theme-transition-${++h}`, o = new CSSStyleSheet();
+		let i = this._findThemeAncestor() === null, a = i ? void 0 : `wui-theme-transition-${++_}`, o = new CSSStyleSheet();
 		a ? o.replaceSync(`
         ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
         ::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; }
@@ -159,11 +156,14 @@ var w = class extends a {
         ::view-transition-new(root) { z-index: ${e === "dark" ? 2 : 1}; }
       `);
 		let s = this.style.getPropertyValue("display"), c = a ? this.style.getPropertyValue("view-transition-name") : void 0;
-		a && (this.style.setProperty("display", "block"), this.style.setProperty("view-transition-name", a)), document.adoptedStyleSheets = [...document.adoptedStyleSheets, o];
+		a && (this.style.setProperty("display", "block"), this.style.setProperty("view-transition-name", a));
 		let l = () => {
-			document.adoptedStyleSheets = document.adoptedStyleSheets.filter((e) => e !== o), a && (c ? this.style.setProperty("view-transition-name", c) : this.style.removeProperty("view-transition-name"), s ? this.style.setProperty("display", s) : this.style.removeProperty("display"));
+			try {
+				document.adoptedStyleSheets = document.adoptedStyleSheets.filter((e) => e !== o);
+			} catch {}
+			a && (c ? this.style.setProperty("view-transition-name", c) : this.style.removeProperty("view-transition-name"), s ? this.style.setProperty("display", s) : this.style.removeProperty("display"));
 		}, u = () => this._appearanceRequest === n ? (this._appearance = e, this.requestUpdate("appearance", t), this.updateComplete) : this.updateComplete;
-		this._transitionCleanup = l;
+		this._transitionCleanup = l, document.adoptedStyleSheets = [...document.adoptedStyleSheets, o];
 		let d = document.startViewTransition(u);
 		this._activeTransition = d;
 		let f = [];
@@ -197,7 +197,7 @@ var w = class extends a {
 		} catch {} finally {
 			this._activeTransition = void 0, this._transitionCleanup = void 0;
 			for (let e of f) e.cancel();
-			l(), this._transitionRequested = !1, _ === r && (_ = null);
+			l(), this._transitionRequested = !1, y === r && (y = null);
 		}
 	}
 	_transitionKeyframes(e, t, n, r) {
@@ -210,29 +210,26 @@ var w = class extends a {
 		this._transitionCleanup = void 0, e && t?.();
 	}
 	render() {
-		return o`<slot></slot>${this._hasAppearance() ? o`<div data-wui-overlay-container></div>` : s}`;
+		return c`<slot></slot>${this._hasAppearance() ? c`<div data-wui-overlay-container></div>` : l}`;
 	}
 	firstUpdated() {
 		this.renderRoot instanceof ShadowRoot && r(this.renderRoot);
 	}
 	_hasAppearance() {
-		return this.appearance !== void 0 && f.includes(this.appearance);
+		return this.appearance !== void 0 && m.includes(this.appearance);
 	}
 	_warnWhenAppearanceIsMissing() {
 		this._hasAppearance() || this._warned;
 	}
 };
-e([u({
+e([f({
 	type: String,
 	reflect: !0
-})], w.prototype, "appearance", null), e([u({
+})], E.prototype, "appearance", null), e([f({
 	type: String,
 	reflect: !0
-})], w.prototype, "motion", null), e([u({
-	type: Boolean,
-	reflect: !0
-})], w.prototype, "transition", null), w = d = e([l("web-ui-theme")], w);
+})], E.prototype, "motion", null), E = p = e([d("web-ui-theme")], E);
 //#endregion
-export { w as WebUiTheme };
+export { E as WebUiTheme };
 
 //# sourceMappingURL=index.js.map

package/dist/components/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["import { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { applyOverlayRootStyles } from '@/shared/overlay/overlay-root'\nimport { parseDuration } from '@/shared/theme/duration'\n\nimport style from './style.css?inline'\n\nexport type ThemeAppearance = 'light' | 'dark' | 'system'\nexport type ThemeMotion = 'full' | 'reduced' | 'system'\n\nconst APPEARANCES = ['light', 'dark', 'system'] as const\nconst MOTIONS = ['full', 'reduced', 'system'] as const\n\ninterface ViewTransitionLike {\n  readonly ready: Promise<void>\n  readonly finished: Promise<void>\n  skipTransition?: () => void\n}\n\n// 根主题没有对应控件；记录最近一次触发主题变更的指针位置，键盘或程序化调用则回退中心。\nconst transitionOrigin = { x: Number.NaN, y: Number.NaN }\nlet transitionSequence = 0\nlet transitionOriginCount = 0\nlet themeTransitionFlightToken: object | null = null\nconst recordTransitionOrigin = (event: Event) => {\n  const pointer = event as PointerEvent\n  transitionOrigin.x = pointer.clientX\n  transitionOrigin.y = pointer.clientY\n}\nconst forgetTransitionOrigin = () => {\n  transitionOrigin.x = Number.NaN\n  transitionOrigin.y = Number.NaN\n}\n\nfunction addTransitionOriginListeners() {\n  if (transitionOriginCount++ > 0) return\n  window.addEventListener('pointerdown', recordTransitionOrigin, true)\n  window.addEventListener('keydown', forgetTransitionOrigin, true)\n}\n\nfunction removeTransitionOriginListeners() {\n  if (--transitionOriginCount > 0) return\n  window.removeEventListener('pointerdown', recordTransitionOrigin, true)\n  window.removeEventListener('keydown', forgetTransitionOrigin, true)\n}\n\nfunction resolveAppearance(appearance: ThemeAppearance): 'light' | 'dark' {\n  if (appearance !== 'system') return appearance\n  try {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n  } catch {\n    return 'light'\n  }\n}\n\nfunction transitionPoint(x: number, y: number): { x: number; y: number } {\n  if (Number.isFinite(x) && Number.isFinite(y)) return { x, y }\n  return {\n    x: (window.innerWidth || 0) / 2,\n    y: (window.innerHeight || 0) / 2\n  }\n}\n\n@customElement('web-ui-theme')\nexport class WebUiTheme extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: String, reflect: true })\n  get appearance(): ThemeAppearance | undefined {\n    return this._appearance\n  }\n  set appearance(v: string | undefined) {\n    const old = this._appearance\n    const next = v !== undefined ? (normalizeLiteral(v, APPEARANCES, 'light') as ThemeAppearance) : undefined\n    const request = ++this._appearanceRequest\n    if (\n      next !== undefined &&\n      !this._transitionRequested &&\n      themeTransitionFlightToken === null &&\n      this._shouldAnimateAppearance(next)\n    ) {\n      // async helper 可能把函数体排到当前栈后；flight gate 必须在当前 setter 栈内生效。\n      this._transitionRequested = true\n      const flightToken = { requestId: request }\n      themeTransitionFlightToken = flightToken\n      void this._startThemeTransition(next, old!, request, flightToken).catch(() => {\n        this._cleanupThemeTransition()\n        this._transitionRequested = false\n        if (themeTransitionFlightToken === flightToken) themeTransitionFlightToken = null\n        if (this._appearanceRequest === request) {\n          this._appearance = next\n          this.requestUpdate('appearance', old)\n        }\n      })\n      return\n    }\n    this._appearance = next\n    this.requestUpdate('appearance', old)\n  }\n  private _appearance?: ThemeAppearance\n  private _appearanceRequest = 0\n\n  @property({ type: String, reflect: true })\n  get motion(): ThemeMotion {\n    return this._motion\n  }\n  set motion(v: string) {\n    const old = this._motion\n    this._motion = normalizeLiteral(v, MOTIONS, 'system') as ThemeMotion\n    this.requestUpdate('motion', old)\n  }\n  private _motion: ThemeMotion = 'system'\n\n  // HTML attribute 存在即 true；动态关闭由框架写 boolean property，不解析字符串。\n  @property({ type: Boolean, reflect: true })\n  get transition(): boolean {\n    return this._transition\n  }\n  set transition(v: boolean) {\n    const old = this._transition\n    this._transition = v\n    this.requestUpdate('transition', old)\n\n    this._syncTransitionOriginListeners(this.isConnected && this._transition)\n  }\n  private _transition = false\n  private _transitionOriginListening = false\n  private _transitionRequested = false\n\n  private _warned = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this._syncTransitionOriginListeners(this.transition)\n    this._warnWhenAppearanceIsMissing()\n  }\n\n  override disconnectedCallback() {\n    this._syncTransitionOriginListeners(false)\n    this._activeTransition?.skipTransition?.()\n    this._cleanupThemeTransition()\n    super.disconnectedCallback()\n  }\n\n  protected override updated() {\n    this._warnWhenAppearanceIsMissing()\n  }\n\n  // 返回该主题拥有的浮层挂载点；未设置 appearance 时不创建。\n  getOverlayRoot(): HTMLElement | undefined {\n    if (!this._hasAppearance()) return undefined\n    return this.renderRoot.querySelector<HTMLElement>('[data-wui-overlay-container]') ?? undefined\n  }\n\n  // 当前范围是否应减少动效；`system` 跟随用户的系统偏好。\n  isReducedMotion(): boolean {\n    if (this.motion === 'reduced') return true\n    if (this.motion === 'full') return false\n\n    try {\n      return window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    } catch {\n      return false\n    }\n  }\n\n  private _findThemeAncestor(): WebUiTheme | null {\n    let node = this.parentNode\n    while (node) {\n      if (node instanceof WebUiTheme && node !== this && node._hasAppearance()) return node\n      if (node instanceof ShadowRoot) {\n        node = node.host\n      } else {\n        node = node.parentElement\n      }\n    }\n    return null\n  }\n\n  private _transitionOrigin(): { x: number; y: number } {\n    if (Number.isFinite(transitionOrigin.x) && Number.isFinite(transitionOrigin.y)) {\n      return transitionOrigin\n    }\n\n    const box = this.getBoundingClientRect()\n    if (box.width > 0 && box.height > 0) {\n      return { x: box.left + box.width / 2, y: box.top + box.height / 2 }\n    }\n    return transitionPoint(Number.NaN, Number.NaN)\n  }\n\n  private _syncTransitionOriginListeners(listening: boolean) {\n    if (listening === this._transitionOriginListening) return\n    this._transitionOriginListening = listening\n    if (listening) addTransitionOriginListeners()\n    else removeTransitionOriginListeners()\n  }\n\n  private _transitionMotion(): { duration: number; easing: string } {\n    const style = getComputedStyle(this)\n    const duration = parseDuration(style.getPropertyValue('--wui-theme-transition-duration')) ?? 500\n    const easing = style.getPropertyValue('--wui-theme-transition-easing').trim() || 'ease-in'\n    const safeEasing = globalThis.CSS?.supports('animation-timing-function', easing) ? easing : 'ease-in'\n    return { duration: Math.max(0, duration), easing: safeEasing }\n  }\n\n  private _shouldAnimateAppearance(next: ThemeAppearance): boolean {\n    const previous = this._appearance\n    if (!previous || previous === next) return false\n    if (resolveAppearance(previous) === resolveAppearance(next)) return false\n    return (\n      this.transition &&\n      typeof document.startViewTransition === 'function' &&\n      Array.isArray(document.adoptedStyleSheets) &&\n      !this.isReducedMotion() &&\n      this._transitionMotion().duration > 0\n    )\n  }\n\n  // 嵌套主题只做局部揭示；View Transitions 需要 capture box，因此飞行期间临时生成一个 host box。\n  private async _startThemeTransition(\n    next: ThemeAppearance,\n    previous: ThemeAppearance,\n    request: number,\n    flightToken: object\n  ): Promise<void> {\n    const root = this._findThemeAncestor() === null\n    const transitionName = root ? undefined : `wui-theme-transition-${++transitionSequence}`\n    const styleSheet = new CSSStyleSheet()\n    if (transitionName) {\n      styleSheet.replaceSync(`\n        ::view-transition-old(root), ::view-transition-new(root) { animation: none; }\n        ::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; }\n        ::view-transition-image-pair(root), ::view-transition-image-pair(${transitionName}) { mix-blend-mode: normal; }\n        ::view-transition-group(${transitionName}) { animation: none; }\n        ::view-transition-old(${transitionName}), ::view-transition-new(${transitionName}) {\n          animation: none;\n          mix-blend-mode: normal;\n        }\n        ::view-transition-old(${transitionName}) { z-index: ${next === 'dark' ? 1 : 2}; }\n        ::view-transition-new(${transitionName}) { z-index: ${next === 'dark' ? 2 : 1}; }\n      `)\n    } else {\n      styleSheet.replaceSync(`\n        ::view-transition-old(root), ::view-transition-new(root) {\n          animation: none;\n          mix-blend-mode: normal;\n        }\n        ::view-transition-image-pair(root) { mix-blend-mode: normal; }\n        ::view-transition-old(root) { z-index: ${next === 'dark' ? 1 : 2}; }\n        ::view-transition-new(root) { z-index: ${next === 'dark' ? 2 : 1}; }\n      `)\n    }\n\n    const hadDisplay = this.style.getPropertyValue('display')\n    const hadTransitionName = transitionName ? this.style.getPropertyValue('view-transition-name') : undefined\n    if (transitionName) {\n      this.style.setProperty('display', 'block')\n      this.style.setProperty('view-transition-name', transitionName)\n    }\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet]\n\n    const restoreCapture = () => {\n      document.adoptedStyleSheets = document.adoptedStyleSheets.filter(sheet => sheet !== styleSheet)\n      if (!transitionName) return\n      if (hadTransitionName) this.style.setProperty('view-transition-name', hadTransitionName)\n      else this.style.removeProperty('view-transition-name')\n      if (hadDisplay) this.style.setProperty('display', hadDisplay)\n      else this.style.removeProperty('display')\n    }\n\n    const commit = () => {\n      if (this._appearanceRequest !== request) return this.updateComplete\n      this._appearance = next\n      this.requestUpdate('appearance', previous)\n      return this.updateComplete\n    }\n    this._transitionCleanup = restoreCapture\n    const transition = document.startViewTransition(commit) as unknown as ViewTransitionLike\n    this._activeTransition = transition\n    const animations: Animation[] = []\n\n    transition.ready\n      .then(() => {\n        const { duration, easing } = this._transitionMotion()\n        if (duration <= 0) return\n        const { x, y } = this._transitionOrigin()\n        const target = next === 'dark' ? '::view-transition-new(root)' : '::view-transition-old(root)'\n        if (!root) {\n          const box = this.getBoundingClientRect()\n          const relative = { x: x - box.left, y: y - box.top }\n          const radius = Math.ceil(\n            Math.hypot(Math.max(relative.x, box.width - relative.x), Math.max(relative.y, box.height - relative.y))\n          )\n          const frames = this._transitionKeyframes(relative.x, relative.y, radius, next)\n          const target =\n            next === 'dark' ? `::view-transition-new(${transitionName})` : `::view-transition-old(${transitionName})`\n          animations.push(\n            document.documentElement.animate(frames, {\n              duration,\n              easing,\n              fill: 'both',\n              pseudoElement: target\n            } as KeyframeAnimationOptions)\n          )\n          return\n        }\n\n        const radius = Math.ceil(Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y)))\n        animations.push(\n          document.documentElement.animate(this._transitionKeyframes(x, y, radius, next), {\n            duration,\n            easing,\n            fill: 'both',\n            pseudoElement: target\n          } as KeyframeAnimationOptions)\n        )\n      })\n      .catch(() => undefined)\n\n    try {\n      await transition.finished\n    } catch {\n      // API 缺失、capture 冲突或用户 skip 都不是状态错误；appearance 已由 update callback 提交。\n    } finally {\n      this._activeTransition = undefined\n      this._transitionCleanup = undefined\n      for (const animation of animations) animation.cancel()\n      restoreCapture()\n      // disconnected skip 会提前清掉 active；flight token/request 必须无条件释放。\n      this._transitionRequested = false\n      if (themeTransitionFlightToken === flightToken) themeTransitionFlightToken = null\n    }\n  }\n\n  private _transitionKeyframes(x: number, y: number, radius: number, next: ThemeAppearance): Keyframe[] {\n    const from = `circle(0px at ${x}px ${y}px)`\n    const to = `circle(${radius}px at ${x}px ${y}px)`\n    return next === 'dark' ? [{ clipPath: from }, { clipPath: to }] : [{ clipPath: to }, { clipPath: from }]\n  }\n\n  private _cleanupThemeTransition(restoreCapture = true) {\n    this._activeTransition = undefined\n    const cleanup = this._transitionCleanup\n    this._transitionCleanup = undefined\n    if (restoreCapture) cleanup?.()\n  }\n\n  private _activeTransition?: ViewTransitionLike\n  private _transitionCleanup?: () => void\n\n  override render() {\n    return html`<slot></slot>${this._hasAppearance() ? html`<div data-wui-overlay-container></div>` : nothing}`\n  }\n\n  override firstUpdated() {\n    if (this.renderRoot instanceof ShadowRoot) {\n      applyOverlayRootStyles(this.renderRoot)\n    }\n  }\n\n  private _hasAppearance(): this is this & { appearance: ThemeAppearance } {\n    return this.appearance !== undefined && (APPEARANCES as readonly string[]).includes(this.appearance)\n  }\n\n  private _warnWhenAppearanceIsMissing() {\n    if (this._hasAppearance() || this._warned || !import.meta.env.DEV) return\n    this._warned = true\n    console.warn('[web-ui-theme] appearance is required; this theme scope is inactive until it is set.')\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-theme': WebUiTheme\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/theme/index.ts"],"sourcesContent":["import { html, LitElement, nothing, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { normalizeLiteral } from '@/shared/normalize'\nimport { applyOverlayRootStyles } from '@/shared/overlay/overlay-root'\nimport { parseDuration } from '@/shared/theme/duration'\nimport { registerThemeRootSync, unregisterThemeRootSync } from '@/shared/theme/root-sync'\n\nimport style from './style.css?inline'\n\nexport type ThemeAppearance = 'light' | 'dark' | 'system'\nexport type ThemeMotion = 'full' | 'reduced' | 'system'\n\nconst APPEARANCES = ['light', 'dark', 'system'] as const\nconst MOTIONS = ['full', 'reduced', 'system'] as const\n\ninterface ViewTransitionLike {\n  readonly ready: Promise<void>\n  readonly finished: Promise<void>\n  skipTransition?: () => void\n}\n\n// 根主题没有对应控件；记录最近一次触发主题变更的指针位置，键盘或程序化调用则回退中心。\nconst transitionOrigin = { x: Number.NaN, y: Number.NaN }\nlet transitionSequence = 0\nlet transitionOriginCount = 0\nlet themeTransitionFlightToken: object | null = null\nconst recordTransitionOrigin = (event: Event) => {\n  const pointer = event as PointerEvent\n  transitionOrigin.x = pointer.clientX\n  transitionOrigin.y = pointer.clientY\n}\nconst forgetTransitionOrigin = () => {\n  transitionOrigin.x = Number.NaN\n  transitionOrigin.y = Number.NaN\n}\n\nfunction addTransitionOriginListeners() {\n  if (transitionOriginCount++ > 0) return\n  window.addEventListener('pointerdown', recordTransitionOrigin, true)\n  window.addEventListener('keydown', forgetTransitionOrigin, true)\n}\n\nfunction removeTransitionOriginListeners() {\n  if (--transitionOriginCount > 0) return\n  window.removeEventListener('pointerdown', recordTransitionOrigin, true)\n  window.removeEventListener('keydown', forgetTransitionOrigin, true)\n}\n\nfunction resolveAppearance(appearance: ThemeAppearance): 'light' | 'dark' {\n  if (appearance !== 'system') return appearance\n  try {\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n  } catch {\n    return 'light'\n  }\n}\n\nfunction transitionPoint(x: number, y: number): { x: number; y: number } {\n  if (Number.isFinite(x) && Number.isFinite(y)) return { x, y }\n  return {\n    x: (window.innerWidth || 0) / 2,\n    y: (window.innerHeight || 0) / 2\n  }\n}\n\n@customElement('web-ui-theme')\nexport class WebUiTheme extends LitElement {\n  static override styles = unsafeCSS(style)\n\n  @property({ type: String, reflect: true })\n  get appearance(): ThemeAppearance | undefined {\n    return this._appearance\n  }\n  set appearance(v: string | undefined) {\n    const old = this._appearance\n    const next = v !== undefined ? (normalizeLiteral(v, APPEARANCES, 'light') as ThemeAppearance) : undefined\n    const request = ++this._appearanceRequest\n    if (\n      next !== undefined &&\n      !this._transitionRequested &&\n      themeTransitionFlightToken === null &&\n      this._shouldAnimateAppearance(next)\n    ) {\n      // async helper 可能把函数体排到当前栈后；flight gate 必须在当前 setter 栈内生效。\n      this._transitionRequested = true\n      const flightToken = { requestId: request }\n      themeTransitionFlightToken = flightToken\n      void this._startThemeTransition(next, old!, request, flightToken).catch(() => {\n        this._cleanupThemeTransition()\n        this._transitionRequested = false\n        if (themeTransitionFlightToken === flightToken) themeTransitionFlightToken = null\n        if (this._appearanceRequest === request) {\n          this._appearance = next\n          this.requestUpdate('appearance', old)\n        }\n      })\n      return\n    }\n    this._appearance = next\n    this.requestUpdate('appearance', old)\n  }\n  private _appearance?: ThemeAppearance\n  private _appearanceRequest = 0\n\n  @property({ type: String, reflect: true })\n  get motion(): ThemeMotion {\n    return this._motion\n  }\n  set motion(v: string) {\n    const old = this._motion\n    this._motion = normalizeLiteral(v, MOTIONS, 'system') as ThemeMotion\n    this.requestUpdate('motion', old)\n  }\n  private _motion: ThemeMotion = 'system'\n\n  private _transitionOriginListening = false\n  private _transitionRequested = false\n\n  private _warned = false\n\n  override connectedCallback() {\n    super.connectedCallback()\n    // 揭示开关曾由 transition prop 单独控制；现在统一由 motion 决定，\n    // 因此连接期间始终记录圆心来源，真正是否动画仍看 _shouldAnimateAppearance。\n    this._syncTransitionOriginListeners(true)\n    this._syncRootPageColorSync()\n    this._warnWhenAppearanceIsMissing()\n  }\n\n  override disconnectedCallback() {\n    this._syncTransitionOriginListeners(false)\n    unregisterThemeRootSync(this)\n    this._activeTransition?.skipTransition?.()\n    this._cleanupThemeTransition()\n    super.disconnectedCallback()\n  }\n\n  protected override updated() {\n    this._warnWhenAppearanceIsMissing()\n    this._syncRootPageColorSync()\n  }\n\n  /*\n   * root page 色同步的登记态：只有 active（有 appearance）的主题参与，\n   * appearance 被清掉时撤销登记、把同步权顺延给下一个已连接实例。\n   * updated() 里重复登记是幂等的，因此这里同时承担「appearance 变化后刷新 root 值」。\n   */\n  private _syncRootPageColorSync() {\n    if (this._hasAppearance()) registerThemeRootSync(this)\n    else unregisterThemeRootSync(this)\n  }\n\n  // 返回该主题拥有的浮层挂载点；未设置 appearance 时不创建。\n  getOverlayRoot(): HTMLElement | undefined {\n    if (!this._hasAppearance()) return undefined\n    return this.renderRoot.querySelector<HTMLElement>('[data-wui-overlay-container]') ?? undefined\n  }\n\n  // 当前范围是否应减少动效；`system` 跟随用户的系统偏好。\n  isReducedMotion(): boolean {\n    if (this.motion === 'reduced') return true\n    if (this.motion === 'full') return false\n\n    try {\n      return window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    } catch {\n      return false\n    }\n  }\n\n  private _findThemeAncestor(): WebUiTheme | null {\n    let node = this.parentNode\n    while (node) {\n      if (node instanceof WebUiTheme && node !== this && node._hasAppearance()) return node\n      if (node instanceof ShadowRoot) {\n        node = node.host\n      } else {\n        node = node.parentElement\n      }\n    }\n    return null\n  }\n\n  private _transitionOrigin(): { x: number; y: number } {\n    if (Number.isFinite(transitionOrigin.x) && Number.isFinite(transitionOrigin.y)) {\n      return transitionOrigin\n    }\n\n    const box = this.getBoundingClientRect()\n    if (box.width > 0 && box.height > 0) {\n      return { x: box.left + box.width / 2, y: box.top + box.height / 2 }\n    }\n    return transitionPoint(Number.NaN, Number.NaN)\n  }\n\n  private _syncTransitionOriginListeners(listening: boolean) {\n    if (listening === this._transitionOriginListening) return\n    this._transitionOriginListening = listening\n    if (listening) addTransitionOriginListeners()\n    else removeTransitionOriginListeners()\n  }\n\n  private _transitionMotion(): { duration: number; easing: string } {\n    const style = getComputedStyle(this)\n    const duration = parseDuration(style.getPropertyValue('--wui-theme-transition-duration')) ?? 500\n    const easing = style.getPropertyValue('--wui-theme-transition-easing').trim() || 'ease-in'\n    const safeEasing = globalThis.CSS?.supports('animation-timing-function', easing) ? easing : 'ease-in'\n    return { duration: Math.max(0, duration), easing: safeEasing }\n  }\n\n  private _shouldAnimateAppearance(next: ThemeAppearance): boolean {\n    const previous = this._appearance\n    if (!previous || previous === next) return false\n    if (resolveAppearance(previous) === resolveAppearance(next)) return false\n    return (\n      typeof document.startViewTransition === 'function' &&\n      Array.isArray(document.adoptedStyleSheets) &&\n      !this.isReducedMotion() &&\n      this._transitionMotion().duration > 0\n    )\n  }\n\n  // 嵌套主题只做局部揭示；View Transitions 需要 capture box，因此飞行期间临时生成一个 host box。\n  private async _startThemeTransition(\n    next: ThemeAppearance,\n    previous: ThemeAppearance,\n    request: number,\n    flightToken: object\n  ): Promise<void> {\n    const root = this._findThemeAncestor() === null\n    const transitionName = root ? undefined : `wui-theme-transition-${++transitionSequence}`\n    const styleSheet = new CSSStyleSheet()\n    if (transitionName) {\n      styleSheet.replaceSync(`\n        ::view-transition-old(root), ::view-transition-new(root) { animation: none; }\n        ::view-transition-old(root), ::view-transition-new(root) { mix-blend-mode: normal; }\n        ::view-transition-image-pair(root), ::view-transition-image-pair(${transitionName}) { mix-blend-mode: normal; }\n        ::view-transition-group(${transitionName}) { animation: none; }\n        ::view-transition-old(${transitionName}), ::view-transition-new(${transitionName}) {\n          animation: none;\n          mix-blend-mode: normal;\n        }\n        ::view-transition-old(${transitionName}) { z-index: ${next === 'dark' ? 1 : 2}; }\n        ::view-transition-new(${transitionName}) { z-index: ${next === 'dark' ? 2 : 1}; }\n      `)\n    } else {\n      styleSheet.replaceSync(`\n        ::view-transition-old(root), ::view-transition-new(root) {\n          animation: none;\n          mix-blend-mode: normal;\n        }\n        ::view-transition-image-pair(root) { mix-blend-mode: normal; }\n        ::view-transition-old(root) { z-index: ${next === 'dark' ? 1 : 2}; }\n        ::view-transition-new(root) { z-index: ${next === 'dark' ? 2 : 1}; }\n      `)\n    }\n\n    const hadDisplay = this.style.getPropertyValue('display')\n    const hadTransitionName = transitionName ? this.style.getPropertyValue('view-transition-name') : undefined\n    if (transitionName) {\n      this.style.setProperty('display', 'block')\n      this.style.setProperty('view-transition-name', transitionName)\n    }\n\n    const restoreCapture = () => {\n      try {\n        document.adoptedStyleSheets = document.adoptedStyleSheets.filter(sheet => sheet !== styleSheet)\n      } catch {\n        // 拒绝写入的 setter 也拒绝回收，样式表本就没进去；host 内联态的恢复不能因此中断。\n      }\n      if (!transitionName) return\n      if (hadTransitionName) this.style.setProperty('view-transition-name', hadTransitionName)\n      else this.style.removeProperty('view-transition-name')\n      if (hadDisplay) this.style.setProperty('display', hadDisplay)\n      else this.style.removeProperty('display')\n    }\n\n    const commit = () => {\n      if (this._appearanceRequest !== request) return this.updateComplete\n      this._appearance = next\n      this.requestUpdate('appearance', previous)\n      return this.updateComplete\n    }\n    // cleanup 必须在 adoptedStyleSheets 写入之前登记：写入同步抛错时 setter 的 .catch 才拿得到它，\n    // 否则 host 上的 view-transition-name 会残留，污染之后每一次 view transition（issue #146）。\n    this._transitionCleanup = restoreCapture\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet]\n    const transition = document.startViewTransition(commit) as unknown as ViewTransitionLike\n    this._activeTransition = transition\n    const animations: Animation[] = []\n\n    transition.ready\n      .then(() => {\n        const { duration, easing } = this._transitionMotion()\n        if (duration <= 0) return\n        const { x, y } = this._transitionOrigin()\n        const target = next === 'dark' ? '::view-transition-new(root)' : '::view-transition-old(root)'\n        if (!root) {\n          const box = this.getBoundingClientRect()\n          const relative = { x: x - box.left, y: y - box.top }\n          const radius = Math.ceil(\n            Math.hypot(Math.max(relative.x, box.width - relative.x), Math.max(relative.y, box.height - relative.y))\n          )\n          const frames = this._transitionKeyframes(relative.x, relative.y, radius, next)\n          const target =\n            next === 'dark' ? `::view-transition-new(${transitionName})` : `::view-transition-old(${transitionName})`\n          animations.push(\n            document.documentElement.animate(frames, {\n              duration,\n              easing,\n              fill: 'both',\n              pseudoElement: target\n            } as KeyframeAnimationOptions)\n          )\n          return\n        }\n\n        const radius = Math.ceil(Math.hypot(Math.max(x, window.innerWidth - x), Math.max(y, window.innerHeight - y)))\n        animations.push(\n          document.documentElement.animate(this._transitionKeyframes(x, y, radius, next), {\n            duration,\n            easing,\n            fill: 'both',\n            pseudoElement: target\n          } as KeyframeAnimationOptions)\n        )\n      })\n      .catch(() => undefined)\n\n    try {\n      await transition.finished\n    } catch {\n      // API 缺失、capture 冲突或用户 skip 都不是状态错误；appearance 已由 update callback 提交。\n    } finally {\n      this._activeTransition = undefined\n      this._transitionCleanup = undefined\n      for (const animation of animations) animation.cancel()\n      restoreCapture()\n      // disconnected skip 会提前清掉 active；flight token/request 必须无条件释放。\n      this._transitionRequested = false\n      if (themeTransitionFlightToken === flightToken) themeTransitionFlightToken = null\n    }\n  }\n\n  private _transitionKeyframes(x: number, y: number, radius: number, next: ThemeAppearance): Keyframe[] {\n    const from = `circle(0px at ${x}px ${y}px)`\n    const to = `circle(${radius}px at ${x}px ${y}px)`\n    return next === 'dark' ? [{ clipPath: from }, { clipPath: to }] : [{ clipPath: to }, { clipPath: from }]\n  }\n\n  private _cleanupThemeTransition(restoreCapture = true) {\n    this._activeTransition = undefined\n    const cleanup = this._transitionCleanup\n    this._transitionCleanup = undefined\n    if (restoreCapture) cleanup?.()\n  }\n\n  private _activeTransition?: ViewTransitionLike\n  private _transitionCleanup?: () => void\n\n  override render() {\n    return html`<slot></slot>${this._hasAppearance() ? html`<div data-wui-overlay-container></div>` : nothing}`\n  }\n\n  override firstUpdated() {\n    if (this.renderRoot instanceof ShadowRoot) {\n      applyOverlayRootStyles(this.renderRoot)\n    }\n  }\n\n  private _hasAppearance(): this is this & { appearance: ThemeAppearance } {\n    return this.appearance !== undefined && (APPEARANCES as readonly string[]).includes(this.appearance)\n  }\n\n  private _warnWhenAppearanceIsMissing() {\n    if (this._hasAppearance() || this._warned || !import.meta.env.DEV) return\n    this._warned = true\n    console.warn('[web-ui-theme] appearance is required; this theme scope is inactive until it is set.')\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-theme': WebUiTheme\n  }\n}\n"],"mappings":"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"}

package/dist/components/theme/style.js

@@ -1,5 +1,5 @@
 //#region src/components/theme/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{--wui-font-size:14px;--wui-input-width:200px;--wui-control-size:36px;--wui-overlay-min-width:200px;--wui-selection-control-size:18px;--wui-radio-group-gap:8px;--wui-checkbox-group-gap:8px;--wui-layer-base:0;--wui-layer-inline-overlay:1;--wui-layer-header:10;--wui-layer-auxiliary:20;--wui-layer-banner:30;--wui-layer-tabbar:40;--wui-layer-sidebar:50;--wui-layer-menu:100;--wui-layer-menu-nested:110;--wui-layer-toast:200;--wui-layer-loading:300;--wui-duration-press:80ms;--wui-duration-feedback:.1s;--wui-duration-trigger:.16s;--wui-duration-focus:.2s;--wui-duration-float-enter:.24s;--wui-duration-float-exit:.16s;--wui-duration-dialog-enter:.32s;--wui-duration-dialog-exit:.26s;--wui-duration-drawer-enter:.28s;--wui-duration-drawer-exit:.24s;--wui-duration-drawer-nested:.45s;--wui-duration-toast-enter:.28s;--wui-duration-toast-exit:.2s;--wui-duration-collapse-enter:.2s;--wui-duration-collapse-exit:.16s;--wui-duration-layout:.2s;--wui-duration-swipe-settle:.22s;--wui-duration-spin:.6s;--wui-duration-spinner:.8s;--wui-theme-transition-duration:.5s;--wui-theme-transition-easing:ease-in;--wui-ease-enter:cubic-bezier(.23, 1, .32, 1);--wui-ease-dialog:cubic-bezier(.2, 0, 0, 1);--wui-ease-slide:cubic-bezier(.77, 0, .175, 1);--wui-ease-swipe:cubic-bezier(.32, .72, 0, 1);--wui-ease-float:cubic-bezier(.4, .38, .2, 1);--wui-scale-enter:.95;--wui-dialog-scale-enter:1.1;--wui-focus-ring-width:3px;--wui-radius-control:calc(infinity * 1px);--wui-radius-menu:18px;--wui-radius-overlay:28px;display:contents}:host([motion=reduced]){--wui-duration-press:0s;--wui-duration-feedback:0s;--wui-duration-trigger:0s;--wui-duration-focus:0s;--wui-duration-float-enter:0s;--wui-duration-float-exit:0s;--wui-duration-dialog-enter:0s;--wui-duration-dialog-exit:0s;--wui-duration-drawer-enter:0s;--wui-duration-drawer-exit:0s;--wui-duration-drawer-nested:0s;--wui-duration-toast-enter:0s;--wui-duration-toast-exit:0s;--wui-duration-collapse-enter:0s;--wui-duration-collapse-exit:0s;--wui-duration-layout:0s;--wui-duration-swipe-settle:0s;--wui-theme-transition-duration:0s;--wui-duration-spin:1.6s;--wui-duration-spinner:1.6s;--wui-scale-enter:1;--wui-dialog-scale-enter:1}@media (prefers-reduced-motion:reduce){:host([motion=system]){--wui-duration-press:0s;--wui-duration-feedback:0s;--wui-duration-trigger:0s;--wui-duration-focus:0s;--wui-duration-float-enter:0s;--wui-duration-float-exit:0s;--wui-duration-dialog-enter:0s;--wui-duration-dialog-exit:0s;--wui-duration-drawer-enter:0s;--wui-duration-drawer-exit:0s;--wui-duration-drawer-nested:0s;--wui-duration-toast-enter:0s;--wui-duration-toast-exit:0s;--wui-duration-collapse-enter:0s;--wui-duration-collapse-exit:0s;--wui-duration-layout:0s;--wui-duration-swipe-settle:0s;--wui-theme-transition-duration:0s;--wui-duration-spin:1.6s;--wui-duration-spinner:1.6s;--wui-scale-enter:1;--wui-dialog-scale-enter:1}}:host([appearance=light]),:host([appearance=system]){--wui-color-page:#fff;--wui-color-surface:#fff;--wui-color-surface-raised:#f2f2f7;--wui-color-surface-control:#dfdfdf;--wui-color-surface-track:#e5e5ea;--wui-color-surface-menu:#f6f6f6d1;--wui-color-surface-glass:#fafafa57;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#f6f6f6d1;--wui-color-surface-segmented:#e5e5ea;--wui-color-surface-selected:#fff;--wui-color-text:#1b1b1b;--wui-color-text-secondary:#6a6a6a;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 35%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 32%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#0000001a;--wui-color-glass-border:transparent;--wui-color-glass-highlight:#ffffffe6;--wui-color-glass-corner:#ffffff80;--wui-color-glass-shade:#00000008;--wui-glass-brightness:1.06;--wui-color-accent:#08f;--wui-color-on-accent:#fff;--wui-color-on-control:#fff;--wui-color-success:#16a34a;--wui-color-warning:#d97706;--wui-color-danger:#dc2626;--wui-color-info:#2563eb;--wui-color-backdrop:#0000001f;--wui-shadow-overlay:2px 16px 40px #0006;--wui-shadow-panel:0 3px 9px #00000045;--wui-shadow-glass:0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004;--wui-color-focus-ring:#08f6;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:host([appearance=dark]){--wui-color-page:#242628;--wui-color-surface:#2c2c2e;--wui-color-surface-raised:#2c2c2e;--wui-color-surface-control:#3a3a3c;--wui-color-surface-track:#444446;--wui-color-surface-menu:#1e1e20eb;--wui-color-surface-glass:#2c2c2e6b;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#202222e6;--wui-color-surface-segmented:#3a3a3c;--wui-color-surface-selected:#5c5c5e;--wui-color-text:#e9eaea;--wui-color-text-secondary:#a1a1a6;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 42%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 38%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#ffffff24;--wui-color-glass-border:#ffffff0d;--wui-color-glass-highlight:#ffffff1a;--wui-color-glass-corner:#fff3;--wui-color-glass-shade:#00000080;--wui-glass-brightness:1.02;--wui-color-accent:#0a84ff;--wui-color-on-accent:#fff;--wui-color-on-control:#f2f2f7;--wui-color-success:#30d158;--wui-color-warning:#ff9f0a;--wui-color-danger:#ff453a;--wui-color-info:#64d2ff;--wui-color-backdrop:#0000007a;--wui-shadow-overlay:0 18px 48px #0000007a;--wui-shadow-panel:0 4px 16px #00000052;--wui-shadow-glass:0 8px 24px #00000014;--wui-color-focus-ring:#0a84ff9e;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:host([appearance=system]){--wui-color-page:#242628;--wui-color-surface:#2c2c2e;--wui-color-surface-raised:#2c2c2e;--wui-color-surface-control:#3a3a3c;--wui-color-surface-track:#444446;--wui-color-surface-menu:#1e1e20eb;--wui-color-surface-glass:#2c2c2e6b;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#202222e6;--wui-color-surface-segmented:#3a3a3c;--wui-color-surface-selected:#5c5c5e;--wui-color-text:#e9eaea;--wui-color-text-secondary:#a1a1a6;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 42%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 38%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#ffffff24;--wui-color-glass-border:#ffffff0d;--wui-color-glass-highlight:#ffffff1a;--wui-color-glass-corner:#fff3;--wui-color-glass-shade:#00000080;--wui-glass-brightness:1.02;--wui-color-accent:#0a84ff;--wui-color-on-accent:#fff;--wui-color-on-control:#f2f2f7;--wui-color-success:#30d158;--wui-color-warning:#ff9f0a;--wui-color-danger:#ff453a;--wui-color-info:#64d2ff;--wui-color-backdrop:#0000007a;--wui-shadow-overlay:0 18px 48px #0000007a;--wui-shadow-panel:0 4px 16px #00000052;--wui-shadow-glass:0 8px 24px #00000014;--wui-color-focus-ring:#0a84ff9e;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}";
+var e = "*,:before,:after{box-sizing:border-box}:host{--wui-font-size:14px;--wui-input-width:200px;--wui-control-size:36px;--wui-overlay-min-width:200px;--wui-selection-control-size:18px;--wui-radio-group-gap:8px;--wui-checkbox-group-gap:8px;--wui-layer-base:0;--wui-layer-inline-overlay:1;--wui-layer-header:10;--wui-layer-auxiliary:20;--wui-layer-banner:30;--wui-layer-tabbar:40;--wui-layer-sidebar:50;--wui-layer-menu:100;--wui-layer-menu-nested:110;--wui-layer-toast:200;--wui-layer-loading:300;--wui-duration-press:80ms;--wui-duration-feedback:.1s;--wui-duration-trigger:.16s;--wui-duration-focus:.2s;--wui-duration-float-enter:.24s;--wui-duration-float-exit:.16s;--wui-duration-dialog-enter:.32s;--wui-duration-dialog-exit:.26s;--wui-duration-drawer-enter:.28s;--wui-duration-drawer-exit:.24s;--wui-duration-drawer-nested:.45s;--wui-duration-toast-enter:.28s;--wui-duration-toast-exit:.2s;--wui-duration-collapse-enter:.2s;--wui-duration-collapse-exit:.16s;--wui-duration-layout:.2s;--wui-duration-swipe-settle:.22s;--wui-duration-spin:.6s;--wui-duration-spinner:.8s;--wui-theme-transition-duration:.5s;--wui-theme-transition-easing:ease-in;--wui-ease-enter:cubic-bezier(.23, 1, .32, 1);--wui-ease-dialog:cubic-bezier(.2, 0, 0, 1);--wui-ease-slide:cubic-bezier(.77, 0, .175, 1);--wui-ease-swipe:cubic-bezier(.32, .72, 0, 1);--wui-ease-float:cubic-bezier(.4, .38, .2, 1);--wui-scale-enter:.95;--wui-dialog-scale-enter:1.1;--wui-focus-ring-width:3px;--wui-radius-control:calc(infinity * 1px);--wui-radius-menu:18px;--wui-radius-overlay:28px;display:contents}:host([motion=reduced]){--wui-duration-press:0s;--wui-duration-feedback:0s;--wui-duration-trigger:0s;--wui-duration-focus:0s;--wui-duration-float-enter:0s;--wui-duration-float-exit:0s;--wui-duration-dialog-enter:0s;--wui-duration-dialog-exit:0s;--wui-duration-drawer-enter:0s;--wui-duration-drawer-exit:0s;--wui-duration-drawer-nested:0s;--wui-duration-toast-enter:0s;--wui-duration-toast-exit:0s;--wui-duration-collapse-enter:0s;--wui-duration-collapse-exit:0s;--wui-duration-layout:0s;--wui-duration-swipe-settle:0s;--wui-theme-transition-duration:0s;--wui-duration-spin:1.6s;--wui-duration-spinner:1.6s;--wui-scale-enter:1;--wui-dialog-scale-enter:1}@media (prefers-reduced-motion:reduce){:host([motion=system]){--wui-duration-press:0s;--wui-duration-feedback:0s;--wui-duration-trigger:0s;--wui-duration-focus:0s;--wui-duration-float-enter:0s;--wui-duration-float-exit:0s;--wui-duration-dialog-enter:0s;--wui-duration-dialog-exit:0s;--wui-duration-drawer-enter:0s;--wui-duration-drawer-exit:0s;--wui-duration-drawer-nested:0s;--wui-duration-toast-enter:0s;--wui-duration-toast-exit:0s;--wui-duration-collapse-enter:0s;--wui-duration-collapse-exit:0s;--wui-duration-layout:0s;--wui-duration-swipe-settle:0s;--wui-theme-transition-duration:0s;--wui-duration-spin:1.6s;--wui-duration-spinner:1.6s;--wui-scale-enter:1;--wui-dialog-scale-enter:1}}:host([appearance=light]),:host([appearance=system]){--wui-color-page:#fff;--wui-color-surface:#fff;--wui-color-surface-raised:#f2f2f7;--wui-color-surface-control:#dfdfdf;--wui-color-surface-track:#e5e5ea;--wui-color-surface-menu:#f6f6f6d1;--wui-color-surface-glass:#fafafa57;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#f6f6f6d1;--wui-color-surface-sidebar:#f6f6f6d1;--wui-color-surface-segmented:#e5e5ea;--wui-color-surface-selected:#fff;--wui-color-text:#1b1b1b;--wui-color-text-secondary:#6a6a6a;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 35%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 32%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#0000001a;--wui-color-glass-border:transparent;--wui-color-glass-highlight:#ffffffe6;--wui-color-glass-corner:#ffffff80;--wui-color-glass-shade:#00000008;--wui-glass-brightness:1.06;--wui-color-accent:#08f;--wui-color-on-accent:#fff;--wui-color-on-control:#fff;--wui-color-success:#16a34a;--wui-color-warning:#d97706;--wui-color-danger:#dc2626;--wui-color-info:#2563eb;--wui-color-backdrop:#0000001f;--wui-shadow-overlay:2px 16px 40px #0006;--wui-shadow-panel:0 3px 9px #00000045;--wui-shadow-glass:0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004;--wui-color-focus-ring:#08f6;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:host([appearance=dark]){--wui-color-page:#242628;--wui-color-surface:#2c2c2e;--wui-color-surface-raised:#2c2c2e;--wui-color-surface-control:#3a3a3c;--wui-color-surface-track:#444446;--wui-color-surface-menu:#2c2c2ec7;--wui-color-surface-glass:#2c2c2e6b;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#202222e6;--wui-color-surface-sidebar:#2c2c2ecc;--wui-color-surface-segmented:#3a3a3c;--wui-color-surface-selected:#5c5c5e;--wui-color-text:#e9eaea;--wui-color-text-secondary:#a1a1a6;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 42%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 38%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#ffffff24;--wui-color-glass-border:#ffffff0d;--wui-color-glass-highlight:#ffffff1a;--wui-color-glass-corner:#fff3;--wui-color-glass-shade:#00000080;--wui-glass-brightness:1.02;--wui-color-accent:#0a84ff;--wui-color-on-accent:#fff;--wui-color-on-control:#f2f2f7;--wui-color-success:#30d158;--wui-color-warning:#ff9f0a;--wui-color-danger:#ff453a;--wui-color-info:#64d2ff;--wui-color-backdrop:#0000007a;--wui-shadow-overlay:0 18px 48px #0000007a;--wui-shadow-panel:0 4px 16px #00000052;--wui-shadow-glass:0 8px 24px #00000014;--wui-color-focus-ring:#0a84ff9e;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:host([appearance=system]){--wui-color-page:#242628;--wui-color-surface:#2c2c2e;--wui-color-surface-raised:#2c2c2e;--wui-color-surface-control:#3a3a3c;--wui-color-surface-track:#444446;--wui-color-surface-menu:#2c2c2ec7;--wui-color-surface-glass:#2c2c2e6b;--wui-color-surface-glass-hover:color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));--wui-color-surface-glass-active:color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));--wui-color-surface-overlay:#202222e6;--wui-color-surface-sidebar:#2c2c2ecc;--wui-color-surface-segmented:#3a3a3c;--wui-color-surface-selected:#5c5c5e;--wui-color-text:#e9eaea;--wui-color-text-secondary:#a1a1a6;--wui-color-text-tertiary:color-mix(in srgb, var(--wui-color-text) 42%, transparent);--wui-color-text-disabled:color-mix(in srgb, var(--wui-color-text) 38%, transparent);--wui-color-state-layer-hover:color-mix(in srgb, var(--wui-color-text) 6%, transparent);--wui-color-state-layer-active:color-mix(in srgb, var(--wui-color-text) 15%, transparent);--wui-color-border:#ffffff24;--wui-color-glass-border:#ffffff0d;--wui-color-glass-highlight:#ffffff1a;--wui-color-glass-corner:#fff3;--wui-color-glass-shade:#00000080;--wui-glass-brightness:1.02;--wui-color-accent:#0a84ff;--wui-color-on-accent:#fff;--wui-color-on-control:#f2f2f7;--wui-color-success:#30d158;--wui-color-warning:#ff9f0a;--wui-color-danger:#ff453a;--wui-color-info:#64d2ff;--wui-color-backdrop:#0000007a;--wui-shadow-overlay:0 18px 48px #0000007a;--wui-shadow-panel:0 4px 16px #00000052;--wui-shadow-glass:0 8px 24px #00000014;--wui-color-focus-ring:#0a84ff9e;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}";
 //#endregion
 export { e as default };
 

package/dist/components/theme/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/theme/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-font-size: 14px;\n  --wui-input-width: 200px;\n  --wui-control-size: 36px;\n  --wui-overlay-min-width: 200px;\n\n  /* radio / checkbox 指示器尺寸。宿主高度由内容撑开，不继承页面行高。 */\n  --wui-selection-control-size: 18px;\n\n  /* radio-group / checkbox-group 成员间距，两个 group 各自可覆盖。 */\n  --wui-radio-group-gap: 8px;\n  --wui-checkbox-group-gap: 8px;\n\n  /* z-index layers - 基础结构 */\n  --wui-layer-base: 0;\n  --wui-layer-inline-overlay: 1;\n  --wui-layer-header: 10;\n  --wui-layer-auxiliary: 20;\n  --wui-layer-banner: 30;\n  --wui-layer-tabbar: 40;\n  --wui-layer-sidebar: 50;\n\n  /* z-index layers - 浮层 */\n  --wui-layer-menu: 100;\n  --wui-layer-menu-nested: 110;\n  --wui-layer-toast: 200;\n  --wui-layer-loading: 300;\n  --wui-duration-press: 80ms;\n  --wui-duration-feedback: 100ms;\n  --wui-duration-trigger: 160ms;\n  --wui-duration-focus: 200ms;\n\n  /* 锚定浮动面板（menu/popover/select/dropdown/tooltip/autocomplete）的进场与退场时长，\n     出场快于入场。 */\n  --wui-duration-float-enter: 240ms;\n  --wui-duration-float-exit: 160ms;\n  --wui-duration-dialog-enter: 320ms;\n  --wui-duration-dialog-exit: 260ms;\n  --wui-duration-drawer-enter: 280ms;\n  --wui-duration-drawer-exit: 240ms;\n  --wui-duration-drawer-nested: 450ms;\n  --wui-duration-toast-enter: 280ms;\n  --wui-duration-toast-exit: 200ms;\n  --wui-duration-collapse-enter: 200ms;\n  --wui-duration-collapse-exit: 160ms;\n  --wui-duration-layout: 200ms;\n\n  /* image-preview 轮播回位：跟手结束后把轨道过渡到目标位。不属于进出场族，故单独成 token。 */\n  --wui-duration-swipe-settle: 220ms;\n\n  /* 无限循环的加载指示：icon 旋转与 spinner 叶片追光。周期属于动画自身而非转场，\n     但同样受 motion 契约约束，reduce 下只放慢不停。 */\n  --wui-duration-spin: 600ms;\n  --wui-duration-spinner: 800ms;\n  --wui-theme-transition-duration: 500ms;\n  --wui-theme-transition-easing: ease-in;\n\n  --wui-ease-enter: cubic-bezier(0.23, 1, 0.32, 1);\n  --wui-ease-dialog: cubic-bezier(0.2, 0, 0, 1);\n  --wui-ease-slide: cubic-bezier(0.77, 0, 0.175, 1);\n\n  /* 轮播回位的缓动：起步快、末段极慢，与 --wui-ease-slide（整卡位移）区分开。 */\n  --wui-ease-swipe: cubic-bezier(0.32, 0.72, 0, 1);\n\n  /* 锚定浮动面板专属进场缓动，无回弹弹簧拟合曲线。若改用 --wui-ease-enter，\n     开局 30% 的时间就走完 85% 进度，观感是先弹出再落位。 */\n  --wui-ease-float: cubic-bezier(0.4, 0.38, 0.2, 1);\n\n  /* 进场缩放起点。两族方向相反，各自成 token：浮动面板与 image-preview 由小到大展开\n     （0.95 → 1），dialog 由大到小收缩（1.1 → 1，退场反向）。\n     方向由承载层决定。image-preview 是满视口表面，起点 >1 会把贴边的 counter/close/\n     toolbar 推出视口并裁掉图片四边，只能留在 <1 的档位。dialog 是有界卡片，起点须低于\n     零越界上限 1/0.9 ≈ 1.111（min(90vw, --wui-dialog-width) 两分支在 400px 视口汇合）；\n     1.1 在任意视口都不越界。曾用 1.2，窄视口会短暂越界（约 57ms、卡片不透明度 ≤44.4%，\n     分析见 ADR-0006），260919 下调。 */\n  --wui-scale-enter: 0.95;\n  --wui-dialog-scale-enter: 1.1;\n  --wui-focus-ring-width: 3px;\n\n  /* control=胶囊控件、menu=浮动菜单面板、overlay=大型覆盖层卡片 */\n  --wui-radius-control: calc(infinity * 1px);\n  --wui-radius-menu: 18px;\n  --wui-radius-overlay: 28px;\n\n  /* contents：主题宿主不生成盒、不绘制页面背景，嵌入方保留对宿主背景的完全控制\n     （组件库不在宿主页面画背景）。自定义属性仍沿 DOM 树正常继承到 slotted 内容。 */\n  display: contents;\n}\n\n:host([motion='reduced']) {\n  --wui-duration-press: 0ms;\n  --wui-duration-feedback: 0ms;\n  --wui-duration-trigger: 0ms;\n  --wui-duration-focus: 0ms;\n  --wui-duration-float-enter: 0ms;\n  --wui-duration-float-exit: 0ms;\n  --wui-duration-dialog-enter: 0ms;\n  --wui-duration-dialog-exit: 0ms;\n  --wui-duration-drawer-enter: 0ms;\n  --wui-duration-drawer-exit: 0ms;\n  --wui-duration-drawer-nested: 0ms;\n  --wui-duration-toast-enter: 0ms;\n  --wui-duration-toast-exit: 0ms;\n  --wui-duration-collapse-enter: 0ms;\n  --wui-duration-collapse-exit: 0ms;\n  --wui-duration-layout: 0ms;\n  --wui-duration-swipe-settle: 0ms;\n  --wui-theme-transition-duration: 0ms;\n\n  /* 加载循环不在 reduce 下归零：它是「正在进行」的唯一信号，停掉会被读成界面卡死，只放慢。 */\n  --wui-duration-spin: 1600ms;\n  --wui-duration-spinner: 1600ms;\n\n  --wui-scale-enter: 1;\n  --wui-dialog-scale-enter: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([motion='system']) {\n    --wui-duration-press: 0ms;\n    --wui-duration-feedback: 0ms;\n    --wui-duration-trigger: 0ms;\n    --wui-duration-focus: 0ms;\n    --wui-duration-float-enter: 0ms;\n    --wui-duration-float-exit: 0ms;\n    --wui-duration-dialog-enter: 0ms;\n    --wui-duration-dialog-exit: 0ms;\n    --wui-duration-drawer-enter: 0ms;\n    --wui-duration-drawer-exit: 0ms;\n    --wui-duration-drawer-nested: 0ms;\n    --wui-duration-toast-enter: 0ms;\n    --wui-duration-toast-exit: 0ms;\n    --wui-duration-collapse-enter: 0ms;\n    --wui-duration-collapse-exit: 0ms;\n    --wui-duration-layout: 0ms;\n    --wui-duration-swipe-settle: 0ms;\n    --wui-theme-transition-duration: 0ms;\n\n    /* 加载循环不在 reduce 下归零：它是「正在进行」的唯一信号，停掉会被读成界面卡死，只放慢。 */\n    --wui-duration-spin: 1600ms;\n    --wui-duration-spinner: 1600ms;\n\n    --wui-scale-enter: 1;\n    --wui-dialog-scale-enter: 1;\n  }\n}\n\n:host([appearance='light']),\n:host([appearance='system']) {\n  --wui-color-page: #fff;\n  --wui-color-surface: #fff;\n  --wui-color-surface-raised: #f2f2f7;\n  --wui-color-surface-control: #dfdfdf;\n  --wui-color-surface-track: #e5e5ea;\n  --wui-color-surface-menu: rgb(246 246 246 / 0.82);\n  --wui-color-surface-glass: rgb(250 250 250 / 0.34);\n  --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n  --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n  --wui-color-surface-overlay: rgb(246 246 246 / 0.82);\n  --wui-color-surface-segmented: #e5e5ea;\n  --wui-color-surface-selected: #fff;\n  --wui-color-text: #1b1b1b;\n  --wui-color-text-secondary: #6a6a6a;\n  --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 35%, transparent);\n  --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 32%, transparent);\n  --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n  --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n  --wui-color-border: rgb(0 0 0 / 0.1);\n  --wui-color-glass-border: transparent;\n  --wui-color-glass-highlight: rgb(255 255 255 / 0.9);\n  --wui-color-glass-corner: rgb(255 255 255 / 0.5);\n  --wui-color-glass-shade: rgb(0 0 0 / 0.03);\n  --wui-glass-brightness: 1.06;\n  --wui-color-accent: #08f;\n  --wui-color-on-accent: #fff;\n  --wui-color-on-control: #fff;\n  --wui-color-success: #16a34a;\n  --wui-color-warning: #d97706;\n  --wui-color-danger: #dc2626;\n  --wui-color-info: #2563eb;\n  --wui-color-backdrop: rgb(0 0 0 / 0.12);\n  --wui-shadow-overlay: 2px 16px 40px rgb(0 0 0 / 0.4);\n  --wui-shadow-panel: 0 3px 9px rgb(0 0 0 / 0.27);\n  --wui-shadow-glass:\n    0 0 1px rgb(0 0 0 / 0.02), 0 0 8px rgb(0 0 0 / 0.03), 0 2px 16px rgb(0 0 0 / 0.025), 0 8px 32px rgb(0 0 0 / 0.015);\n  --wui-color-focus-ring: rgb(0 136 255 / 0.4);\n  color-scheme: light;\n}\n\n:host([appearance='dark']) {\n  --wui-color-page: #242628;\n  --wui-color-surface: #2c2c2e;\n  --wui-color-surface-raised: #2c2c2e;\n  --wui-color-surface-control: #3a3a3c;\n  --wui-color-surface-track: #444446;\n  --wui-color-surface-menu: rgb(30 30 32 / 0.92);\n  --wui-color-surface-glass: rgb(44 44 46 / 0.42);\n  --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n  --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n  --wui-color-surface-overlay: rgb(32 34 34 / 0.9);\n  --wui-color-surface-segmented: #3a3a3c;\n  --wui-color-surface-selected: #5c5c5e;\n  --wui-color-text: #e9eaea;\n  --wui-color-text-secondary: #a1a1a6;\n  --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 42%, transparent);\n  --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 38%, transparent);\n  --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n  --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n  --wui-color-border: rgb(255 255 255 / 0.14);\n  --wui-color-glass-border: rgb(255 255 255 / 0.05);\n  --wui-color-glass-highlight: rgb(255 255 255 / 0.1);\n  --wui-color-glass-corner: rgb(255 255 255 / 0.2);\n  --wui-color-glass-shade: rgb(0 0 0 / 0.5);\n  --wui-glass-brightness: 1.02;\n  --wui-color-accent: #0a84ff;\n  --wui-color-on-accent: #fff;\n  --wui-color-on-control: #f2f2f7;\n  --wui-color-success: #30d158;\n  --wui-color-warning: #ff9f0a;\n  --wui-color-danger: #ff453a;\n  --wui-color-info: #64d2ff;\n  --wui-color-backdrop: rgb(0 0 0 / 0.48);\n  --wui-shadow-overlay: 0 18px 48px rgb(0 0 0 / 0.48);\n  --wui-shadow-panel: 0 4px 16px rgb(0 0 0 / 0.32);\n  --wui-shadow-glass: 0 8px 24px rgb(0 0 0 / 0.08);\n  --wui-color-focus-ring: rgb(10 132 255 / 0.62);\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  :host([appearance='system']) {\n    --wui-color-page: #242628;\n    --wui-color-surface: #2c2c2e;\n    --wui-color-surface-raised: #2c2c2e;\n    --wui-color-surface-control: #3a3a3c;\n    --wui-color-surface-track: #444446;\n    --wui-color-surface-menu: rgb(30 30 32 / 0.92);\n    --wui-color-surface-glass: rgb(44 44 46 / 0.42);\n    --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n    --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n    --wui-color-surface-overlay: rgb(32 34 34 / 0.9);\n    --wui-color-surface-segmented: #3a3a3c;\n    --wui-color-surface-selected: #5c5c5e;\n    --wui-color-text: #e9eaea;\n    --wui-color-text-secondary: #a1a1a6;\n    --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 42%, transparent);\n    --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 38%, transparent);\n    --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n    --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n    --wui-color-border: rgb(255 255 255 / 0.14);\n    --wui-color-glass-border: rgb(255 255 255 / 0.05);\n    --wui-color-glass-highlight: rgb(255 255 255 / 0.1);\n    --wui-color-glass-corner: rgb(255 255 255 / 0.2);\n    --wui-color-glass-shade: rgb(0 0 0 / 0.5);\n    --wui-glass-brightness: 1.02;\n    --wui-color-accent: #0a84ff;\n    --wui-color-on-accent: #fff;\n    --wui-color-on-control: #f2f2f7;\n    --wui-color-success: #30d158;\n    --wui-color-warning: #ff9f0a;\n    --wui-color-danger: #ff453a;\n    --wui-color-info: #64d2ff;\n    --wui-color-backdrop: rgb(0 0 0 / 0.48);\n    --wui-shadow-overlay: 0 18px 48px rgb(0 0 0 / 0.48);\n    --wui-shadow-panel: 0 4px 16px rgb(0 0 0 / 0.32);\n    --wui-shadow-glass: 0 8px 24px rgb(0 0 0 / 0.08);\n    --wui-color-focus-ring: rgb(10 132 255 / 0.62);\n    color-scheme: dark;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/theme/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --wui-font-size: 14px;\n  --wui-input-width: 200px;\n  --wui-control-size: 36px;\n  --wui-overlay-min-width: 200px;\n\n  /* radio / checkbox 指示器尺寸。宿主高度由内容撑开，不继承页面行高。 */\n  --wui-selection-control-size: 18px;\n\n  /* radio-group / checkbox-group 成员间距，两个 group 各自可覆盖。 */\n  --wui-radio-group-gap: 8px;\n  --wui-checkbox-group-gap: 8px;\n\n  /* z-index layers - 基础结构 */\n  --wui-layer-base: 0;\n  --wui-layer-inline-overlay: 1;\n  --wui-layer-header: 10;\n  --wui-layer-auxiliary: 20;\n  --wui-layer-banner: 30;\n  --wui-layer-tabbar: 40;\n  --wui-layer-sidebar: 50;\n\n  /* z-index layers - 浮层 */\n  --wui-layer-menu: 100;\n  --wui-layer-menu-nested: 110;\n  --wui-layer-toast: 200;\n  --wui-layer-loading: 300;\n  --wui-duration-press: 80ms;\n  --wui-duration-feedback: 100ms;\n  --wui-duration-trigger: 160ms;\n  --wui-duration-focus: 200ms;\n\n  /* 锚定浮动面板（menu/popover/select/dropdown/tooltip/autocomplete）的进场与退场时长，\n     出场快于入场。 */\n  --wui-duration-float-enter: 240ms;\n  --wui-duration-float-exit: 160ms;\n  --wui-duration-dialog-enter: 320ms;\n  --wui-duration-dialog-exit: 260ms;\n  --wui-duration-drawer-enter: 280ms;\n  --wui-duration-drawer-exit: 240ms;\n  --wui-duration-drawer-nested: 450ms;\n  --wui-duration-toast-enter: 280ms;\n  --wui-duration-toast-exit: 200ms;\n  --wui-duration-collapse-enter: 200ms;\n  --wui-duration-collapse-exit: 160ms;\n  --wui-duration-layout: 200ms;\n\n  /* image-preview 轮播回位：跟手结束后把轨道过渡到目标位。不属于进出场族，故单独成 token。 */\n  --wui-duration-swipe-settle: 220ms;\n\n  /* 无限循环的加载指示：icon 旋转与 spinner 叶片追光。周期属于动画自身而非转场，\n     但同样受 motion 契约约束，reduce 下只放慢不停。 */\n  --wui-duration-spin: 600ms;\n  --wui-duration-spinner: 800ms;\n  --wui-theme-transition-duration: 500ms;\n  --wui-theme-transition-easing: ease-in;\n\n  --wui-ease-enter: cubic-bezier(0.23, 1, 0.32, 1);\n  --wui-ease-dialog: cubic-bezier(0.2, 0, 0, 1);\n  --wui-ease-slide: cubic-bezier(0.77, 0, 0.175, 1);\n\n  /* 轮播回位的缓动：起步快、末段极慢，与 --wui-ease-slide（整卡位移）区分开。 */\n  --wui-ease-swipe: cubic-bezier(0.32, 0.72, 0, 1);\n\n  /* 锚定浮动面板专属进场缓动，无回弹弹簧拟合曲线。若改用 --wui-ease-enter，\n     开局 30% 的时间就走完 85% 进度，观感是先弹出再落位。 */\n  --wui-ease-float: cubic-bezier(0.4, 0.38, 0.2, 1);\n\n  /* 进场缩放起点。两族方向相反，各自成 token：浮动面板与 image-preview 由小到大展开\n     （0.95 → 1），dialog 由大到小收缩（1.1 → 1，退场反向）。\n     方向由承载层决定。image-preview 是满视口表面，起点 >1 会把贴边的 counter/close/\n     toolbar 推出视口并裁掉图片四边，只能留在 <1 的档位。dialog 是有界卡片，起点须低于\n     零越界上限 1/0.9 ≈ 1.111（min(90vw, --wui-dialog-width) 两分支在 400px 视口汇合）；\n     1.1 在任意视口都不越界。曾用 1.2，窄视口会短暂越界（约 57ms、卡片不透明度 ≤44.4%，\n     分析见 ADR-0006），260919 下调。 */\n  --wui-scale-enter: 0.95;\n  --wui-dialog-scale-enter: 1.1;\n  --wui-focus-ring-width: 3px;\n\n  /* control=胶囊控件、menu=浮动菜单面板、overlay=大型覆盖层卡片 */\n  --wui-radius-control: calc(infinity * 1px);\n  --wui-radius-menu: 18px;\n  --wui-radius-overlay: 28px;\n\n  /* contents：主题宿主不生成盒、不绘制页面背景，嵌入方保留对宿主背景的完全控制\n     （组件库不在宿主页面画背景）。自定义属性仍沿 DOM 树正常继承到 slotted 内容。 */\n  display: contents;\n}\n\n:host([motion='reduced']) {\n  --wui-duration-press: 0ms;\n  --wui-duration-feedback: 0ms;\n  --wui-duration-trigger: 0ms;\n  --wui-duration-focus: 0ms;\n  --wui-duration-float-enter: 0ms;\n  --wui-duration-float-exit: 0ms;\n  --wui-duration-dialog-enter: 0ms;\n  --wui-duration-dialog-exit: 0ms;\n  --wui-duration-drawer-enter: 0ms;\n  --wui-duration-drawer-exit: 0ms;\n  --wui-duration-drawer-nested: 0ms;\n  --wui-duration-toast-enter: 0ms;\n  --wui-duration-toast-exit: 0ms;\n  --wui-duration-collapse-enter: 0ms;\n  --wui-duration-collapse-exit: 0ms;\n  --wui-duration-layout: 0ms;\n  --wui-duration-swipe-settle: 0ms;\n  --wui-theme-transition-duration: 0ms;\n\n  /* 加载循环不在 reduce 下归零：它是「正在进行」的唯一信号，停掉会被读成界面卡死，只放慢。 */\n  --wui-duration-spin: 1600ms;\n  --wui-duration-spinner: 1600ms;\n\n  --wui-scale-enter: 1;\n  --wui-dialog-scale-enter: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([motion='system']) {\n    --wui-duration-press: 0ms;\n    --wui-duration-feedback: 0ms;\n    --wui-duration-trigger: 0ms;\n    --wui-duration-focus: 0ms;\n    --wui-duration-float-enter: 0ms;\n    --wui-duration-float-exit: 0ms;\n    --wui-duration-dialog-enter: 0ms;\n    --wui-duration-dialog-exit: 0ms;\n    --wui-duration-drawer-enter: 0ms;\n    --wui-duration-drawer-exit: 0ms;\n    --wui-duration-drawer-nested: 0ms;\n    --wui-duration-toast-enter: 0ms;\n    --wui-duration-toast-exit: 0ms;\n    --wui-duration-collapse-enter: 0ms;\n    --wui-duration-collapse-exit: 0ms;\n    --wui-duration-layout: 0ms;\n    --wui-duration-swipe-settle: 0ms;\n    --wui-theme-transition-duration: 0ms;\n\n    /* 加载循环不在 reduce 下归零：它是「正在进行」的唯一信号，停掉会被读成界面卡死，只放慢。 */\n    --wui-duration-spin: 1600ms;\n    --wui-duration-spinner: 1600ms;\n\n    --wui-scale-enter: 1;\n    --wui-dialog-scale-enter: 1;\n  }\n}\n\n:host([appearance='light']),\n:host([appearance='system']) {\n  --wui-color-page: #fff;\n  --wui-color-surface: #fff;\n  --wui-color-surface-raised: #f2f2f7;\n  --wui-color-surface-control: #dfdfdf;\n  --wui-color-surface-track: #e5e5ea;\n  --wui-color-surface-menu: rgb(246 246 246 / 0.82);\n  --wui-color-surface-glass: rgb(250 250 250 / 0.34);\n  --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n  --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n  --wui-color-surface-overlay: rgb(246 246 246 / 0.82);\n\n  /* 侧边栏专用表面：浅色与共享 overlay 同值，深色单独抬升一档（见下方 dark 块注释）。 */\n  --wui-color-surface-sidebar: rgb(246 246 246 / 0.82);\n  --wui-color-surface-segmented: #e5e5ea;\n  --wui-color-surface-selected: #fff;\n  --wui-color-text: #1b1b1b;\n  --wui-color-text-secondary: #6a6a6a;\n  --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 35%, transparent);\n  --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 32%, transparent);\n  --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n  --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n  --wui-color-border: rgb(0 0 0 / 0.1);\n  --wui-color-glass-border: transparent;\n  --wui-color-glass-highlight: rgb(255 255 255 / 0.9);\n  --wui-color-glass-corner: rgb(255 255 255 / 0.5);\n  --wui-color-glass-shade: rgb(0 0 0 / 0.03);\n  --wui-glass-brightness: 1.06;\n  --wui-color-accent: #08f;\n  --wui-color-on-accent: #fff;\n  --wui-color-on-control: #fff;\n  --wui-color-success: #16a34a;\n  --wui-color-warning: #d97706;\n  --wui-color-danger: #dc2626;\n  --wui-color-info: #2563eb;\n  --wui-color-backdrop: rgb(0 0 0 / 0.12);\n  --wui-shadow-overlay: 2px 16px 40px rgb(0 0 0 / 0.4);\n  --wui-shadow-panel: 0 3px 9px rgb(0 0 0 / 0.27);\n  --wui-shadow-glass:\n    0 0 1px rgb(0 0 0 / 0.02), 0 0 8px rgb(0 0 0 / 0.03), 0 2px 16px rgb(0 0 0 / 0.025), 0 8px 32px rgb(0 0 0 / 0.015);\n  --wui-color-focus-ring: rgb(0 136 255 / 0.4);\n  color-scheme: light;\n}\n\n:host([appearance='dark']) {\n  --wui-color-page: #242628;\n  --wui-color-surface: #2c2c2e;\n  --wui-color-surface-raised: #2c2c2e;\n  --wui-color-surface-control: #3a3a3c;\n  --wui-color-surface-track: #444446;\n  --wui-color-surface-menu: rgb(44 44 46 / 0.78);\n  --wui-color-surface-glass: rgb(44 44 46 / 0.42);\n  --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n  --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n  --wui-color-surface-overlay: rgb(32 34 34 / 0.9);\n\n  /* 深色 elevation：浮动面板与侧边栏都比 page 浅一档。取 --wui-color-surface\n     （#2c2c2e）作为「page 之上一档」的基准色，面板按自身 alpha 叠在 page 上，\n     合成结果约 rgb(42 43 45)，与 #2c2c2e 相差不超过 2/255。\n     alpha 低于早期的 0.92/0.9：颜色抬升后高 alpha 会让面板读成实心纸片，\n     降到 0.78/0.8 恢复旧版的透感（模糊底内容可透出），层级方向不变。\n     overlay 不随之抬升：dialog/drawer/toast 共用该 token，不在本次范围内。 */\n  --wui-color-surface-sidebar: rgb(44 44 46 / 0.8);\n  --wui-color-surface-segmented: #3a3a3c;\n  --wui-color-surface-selected: #5c5c5e;\n  --wui-color-text: #e9eaea;\n  --wui-color-text-secondary: #a1a1a6;\n  --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 42%, transparent);\n  --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 38%, transparent);\n  --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n  --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n  --wui-color-border: rgb(255 255 255 / 0.14);\n  --wui-color-glass-border: rgb(255 255 255 / 0.05);\n  --wui-color-glass-highlight: rgb(255 255 255 / 0.1);\n  --wui-color-glass-corner: rgb(255 255 255 / 0.2);\n  --wui-color-glass-shade: rgb(0 0 0 / 0.5);\n  --wui-glass-brightness: 1.02;\n  --wui-color-accent: #0a84ff;\n  --wui-color-on-accent: #fff;\n  --wui-color-on-control: #f2f2f7;\n  --wui-color-success: #30d158;\n  --wui-color-warning: #ff9f0a;\n  --wui-color-danger: #ff453a;\n  --wui-color-info: #64d2ff;\n  --wui-color-backdrop: rgb(0 0 0 / 0.48);\n  --wui-shadow-overlay: 0 18px 48px rgb(0 0 0 / 0.48);\n  --wui-shadow-panel: 0 4px 16px rgb(0 0 0 / 0.32);\n  --wui-shadow-glass: 0 8px 24px rgb(0 0 0 / 0.08);\n  --wui-color-focus-ring: rgb(10 132 255 / 0.62);\n  color-scheme: dark;\n}\n\n@media (prefers-color-scheme: dark) {\n  :host([appearance='system']) {\n    --wui-color-page: #242628;\n    --wui-color-surface: #2c2c2e;\n    --wui-color-surface-raised: #2c2c2e;\n    --wui-color-surface-control: #3a3a3c;\n    --wui-color-surface-track: #444446;\n    --wui-color-surface-menu: rgb(44 44 46 / 0.78);\n    --wui-color-surface-glass: rgb(44 44 46 / 0.42);\n    --wui-color-surface-glass-hover: color-mix(in srgb, var(--wui-color-text) 6%, var(--wui-color-surface-glass));\n    --wui-color-surface-glass-active: color-mix(in srgb, var(--wui-color-text) 15%, var(--wui-color-surface-glass));\n    --wui-color-surface-overlay: rgb(32 34 34 / 0.9);\n    --wui-color-surface-sidebar: rgb(44 44 46 / 0.8);\n    --wui-color-surface-segmented: #3a3a3c;\n    --wui-color-surface-selected: #5c5c5e;\n    --wui-color-text: #e9eaea;\n    --wui-color-text-secondary: #a1a1a6;\n    --wui-color-text-tertiary: color-mix(in srgb, var(--wui-color-text) 42%, transparent);\n    --wui-color-text-disabled: color-mix(in srgb, var(--wui-color-text) 38%, transparent);\n    --wui-color-state-layer-hover: color-mix(in srgb, var(--wui-color-text) 6%, transparent);\n    --wui-color-state-layer-active: color-mix(in srgb, var(--wui-color-text) 15%, transparent);\n    --wui-color-border: rgb(255 255 255 / 0.14);\n    --wui-color-glass-border: rgb(255 255 255 / 0.05);\n    --wui-color-glass-highlight: rgb(255 255 255 / 0.1);\n    --wui-color-glass-corner: rgb(255 255 255 / 0.2);\n    --wui-color-glass-shade: rgb(0 0 0 / 0.5);\n    --wui-glass-brightness: 1.02;\n    --wui-color-accent: #0a84ff;\n    --wui-color-on-accent: #fff;\n    --wui-color-on-control: #f2f2f7;\n    --wui-color-success: #30d158;\n    --wui-color-warning: #ff9f0a;\n    --wui-color-danger: #ff453a;\n    --wui-color-info: #64d2ff;\n    --wui-color-backdrop: rgb(0 0 0 / 0.48);\n    --wui-shadow-overlay: 0 18px 48px rgb(0 0 0 / 0.48);\n    --wui-shadow-panel: 0 4px 16px rgb(0 0 0 / 0.32);\n    --wui-shadow-glass: 0 8px 24px rgb(0 0 0 / 0.08);\n    --wui-color-focus-ring: rgb(10 132 255 / 0.62);\n    color-scheme: dark;\n  }\n}\n"],"mappings":""}