@greypan/web-ui 8.0.0 → 8.1.0

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-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}}";
+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:#fefefec2;--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:#e9e9e9d1;--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:#313032bd;--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:#313032bd;--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\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":""}
+{"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  --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  --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(254 254 254 / 0.76);\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  /* 侧边栏专用表面：浅色保持中性分层，深色单独抬升一档（见下方 dark 块注释）。 */\n  --wui-color-surface-sidebar: rgb(233 233 233 / 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(49 48 50 / 0.74);\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(46 45 47)，与 #2c2c2e 相差不超过 2/255。\n     alpha 低于早期的 0.92/0.9：颜色抬升后高 alpha 会让面板读成实心纸片，\n     降到 0.74/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(49 48 50 / 0.74);\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":""}

package/dist/components/toast/toast.js

@@ -1,10 +1,10 @@
 import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
 import "../icon/index.js";
 import t from "../../assets/glass.js";
-import n from "../../icons/generated/lucide-check.js";
-import r from "../../icons/generated/lucide-info.js";
-import i from "../../icons/generated/lucide-triangle-alert.js";
-import a from "../../icons/generated/lucide-circle-alert.js";
+import n from "../../icons/generated/lucide-info.js";
+import r from "../../icons/generated/lucide-triangle-alert.js";
+import i from "../../icons/generated/lucide-circle-alert.js";
+import a from "../../icons/generated/heroicons-check-16-solid.js";
 import o from "../../icons/generated/heroicons-x-mark-16-solid.js";
 import "../button/index.js";
 import { getTransitionDuration as s } from "../../shared/overlay/presence.js";
