@greypan/web-ui 11.2.0 → 12.0.0

package/dist/assets/toast-containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-containers.js","names":[],"sources":["../../src/assets/toast-containers.css?inline"],"sourcesContent":["/* Toast 容器定位 — 由 toast 命令式 API 动态注入到 body */\n\n.wui-toast-container {\n  --wui-toast-viewport-gap: 16px;\n  --wui-toast-container-padding: 40px;\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-toast, 200);\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wui-space-2, 8px);\n\n  /* 负向定位只露出可见 gap；剩余 padding 继续作为阴影裁剪缓冲区 */\n  max-height: calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));\n\n  /* padding 需要 >= 阴影偏移 + 模糊半径，否则 overflow 会裁剪子元素 box-shadow */\n  padding: var(--wui-toast-container-padding);\n}\n\n.wui-toast-container > * {\n  pointer-events: auto;\n}\n\n.wui-toast-top-left {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  align-items: flex-start;\n}\n\n.wui-toast-top-center {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.wui-toast-top-right {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  right: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  align-items: flex-end;\n}\n\n.wui-toast-bottom-left {\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: 50%;\n  transform: translateX(-50%);\n\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.wui-toast-bottom-right {\n  right: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}\n"],"mappings":""}
+{"version":3,"file":"toast-containers.js","names":[],"sources":["../../src/assets/toast-containers.css?inline"],"sourcesContent":["/* Toast 容器定位 — 由 toast 命令式 API 动态注入到 body */\n\n.wui-toast-container {\n  --wui-toast-viewport-gap: 16px;\n  --wui-toast-container-padding: 40px;\n  pointer-events: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-toast, 200);\n\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  display: flex;\n  flex-direction: column;\n  gap: var(--wui-space-2, 8px);\n\n  /* 负向定位只露出可见 gap；剩余 padding 继续作为阴影裁剪缓冲区 */\n  max-height: calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));\n\n  /* padding 需要 >= 阴影偏移 + 模糊半径，否则 overflow 会裁剪子元素 box-shadow */\n  padding: var(--wui-toast-container-padding);\n}\n\n.wui-toast-container > * {\n  pointer-events: auto;\n}\n\n.wui-toast-top-left {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  align-items: flex-start;\n}\n\n.wui-toast-top-center {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n\n.wui-toast-top-right {\n  top: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  right: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  align-items: flex-end;\n}\n\n.wui-toast-bottom-left {\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n\n.wui-toast-bottom-center {\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  left: 50%;\n  transform: translateX(-50%);\n\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.wui-toast-bottom-right {\n  right: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  bottom: calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));\n  flex-direction: column-reverse;\n  align-items: flex-end;\n}\n"],"mappings":";AAEA,IAAA,2BAAA"}

package/dist/classes/glass.js

@@ -1,6 +1,5 @@
-//#region src/classes/glass.css?inline
-var e = ":where(.wui-glass){position:relative}.wui-glass{--wui-internal-glass-shadow:var(--wui-shadow-glass,0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004);background-color:var(--wui-color-surface-glass,#fafafa57);-webkit-backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 38%, transparent), inset 0 1px .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 52%, transparent), inset 0 -.5px 1px #00000008, var(--wui-internal-glass-shadow,var(--wui-shadow-glass,0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004));background-clip:padding-box;border:none}.wui-glass:before{pointer-events:none;content:\"\";border-radius:inherit;background-color:var(--wui-color-glass-ring,#0000000d);background-image:radial-gradient(var(--wui-glass-corner-radius,32px) at 100% 0, var(--wui-color-glass-ring-shade,#00000008), transparent), radial-gradient(var(--wui-glass-corner-radius,32px) at 0 100%, var(--wui-color-glass-ring-shade,#00000008), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 0 0, var(--wui-color-glass-ring-sheen,#ffffff80), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 100% 100%, var(--wui-color-glass-ring-sheen,#ffffff80), transparent);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}";
-//#endregion
-export { e as default };
+// src/classes/glass.css?inline
+var glass_default = ":where(.wui-glass){position:relative}.wui-glass{--wui-internal-glass-shadow:var(--wui-shadow-glass,0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004);background-color:var(--wui-color-surface-glass,#fafafa57);-webkit-backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 38%, transparent), inset 0 1px .5px color-mix(in srgb, var(--wui-color-glass-highlight,#ffffffe6) 52%, transparent), inset 0 -.5px 1px #00000008, var(--wui-internal-glass-shadow,var(--wui-shadow-glass,0 0 1px #00000005, 0 0 8px #00000008, 0 2px 16px #00000006, 0 8px 32px #00000004));background-clip:padding-box;border:none}.wui-glass:before{pointer-events:none;content:\"\";border-radius:inherit;background-color:var(--wui-color-glass-ring,#0000000d);background-image:radial-gradient(var(--wui-glass-corner-radius,32px) at 100% 0, var(--wui-color-glass-ring-shade,#00000008), transparent), radial-gradient(var(--wui-glass-corner-radius,32px) at 0 100%, var(--wui-color-glass-ring-shade,#00000008), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 0 0, var(--wui-color-glass-ring-sheen,#ffffff80), transparent), radial-gradient(calc(var(--wui-glass-corner-radius,32px) * 2) at 100% 100%, var(--wui-color-glass-ring-sheen,#ffffff80), transparent);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}\n";
+export { glass_default as default };
 
 //# sourceMappingURL=glass.js.map

package/dist/classes/glass.js.map

@@ -1 +1 @@
-{"version":3,"file":"glass.js","names":[],"sources":["../../src/classes/glass.css?inline"],"sourcesContent":["/* 只在宿主没有其他 position 时补定位，避免盖掉消费方的绝对/固定定位。 */\n:where(.wui-glass) {\n  position: relative;\n}\n\n.wui-glass {\n  /*\n   * 内部阴影变量在 glass 元素上自声明默认值，切断从祖先 glass 容器（drawer/dialog\n   * body 等声明了 overlay 阴影的元素）沿 flattened tree 继承进 slotted 内容的\n   * 通道；各组件在自身元素上的同变量配置（特异性/源顺序恒胜出）不受影响。\n   */\n  --wui-internal-glass-shadow: var(\n    --wui-shadow-glass,\n    0 0 1px rgb(0 0 0 / 0.02),\n    0 0 8px rgb(0 0 0 / 0.03),\n    0 2px 16px rgb(0 0 0 / 0.025),\n    0 8px 32px rgb(0 0 0 / 0.015)\n  );\n\n  border: none;\n\n  background-color: var(--wui-color-surface-glass, rgb(250 250 250 / 0.34));\n  background-clip: padding-box;\n\n  /* Safari 16.4 只支持带 -webkit- 前缀的 backdrop-filter（无前缀 18 才支持）；\n     前缀由 lightningcss 按 ?inline 管线默认 targets（含 ios16.4）自动生成，无需手写。 */\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n  box-shadow:\n    inset 0 0 0 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 38%, transparent),\n    inset 0 1px 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 52%, transparent),\n    inset 0 -0.5px 1px rgb(0 0 0 / 0.03),\n    var(\n      --wui-internal-glass-shadow,\n      var(\n        --wui-shadow-glass,\n        0 0 1px rgb(0 0 0 / 0.02),\n        0 0 8px rgb(0 0 0 / 0.03),\n        0 2px 16px rgb(0 0 0 / 0.025),\n        0 8px 32px rgb(0 0 0 / 0.015)\n      )\n    );\n}\n\n/*\n * 玻璃描边环：底色铺满整圈，其上叠两枚 sheen→transparent radial 作左上/右下受光\n * 光泽，再叠两枚 shade→transparent radial（置于最上层）压暗右上/左下背光角，形成\n * 对角光影的玻璃立体感。\n *\n * 底色（--wui-color-glass-ring）不是可选项：四枚 radial 全部锚定角点、半径固定\n * （R = --wui-glass-corner-radius，sheen 用 2R、shade 用 R），一条边只有长过约 3R\n * 才有一段落在所有 radial 之外。底色是唯一覆盖那一段的一层，也是圆角弧段（如 pill\n * 的半圆端）不发暗的原因。三枚 token 同属 ring 前缀，因为它们共同描述这一枚环，\n * 而非三个独立效果。\n *\n * 底色字面量取明色值 rgb(0 0 0 / 0.05) 而非 transparent：本文件其余玻璃 token 的\n * fallback 一律等于明色真值（surface-glass / brightness / highlight / sheen / shade），\n * token 缺省时（未挂 <web-ui-theme>，或 theme 未设 appearance —— 颜色 token 只定义在\n * [appearance] 三个选择器下）整套玻璃面就是明色观感，这一层没有理由例外。\n *\n * 渐变半径为 --wui-glass-corner-radius 的固定物理尺寸正圆——视觉覆盖范围不随元素\n * 宽高缩放（百分比方案在大 panel 上暗边过长、小控件上过弱），各组件用与自身\n * border-radius 同源的值覆盖该变量即可联动。\n *\n * 同源的 --wui-color-glass-highlight 不在此层：它是元素自身 box-shadow 的 inset\n * 高光，与本环无关。-webkit-mask-* 旧语法（含 mask-composite:xor）由 lightningcss\n * 按 targets 自动生成，无前缀 mask-composite 留给 Chrome 120+。\n */\n.wui-glass::before {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  padding: 1px;\n  border-radius: inherit;\n\n  background-color: var(--wui-color-glass-ring, rgb(0 0 0 / 0.05));\n  background-image:\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 100% 0,\n      var(--wui-color-glass-ring-shade, rgb(0 0 0 / 0.03)),\n      transparent\n    ),\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 0 100%,\n      var(--wui-color-glass-ring-shade, rgb(0 0 0 / 0.03)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 0 0,\n      var(--wui-color-glass-ring-sheen, rgb(255 255 255 / 0.5)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 100% 100%,\n      var(--wui-color-glass-ring-sheen, rgb(255 255 255 / 0.5)),\n      transparent\n    );\n\n  mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  mask-composite: exclude;\n}\n"],"mappings":""}
+{"version":3,"file":"glass.js","names":[],"sources":["../../src/classes/glass.css?inline"],"sourcesContent":["/* 只在宿主没有其他 position 时补定位，避免盖掉消费方的绝对/固定定位。 */\n:where(.wui-glass) {\n  position: relative;\n}\n\n.wui-glass {\n  /*\n   * 内部阴影变量在 glass 元素上自声明默认值，切断从祖先 glass 容器（drawer/dialog\n   * body 等声明了 overlay 阴影的元素）沿 flattened tree 继承进 slotted 内容的\n   * 通道；各组件在自身元素上的同变量配置（特异性/源顺序恒胜出）不受影响。\n   */\n  --wui-internal-glass-shadow: var(\n    --wui-shadow-glass,\n    0 0 1px rgb(0 0 0 / 0.02),\n    0 0 8px rgb(0 0 0 / 0.03),\n    0 2px 16px rgb(0 0 0 / 0.025),\n    0 8px 32px rgb(0 0 0 / 0.015)\n  );\n\n  border: none;\n\n  background-color: var(--wui-color-surface-glass, rgb(250 250 250 / 0.34));\n  background-clip: padding-box;\n\n  /* Safari 16.4 只支持带 -webkit- 前缀的 backdrop-filter（无前缀 18 才支持）；\n     前缀由 lightningcss 按 ?inline 管线默认 targets（含 ios16.4）自动生成，无需手写。 */\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n  box-shadow:\n    inset 0 0 0 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 38%, transparent),\n    inset 0 1px 0.5px color-mix(in srgb, var(--wui-color-glass-highlight, rgb(255 255 255 / 0.9)) 52%, transparent),\n    inset 0 -0.5px 1px rgb(0 0 0 / 0.03),\n    var(\n      --wui-internal-glass-shadow,\n      var(\n        --wui-shadow-glass,\n        0 0 1px rgb(0 0 0 / 0.02),\n        0 0 8px rgb(0 0 0 / 0.03),\n        0 2px 16px rgb(0 0 0 / 0.025),\n        0 8px 32px rgb(0 0 0 / 0.015)\n      )\n    );\n}\n\n/*\n * 玻璃描边环：底色铺满整圈，其上叠两枚 sheen→transparent radial 作左上/右下受光\n * 光泽，再叠两枚 shade→transparent radial（置于最上层）压暗右上/左下背光角，形成\n * 对角光影的玻璃立体感。\n *\n * 底色（--wui-color-glass-ring）不是可选项：四枚 radial 全部锚定角点、半径固定\n * （R = --wui-glass-corner-radius，sheen 用 2R、shade 用 R），一条边只有长过约 3R\n * 才有一段落在所有 radial 之外。底色是唯一覆盖那一段的一层，也是圆角弧段（如 pill\n * 的半圆端）不发暗的原因。三枚 token 同属 ring 前缀，因为它们共同描述这一枚环，\n * 而非三个独立效果。\n *\n * 底色字面量取明色值 rgb(0 0 0 / 0.05) 而非 transparent：本文件其余玻璃 token 的\n * fallback 一律等于明色真值（surface-glass / brightness / highlight / sheen / shade），\n * token 缺省时（未挂 <web-ui-theme>，或 theme 未设 appearance —— 颜色 token 只定义在\n * [appearance] 三个选择器下）整套玻璃面就是明色观感，这一层没有理由例外。\n *\n * 渐变半径为 --wui-glass-corner-radius 的固定物理尺寸正圆——视觉覆盖范围不随元素\n * 宽高缩放（百分比方案在大 panel 上暗边过长、小控件上过弱），各组件用与自身\n * border-radius 同源的值覆盖该变量即可联动。\n *\n * 同源的 --wui-color-glass-highlight 不在此层：它是元素自身 box-shadow 的 inset\n * 高光，与本环无关。-webkit-mask-* 旧语法（含 mask-composite:xor）由 lightningcss\n * 按 targets 自动生成，无前缀 mask-composite 留给 Chrome 120+。\n */\n.wui-glass::before {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  inset: 0;\n\n  padding: 1px;\n  border-radius: inherit;\n\n  background-color: var(--wui-color-glass-ring, rgb(0 0 0 / 0.05));\n  background-image:\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 100% 0,\n      var(--wui-color-glass-ring-shade, rgb(0 0 0 / 0.03)),\n      transparent\n    ),\n    radial-gradient(\n      var(--wui-glass-corner-radius, 32px) at 0 100%,\n      var(--wui-color-glass-ring-shade, rgb(0 0 0 / 0.03)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 0 0,\n      var(--wui-color-glass-ring-sheen, rgb(255 255 255 / 0.5)),\n      transparent\n    ),\n    radial-gradient(\n      calc(var(--wui-glass-corner-radius, 32px) * 2) at 100% 100%,\n      var(--wui-color-glass-ring-sheen, rgb(255 255 255 / 0.5)),\n      transparent\n    );\n\n  mask:\n    linear-gradient(#000 0 0) content-box,\n    linear-gradient(#000 0 0);\n  mask-composite: exclude;\n}\n"],"mappings":";AACA,IAAA,gBAAA"}

package/dist/classes/glow.js

@@ -1,6 +1,5 @@
-//#region src/classes/glow.css?inline
-var e = ":where(.wui-glow){position:relative}.wui-glow{isolation:isolate}.wui-glow:before,.wui-glow:after{pointer-events:none;content:\"\";z-index:-1;border-radius:inherit;position:absolute;inset:0}.wui-glow:before{background:var(--wui-glow-gradient,linear-gradient(var(--wui-glow-gradient-direction,to bottom), var(--wui-glow-color,var(--wui-color-page,#fff)), transparent))}.wui-glow:after{inset:0 0 calc(-1 * var(--wui-glow-overhang,24px));-webkit-backdrop-filter:blur(var(--wui-glow-blur,4px));backdrop-filter:blur(var(--wui-glow-blur,4px));-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade,36px)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade,36px)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade,36px)), transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}";
-//#endregion
-export { e as default };
+// src/classes/glow.css?inline
+var glow_default = ":where(.wui-glow){position:relative}.wui-glow{isolation:isolate}.wui-glow:before,.wui-glow:after{pointer-events:none;content:\"\";z-index:-1;border-radius:inherit;position:absolute;inset:0}.wui-glow:before{background:var(--wui-glow-gradient,linear-gradient(var(--wui-glow-gradient-direction,to bottom), var(--wui-glow-color,var(--wui-color-page,#fff)), transparent))}.wui-glow:after{inset:0 0 calc(-1 * var(--wui-glow-overhang,24px));-webkit-backdrop-filter:blur(var(--wui-glow-blur,4px));backdrop-filter:blur(var(--wui-glow-blur,4px));-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade,36px)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade,36px)), transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}\n";
+export { glow_default as default };
 
 //# sourceMappingURL=glow.js.map

package/dist/classes/glow.js.map

@@ -1 +1 @@
-{"version":3,"file":"glow.js","names":[],"sources":["../../src/classes/glow.css?inline"],"sourcesContent":["/*\n * 通用晕染层\n * ==========\n *\n * 给任意有盒子尺寸的容器加一层装饰性背景：::before 画渐变，::after 叠真实模糊\n * （backdrop-filter）。两层都放在 z-index: -1，因此内容与插槽始终位于其上方。\n *\n * 用法是给容器加 `.wui-glow`，并从 `@greypan/web-ui/classes.css` 引入本文件（该文件\n * 同时导出 `.wui-glass`）。组件内部需要同一效果时（如 `header-glow`、collapse peek）\n * 用 `?inline` 引入同一份源码，避免复制规则。\n *\n * 定位与层叠\n * ----------\n * `:where()` 让 position 只做兜底：宿主自己声明了 sticky / absolute / fixed 时一律\n * 让位。`isolation: isolate` 是必要的，否则负层级伪元素会落到更外层 stacking context\n * 的背景之后。容器若有 `overflow: hidden`，向外的模糊尾巴会被裁掉；要保留尾巴就\n * 让 overflow 保持 `visible`。\n *\n * 参数\n * ----\n * 渐变是否出现、颜色与方向都由 token 决定：\n *\n * - `--wui-glow-gradient`：完整 background-image 值；设 `none` 即只保留模糊。\n * - `--wui-glow-gradient-direction`：`linear-gradient` 的方向，默认 `to bottom`。\n * - `--wui-glow-color`：渐变起点色，默认跟随页面底色 `--wui-color-page`。\n * - `--wui-glow-blur`：`backdrop-filter` 的模糊半径，默认 `4px`；设 `0px` 关闭模糊。\n * - `--wui-glow-overhang`：模糊层向盒下探的高度，默认 `24px`。\n * - `--wui-glow-fade`：从全强度到 0 的衰减总长度，默认 `36px`，应不小于 overhang。\n *\n * 盒底缘的 alpha = overhang / fade。旧版对 52px header 是向下外扩 30px、衰减约 45px，\n * 底缘 alpha ≈ 0.67；24 / 36 在同样高度上保持这个强度，盒内曲线与原版基本重合，盒外\n * 只剩 24px 的模糊尾巴。旧版的百分比 mask 会让更高的 header 底缘更淡；新版改用绝对\n * 长度，底缘强度不随容器高度变化。fade 小于 overhang 时，全强度段会延伸到盒外。\n *\n * 端点用裸 `transparent`（即 rgb(0 0 0 / 0)）而不是与起点色做 color-mix：后者按\n * 预乘 alpha 混色会得到完全不透明的原色，终点没有羽化。裸 transparent 在渐变插值\n * 中同样按预乘处理，各引擎一致淡到 0，且不引入新色相。\n */\n:where(.wui-glow) {\n  position: relative;\n}\n\n.wui-glow {\n  isolation: isolate;\n}\n\n.wui-glow::before,\n.wui-glow::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n\n  border-radius: inherit;\n}\n\n.wui-glow::before {\n  background: var(\n    --wui-glow-gradient,\n    linear-gradient(\n      var(--wui-glow-gradient-direction, to bottom),\n      var(--wui-glow-color, var(--wui-color-page, #fff)),\n      transparent\n    )\n  );\n}\n\n.wui-glow::after {\n  inset: 0 0 calc(-1 * var(--wui-glow-overhang, 24px));\n\n  backdrop-filter: blur(var(--wui-glow-blur, 4px));\n\n  mask-image: linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade, 36px)), transparent 100%);\n  mask-repeat: no-repeat;\n  mask-size: 100% 100%;\n}\n"],"mappings":""}
+{"version":3,"file":"glow.js","names":[],"sources":["../../src/classes/glow.css?inline"],"sourcesContent":["/*\n * 通用晕染层\n * ==========\n *\n * 给任意有盒子尺寸的容器加一层装饰性背景：::before 画渐变，::after 叠真实模糊\n * （backdrop-filter）。两层都放在 z-index: -1，因此内容与插槽始终位于其上方。\n *\n * 用法是给容器加 `.wui-glow`，并从 `@greypan/web-ui/classes.css` 引入本文件（该文件\n * 同时导出 `.wui-glass`）。组件内部需要同一效果时（如 `header-glow`、collapse peek）\n * 用 `?inline` 引入同一份源码，避免复制规则。\n *\n * 定位与层叠\n * ----------\n * `:where()` 让 position 只做兜底：宿主自己声明了 sticky / absolute / fixed 时一律\n * 让位。`isolation: isolate` 是必要的，否则负层级伪元素会落到更外层 stacking context\n * 的背景之后。容器若有 `overflow: hidden`，向外的模糊尾巴会被裁掉；要保留尾巴就\n * 让 overflow 保持 `visible`。\n *\n * 参数\n * ----\n * 渐变是否出现、颜色与方向都由 token 决定：\n *\n * - `--wui-glow-gradient`：完整 background-image 值；设 `none` 即只保留模糊。\n * - `--wui-glow-gradient-direction`：`linear-gradient` 的方向，默认 `to bottom`。\n * - `--wui-glow-color`：渐变起点色，默认跟随页面底色 `--wui-color-page`。\n * - `--wui-glow-blur`：`backdrop-filter` 的模糊半径，默认 `4px`；设 `0px` 关闭模糊。\n * - `--wui-glow-overhang`：模糊层向盒下探的高度，默认 `24px`。\n * - `--wui-glow-fade`：从全强度到 0 的衰减总长度，默认 `36px`，应不小于 overhang。\n *\n * 盒底缘的 alpha = overhang / fade。默认 24 / 36 对应 alpha ≈ 0.67 的底缘强度，盒外\n * 只剩 24px 的模糊尾巴。mask 用绝对长度，底缘强度不随容器高度变化。fade 小于\n * overhang 时，全强度段会延伸到盒外。\n *\n * 端点用裸 `transparent`（即 rgb(0 0 0 / 0)）而不是与起点色做 color-mix：后者按\n * 预乘 alpha 混色会得到完全不透明的原色，终点没有羽化。裸 transparent 在渐变插值\n * 中同样按预乘处理，各引擎一致淡到 0，且不引入新色相。\n */\n:where(.wui-glow) {\n  position: relative;\n}\n\n.wui-glow {\n  isolation: isolate;\n}\n\n.wui-glow::before,\n.wui-glow::after {\n  pointer-events: none;\n  content: '';\n\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n\n  border-radius: inherit;\n}\n\n.wui-glow::before {\n  background: var(\n    --wui-glow-gradient,\n    linear-gradient(\n      var(--wui-glow-gradient-direction, to bottom),\n      var(--wui-glow-color, var(--wui-color-page, #fff)),\n      transparent\n    )\n  );\n}\n\n.wui-glow::after {\n  inset: 0 0 calc(-1 * var(--wui-glow-overhang, 24px));\n\n  backdrop-filter: blur(var(--wui-glow-blur, 4px));\n\n  mask-image: linear-gradient(to bottom, black 0, black calc(100% - var(--wui-glow-fade, 36px)), transparent 100%);\n  mask-repeat: no-repeat;\n  mask-size: 100% 100%;\n}\n"],"mappings":";AAqCA,IAAA,eAAA"}