@@ -13,10 +13,10 @@ import { LitElement as l, html as u, nothing as d, unsafeCSS as f } from "lit";
 import { customElement as p, property as m } from "lit/decorators.js";
 //#region src/components/toast/toast.ts
 var h = {
-	success: n,
-	info: r,
-	warning: i,
-	error: a
+	success: a,
+	info: n,
+	warning: r,
+	error: i
 };
 function g() {
 	let e = /* @__PURE__ */ new Date();

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\n\nimport '@/components/icon'\n// web-ui-button 复用 icon 变体的焦点环与统一样式（secondary 变体，浅灰底贴合 toast 角落）\nimport '@/components/button'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport { lucideCheck, lucideInfo, lucideTriangleAlert, lucideCircleAlert, heroiconsXMark16Solid } from '@/icons'\nimport { getTransitionDuration } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\nimport type { ToastCloseReason, ToastPosition, ToastType } from './types'\n\nconst TYPE_ICONS: Record<ToastType, IconifyIcon> = {\n  success: lucideCheck,\n  info: lucideInfo,\n  warning: lucideTriangleAlert,\n  error: lucideCircleAlert\n}\n\nfunction _formatTime(): string {\n  const now = new Date()\n  const h = now.getHours().toString().padStart(2, '0')\n  const m = now.getMinutes().toString().padStart(2, '0')\n  return `${h}:${m}`\n}\n\n@customElement('web-ui-toast')\nexport class WebUiToast extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, attribute: false }) toastId = ''\n  @property({ type: String, reflect: true }) type: ToastType = 'info'\n  @property({ type: String, reflect: true }) position: ToastPosition = 'top-right'\n  @property({ type: String }) heading = ''\n  @property({ type: String }) message = ''\n  @property({ type: Number }) duration = 3000\n  @property({ type: Boolean, reflect: true, attribute: 'no-close-button' }) noCloseButton = false\n  @property({ type: Boolean, reflect: true }) visible = false\n\n  private _closeTimer?: ReturnType<typeof setTimeout>\n  private _deadline = 0\n  /**\n   * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、\n   * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。\n   */\n  private _pausedRemaining?: number\n  /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */\n  private _hoverPaused = false\n  private _dismissing = false\n\n  /**\n   * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射\n   * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条\n   * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。\n   */\n  get dismissing(): boolean {\n    return this._dismissing\n  }\n\n  /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */\n  get hoverPaused(): boolean {\n    return this._hoverPaused\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    // 悬停中被搬迁（不支持 moveBefore 的引擎走摘出重插）时暂停态要连兜底一起带回来，\n    // 否则新位置上既没有 document 监听、也不会再补发 pointerenter，这条 toast 又变成永久停留。\n    if (this._hoverPaused) this._attachHoverFallback()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this._detachHoverFallback()\n    this._clearTimer()\n  }\n\n  /**\n   * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，\n   * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。\n   */\n  connectedMoveCallback() {}\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has('position')) {\n      this._applySlideDirection()\n    }\n  }\n\n  private _applySlideDirection() {\n    const SLIDE_OFFSET = 20\n    let x = 0\n    let y = 0\n\n    if (this.position.includes('left')) x = -SLIDE_OFFSET\n    else if (this.position.includes('right')) x = SLIDE_OFFSET\n\n    if (this.position.startsWith('top')) y = -SLIDE_OFFSET\n    else if (this.position.startsWith('bottom')) y = SLIDE_OFFSET\n\n    this.style.setProperty('--toast-slide-x', `${x}px`)\n    this.style.setProperty('--toast-slide-y', `${y}px`)\n  }\n\n  startAutoClose() {\n    this._clearTimer()\n    if (this.duration > 0) {\n      this._deadline = Date.now() + this.duration\n      this._closeTimer = setTimeout(() => {\n        this.dismiss('auto')\n      }, this.duration)\n    }\n  }\n\n  /**\n   * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在\n   * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：\n   * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成\n   * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。\n   */\n  setDuration(ms: number) {\n    this.duration = ms\n    if (this._hoverPaused) {\n      this._pausedRemaining = ms > 0 ? ms : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 不支持 moveBefore 的引擎上搬迁节点前调用：记下剩余时间，搬完由 resumeAutoClose() 续跑。\n  pauseAutoClose() {\n    // 已经在暂停态时保留既有剩余：悬停暂停期间若发生搬迁，降级路径也会走到这里，无条件\n    // 重算会把悬停记下的剩余抹成「没有计时器」，指针离开后这条 toast 就再也不会关闭。\n    if (this._closeTimer === undefined && this._pausedRemaining !== undefined) return\n    // 计时器仍在跑时剩余时间可能算出 0：deadline 已过、回调还排在队列里没执行。这一支与\n    // 「本来就没有计时器」必须分开记（undefined vs 0），否则续跑无法区分两者。\n    this._pausedRemaining = this._closeTimer === undefined ? undefined : Math.max(0, this._deadline - Date.now())\n    this._clearTimer()\n  }\n\n  // 与 pauseAutoClose() 成对：暂停时没有计时器就保持原状，不重启满时长；\n  // 已到期则立即退场 —— 而不是把「已到期」当成「从来没有计时器」放过，那样这条 toast 会永不关闭。\n  resumeAutoClose() {\n    // 悬停还没结束时只交还剩余时间、不点火：搬迁降级路径也会走到这里，真正的续跑等指针\n    // 离开（_resumeFromHover）再开始，否则鼠标还停着就已经在倒计时了。\n    if (this._hoverPaused) return\n    const remaining = this._pausedRemaining\n    this._pausedRemaining = undefined\n    if (remaining === undefined) return\n    // 装新计时器前先拆掉可能仍在跑的旧计时器：pause/resume 一旦不再严格成对（调用序被重排），\n    // 直接覆盖 `_closeTimer` 会留下两个 deadline 同时倒计时，先到的那个把 toast 提前关掉。\n    this._clearTimer()\n    if (remaining <= 0) {\n      this.dismiss('auto')\n      return\n    }\n    this._deadline = Date.now() + remaining\n    this._closeTimer = setTimeout(() => {\n      this.dismiss('auto')\n    }, remaining)\n  }\n\n  // 由 manager 调用：播放入场动画后自动开始计时\n  show() {\n    this._dismissing = false\n    this.visible = true\n    // 挂载时指针已经压在上面（光标停在 toast 将要出现的位置）：入场后直接进入暂停，\n    // 不能点火 —— 那条计时会在指针还停着的时候把 toast 关掉。\n    if (this._hoverPaused) {\n      this._pausedRemaining = this.duration > 0 ? this.duration : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 含退场动画，结束由 transitionend 驱动后派发 close。\n  dismiss(reason: ToastCloseReason = 'programmatic') {\n    if (this._dismissing) return\n    this._dismissing = true\n    // 退场优先于悬停：暂停态不再有意义，document 兜底监听也要收掉，否则退场中的\n    // 元素会继续持有「指针还在上面」的状态。\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    if (!this.visible) {\n      // 尚未 show()（manager 挂载之后、rAF 之前）或从未显示过：没有退场动画可播，立即派发，\n      // 由 manager 的 toast-close 监听摘除元素。若在这里早退，close()/clear() 落在这段窗口\n      // 里就会静默失效 —— 元素照常入场，调用方却以为已经关掉了。\n      this._dispatchClose(reason)\n      return\n    }\n    this.visible = false\n    this._clearTimer()\n    const onEnd = () => {\n      this.removeEventListener('transitionend', onEnd)\n      this._dispatchClose(reason)\n    }\n    this.addEventListener('transitionend', onEnd)\n    // fallback: transitionend 不触发时（display:none 等）\n    const toast = this.shadowRoot?.querySelector<HTMLElement>('.toast')\n    setTimeout(onEnd, getTransitionDuration(toast ?? this) + 80)\n  }\n\n  private _clearTimer() {\n    if (this._closeTimer !== undefined) {\n      clearTimeout(this._closeTimer)\n      this._closeTimer = undefined\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this._hoverPaused) return\n    this._hoverPaused = true\n    this.pauseAutoClose()\n    // pointerleave 是唯一的恢复入口时，漏掉一次（指针拖出窗口、元素在悬停期间被搬迁或\n    // 摘出、光标静止时布局把 toast 移走）这条 toast 就永久停在屏幕上。document 级兜底\n    // 补上这个缺口：指针落到别的元素上、或离开文档，都判定悬停结束。三个信号互相兜底，\n    // 因为单一信号在不同引擎上都有漏派发的场景。\n    this._attachHoverFallback()\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移到别的元素上（冒泡到 document）。路径不含本元素说明指针已经不在\n  // toast 上；composedPath() 覆盖 shadow DOM，指针在 toast 内部节点之间移动不算离开。\n  private _onDocumentPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.composedPath().includes(this)) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移出窗口。部分引擎不保证 document 上的 pointerleave，用 relatedTarget\n  // 为空的 pointerout 补上 —— 悬停中的 toast 被摘除时同样会派发这种 pointerout。\n  private _onDocumentPointerOut = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.relatedTarget !== null) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针离开整个文档（移出窗口）。文档内的元素间移动不会派发到 document。\n  private _onDocumentPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  private _resumeFromHover() {\n    if (!this._hoverPaused) return\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    this.resumeAutoClose()\n  }\n\n  private _attachHoverFallback() {\n    document.addEventListener('pointerover', this._onDocumentPointerOver)\n    document.addEventListener('pointerout', this._onDocumentPointerOut)\n    document.addEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _detachHoverFallback() {\n    document.removeEventListener('pointerover', this._onDocumentPointerOver)\n    document.removeEventListener('pointerout', this._onDocumentPointerOut)\n    document.removeEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _onCloseClick = () => {\n    this.dismiss('manual')\n  }\n\n  private _dispatchClose(reason: ToastCloseReason) {\n    this.dispatchEvent(\n      new CustomEvent('toast-close', {\n        detail: { id: this.toastId, reason },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  override render() {\n    const icon = TYPE_ICONS[this.type]\n    const ariaLive = this.type === 'error' ? 'assertive' : 'polite'\n    // role=\"alert\" 会强制隐式 aria-live=\"assertive\"，覆盖掉上方 aria-live 设置，\n    // 因此仅 error toast 使用 alert（本就应 assertive）；其余类型交给容器 role=\"log\" 的 polite 播报。\n    const role = this.type === 'error' ? 'alert' : nothing\n\n    return html`\n      <div class=\"toast wui-glass ${this.type}\" role=${role} aria-live=${ariaLive} aria-atomic=\"true\">\n        <span class=\"toast-icon\" aria-hidden=\"true\">\n          <web-ui-icon .icon=${icon} size=\"14\"></web-ui-icon>\n        </span>\n        <div class=\"toast-body\">\n          ${this.heading ? html`<div class=\"toast-heading\">${this.heading}</div>` : nothing}\n          <div class=\"toast-message\">${this.message}</div>\n        </div>\n        <span class=\"toast-time\">${_formatTime()}</span>\n        ${\n          !this.noCloseButton\n            ? html`\n                <web-ui-button\n                  class=\"toast-close-btn\"\n                  icon\n                  variant=\"secondary\"\n                  size=\"24\"\n                  aria-label=\"关闭\"\n                  @click=${this._onCloseClick}\n                >\n                  <web-ui-icon .icon=${heroiconsXMark16Solid} size=\"16\"></web-ui-icon>\n                </web-ui-button>\n              `\n            : nothing\n        }\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'toast-close': CustomEvent<{ id: string; reason: ToastCloseReason }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-toast': WebUiToast\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\n\nimport '@/components/icon'\n// web-ui-button 复用 icon 变体的焦点环与统一样式（secondary 变体，浅灰底贴合 toast 角落）\nimport '@/components/button'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport {\n  lucideInfo,\n  lucideTriangleAlert,\n  lucideCircleAlert,\n  heroiconsXMark16Solid,\n  heroiconsCheck16Solid\n} from '@/icons'\nimport { getTransitionDuration } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\nimport type { ToastCloseReason, ToastPosition, ToastType } from './types'\n\nconst TYPE_ICONS: Record<ToastType, IconifyIcon> = {\n  success: heroiconsCheck16Solid,\n  info: lucideInfo,\n  warning: lucideTriangleAlert,\n  error: lucideCircleAlert\n}\n\nfunction _formatTime(): string {\n  const now = new Date()\n  const h = now.getHours().toString().padStart(2, '0')\n  const m = now.getMinutes().toString().padStart(2, '0')\n  return `${h}:${m}`\n}\n\n@customElement('web-ui-toast')\nexport class WebUiToast extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, attribute: false }) toastId = ''\n  @property({ type: String, reflect: true }) type: ToastType = 'info'\n  @property({ type: String, reflect: true }) position: ToastPosition = 'top-right'\n  @property({ type: String }) heading = ''\n  @property({ type: String }) message = ''\n  @property({ type: Number }) duration = 3000\n  @property({ type: Boolean, reflect: true, attribute: 'no-close-button' }) noCloseButton = false\n  @property({ type: Boolean, reflect: true }) visible = false\n\n  private _closeTimer?: ReturnType<typeof setTimeout>\n  private _deadline = 0\n  /**\n   * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、\n   * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。\n   */\n  private _pausedRemaining?: number\n  /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */\n  private _hoverPaused = false\n  private _dismissing = false\n\n  /**\n   * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射\n   * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条\n   * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。\n   */\n  get dismissing(): boolean {\n    return this._dismissing\n  }\n\n  /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */\n  get hoverPaused(): boolean {\n    return this._hoverPaused\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    // 悬停中被搬迁（不支持 moveBefore 的引擎走摘出重插）时暂停态要连兜底一起带回来，\n    // 否则新位置上既没有 document 监听、也不会再补发 pointerenter，这条 toast 又变成永久停留。\n    if (this._hoverPaused) this._attachHoverFallback()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this._detachHoverFallback()\n    this._clearTimer()\n  }\n\n  /**\n   * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，\n   * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。\n   */\n  connectedMoveCallback() {}\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has('position')) {\n      this._applySlideDirection()\n    }\n  }\n\n  private _applySlideDirection() {\n    const SLIDE_OFFSET = 20\n    let x = 0\n    let y = 0\n\n    if (this.position.includes('left')) x = -SLIDE_OFFSET\n    else if (this.position.includes('right')) x = SLIDE_OFFSET\n\n    if (this.position.startsWith('top')) y = -SLIDE_OFFSET\n    else if (this.position.startsWith('bottom')) y = SLIDE_OFFSET\n\n    this.style.setProperty('--toast-slide-x', `${x}px`)\n    this.style.setProperty('--toast-slide-y', `${y}px`)\n  }\n\n  startAutoClose() {\n    this._clearTimer()\n    if (this.duration > 0) {\n      this._deadline = Date.now() + this.duration\n      this._closeTimer = setTimeout(() => {\n        this.dismiss('auto')\n      }, this.duration)\n    }\n  }\n\n  /**\n   * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在\n   * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：\n   * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成\n   * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。\n   */\n  setDuration(ms: number) {\n    this.duration = ms\n    if (this._hoverPaused) {\n      this._pausedRemaining = ms > 0 ? ms : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 不支持 moveBefore 的引擎上搬迁节点前调用：记下剩余时间，搬完由 resumeAutoClose() 续跑。\n  pauseAutoClose() {\n    // 已经在暂停态时保留既有剩余：悬停暂停期间若发生搬迁，降级路径也会走到这里，无条件\n    // 重算会把悬停记下的剩余抹成「没有计时器」，指针离开后这条 toast 就再也不会关闭。\n    if (this._closeTimer === undefined && this._pausedRemaining !== undefined) return\n    // 计时器仍在跑时剩余时间可能算出 0：deadline 已过、回调还排在队列里没执行。这一支与\n    // 「本来就没有计时器」必须分开记（undefined vs 0），否则续跑无法区分两者。\n    this._pausedRemaining = this._closeTimer === undefined ? undefined : Math.max(0, this._deadline - Date.now())\n    this._clearTimer()\n  }\n\n  // 与 pauseAutoClose() 成对：暂停时没有计时器就保持原状，不重启满时长；\n  // 已到期则立即退场 —— 而不是把「已到期」当成「从来没有计时器」放过，那样这条 toast 会永不关闭。\n  resumeAutoClose() {\n    // 悬停还没结束时只交还剩余时间、不点火：搬迁降级路径也会走到这里，真正的续跑等指针\n    // 离开（_resumeFromHover）再开始，否则鼠标还停着就已经在倒计时了。\n    if (this._hoverPaused) return\n    const remaining = this._pausedRemaining\n    this._pausedRemaining = undefined\n    if (remaining === undefined) return\n    // 装新计时器前先拆掉可能仍在跑的旧计时器：pause/resume 一旦不再严格成对（调用序被重排），\n    // 直接覆盖 `_closeTimer` 会留下两个 deadline 同时倒计时，先到的那个把 toast 提前关掉。\n    this._clearTimer()\n    if (remaining <= 0) {\n      this.dismiss('auto')\n      return\n    }\n    this._deadline = Date.now() + remaining\n    this._closeTimer = setTimeout(() => {\n      this.dismiss('auto')\n    }, remaining)\n  }\n\n  // 由 manager 调用：播放入场动画后自动开始计时\n  show() {\n    this._dismissing = false\n    this.visible = true\n    // 挂载时指针已经压在上面（光标停在 toast 将要出现的位置）：入场后直接进入暂停，\n    // 不能点火 —— 那条计时会在指针还停着的时候把 toast 关掉。\n    if (this._hoverPaused) {\n      this._pausedRemaining = this.duration > 0 ? this.duration : undefined\n      return\n    }\n    this.startAutoClose()\n  }\n\n  // 含退场动画，结束由 transitionend 驱动后派发 close。\n  dismiss(reason: ToastCloseReason = 'programmatic') {\n    if (this._dismissing) return\n    this._dismissing = true\n    // 退场优先于悬停：暂停态不再有意义，document 兜底监听也要收掉，否则退场中的\n    // 元素会继续持有「指针还在上面」的状态。\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    if (!this.visible) {\n      // 尚未 show()（manager 挂载之后、rAF 之前）或从未显示过：没有退场动画可播，立即派发，\n      // 由 manager 的 toast-close 监听摘除元素。若在这里早退，close()/clear() 落在这段窗口\n      // 里就会静默失效 —— 元素照常入场，调用方却以为已经关掉了。\n      this._dispatchClose(reason)\n      return\n    }\n    this.visible = false\n    this._clearTimer()\n    const onEnd = () => {\n      this.removeEventListener('transitionend', onEnd)\n      this._dispatchClose(reason)\n    }\n    this.addEventListener('transitionend', onEnd)\n    // fallback: transitionend 不触发时（display:none 等）\n    const toast = this.shadowRoot?.querySelector<HTMLElement>('.toast')\n    setTimeout(onEnd, getTransitionDuration(toast ?? this) + 80)\n  }\n\n  private _clearTimer() {\n    if (this._closeTimer !== undefined) {\n      clearTimeout(this._closeTimer)\n      this._closeTimer = undefined\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this._hoverPaused) return\n    this._hoverPaused = true\n    this.pauseAutoClose()\n    // pointerleave 是唯一的恢复入口时，漏掉一次（指针拖出窗口、元素在悬停期间被搬迁或\n    // 摘出、光标静止时布局把 toast 移走）这条 toast 就永久停在屏幕上。document 级兜底\n    // 补上这个缺口：指针落到别的元素上、或离开文档，都判定悬停结束。三个信号互相兜底，\n    // 因为单一信号在不同引擎上都有漏派发的场景。\n    this._attachHoverFallback()\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移到别的元素上（冒泡到 document）。路径不含本元素说明指针已经不在\n  // toast 上；composedPath() 覆盖 shadow DOM，指针在 toast 内部节点之间移动不算离开。\n  private _onDocumentPointerOver = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.composedPath().includes(this)) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针移出窗口。部分引擎不保证 document 上的 pointerleave，用 relatedTarget\n  // 为空的 pointerout 补上 —— 悬停中的 toast 被摘除时同样会派发这种 pointerout。\n  private _onDocumentPointerOut = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (e.relatedTarget !== null) return\n    this._resumeFromHover()\n  }\n\n  // 兜底路径：指针离开整个文档（移出窗口）。文档内的元素间移动不会派发到 document。\n  private _onDocumentPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._resumeFromHover()\n  }\n\n  private _resumeFromHover() {\n    if (!this._hoverPaused) return\n    this._hoverPaused = false\n    this._detachHoverFallback()\n    this.resumeAutoClose()\n  }\n\n  private _attachHoverFallback() {\n    document.addEventListener('pointerover', this._onDocumentPointerOver)\n    document.addEventListener('pointerout', this._onDocumentPointerOut)\n    document.addEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _detachHoverFallback() {\n    document.removeEventListener('pointerover', this._onDocumentPointerOver)\n    document.removeEventListener('pointerout', this._onDocumentPointerOut)\n    document.removeEventListener('pointerleave', this._onDocumentPointerLeave)\n  }\n\n  private _onCloseClick = () => {\n    this.dismiss('manual')\n  }\n\n  private _dispatchClose(reason: ToastCloseReason) {\n    this.dispatchEvent(\n      new CustomEvent('toast-close', {\n        detail: { id: this.toastId, reason },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  override render() {\n    const icon = TYPE_ICONS[this.type]\n    const ariaLive = this.type === 'error' ? 'assertive' : 'polite'\n    // role=\"alert\" 会强制隐式 aria-live=\"assertive\"，覆盖掉上方 aria-live 设置，\n    // 因此仅 error toast 使用 alert（本就应 assertive）；其余类型交给容器 role=\"log\" 的 polite 播报。\n    const role = this.type === 'error' ? 'alert' : nothing\n\n    return html`\n      <div class=\"toast wui-glass ${this.type}\" role=${role} aria-live=${ariaLive} aria-atomic=\"true\">\n        <span class=\"toast-icon\" aria-hidden=\"true\">\n          <web-ui-icon .icon=${icon} size=\"14\"></web-ui-icon>\n        </span>\n        <div class=\"toast-body\">\n          ${this.heading ? html`<div class=\"toast-heading\">${this.heading}</div>` : nothing}\n          <div class=\"toast-message\">${this.message}</div>\n        </div>\n        <span class=\"toast-time\">${_formatTime()}</span>\n        ${\n          !this.noCloseButton\n            ? html`\n                <web-ui-button\n                  class=\"toast-close-btn\"\n                  icon\n                  variant=\"secondary\"\n                  size=\"24\"\n                  aria-label=\"关闭\"\n                  @click=${this._onCloseClick}\n                >\n                  <web-ui-icon .icon=${heroiconsXMark16Solid} size=\"16\"></web-ui-icon>\n                </web-ui-button>\n              `\n            : nothing\n        }\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'toast-close': CustomEvent<{ id: string; reason: ToastCloseReason }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-toast': WebUiToast\n  }\n}\n"],"mappings":"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"}

package/dist/components/tooltip/style.js

@@ -1,5 +1,5 @@
 //#region src/components/tooltip/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host,.tooltip-trigger{display:inline-flex}.tooltip-anchor{display:inline-flex;position:relative}.tooltip-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);pointer-events:none;z-index:var(--wui-layer-inline-overlay,1);box-sizing:border-box;width:max-content;max-width:var(--wui-tooltip-max-width,240px);border-radius:var(--wui-radius-menu,18px);font-size:var(--wui-tooltip-font-size,13px);color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#f6f6f6d1);padding:6px 10px;position:absolute;top:-9999px;left:-9999px}.tooltip-panel.portal{z-index:var(--wui-layer-menu,100);position:fixed}.tooltip-panel.hidden{display:none}.tooltip-text{overflow-wrap:break-word;white-space:normal;display:block}:host([portal]) .tooltip-panel{display:none}";
+var e = "*,:before,:after{box-sizing:border-box}:host,.tooltip-trigger{display:inline-flex}.tooltip-anchor{display:inline-flex;position:relative}.tooltip-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);pointer-events:none;z-index:var(--wui-layer-inline-overlay,1);box-sizing:border-box;width:max-content;max-width:var(--wui-tooltip-max-width,240px);border-radius:var(--wui-radius-menu,18px);font-size:var(--wui-tooltip-font-size,13px);color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#fefefec2);padding:6px 10px;position:absolute;top:-9999px;left:-9999px}.tooltip-panel.portal{z-index:var(--wui-layer-menu,100);position:fixed}.tooltip-panel.hidden{display:none}.tooltip-text{overflow-wrap:break-word;white-space:normal;display:block}:host([portal]) .tooltip-panel{display:none}";
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/tooltip/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n.tooltip-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.tooltip-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  pointer-events: none;\n\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: var(--wui-tooltip-max-width, 240px);\n  padding: 6px 10px;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-tooltip-font-size, 13px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：wui-glass 在面板自身，这里覆盖其默认玻璃底为菜单表面色 */\n  background-color: var(--wui-color-surface-menu, rgb(246 246 246 / 0.82));\n}\n\n.tooltip-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n.tooltip-panel.hidden {\n  display: none;\n}\n\n.tooltip-text {\n  display: block;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n:host([portal]) .tooltip-panel {\n  display: none;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/tooltip/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n.tooltip-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.tooltip-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  pointer-events: none;\n\n  position: absolute;\n  z-index: var(--wui-layer-inline-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: var(--wui-tooltip-max-width, 240px);\n  padding: 6px 10px;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-tooltip-font-size, 13px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：wui-glass 在面板自身，这里覆盖其默认玻璃底为菜单表面色 */\n  background-color: var(--wui-color-surface-menu, rgb(254 254 254 / 0.76));\n}\n\n.tooltip-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n.tooltip-panel.hidden {\n  display: none;\n}\n\n.tooltip-text {\n  display: block;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n:host([portal]) .tooltip-panel {\n  display: none;\n}\n"],"mappings":""}

package/dist/icons/generated/akar-icons-check.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/akar-icons-check.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/akar-icons-check.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 12l6 6L20 6\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=akar-icons-check.js.map

package/dist/icons/generated/akar-icons-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"akar-icons-check.js","names":[],"sources":["../../../src/icons/generated/akar-icons-check.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m4 12l6 6L20 6\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/bi-check.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/bi-check.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/bi-check.ts
+var e = {
+	body: "<path fill=\"currentColor\" d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093l3.473-4.425z\"/>",
+	width: 16,
+	height: 16
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=bi-check.js.map

package/dist/icons/generated/bi-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bi-check.js","names":[],"sources":["../../../src/icons/generated/bi-check.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"currentColor\" d=\"M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093l3.473-4.425z\"/>',\n  width: 16,\n  height: 16\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/index.d.ts

@@ -65,3 +65,5 @@ export { default as heroiconsBarsArrowDown16Solid } from './generated/heroicons-
 export { default as heroiconsBarsArrowUp16Solid } from './generated/heroicons-bars-arrow-up-16-solid';
 export { default as lucideListRestart } from './generated/lucide-list-restart';
 export { default as radixIconsReset } from './generated/radix-icons-reset';
+export { default as akarIconsCheck } from './generated/akar-icons-check';
+export { default as biCheck } from './generated/bi-check';

package/dist/icons/index.js

@@ -65,4 +65,6 @@ import le from "./generated/heroicons-bars-arrow-down-16-solid.js";
 import ue from "./generated/heroicons-bars-arrow-up-16-solid.js";
 import de from "./generated/lucide-list-restart.js";
 import fe from "./generated/radix-icons-reset.js";
-export { le as heroiconsBarsArrowDown16Solid, ue as heroiconsBarsArrowUp16Solid, k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, te as lucideClapperboard, h as lucideClipboardPaste, se as lucideCode, m as lucideCopy, y as lucideDownload, ce as lucideEllipsisVertical, B as lucideExternalLink, ee as lucideEye, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, ne as lucideHeadphones, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, $ as lucideLink, ae as lucideListFilter, de as lucideListRestart, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, re as lucidePenLine, q as lucidePencil, ie as lucidePlay, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, Q as lucideSlidersHorizontal, M as lucideStar, Y as lucideTag, X as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, Z as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized, fe as radixIconsReset, oe as tablerSortAscendingLetters };
+import pe from "./generated/akar-icons-check.js";
+import me from "./generated/bi-check.js";
+export { pe as akarIconsCheck, me as biCheck, le as heroiconsBarsArrowDown16Solid, ue as heroiconsBarsArrowUp16Solid, k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, te as lucideClapperboard, h as lucideClipboardPaste, se as lucideCode, m as lucideCopy, y as lucideDownload, ce as lucideEllipsisVertical, B as lucideExternalLink, ee as lucideEye, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, ne as lucideHeadphones, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, $ as lucideLink, ae as lucideListFilter, de as lucideListRestart, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, re as lucidePenLine, q as lucidePencil, ie as lucidePlay, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, Q as lucideSlidersHorizontal, M as lucideStar, Y as lucideTag, X as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, Z as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized, fe as radixIconsReset, oe as tablerSortAscendingLetters };

package/dist/shared/form-association/field-id.js

@@ -0,0 +1,9 @@
+//#region src/shared/form-association/field-id.ts
+var e = 0;
+function t(t) {
+	return e += 1, `${t}-${e}`;
+}
+//#endregion
+export { t as createFieldId };
+
+//# sourceMappingURL=field-id.js.map

package/dist/shared/form-association/field-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-id.js","names":[],"sources":["../../../src/shared/form-association/field-id.ts"],"sourcesContent":["let nextFieldId = 0\n\n/**\n * 为 shadow 内原生表单控件生成实例级稳定 id。\n *\n * Chrome 的表单 a11y 审计要求 input / textarea 至少有 id 或 name；\n * 生成 id 让消费者无需显式传 host 属性也始终满足该契约。\n * id 在组件构造时生成一次，后续重渲染复用，避免 aria 引用与焦点时序抖动。\n */\nexport function createFieldId(prefix: string): string {\n  nextFieldId += 1\n  return `${prefix}-${nextFieldId}`\n}\n"],"mappings":";AAAA,IAAI,IAAc;AASlB,SAAgB,EAAc,GAAwB;CAEpD,OADA,KAAe,GACR,GAAG,EAAO,GAAG;AACtB"}

package/dist/shared/form-association/index.js

@@ -27,7 +27,15 @@ function n(t) {
 				t.isStateManaged?.() || (t.restoreState(e), o());
 			},
 			setDisabled(e) {
-				i !== e && (i = e, t.host.requestUpdate(), o());
+				if (i !== e) {
+					if (i = e, o(), t.host.isUpdatePending) {
+						queueMicrotask(() => {
+							t.host.requestUpdate(), o();
+						});
+						return;
+					}
+					t.host.requestUpdate();
+				}
 			},
 			isFormDisabled: () => i,
 			getInternals: () => e

package/dist/shared/form-association/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/form-association/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n// Lit 官方 mixin 签名需要构造器接受任意参数（paramCount 各异的子类构造器都要能赋给\n// 基座）；never[] 变体在 extends 链上会丢失 Lit 静态侧类型。any 收敛在这个类型别名内。\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T\n\ntype FormSubmissionValue = File | FormData | string | null\ntype FormStateValue = File | FormData | string | null\n\ninterface FormAssociationHost extends HTMLElement, ReactiveControllerHost {}\n\nexport interface FormAssociationOptions<State> {\n  readonly host: FormAssociationHost\n  readonly initialize?: () => void\n  readonly getState: () => State\n  readonly setState: (state: State) => void\n  readonly copyState?: (state: State) => State\n  readonly getFormValue: () => FormSubmissionValue\n  readonly getFormState: () => FormStateValue\n  readonly restoreState: (state: FormStateValue) => void\n  readonly isStateManaged?: () => boolean\n  readonly syncValidity?: (internals: ElementInternals) => void\n}\n\nexport interface FormAssociationLifecycle {\n  connect(): void\n  sync(): void\n  reset(): void\n  restore(state: FormStateValue): void\n  setDisabled(disabled: boolean): void\n  isFormDisabled(): boolean\n  getInternals(): ElementInternals | undefined\n}\n\n/**\n * 把原生 input 的 ValidityState 转发为 ElementInternals 的校验状态。\n * flagNames 是控件自己声明的校验契约（input 转发文本类 5 项、input-number\n * 转发范围类 4 项），这里只收敛 guard / valid 判定 / setValidity 接线。\n * disabled 元素被约束验证豁免，必须上报干净状态；isDisabled 传入控件的\n * 组合禁用态（含 formDisabled），因为 formDisabledCallback 触发时原生\n * input 的 disabled 属性可能尚未重渲染，不能依赖 input.validity.valid。\n */\nexport function forwardInputValidity(\n  internals: ElementInternals,\n  input: HTMLInputElement | HTMLTextAreaElement,\n  flagNames: readonly (keyof ValidityStateFlags)[],\n  isDisabled = false\n): void {\n  if (typeof internals.setValidity !== 'function') return\n  if (isDisabled || input.validity.valid) {\n    internals.setValidity({})\n    return\n  }\n  const flags: ValidityStateFlags = {}\n  for (const name of flagNames) {\n    if (input.validity[name]) flags[name] = true\n  }\n  internals.setValidity(flags, input.validationMessage, input)\n}\n\n/**\n * 承接原生 custom element 表单生命周期，值序列化与校验语义仍由各控件组件自己表达。\n */\nexport function defineFormAssociation<State>(options: FormAssociationOptions<State>) {\n  return definePlugin((): FormAssociationLifecycle => {\n    let internals: ElementInternals | undefined\n    let initialState: State | undefined\n    let initialized = false\n    let formDisabled = false\n    const copyState = options.copyState ?? (state => state)\n\n    const sync = () => {\n      if (!internals) return\n      internals.setFormValue?.(options.getFormValue(), options.getFormState())\n      options.syncValidity?.(internals)\n    }\n\n    return {\n      connect() {\n        if (!internals) internals = options.host.attachInternals()\n        if (!initialized) {\n          options.initialize?.()\n          initialState = copyState(options.getState())\n          initialized = true\n        }\n        sync()\n      },\n      sync,\n      reset() {\n        if (!initialized || options.isStateManaged?.()) return\n        options.setState(copyState(initialState as State))\n        sync()\n      },\n      restore(state) {\n        if (options.isStateManaged?.()) return\n        options.restoreState(state)\n        sync()\n      },\n      setDisabled(disabled) {\n        if (formDisabled === disabled) return\n        formDisabled = disabled\n        options.host.requestUpdate()\n        sync()\n      },\n      isFormDisabled: () => formDisabled,\n      getInternals: () => internals\n    }\n  })\n}\n\n/**\n * 表单关联元素 mixin：安装 `formAssociated` 与三个生命周期回调。\n *\n * 生命周期实现仍由 defineFormAssociation 表达；FormAssociationController\n * 在构造时把 lifecycle 注册到实例的 provider，回调经它转发。组件可继续\n * 覆写单个回调注入自己的额外逻辑（如 autocomplete 的禁用收口）。\n * 这是字段组合（mixin），不是共享基类：除回调接线外不继承任何实现。\n */\nexport interface FormAssociatedLifecycleProvider {\n  __formLifecycleProvider?: () => FormAssociationLifecycle\n}\n\nexport function FormAssociated<T extends Constructor<HTMLElement>>(superClass: T) {\n  class FormAssociatedElement extends superClass {\n    static formAssociated = true\n\n    formResetCallback(): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().reset()\n    }\n\n    formDisabledCallback(disabled: boolean): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().setDisabled(disabled)\n    }\n\n    formStateRestoreCallback(state: File | FormData | string | null): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().restore(state)\n    }\n  }\n  return FormAssociatedElement\n}\n\n/** 把表单生命周期插件接入宿主（回调接线经 FormAssociated mixin，无需共享基类）。 */\nexport class FormAssociationController implements ReactiveController {\n  constructor(\n    private readonly host: FormAssociationHost,\n    private readonly lifecycle: FormAssociationLifecycle\n  ) {\n    host.addController(this)\n    ;(host as FormAssociationHost & FormAssociatedLifecycleProvider).__formLifecycleProvider = () => lifecycle\n  }\n\n  hostConnected() {\n    this.lifecycle.connect()\n  }\n\n  hostUpdated() {\n    this.lifecycle.sync()\n  }\n}\n"],"mappings":";;AA4CA,SAAgB,EACd,GACA,GACA,GACA,IAAa,IACP;CACN,IAAI,OAAO,EAAU,eAAgB,YAAY;CACjD,IAAI,KAAc,EAAM,SAAS,OAAO;EACtC,EAAU,YAAY,CAAC,CAAC;EACxB;CACF;CACA,IAAM,IAA4B,CAAC;CACnC,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAM,SAAS,OAAO,EAAM,KAAQ;CAE1C,EAAU,YAAY,GAAO,EAAM,mBAAmB,CAAK;AAC7D;AAKA,SAAgB,EAA6B,GAAwC;CACnF,OAAO,QAA6C;EAClD,IAAI,GACA,GACA,IAAc,IACd,IAAe,IACb,IAAY,EAAQ,eAAc,MAAS,IAE3C,UAAa;GACZ,MACL,EAAU,eAAe,EAAQ,aAAa,GAAG,EAAQ,aAAa,CAAC,GACvE,EAAQ,eAAe,CAAS;EAClC;EAEA,OAAO;GACL,UAAU;IAOR,AANA,AAAgB,MAAY,EAAQ,KAAK,gBAAgB,GACzD,AAGE,OAFA,EAAQ,aAAa,GACrB,IAAe,EAAU,EAAQ,SAAS,CAAC,GAC7B,KAEhB,EAAK;GACP;GACA;GACA,QAAQ;IACF,AAAC,KAAe,GAAQ,iBAAiB,MAC7C,EAAQ,SAAS,EAAU,CAAqB,CAAC,GACjD,EAAK;GACP;GACA,QAAQ,GAAO;IACT,EAAQ,iBAAiB,MAC7B,EAAQ,aAAa,CAAK,GAC1B,EAAK;GACP;GACA,YAAY,GAAU;IAChB,MAAiB,MACrB,IAAe,GACf,EAAQ,KAAK,cAAc,GAC3B,EAAK;GACP;GACA,sBAAsB;GACtB,oBAAoB;EACtB;CACF,CAAC;AACH;AAcA,SAAgB,EAAmD,GAAe;CAChF,MAAM,UAA8B,EAAW;;GACrB,KAAA,iBAAA;;EAExB,oBAA0B;GACvB,KAA0C,0BAA0B,CAAC,CAAC,MAAM;EAC/E;EAEA,qBAAqB,GAAyB;GAC3C,KAA0C,0BAA0B,CAAC,CAAC,YAAY,CAAQ;EAC7F;EAEA,yBAAyB,GAA8C;GACpE,KAA0C,0BAA0B,CAAC,CAAC,QAAQ,CAAK;EACtF;CACF;CACA,OAAO;AACT;AAGA,IAAa,IAAb,MAAqE;CACnE,YACE,GACA,GACA;EAEC,AAJgB,KAAA,OAAA,GACA,KAAA,YAAA,GAEjB,EAAK,cAAc,IAAI,GACtB,EAAgE,gCAAgC;CACnG;CAEA,gBAAgB;EACd,KAAK,UAAU,QAAQ;CACzB;CAEA,cAAc;EACZ,KAAK,UAAU,KAAK;CACtB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/form-association/index.ts"],"sourcesContent":["import { definePlugin } from '@greypan/js-kit'\nimport type { ReactiveController, ReactiveControllerHost } from 'lit'\n\n// Lit 官方 mixin 签名需要构造器接受任意参数（paramCount 各异的子类构造器都要能赋给\n// 基座）；never[] 变体在 extends 链上会丢失 Lit 静态侧类型。any 收敛在这个类型别名内。\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Constructor<T = object> = new (...args: any[]) => T\n\ntype FormSubmissionValue = File | FormData | string | null\ntype FormStateValue = File | FormData | string | null\n\ninterface FormAssociationHost extends HTMLElement, ReactiveControllerHost {\n  /** Lit 的更新窗口判据：反射属性触发的回调落在本轮 performUpdate 之内时为 true。 */\n  isUpdatePending: boolean\n}\n\nexport interface FormAssociationOptions<State> {\n  readonly host: FormAssociationHost\n  readonly initialize?: () => void\n  readonly getState: () => State\n  readonly setState: (state: State) => void\n  readonly copyState?: (state: State) => State\n  readonly getFormValue: () => FormSubmissionValue\n  readonly getFormState: () => FormStateValue\n  readonly restoreState: (state: FormStateValue) => void\n  readonly isStateManaged?: () => boolean\n  readonly syncValidity?: (internals: ElementInternals) => void\n}\n\nexport interface FormAssociationLifecycle {\n  connect(): void\n  sync(): void\n  reset(): void\n  restore(state: FormStateValue): void\n  setDisabled(disabled: boolean): void\n  isFormDisabled(): boolean\n  getInternals(): ElementInternals | undefined\n}\n\n/**\n * 把原生 input 的 ValidityState 转发为 ElementInternals 的校验状态。\n * flagNames 是控件自己声明的校验契约（input 转发文本类 5 项、input-number\n * 转发范围类 4 项），这里只收敛 guard / valid 判定 / setValidity 接线。\n * disabled 元素被约束验证豁免，必须上报干净状态；isDisabled 传入控件的\n * 组合禁用态（含 formDisabled），因为 formDisabledCallback 触发时原生\n * input 的 disabled 属性可能尚未重渲染，不能依赖 input.validity.valid。\n */\nexport function forwardInputValidity(\n  internals: ElementInternals,\n  input: HTMLInputElement | HTMLTextAreaElement,\n  flagNames: readonly (keyof ValidityStateFlags)[],\n  isDisabled = false\n): void {\n  if (typeof internals.setValidity !== 'function') return\n  if (isDisabled || input.validity.valid) {\n    internals.setValidity({})\n    return\n  }\n  const flags: ValidityStateFlags = {}\n  for (const name of flagNames) {\n    if (input.validity[name]) flags[name] = true\n  }\n  internals.setValidity(flags, input.validationMessage, input)\n}\n\n/**\n * 承接原生 custom element 表单生命周期，值序列化与校验语义仍由各控件组件自己表达。\n */\nexport function defineFormAssociation<State>(options: FormAssociationOptions<State>) {\n  return definePlugin((): FormAssociationLifecycle => {\n    let internals: ElementInternals | undefined\n    let initialState: State | undefined\n    let initialized = false\n    let formDisabled = false\n    const copyState = options.copyState ?? (state => state)\n\n    const sync = () => {\n      if (!internals) return\n      internals.setFormValue?.(options.getFormValue(), options.getFormState())\n      options.syncValidity?.(internals)\n    }\n\n    return {\n      connect() {\n        if (!internals) internals = options.host.attachInternals()\n        if (!initialized) {\n          options.initialize?.()\n          initialState = copyState(options.getState())\n          initialized = true\n        }\n        sync()\n      },\n      sync,\n      reset() {\n        if (!initialized || options.isStateManaged?.()) return\n        options.setState(copyState(initialState as State))\n        sync()\n      },\n      restore(state) {\n        if (options.isStateManaged?.()) return\n        options.restoreState(state)\n        sync()\n      },\n      setDisabled(disabled) {\n        if (formDisabled === disabled) return\n        formDisabled = disabled\n        sync()\n        if (options.host.isUpdatePending) {\n          /*\n           * 宿主 disabled 的反射会同步触发 formDisabledCallback，那一轮 render 已经读过旧值；\n           * 而 Lit 在 isUpdatePending 为 true 时会丢掉 requestUpdate()（reactive-element 2.1.2\n           * 的 requestUpdate 尾部判据），控件就会停在旧禁用态且再无渲染。等本轮更新结束再排一次。\n           */\n          queueMicrotask(() => {\n            options.host.requestUpdate()\n            sync()\n          })\n          return\n        }\n        options.host.requestUpdate()\n      },\n      isFormDisabled: () => formDisabled,\n      getInternals: () => internals\n    }\n  })\n}\n\n/**\n * 表单关联元素 mixin：安装 `formAssociated` 与三个生命周期回调。\n *\n * 生命周期实现仍由 defineFormAssociation 表达；FormAssociationController\n * 在构造时把 lifecycle 注册到实例的 provider，回调经它转发。组件可继续\n * 覆写单个回调注入自己的额外逻辑（如 autocomplete 的禁用收口）。\n * 这是字段组合（mixin），不是共享基类：除回调接线外不继承任何实现。\n */\nexport interface FormAssociatedLifecycleProvider {\n  __formLifecycleProvider?: () => FormAssociationLifecycle\n}\n\nexport function FormAssociated<T extends Constructor<HTMLElement>>(superClass: T) {\n  class FormAssociatedElement extends superClass {\n    static formAssociated = true\n\n    formResetCallback(): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().reset()\n    }\n\n    formDisabledCallback(disabled: boolean): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().setDisabled(disabled)\n    }\n\n    formStateRestoreCallback(state: File | FormData | string | null): void {\n      ;(this as FormAssociatedLifecycleProvider).__formLifecycleProvider?.().restore(state)\n    }\n  }\n  return FormAssociatedElement\n}\n\n/** 把表单生命周期插件接入宿主（回调接线经 FormAssociated mixin，无需共享基类）。 */\nexport class FormAssociationController implements ReactiveController {\n  constructor(\n    private readonly host: FormAssociationHost,\n    private readonly lifecycle: FormAssociationLifecycle\n  ) {\n    host.addController(this)\n    ;(host as FormAssociationHost & FormAssociatedLifecycleProvider).__formLifecycleProvider = () => lifecycle\n  }\n\n  hostConnected() {\n    this.lifecycle.connect()\n  }\n\n  hostUpdated() {\n    this.lifecycle.sync()\n  }\n}\n"],"mappings":";;AA+CA,SAAgB,EACd,GACA,GACA,GACA,IAAa,IACP;CACN,IAAI,OAAO,EAAU,eAAgB,YAAY;CACjD,IAAI,KAAc,EAAM,SAAS,OAAO;EACtC,EAAU,YAAY,CAAC,CAAC;EACxB;CACF;CACA,IAAM,IAA4B,CAAC;CACnC,KAAK,IAAM,KAAQ,GACjB,AAAI,EAAM,SAAS,OAAO,EAAM,KAAQ;CAE1C,EAAU,YAAY,GAAO,EAAM,mBAAmB,CAAK;AAC7D;AAKA,SAAgB,EAA6B,GAAwC;CACnF,OAAO,QAA6C;EAClD,IAAI,GACA,GACA,IAAc,IACd,IAAe,IACb,IAAY,EAAQ,eAAc,MAAS,IAE3C,UAAa;GACZ,MACL,EAAU,eAAe,EAAQ,aAAa,GAAG,EAAQ,aAAa,CAAC,GACvE,EAAQ,eAAe,CAAS;EAClC;EAEA,OAAO;GACL,UAAU;IAOR,AANA,AAAgB,MAAY,EAAQ,KAAK,gBAAgB,GACzD,AAGE,OAFA,EAAQ,aAAa,GACrB,IAAe,EAAU,EAAQ,SAAS,CAAC,GAC7B,KAEhB,EAAK;GACP;GACA;GACA,QAAQ;IACF,AAAC,KAAe,GAAQ,iBAAiB,MAC7C,EAAQ,SAAS,EAAU,CAAqB,CAAC,GACjD,EAAK;GACP;GACA,QAAQ,GAAO;IACT,EAAQ,iBAAiB,MAC7B,EAAQ,aAAa,CAAK,GAC1B,EAAK;GACP;GACA,YAAY,GAAU;IAChB,UAAiB,GAGrB;SAFA,IAAe,GACf,EAAK,GACD,EAAQ,KAAK,iBAAiB;MAMhC,qBAAqB;OAEnB,AADA,EAAQ,KAAK,cAAc,GAC3B,EAAK;MACP,CAAC;MACD;KACF;KACA,EAAQ,KAAK,cAAc;IAD3B;GAEF;GACA,sBAAsB;GACtB,oBAAoB;EACtB;CACF,CAAC;AACH;AAcA,SAAgB,EAAmD,GAAe;CAChF,MAAM,UAA8B,EAAW;;GACrB,KAAA,iBAAA;;EAExB,oBAA0B;GACvB,KAA0C,0BAA0B,CAAC,CAAC,MAAM;EAC/E;EAEA,qBAAqB,GAAyB;GAC3C,KAA0C,0BAA0B,CAAC,CAAC,YAAY,CAAQ;EAC7F;EAEA,yBAAyB,GAA8C;GACpE,KAA0C,0BAA0B,CAAC,CAAC,QAAQ,CAAK;EACtF;CACF;CACA,OAAO;AACT;AAGA,IAAa,IAAb,MAAqE;CACnE,YACE,GACA,GACA;EAEC,AAJgB,KAAA,OAAA,GACA,KAAA,YAAA,GAEjB,EAAK,cAAc,IAAI,GACtB,EAAgE,gCAAgC;CACnG;CAEA,gBAAgB;EACd,KAAK,UAAU,QAAQ;CACzB;CAEA,cAAc;EACZ,KAAK,UAAU,KAAK;CACtB;AACF"}

package/dist/shared/label-emptiness/index.js

@@ -0,0 +1,45 @@
+//#region src/shared/label-emptiness/index.ts
+var e = /* @__PURE__ */ new WeakMap(), t;
+function n() {
+	return typeof ResizeObserver > "u" ? null : t || (t = new ResizeObserver((t) => {
+		for (let n of t) {
+			let t = e.get(n.target);
+			if (!t) continue;
+			let r = n.contentRect.width === 0;
+			t.empty !== r && (t.empty = r, t.notify(r));
+		}
+	}), t);
+}
+function r(t, r) {
+	let i = n();
+	i && (e.set(t, {
+		notify: r,
+		empty: !1
+	}), i.observe(t));
+}
+function i(n) {
+	e.delete(n), t?.unobserve(n);
+}
+var a = class {
+	constructor(e, t, n) {
+		this.host = e, this.selector = t, this.notify = n, e.addController(this);
+	}
+	hostConnected() {
+		this.attach();
+	}
+	hostUpdated() {
+		this.attach();
+	}
+	hostDisconnected() {
+		this.target && i(this.target), this.target = void 0;
+	}
+	attach() {
+		if (this.target) return;
+		let e = this.host.renderRoot.querySelector(this.selector);
+		e && (this.target = e, r(e, this.notify));
+	}
+};
+//#endregion
+export { a as LabelEmptinessController };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/label-emptiness/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/label-emptiness/index.ts"],"sourcesContent":["/**\n * 判断 label 槽位有没有真的画出东西。\n *\n * radio / checkbox 的触发行是 `inline-flex` + `gap: 10px`，宿主宽度由内容撑开，所以那条 gap 是\n * 指示器与标签之间的距离。但 gap 只认「这里有个 flex item」，不认它有没有宽度：槽位空着，或者只放了\n * 一个视觉隐藏的无障碍名（`.sr-only` 出流，不产生行内盒），标签盒子是 0 宽，指示器右边仍然多出 10px。\n *\n * 判据因此取渲染宽度而不是「槽位有没有被指派内容」——两者只在无障碍名那一种用法上分开，而那正是这里\n * 要修的一种。CSS 也判不出这件事：`slot:empty` 看的是 slot 自己的子节点，被 assign 进来的节点并不是\n * 它的孩子。同理不能用 `hidden` 把盒子收掉，display: none 会连带把里面的文字从无障碍名里去掉。\n */\nimport type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit'\n\ninterface Watched {\n  readonly notify: (empty: boolean) => void\n  empty: boolean\n}\n\nconst watched = new WeakMap<Element, Watched>()\nlet observer: ResizeObserver | undefined\n\n/**\n * 全模块共用一个 ResizeObserver：一个列表里可能有上百个选择控件，逐实例建观察者要给每个控件单独排\n * 一次尺寸回调。没有 ResizeObserver 的环境（jsdom）没有布局可测，直接不接。\n */\nfunction getObserver(): ResizeObserver | null {\n  if (typeof ResizeObserver === 'undefined') return null\n  if (observer) return observer\n\n  observer = new ResizeObserver(entries => {\n    for (const entry of entries) {\n      const target = watched.get(entry.target)\n      if (!target) continue\n\n      const empty = entry.contentRect.width === 0\n      if (target.empty === empty) continue\n\n      target.empty = empty\n      target.notify(empty)\n    }\n  })\n\n  return observer\n}\n\nfunction watch(target: Element, notify: (empty: boolean) => void) {\n  const shared = getObserver()\n  if (!shared) return\n\n  // 初值跟宿主的默认状态一致：非空。首帧的真实尺寸由 observe() 的初始回调报上来。\n  watched.set(target, { notify, empty: false })\n  shared.observe(target)\n}\n\nfunction unwatch(target: Element) {\n  watched.delete(target)\n  observer?.unobserve(target)\n}\n\n/** 把标签盒子的空 / 非空变化报给宿主；断开重连后重新接上观察。 */\nexport class LabelEmptinessController implements ReactiveController {\n  private target: Element | undefined\n\n  constructor(\n    private readonly host: ReactiveControllerHost & LitElement,\n    private readonly selector: string,\n    private readonly notify: (empty: boolean) => void\n  ) {\n    host.addController(this)\n  }\n\n  /*\n   * 两个生命周期都要接：重连（移出 DOM 再放回去、列表重排、Teleport）不会排一次更新，所以只挂在\n   * hostUpdated 上的话，观察在断开时被拆掉就再也接不回来，标签后来改成什么都不显示宽度都停在旧值上。\n   * 而首连时 shadow root 还没有子节点，这里查不到目标，得靠 hostUpdated 补上第一次。\n   */\n  hostConnected() {\n    this.attach()\n  }\n\n  hostUpdated() {\n    this.attach()\n  }\n\n  hostDisconnected() {\n    if (this.target) unwatch(this.target)\n    this.target = undefined\n  }\n\n  private attach() {\n    if (this.target) return\n\n    const target = this.host.renderRoot.querySelector(this.selector)\n    if (!target) return\n\n    this.target = target\n    watch(target, this.notify)\n  }\n}\n"],"mappings":";AAkBA,IAAM,oBAAU,IAAI,QAA0B,GAC1C;AAMJ,SAAS,IAAqC;CAiB5C,OAhBI,OAAO,iBAAmB,MAAoB,OAC9C,MAEJ,IAAW,IAAI,gBAAe,MAAW;EACvC,KAAK,IAAM,KAAS,GAAS;GAC3B,IAAM,IAAS,EAAQ,IAAI,EAAM,MAAM;GACvC,IAAI,CAAC,GAAQ;GAEb,IAAM,IAAQ,EAAM,YAAY,UAAU;GACtC,EAAO,UAAU,MAErB,EAAO,QAAQ,GACf,EAAO,OAAO,CAAK;EACrB;CACF,CAAC,GAEM;AACT;AAEA,SAAS,EAAM,GAAiB,GAAkC;CAChE,IAAM,IAAS,EAAY;CACtB,MAGL,EAAQ,IAAI,GAAQ;EAAE;EAAQ,OAAO;CAAM,CAAC,GAC5C,EAAO,QAAQ,CAAM;AACvB;AAEA,SAAS,EAAQ,GAAiB;CAEhC,AADA,EAAQ,OAAO,CAAM,GACrB,GAAU,UAAU,CAAM;AAC5B;AAGA,IAAa,IAAb,MAAoE;CAGlE,YACE,GACA,GACA,GACA;EACA,AAJiB,KAAA,OAAA,GACA,KAAA,WAAA,GACA,KAAA,SAAA,GAEjB,EAAK,cAAc,IAAI;CACzB;CAOA,gBAAgB;EACd,KAAK,OAAO;CACd;CAEA,cAAc;EACZ,KAAK,OAAO;CACd;CAEA,mBAAmB;EAEjB,AADI,KAAK,UAAQ,EAAQ,KAAK,MAAM,GACpC,KAAK,SAAS,KAAA;CAChB;CAEA,SAAiB;EACf,IAAI,KAAK,QAAQ;EAEjB,IAAM,IAAS,KAAK,KAAK,WAAW,cAAc,KAAK,QAAQ;EAC1D,MAEL,KAAK,SAAS,GACd,EAAM,GAAQ,KAAK,MAAM;CAC3B;AACF"}

package/dist/shared/theme/root-sync.js

@@ -1,42 +1,48 @@
 //#region src/shared/theme/root-sync.ts
-var e = "--wui-color-page", t = /* @__PURE__ */ new Set(), n;
-function r(e) {
+var e = "--wui-color-page", t = /* @__PURE__ */ new Set(), n, r = /* @__PURE__ */ new Set();
+function i(e) {
 	return t.values().next().value === e;
 }
-function i(t) {
+function a(t) {
 	return getComputedStyle(t).getPropertyValue(e).trim();
 }
-function a() {
+function o() {
 	let n = t.values().next().value;
 	if (!n || !n.isConnected) return;
-	let r = i(n);
+	let r = a(n);
 	if (!r) return;
-	let a = document.documentElement.style;
-	a.getPropertyValue(e) !== r && a.setProperty(e, r);
-}
-function o() {
-	a();
+	let i = document.documentElement.style;
+	i.getPropertyValue(e) !== r && i.setProperty(e, r);
 }
 function s() {
-	if (t.size > 0) {
+	o();
+	for (let e of r) e();
+}
+function c() {
+	if (t.size > 0 || r.size > 0) {
 		if (n) return;
 		try {
 			n = window.matchMedia("(prefers-color-scheme: dark)");
 		} catch {
 			return;
 		}
-		n.addEventListener("change", o);
+		n.addEventListener("change", s);
 		return;
 	}
-	n &&= (n.removeEventListener("change", o), void 0);
-}
-function c(e) {
-	t.add(e), s(), r(e) && a();
+	n &&= (n.removeEventListener("change", s), void 0);
 }
 function l(e) {
-	t.delete(e) && (s(), a());
+	return r.add(e), c(), () => {
+		r.delete(e) && c();
+	};
+}
+function u(e) {
+	t.add(e), c(), i(e) && o();
+}
+function d(e) {
+	t.delete(e) && (c(), o());
 }
 //#endregion
-export { c as registerThemeRootSync, l as unregisterThemeRootSync };
+export { u as registerThemeRootSync, l as subscribeThemeSystemAppearanceChange, d as unregisterThemeRootSync };
 
 //# sourceMappingURL=root-sync.js.map

package/dist/shared/theme/root-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-sync.js","names":[],"sources":["../../../src/shared/theme/root-sync.ts"],"sourcesContent":["/**\n * 根节点 page 色同步 —— 「哪一层最外层」的唯一拥有者。\n *\n * macOS 橡皮筋回弹露白的成因不在 body 而在画布：body 的背景只覆盖滚动范围，回弹时被扯出来的\n * 那一圈用的是 documentElement 的画布背景。而 `--wui-color-page` 定义在 `<web-ui-theme>` 的\n * shadow 作用域里，自定义属性的继承链到 documentElement 就断了，所以消费方写\n * `body { background: var(--wui-color-page) }` 也管不到回弹区。\n *\n * 本模块补上这一环：最外层 active theme 把自己计算出的 `--wui-color-page` 写到 documentElement\n * 的行内自定义属性上，消费方仍然只需要那一行 body 规则。\n *\n * 为什么按 connect 顺序取「第一个 active 实例」，而不是去判「DOM 上最外层的那一个」：\n * 组件无法可靠地回答后者——portal、shadow host 与 slot 都会让「谁包着谁」的物理关系和主题\n * 作用域不一致（`WebUiTheme._findThemeAncestor()` 正是为此单独实现了跨 shadow 边界的祖先链）。\n * root 值只可能有一个来源，按 connect 顺序取第一个是唯一不需要猜树形状的判据，且与用户视角\n * 一致：嵌套主题总是后 connect，先进页面那个主题范围就是盖住整页的那个。\n *\n * 其余取舍：\n *\n * - 同步权在已登记实例之间按同一顺序顺延：最外层断开时下一个已连接实例接管，不查 DOM。\n *   重新挂载的实例按新的一次 connect 排到队尾——队首才是当前 outermost。\n * - 写入值取该实例的**计算值**，因此消费者在 host 上覆盖 `--wui-color-page`（包括在自己的\n *   媒体查询里覆盖）会被原样镜像，主题与消费者的优先级关系不因此改变。\n * - 全部断开时**保留最后值**：清掉属性会让 body 背景在主题卸载/重挂的间隙闪回 UA 白底，\n *   而那正是本能力要消除的观感。代价是最后一个主题卸载后 documentElement 上仍留着一个自定义\n *   属性；消费者自己写 body 背景时它不产生任何影响。\n * - `appearance=\"system\"` 的计算值由组件内部 CSS 的 `prefers-color-scheme` 媒体查询决定，JS 侧\n *   没有订阅，所以登记表非空期间挂一个系统 scheme 监听，翻转时重算。\n * - 登记表强引用实例，但删除路径只有组件自己的 disconnectedCallback：自定义元素反应保证移除\n *   必然触发它，不存在 open-overlay 那种「面板被 portal 搬运」需要惰性兜底回收的形状。\n */\n\nconst ROOT_PAGE_TOKEN = '--wui-color-page'\n\n/** 按 connect 顺序排列的已登记 active 实例；队首持有 root 同步权。 */\nconst registered = new Set<HTMLElement>()\n\nlet schemeQuery: MediaQueryList | undefined\n\n/*\n * dev 期测试钩子：登记表尺寸。\n *\n * 「组件卸载后忘了撤销登记」是这层唯一的结构性风险，而 `registered` 无法从公开面观察——\n * 调用方只看见 documentElement 上的值，看不到注册表。有了它，泄漏在测试里是一个可直接断言的\n * 数字。`import.meta.env.DEV` 是编译期常量，生产构建里整段消失。\n */\ndeclare global {\n  // eslint-disable-next-line no-var\n  var __webUiThemeRootSyncCount: () => number\n}\n\nif (import.meta.env.DEV) {\n  globalThis.__webUiThemeRootSyncCount = () => registered.size\n}\n\nfunction isRootSyncOwner(host: HTMLElement): boolean {\n  return registered.values().next().value === host\n}\n\n/** 计算值可能为空（jsdom、未激活作用域、已断开），空值不写入也不删除既有值。 */\nfunction readPageColor(host: HTMLElement): string {\n  return getComputedStyle(host).getPropertyValue(ROOT_PAGE_TOKEN).trim()\n}\n\nfunction syncRootPageColor(): void {\n  const owner = registered.values().next().value as HTMLElement | undefined\n  if (!owner) return\n  // 已断开的所有者不能再写 root：整棵子树一起卸载时，队首顺延到的实例已经不在文档里\n  // （浏览器对 detached 元素取不到计算值，jsdom 却仍按选择器匹配返回旧值），\n  // 不设这道坎就会在两种环境里得到不同的 root 末值。\n  if (!owner.isConnected) return\n  const value = readPageColor(owner)\n  if (!value) return\n  const style = document.documentElement.style\n  // 与当前行内值比较而不是与模块记忆的上次写入比较：消费者中途覆写时，下一次同步仍然夺回\n  // 归属权，而值没变时不做无谓的样式写入。\n  if (style.getPropertyValue(ROOT_PAGE_TOKEN) === value) return\n  style.setProperty(ROOT_PAGE_TOKEN, value)\n}\n\nfunction handleSchemeChange(): void {\n  syncRootPageColor()\n}\n\nfunction syncSchemeListener(): void {\n  if (registered.size > 0) {\n    if (schemeQuery) return\n    try {\n      schemeQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    } catch {\n      // jsdom 等没有 matchMedia 的环境：system 档跟随不到系统翻转，登记表行为不受影响。\n      return\n    }\n    schemeQuery.addEventListener('change', handleSchemeChange)\n    return\n  }\n  if (!schemeQuery) return\n  schemeQuery.removeEventListener('change', handleSchemeChange)\n  schemeQuery = undefined\n}\n\n/**\n * 登记一个 active theme。幂等，组件的 connectedCallback 与 updated() 可以无条件调用：\n * 已在表中的实例重复登记保留原队序，只有队首实例会刷新 root 值。\n */\nexport function registerThemeRootSync(host: HTMLElement): void {\n  registered.add(host)\n  syncSchemeListener()\n  // 嵌套实例的变更按契约不影响 root 值；顺延不到新实例时 root 值同样不变。\n  if (!isRootSyncOwner(host)) return\n  syncRootPageColor()\n}\n\n/** 撤销登记。移交同步权时由新的队首实例立即接管 root 值。 */\nexport function unregisterThemeRootSync(host: HTMLElement): void {\n  if (!registered.delete(host)) return\n  syncSchemeListener()\n  syncRootPageColor()\n}\n"],"mappings":";AAgCA,IAAM,IAAkB,oBAGlB,oBAAa,IAAI,IAAiB,GAEpC;AAkBJ,SAAS,EAAgB,GAA4B;CACnD,OAAO,EAAW,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU;AAC9C;AAGA,SAAS,EAAc,GAA2B;CAChD,OAAO,iBAAiB,CAAI,CAAC,CAAC,iBAAiB,CAAe,CAAC,CAAC,KAAK;AACvE;AAEA,SAAS,IAA0B;CACjC,IAAM,IAAQ,EAAW,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;CAKzC,IAJI,CAAC,KAID,CAAC,EAAM,aAAa;CACxB,IAAM,IAAQ,EAAc,CAAK;CACjC,IAAI,CAAC,GAAO;CACZ,IAAM,IAAQ,SAAS,gBAAgB;CAGnC,EAAM,iBAAiB,CAAe,MAAM,KAChD,EAAM,YAAY,GAAiB,CAAK;AAC1C;AAEA,SAAS,IAA2B;CAClC,EAAkB;AACpB;AAEA,SAAS,IAA2B;CAClC,IAAI,EAAW,OAAO,GAAG;EACvB,IAAI,GAAa;EACjB,IAAI;GACF,IAAc,OAAO,WAAW,8BAA8B;EAChE,QAAQ;GAEN;EACF;EACA,EAAY,iBAAiB,UAAU,CAAkB;EACzD;CACF;CACK,AAEL,OADA,EAAY,oBAAoB,UAAU,CAAkB,GAC9C,KAAA;AAChB;AAMA,SAAgB,EAAsB,GAAyB;CAC7D,EAAW,IAAI,CAAI,GACnB,EAAmB,GAEd,EAAgB,CAAI,KACzB,EAAkB;AACpB;AAGA,SAAgB,EAAwB,GAAyB;CAC1D,EAAW,OAAO,CAAI,MAC3B,EAAmB,GACnB,EAAkB;AACpB"}
+{"version":3,"file":"root-sync.js","names":[],"sources":["../../../src/shared/theme/root-sync.ts"],"sourcesContent":["/**\n * 根节点 page 色同步 —— 「哪一层最外层」的唯一拥有者。\n *\n * macOS 橡皮筋回弹露白的成因不在 body 而在画布：body 的背景只覆盖滚动范围，回弹时被扯出来的\n * 那一圈用的是 documentElement 的画布背景。而 `--wui-color-page` 定义在 `<web-ui-theme>` 的\n * shadow 作用域里，自定义属性的继承链到 documentElement 就断了，所以消费方写\n * `body { background: var(--wui-color-page) }` 也管不到回弹区。\n *\n * 本模块补上这一环：最外层 active theme 把自己计算出的 `--wui-color-page` 写到 documentElement\n * 的行内自定义属性上，消费方仍然只需要那一行 body 规则。\n *\n * 为什么按 connect 顺序取「第一个 active 实例」，而不是去判「DOM 上最外层的那一个」：\n * 组件无法可靠地回答后者——portal、shadow host 与 slot 都会让「谁包着谁」的物理关系和主题\n * 作用域不一致（`WebUiTheme._findThemeAncestor()` 正是为此单独实现了跨 shadow 边界的祖先链）。\n * root 值只可能有一个来源，按 connect 顺序取第一个是唯一不需要猜树形状的判据，且与用户视角\n * 一致：嵌套主题总是后 connect，先进页面那个主题范围就是盖住整页的那个。\n *\n * 其余取舍：\n *\n * - 同步权在已登记实例之间按同一顺序顺延：最外层断开时下一个已连接实例接管，不查 DOM。\n *   重新挂载的实例按新的一次 connect 排到队尾——队首才是当前 outermost。\n * - 写入值取该实例的**计算值**，因此消费者在 host 上覆盖 `--wui-color-page`（包括在自己的\n *   媒体查询里覆盖）会被原样镜像，主题与消费者的优先级关系不因此改变。\n * - 全部断开时**保留最后值**：清掉属性会让 body 背景在主题卸载/重挂的间隙闪回 UA 白底，\n *   而那正是本能力要消除的观感。代价是最后一个主题卸载后 documentElement 上仍留着一个自定义\n *   属性；消费者自己写 body 背景时它不产生任何影响。\n * - `appearance=\"system\"` 的 token 计算值仍由组件内部 CSS 的 `prefers-color-scheme` 决定；\n *   root 同步与 `resolved-appearance` 输出共用同一个 MediaQueryList 监听，翻转时一次重算。\n * - 登记表强引用实例，但删除路径只有组件自己的 disconnectedCallback：自定义元素反应保证移除\n *   必然触发它，不存在 open-overlay 那种「面板被 portal 搬运」需要惰性兜底回收的形状。\n */\n\nconst ROOT_PAGE_TOKEN = '--wui-color-page'\n\n/** 按 connect 顺序排列的已登记 active 实例；队首持有 root 同步权。 */\nconst registered = new Set<HTMLElement>()\n\nlet schemeQuery: MediaQueryList | undefined\nconst schemeSubscribers = new Set<() => void>()\n\n/*\n * dev 期测试钩子：登记表尺寸。\n *\n * 「组件卸载后忘了撤销登记」是这层唯一的结构性风险，而 `registered` 无法从公开面观察——\n * 调用方只看见 documentElement 上的值，看不到注册表。有了它，泄漏在测试里是一个可直接断言的\n * 数字。`import.meta.env.DEV` 是编译期常量，生产构建里整段消失。\n */\ndeclare global {\n  // eslint-disable-next-line no-var\n  var __webUiThemeRootSyncCount: () => number\n}\n\nif (import.meta.env.DEV) {\n  globalThis.__webUiThemeRootSyncCount = () => registered.size\n}\n\nfunction isRootSyncOwner(host: HTMLElement): boolean {\n  return registered.values().next().value === host\n}\n\n/** 计算值可能为空（jsdom、未激活作用域、已断开），空值不写入也不删除既有值。 */\nfunction readPageColor(host: HTMLElement): string {\n  return getComputedStyle(host).getPropertyValue(ROOT_PAGE_TOKEN).trim()\n}\n\nfunction syncRootPageColor(): void {\n  const owner = registered.values().next().value as HTMLElement | undefined\n  if (!owner) return\n  // 已断开的所有者不能再写 root：整棵子树一起卸载时，队首顺延到的实例已经不在文档里\n  // （浏览器对 detached 元素取不到计算值，jsdom 却仍按选择器匹配返回旧值），\n  // 不设这道坎就会在两种环境里得到不同的 root 末值。\n  if (!owner.isConnected) return\n  const value = readPageColor(owner)\n  if (!value) return\n  const style = document.documentElement.style\n  // 与当前行内值比较而不是与模块记忆的上次写入比较：消费者中途覆写时，下一次同步仍然夺回\n  // 归属权，而值没变时不做无谓的样式写入。\n  if (style.getPropertyValue(ROOT_PAGE_TOKEN) === value) return\n  style.setProperty(ROOT_PAGE_TOKEN, value)\n}\n\nfunction handleSchemeChange(): void {\n  syncRootPageColor()\n  for (const subscriber of schemeSubscribers) subscriber()\n}\n\nfunction syncSchemeListener(): void {\n  if (registered.size > 0 || schemeSubscribers.size > 0) {\n    if (schemeQuery) return\n    try {\n      schemeQuery = window.matchMedia('(prefers-color-scheme: dark)')\n    } catch {\n      // jsdom 等没有 matchMedia 的环境：system 档跟随不到系统翻转，登记与输出仍保持当前值。\n      return\n    }\n    schemeQuery.addEventListener('change', handleSchemeChange)\n    return\n  }\n  if (!schemeQuery) return\n  schemeQuery.removeEventListener('change', handleSchemeChange)\n  schemeQuery = undefined\n}\n\n/*\n * 复用 root 同步已经持有的系统 scheme 监听：resolved-appearance 只登记回调，不另建 MediaQueryList。\n * 登记先于订阅或订阅先于登记都可以；syncSchemeListener 以两者任一非空为准。\n */\nexport function subscribeThemeSystemAppearanceChange(listener: () => void): () => void {\n  schemeSubscribers.add(listener)\n  syncSchemeListener()\n  return () => {\n    if (!schemeSubscribers.delete(listener)) return\n    syncSchemeListener()\n  }\n}\n\n/**\n * 登记一个 active theme。幂等，组件的 connectedCallback 与 updated() 可以无条件调用：\n * 已在表中的实例重复登记保留原队序，只有队首实例会刷新 root 值。\n */\nexport function registerThemeRootSync(host: HTMLElement): void {\n  registered.add(host)\n  syncSchemeListener()\n  // 嵌套实例的变更按契约不影响 root 值；顺延不到新实例时 root 值同样不变。\n  if (!isRootSyncOwner(host)) return\n  syncRootPageColor()\n}\n\n/** 撤销登记。移交同步权时由新的队首实例立即接管 root 值。 */\nexport function unregisterThemeRootSync(host: HTMLElement): void {\n  if (!registered.delete(host)) return\n  syncSchemeListener()\n  syncRootPageColor()\n}\n"],"mappings":";AAgCA,IAAM,IAAkB,oBAGlB,oBAAa,IAAI,IAAiB,GAEpC,GACE,oBAAoB,IAAI,IAAgB;AAkB9C,SAAS,EAAgB,GAA4B;CACnD,OAAO,EAAW,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU;AAC9C;AAGA,SAAS,EAAc,GAA2B;CAChD,OAAO,iBAAiB,CAAI,CAAC,CAAC,iBAAiB,CAAe,CAAC,CAAC,KAAK;AACvE;AAEA,SAAS,IAA0B;CACjC,IAAM,IAAQ,EAAW,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;CAKzC,IAJI,CAAC,KAID,CAAC,EAAM,aAAa;CACxB,IAAM,IAAQ,EAAc,CAAK;CACjC,IAAI,CAAC,GAAO;CACZ,IAAM,IAAQ,SAAS,gBAAgB;CAGnC,EAAM,iBAAiB,CAAe,MAAM,KAChD,EAAM,YAAY,GAAiB,CAAK;AAC1C;AAEA,SAAS,IAA2B;CAClC,EAAkB;CAClB,KAAK,IAAM,KAAc,GAAmB,EAAW;AACzD;AAEA,SAAS,IAA2B;CAClC,IAAI,EAAW,OAAO,KAAK,EAAkB,OAAO,GAAG;EACrD,IAAI,GAAa;EACjB,IAAI;GACF,IAAc,OAAO,WAAW,8BAA8B;EAChE,QAAQ;GAEN;EACF;EACA,EAAY,iBAAiB,UAAU,CAAkB;EACzD;CACF;CACK,AAEL,OADA,EAAY,oBAAoB,UAAU,CAAkB,GAC9C,KAAA;AAChB;AAMA,SAAgB,EAAqC,GAAkC;CAGrF,OAFA,EAAkB,IAAI,CAAQ,GAC9B,EAAmB,SACN;EACN,EAAkB,OAAO,CAAQ,KACtC,EAAmB;CACrB;AACF;AAMA,SAAgB,EAAsB,GAAyB;CAC7D,EAAW,IAAI,CAAI,GACnB,EAAmB,GAEd,EAAgB,CAAI,KACzB,EAAkB;AACpB;AAGA,SAAgB,EAAwB,GAAyB;CAC1D,EAAW,OAAO,CAAI,MAC3B,EAAmB,GACnB,EAAkB;AACpB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "description": "Lit-based web components for React, Vue, and vanilla JS",
   "license": "MIT",
   "repository": {
@@ -43,6 +43,8 @@
   },
   "devDependencies": {
     "@greypan/tsconfig": "1.0.5",
+    "@iconify-json/akar-icons": "^1.2.7",
+    "@iconify-json/bi": "^1.2.7",
     "@iconify-json/jam": "^1.2.3",
     "@iconify-json/lucide": "^1.2.126",
     "@iconify-json/si": "^1.2.17",