@greypan/web-ui 11.2.0 → 12.0.0

package/README.CN.md

@@ -2,7 +2,7 @@
 
 > 基于 Lit 的 Web Components，支持 React、Vue 和原生 HTML
 
-[English](./README.md) | 简体中文
+[English](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/README.md) | 简体中文
 
 ## 演示
 
@@ -16,7 +16,8 @@
 npm install @greypan/web-ui
 ```
 
-需要 `lit` 作为依赖。
+`lit` 是必需的 peer dependency；`vue >= 3.5` 与 `@types/react >= 19` 是可选 peer，仅用于各自的
+框架类型适配。
 
 ## 快速开始
 
@@ -31,34 +32,44 @@ subpath 导入只注册它点名的那个组件，页面用到的每个 tag 都
 <web-ui-button variant="primary">点击我</web-ui-button> <web-ui-icon .icon="${lucidePlus}"></web-ui-icon>
 ```
 
-## scrollbar
+## Icons
 
-`@greypan/web-ui/scrollbars` 承载全仓统一的 [OverlayScrollbars](https://github.com/KingSora/OverlayScrollbars)
-scrollbar 行为：对齐 macOS 的主题、滚动时出现并自动隐去、点击 track 滚动到该位置。样式表每份文档导入一次，
-option 传给所用的适配包。
+`@greypan/web-ui/icons` 导出组件所用图标的 [Iconify](https://iconify.design/) 数据对象，消费方不需要
+额外的图标包或网络请求。命名是 camelCase 的 `<set><Name>`：`lucideSearch` 对应 `lucide:search`。
 
 ```js
-import '@greypan/web-ui/scrollbars.css'
-import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'
-import { OverlayScrollbarsComponent } from 'overlayscrollbars-vue' // 或 overlayscrollbars-react
+import { lucideSearch } from '@greypan/web-ui/icons'
+```
 
-<OverlayScrollbarsComponent :options="webUiScrollbarsOptions">{children}</OverlayScrollbarsComponent>
+```html
+<web-ui-icon .icon="${lucideSearch}"></web-ui-icon>
 ```
 
-- `overlayscrollbars` 是可选 peer dependency，只有这个 subpath 需要它。样式表里已经包含库自己的结构样式，
-  它替代 `import 'overlayscrollbars/overlayscrollbars.css'`。
-- 容器自己的 `overflow` 声明（`overflow-y-auto` 等）要保留：OverlayScrollbars 接管后会覆盖它，但接管之前
-  靠它维持可滚动。
-- 目标必须是「纯粹的滚动容器」。OverlayScrollbars 会把宿主变成 flex 行、把子节点搬进它生成的 viewport，
-  所以宿主自身的布局一旦承重（grid、居中盒子、`ul`/`ol`）就会坏。
-- OverlayScrollbars 只改变它被初始化到的那个元素，子元素保持原生 scrollbar。要覆盖文档 scrollbar 就初始化
-  `document.body`——在那里 `window.scrollY` / `window.scrollTo` 保持原生语义。
-- 自带滚动容器的组件（`select`、`autocomplete`、dropdown / context-menu panel、`dialog`、`drawer`、
-  `toast`）在各自的 shadow root 内给**组件内部**scrollbar 上主题。OverlayScrollbars 进不了 shadow
-  root——它的结构样式与主题类都是文档级选择器——所以组件改为在原生 scrollbar 上读同一组继承的
-  `--wui-scrollbar-*` 颜色（`scrollbar-color` / `scrollbar-width`），并刻意不用 `::-webkit-scrollbar`：
-  声明它会让引擎放弃平台的覆盖式 scrollbar、固定占一条布局宽度，而组件内部 scrollbar 正是不能占宽度。
-  导入本样式表，组件内部 scrollbar 才会跟随外观，与整页 scrollbar 同一机制。
+`web-ui-icon` 通过 `icon` property（不是 attribute）接收 Iconify 对象，任何 Iconify 数据对象都可用，
+包括内置的或自己的。内置列表由 `icons.used.json` 生成；新增条目后运行
+`pnpm --filter @greypan/web-ui generate-icons` 即可扩展。
+
+## scrollbar
+
+滚动条使用原生 CSS。`web-ui-theme` 把 thumb 颜色暴露为 `--wui-scrollbar-handle`；自带滚动容器的组件
+（`select`、`autocomplete`、dropdown / context-menu panel、`dialog`、`drawer`、`toast`）在各自的
+shadow root 内通过 `scrollbar-color` 与 `scrollbar-width` 读取它。不需要 scrollbar 库，也不需要额外
+导入样式表。
+
+要让文档级滚动条也使用同一主题，在 `html` 上读同一个 token——最外层主题会把它镜像到 `documentElement`：
+
+```css
+html {
+  scrollbar-color: var(--wui-scrollbar-handle) transparent;
+  scrollbar-width: thin;
+}
+```
+
+- 上面这条规则作用于文档级滚动容器；组件内部的滚动容器在 shadow root 里用同一个 token 声明自己的
+  `scrollbar-color`，两处因此保持同色。
+- 原生 scrollbar 没有 hover / active 状态，token 只控制静止态的 thumb 颜色。
+- 刻意不用 `::-webkit-scrollbar`：声明它会让引擎放弃平台的覆盖式 scrollbar、固定占一条布局宽度，
+  而这些 scrollbar 不能占宽度。
 
 ## Classes
 
@@ -269,9 +280,9 @@ keyed `v-for` 列表做中段 splice 或重排不受支持——Vue 的 keyed ch
 进行，或只做尾部追加/删除。
 
 ```ts
+import unpluginWebComponents from '@greypan/unplugin-web-components/vite'
 // vite.config.ts
 import vue from '@vitejs/plugin-vue'
-import unpluginWebComponents from '@greypan/unplugin-web-components/vite'
 
 export default {
   plugins: [
@@ -367,46 +378,46 @@ dropdown、tooltip）不需要它。
 
 ## 所有组件
 
-每个组件都有自己的文档页，API 参考、行为说明和可交互示例都在 [`docs/`](./docs/) 下。下面的表只是索引。
-
-| 分类                  | 组件                                                           |
-| --------------------- | -------------------------------------------------------------- |
-| **表单控件**          | [`<web-ui-input>`](./docs/input.CN.md)                         |
-|                       | [`<web-ui-textarea>`](./docs/textarea.CN.md)                   |
-|                       | [`<web-ui-editable-text>`](./docs/editable-text.CN.md)         |
-|                       | [`<web-ui-input-number>`](./docs/input-number.CN.md)           |
-|                       | [`<web-ui-select>`](./docs/select.CN.md)                       |
-|                       | [`<web-ui-autocomplete>`](./docs/autocomplete.CN.md)           |
-|                       | [`<web-ui-slider>`](./docs/slider.CN.md)                       |
-|                       | [`<web-ui-checkbox>`](./docs/checkbox.CN.md)                   |
-|                       | [`<web-ui-radio>`](./docs/radio.CN.md)                         |
-|                       | [`<web-ui-switch>`](./docs/switch.CN.md)                       |
-|                       | [`<web-ui-segmented>`](./docs/segmented.CN.md)                 |
-|                       | [`<web-ui-checkbox-group>`](./docs/checkbox-group.CN.md)       |
-|                       | [`<web-ui-radio-group>`](./docs/radio-group.CN.md)             |
-| **button**            | [`<web-ui-button>`](./docs/button.CN.md)                       |
-|                       | [`<web-ui-button-group>`](./docs/button-group.CN.md)           |
-| **overlay / 模态**    | [`<web-ui-dialog>`](./docs/dialog.CN.md)                       |
-|                       | [`<web-ui-drawer>`](./docs/drawer.CN.md)                       |
-|                       | [`imagePreview()`](./docs/image-preview.CN.md)                 |
-| **文档流 Disclosure** | [`<web-ui-collapse>`](./docs/collapse.CN.md)                   |
-| **浮动**              | [`<web-ui-popover>`](./docs/popover.CN.md)                     |
-|                       | [`<web-ui-tooltip>`](./docs/tooltip.CN.md)                     |
-|                       | [`<web-ui-context-menu>`](./docs/context-menu.CN.md)           |
-| **menu**              | [`<web-ui-dropdown>`](./docs/dropdown.CN.md)                   |
-|                       | [`<web-ui-dropdown-item>`](./docs/dropdown-item.CN.md)         |
-|                       | [`<web-ui-dropdown-divider>`](./docs/dropdown-divider.CN.md)   |
-|                       | [`<web-ui-dropdown-header>`](./docs/dropdown-header.CN.md)     |
-| **数据展示**          | [`<web-ui-avatar>`](./docs/avatar.CN.md)                       |
-|                       | [`<web-ui-badge>`](./docs/badge.CN.md)                         |
-|                       | [`<web-ui-empty>`](./docs/empty.CN.md)                         |
-|                       | [`<web-ui-middle-ellipsis>`](./docs/middle-ellipsis.CN.md)     |
-|                       | [`<web-ui-icon>`](./docs/icon.CN.md)                           |
-|                       | [`<web-ui-spinner>`](./docs/spinner.CN.md)                     |
-| **布局与工具**        | [`<web-ui-layout>`](./docs/layout.CN.md)                       |
-|                       | [`<web-ui-back-top>`](./docs/back-top.CN.md)                   |
-|                       | [`<web-ui-svg-draw-lines>`](./docs/svg-draw-lines.CN.md)       |
-|                       | [`<web-ui-theme>`](./docs/theme.CN.md)                         |
-| **通知**              | [`<web-ui-toast>`](./docs/toast.CN.md)                         |
-| **子项**              | [`<web-ui-option>`](./docs/option.CN.md)                       |
-|                       | [`<web-ui-segmented-trigger>`](./docs/segmented-trigger.CN.md) |
+每个组件都有自己的文档页，API 参考、行为说明和可交互示例都在 [`docs/`](https://github.com/pan-Z2l0aHVi/mono/tree/main/packages/web-ui/docs) 下。下面的表只是索引。
+
+| 分类                  | 组件                                                                                                                        |
+| --------------------- | --------------------------------------------------------------------------------------------------------------------------- |
+| **表单控件**          | [`<web-ui-input>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/input.CN.md)                         |
+|                       | [`<web-ui-textarea>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/textarea.CN.md)                   |
+|                       | [`<web-ui-editable-text>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/editable-text.CN.md)         |
+|                       | [`<web-ui-input-number>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/input-number.CN.md)           |
+|                       | [`<web-ui-select>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/select.CN.md)                       |
+|                       | [`<web-ui-autocomplete>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/autocomplete.CN.md)           |
+|                       | [`<web-ui-slider>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/slider.CN.md)                       |
+|                       | [`<web-ui-checkbox>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/checkbox.CN.md)                   |
+|                       | [`<web-ui-radio>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/radio.CN.md)                         |
+|                       | [`<web-ui-switch>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/switch.CN.md)                       |
+|                       | [`<web-ui-segmented>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented.CN.md)                 |
+|                       | [`<web-ui-checkbox-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/checkbox-group.CN.md)       |
+|                       | [`<web-ui-radio-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/radio-group.CN.md)             |
+| **button**            | [`<web-ui-button>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/button.CN.md)                       |
+|                       | [`<web-ui-button-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/button-group.CN.md)           |
+| **overlay / 模态**    | [`<web-ui-dialog>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dialog.CN.md)                       |
+|                       | [`<web-ui-drawer>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/drawer.CN.md)                       |
+|                       | [`imagePreview()`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/image-preview.CN.md)                 |
+| **文档流 Disclosure** | [`<web-ui-collapse>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/collapse.CN.md)                   |
+| **浮动**              | [`<web-ui-popover>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/popover.CN.md)                     |
+|                       | [`<web-ui-tooltip>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/tooltip.CN.md)                     |
+|                       | [`<web-ui-context-menu>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/context-menu.CN.md)           |
+| **menu**              | [`<web-ui-dropdown>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown.CN.md)                   |
+|                       | [`<web-ui-dropdown-item>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-item.CN.md)         |
+|                       | [`<web-ui-dropdown-divider>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-divider.CN.md)   |
+|                       | [`<web-ui-dropdown-header>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-header.CN.md)     |
+| **数据展示**          | [`<web-ui-avatar>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/avatar.CN.md)                       |
+|                       | [`<web-ui-badge>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/badge.CN.md)                         |
+|                       | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.CN.md)                         |
+|                       | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.CN.md)     |
+|                       | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.CN.md)                           |
+|                       | [`<web-ui-spinner>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/spinner.CN.md)                     |
+| **布局与工具**        | [`<web-ui-layout>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/layout.CN.md)                       |
+|                       | [`<web-ui-back-top>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/back-top.CN.md)                   |
+|                       | [`<web-ui-svg-draw-lines>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/svg-draw-lines.CN.md)       |
+|                       | [`<web-ui-theme>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/theme.CN.md)                         |
+| **通知**              | [`<web-ui-toast>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/toast.CN.md)                         |
+| **子项**              | [`<web-ui-option>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/option.CN.md)                       |
+|                       | [`<web-ui-segmented-trigger>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented-trigger.CN.md) |

package/README.md

@@ -2,7 +2,7 @@
 
 > Lit-based web components for React, Vue, and vanilla JS
 
-English | [简体中文](./README.CN.md)
+English | [简体中文](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/README.CN.md)
 
 ## Demo
 
@@ -16,7 +16,8 @@ English | [简体中文](./README.CN.md)
 npm install @greypan/web-ui
 ```
 
-Requires `lit` as a dependency.
+`lit` is a required peer dependency; `vue >= 3.5` and `@types/react >= 19` are optional peers used
+only by their framework type adapters.
 
 ## Quick Start
 
@@ -31,38 +32,46 @@ A subpath import registers only the component it names, so import every tag the
 <web-ui-button variant="primary">Click me</web-ui-button> <web-ui-icon .icon="${lucidePlus}"></web-ui-icon>
 ```
 
-## Scrollbars
+## Icons
 
-`@greypan/web-ui/scrollbars` carries the repo-wide scrollbar behavior for [OverlayScrollbars](https://github.com/KingSora/OverlayScrollbars)
-hosts: a macOS-aligned theme, auto-hide that reveals the bar while scrolling, and clicking the track scrolling to that spot.
-Import the stylesheet once per document and pass the options to whichever adapter you initialize with.
+`@greypan/web-ui/icons` exports bundled [Iconify](https://iconify.design/) data objects for the icons the
+components use, so consumers do not need an icon package or a network request. Names are
+`<set><Name>` in camelCase: `lucideSearch` is `lucide:search`.
 
 ```js
-import '@greypan/web-ui/scrollbars.css'
-import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'
-import { OverlayScrollbarsComponent } from 'overlayscrollbars-react' // or overlayscrollbars-vue
+import { lucideSearch } from '@greypan/web-ui/icons'
+```
 
-;<OverlayScrollbarsComponent options={webUiScrollbarsOptions}>{children}</OverlayScrollbarsComponent>
+```html
+<web-ui-icon .icon="${lucideSearch}"></web-ui-icon>
 ```
 
-- `overlayscrollbars` is an optional peer dependency and is only needed by this subpath. The stylesheet already
-  contains the library's structural styles, so it replaces `import 'overlayscrollbars/overlayscrollbars.css'`.
-- Keep the container's own `overflow` declaration (`overflow-y-auto`, …). OverlayScrollbars overrides it once it
-  takes over, but it is what keeps the container scrollable until then.
-- The target must be a plain scroll container. OverlayScrollbars turns the host into a flex row and moves its
-  children into a generated viewport, so a host whose own layout carries meaning — a grid, a centred box, a `ul`/`ol`
-  — loses it.
-- OverlayScrollbars only changes the element it is initialized on; children keep their native scrollbars. To cover
-  the document scroller, initialize `document.body` — `window.scrollY` / `window.scrollTo` keep their native
-  semantics there.
-- Components that own a scroll container (`select`, `autocomplete`, the dropdown / context-menu panels,
-  `dialog`, `drawer`, `toast`) theme that container's **internal** scrollbar inside their own shadow root.
-  OverlayScrollbars cannot reach a shadow root — its structural styles and theme classes are document-level
-  selectors — so the components read the same inherited `--wui-scrollbar-*` colours through `scrollbar-color`
-  / `scrollbar-width` on the native scrollbar instead. `::-webkit-scrollbar` is deliberately not used: styling
-  it opts out of the platform's overlay scrollbar and reserves a layout gutter, which these scrollbars must
-  not do. Import this stylesheet for the internal scrollbars to follow the appearance, just like the
-  page-level ones.
+`web-ui-icon` receives the Iconify object through the `icon` property, not an attribute, and any Iconify
+data object works — bundled or your own. The bundled list is generated from `icons.used.json`; add an
+entry and run `pnpm --filter @greypan/web-ui generate-icons` to extend it.
+
+## Scrollbars
+
+Scrollbars are native CSS. `web-ui-theme` exposes the thumb colour as `--wui-scrollbar-handle`, and components
+that own a scroll container (`select`, `autocomplete`, the dropdown / context-menu panels, `dialog`, `drawer`,
+`toast`) read it through `scrollbar-color` and `scrollbar-width` inside their shadow roots. No scrollbar library
+or extra stylesheet is required.
+
+To theme the document scroll container as well, read the same token on `html` — the outermost theme mirrors it to
+`documentElement`:
+
+```css
+html {
+  scrollbar-color: var(--wui-scrollbar-handle) transparent;
+  scrollbar-width: thin;
+}
+```
+
+- The rule above themes the document scroll container. Component scroll containers set their own
+  `scrollbar-color` from the same token inside their shadow roots, so both stay in sync.
+- Native scrollbars expose no hover or active states; the token only controls the resting thumb colour.
+- `::-webkit-scrollbar` is deliberately not used. Declaring it opts out of the platform's overlay scrollbar and
+  reserves a layout gutter, which these scrollbars must not do.
 
 ## Classes
 
@@ -301,9 +310,9 @@ lost, regardless of compilation path (compiled templates included). Apply such l
 is closed, or keep to appends/removals at the list tail.
 
 ```ts
+import unpluginWebComponents from '@greypan/unplugin-web-components/vite'
 // vite.config.ts
 import vue from '@vitejs/plugin-vue'
-import unpluginWebComponents from '@greypan/unplugin-web-components/vite'
 
 export default {
   plugins: [
@@ -408,46 +417,46 @@ All form controls participate in native `FormData`, constraint validation, `form
 
 ## All Components
 
-Every component has its own doc page: API reference, behavior notes and interactive examples all live under [`docs/`](./docs/). The table below is just the index.
-
-| Category               | Component                                                   |
-| ---------------------- | ----------------------------------------------------------- |
-| **Form Controls**      | [`<web-ui-input>`](./docs/input.md)                         |
-|                        | [`<web-ui-textarea>`](./docs/textarea.md)                   |
-|                        | [`<web-ui-editable-text>`](./docs/editable-text.md)         |
-|                        | [`<web-ui-input-number>`](./docs/input-number.md)           |
-|                        | [`<web-ui-select>`](./docs/select.md)                       |
-|                        | [`<web-ui-autocomplete>`](./docs/autocomplete.md)           |
-|                        | [`<web-ui-slider>`](./docs/slider.md)                       |
-|                        | [`<web-ui-checkbox>`](./docs/checkbox.md)                   |
-|                        | [`<web-ui-radio>`](./docs/radio.md)                         |
-|                        | [`<web-ui-switch>`](./docs/switch.md)                       |
-|                        | [`<web-ui-segmented>`](./docs/segmented.md)                 |
-|                        | [`<web-ui-checkbox-group>`](./docs/checkbox-group.md)       |
-|                        | [`<web-ui-radio-group>`](./docs/radio-group.md)             |
-| **Buttons**            | [`<web-ui-button>`](./docs/button.md)                       |
-|                        | [`<web-ui-button-group>`](./docs/button-group.md)           |
-| **Overlay / Modal**    | [`<web-ui-dialog>`](./docs/dialog.md)                       |
-|                        | [`<web-ui-drawer>`](./docs/drawer.md)                       |
-|                        | [`imagePreview()`](./docs/image-preview.md)                 |
-| **In-flow Disclosure** | [`<web-ui-collapse>`](./docs/collapse.md)                   |
-| **Floating**           | [`<web-ui-popover>`](./docs/popover.md)                     |
-|                        | [`<web-ui-tooltip>`](./docs/tooltip.md)                     |
-|                        | [`<web-ui-context-menu>`](./docs/context-menu.md)           |
-| **Menu**               | [`<web-ui-dropdown>`](./docs/dropdown.md)                   |
-|                        | [`<web-ui-dropdown-item>`](./docs/dropdown-item.md)         |
-|                        | [`<web-ui-dropdown-divider>`](./docs/dropdown-divider.md)   |
-|                        | [`<web-ui-dropdown-header>`](./docs/dropdown-header.md)     |
-| **Data Display**       | [`<web-ui-avatar>`](./docs/avatar.md)                       |
-|                        | [`<web-ui-badge>`](./docs/badge.md)                         |
-|                        | [`<web-ui-empty>`](./docs/empty.md)                         |
-|                        | [`<web-ui-middle-ellipsis>`](./docs/middle-ellipsis.md)     |
-|                        | [`<web-ui-icon>`](./docs/icon.md)                           |
-|                        | [`<web-ui-spinner>`](./docs/spinner.md)                     |
-| **Layout & Utility**   | [`<web-ui-layout>`](./docs/layout.md)                       |
-|                        | [`<web-ui-back-top>`](./docs/back-top.md)                   |
-|                        | [`<web-ui-svg-draw-lines>`](./docs/svg-draw-lines.md)       |
-|                        | [`<web-ui-theme>`](./docs/theme.md)                         |
-| **Notification**       | [`<web-ui-toast>`](./docs/toast.md)                         |
-| **Sub-items**          | [`<web-ui-option>`](./docs/option.md)                       |
-|                        | [`<web-ui-segmented-trigger>`](./docs/segmented-trigger.md) |
+Every component has its own doc page: API reference, behavior notes and interactive examples all live under [`docs/`](https://github.com/pan-Z2l0aHVi/mono/tree/main/packages/web-ui/docs). The table below is just the index.
+
+| Category               | Component                                                                                                                |
+| ---------------------- | ------------------------------------------------------------------------------------------------------------------------ |
+| **Form Controls**      | [`<web-ui-input>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/input.md)                         |
+|                        | [`<web-ui-textarea>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/textarea.md)                   |
+|                        | [`<web-ui-editable-text>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/editable-text.md)         |
+|                        | [`<web-ui-input-number>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/input-number.md)           |
+|                        | [`<web-ui-select>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/select.md)                       |
+|                        | [`<web-ui-autocomplete>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/autocomplete.md)           |
+|                        | [`<web-ui-slider>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/slider.md)                       |
+|                        | [`<web-ui-checkbox>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/checkbox.md)                   |
+|                        | [`<web-ui-radio>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/radio.md)                         |
+|                        | [`<web-ui-switch>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/switch.md)                       |
+|                        | [`<web-ui-segmented>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented.md)                 |
+|                        | [`<web-ui-checkbox-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/checkbox-group.md)       |
+|                        | [`<web-ui-radio-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/radio-group.md)             |
+| **Buttons**            | [`<web-ui-button>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/button.md)                       |
+|                        | [`<web-ui-button-group>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/button-group.md)           |
+| **Overlay / Modal**    | [`<web-ui-dialog>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dialog.md)                       |
+|                        | [`<web-ui-drawer>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/drawer.md)                       |
+|                        | [`imagePreview()`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/image-preview.md)                 |
+| **In-flow Disclosure** | [`<web-ui-collapse>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/collapse.md)                   |
+| **Floating**           | [`<web-ui-popover>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/popover.md)                     |
+|                        | [`<web-ui-tooltip>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/tooltip.md)                     |
+|                        | [`<web-ui-context-menu>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/context-menu.md)           |
+| **Menu**               | [`<web-ui-dropdown>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown.md)                   |
+|                        | [`<web-ui-dropdown-item>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-item.md)         |
+|                        | [`<web-ui-dropdown-divider>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-divider.md)   |
+|                        | [`<web-ui-dropdown-header>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/dropdown-header.md)     |
+| **Data Display**       | [`<web-ui-avatar>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/avatar.md)                       |
+|                        | [`<web-ui-badge>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/badge.md)                         |
+|                        | [`<web-ui-empty>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/empty.md)                         |
+|                        | [`<web-ui-middle-ellipsis>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/middle-ellipsis.md)     |
+|                        | [`<web-ui-icon>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/icon.md)                           |
+|                        | [`<web-ui-spinner>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/spinner.md)                     |
+| **Layout & Utility**   | [`<web-ui-layout>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/layout.md)                       |
+|                        | [`<web-ui-back-top>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/back-top.md)                   |
+|                        | [`<web-ui-svg-draw-lines>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/svg-draw-lines.md)       |
+|                        | [`<web-ui-theme>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/theme.md)                         |
+| **Notification**       | [`<web-ui-toast>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/toast.md)                         |
+| **Sub-items**          | [`<web-ui-option>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/option.md)                       |
+|                        | [`<web-ui-segmented-trigger>`](https://github.com/pan-Z2l0aHVi/mono/blob/main/packages/web-ui/docs/segmented-trigger.md) |

package/dist/_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js

@@ -0,0 +1,8 @@
+// \0@oxc-project+runtime@0.155.0/helpers/esm/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+export { __decorate as default };

package/dist/assets/menu-portal.js

@@ -1,6 +1,5 @@
-//#region src/assets/menu-portal.css?inline
-var e = ".wui-menu-portal-overlay.wui-floating-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.24s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.16s);--wui-glass-corner-radius:var(--wui-radius-menu,18px);--wui-color-glass-ring:transparent;-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);border-radius:var(--wui-radius-menu,18px);max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#fafafac2);position:fixed;overflow:hidden}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-scroll{max-height:80vh;overflow-y:auto}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-content{padding:var(--wui-space-1,4px)}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay .wui-menu-scroll{max-height:320px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay[data-level]:not([data-level=\"0\"]),.wui-menu-portal-overlay.wui-floating-panel.context-submenu{z-index:var(--wui-layer-menu-nested,110)}";
-//#endregion
-export { e as default };
+// src/assets/menu-portal.css?inline
+var menu_portal_default = ".wui-menu-portal-overlay.wui-floating-panel{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-internal-duration-float-enter:var(--wui-duration-float-enter,.24s);--wui-internal-duration-float-exit:var(--wui-duration-float-exit,.16s);--wui-glass-corner-radius:var(--wui-radius-menu,18px);--wui-color-glass-ring:transparent;-webkit-user-select:none;user-select:none;z-index:var(--wui-layer-menu,100);box-sizing:border-box;min-width:var(--wui-overlay-min-width,200px);border-radius:var(--wui-radius-menu,18px);max-width:90vw;max-height:80vh;color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-menu,#fafafac2);position:fixed;overflow:hidden}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-scroll{max-height:80vh;overflow-y:auto}.wui-menu-portal-overlay.wui-floating-panel .wui-menu-content{padding:var(--wui-space-1,4px)}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay .wui-menu-scroll{max-height:320px}.wui-menu-portal-overlay.wui-floating-panel.dropdown-overlay[data-level]:not([data-level=\"0\"]){z-index:var(--wui-layer-menu-nested,110)}.wui-menu-portal-overlay.wui-floating-panel.context-submenu{z-index:var(--wui-layer-menu-nested,110)}\n";
+export { menu_portal_default as default };
 
 //# sourceMappingURL=menu-portal.js.map

package/dist/assets/menu-portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* menu panel：wui-glass 玻璃（背景/描边/阴影）由 panel 自身承担，随 panel opacity 与\n   backdrop-filter 插值一起过渡（单层玻璃，见 overlay-motion.css）。\n   选择器用 .wui-menu-portal-overlay.wui-floating-panel（0,2,0）压制 .wui-glass\n   （0,1,0）：panel 无自有 shadow root，直接挂在宿主 shadow（overlay root 的 \\3c style>\n   或 dialog 的 adopted stylesheets）里，若只用单类选择器，dialog 场景下宿主 adopted\n   stylesheets 的 .wui-glass 会在层叠中晚于 panel 内联 \\3c style> 而胜出（position:relative\n   顶掉 fixed、背景/阴影变量回弱默认）。 */\n.wui-menu-portal-overlay.wui-floating-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 240ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 160ms);\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  /* menu 族 panel 把环底色转 transparent。底色是环里唯一覆盖长边中段的一层（见 glass.css\n     的说明），而 menu panel 宽远大于角半径 18px——按几何它只负责很短的一段，读出来却像\n     一条比四角更重的直边描边，边界感比四角强。转 transparent 后环只剩四段角弧，\n     斜向受光/背光光影（sheen + shade 的两枚对角 radial）完整保留，边界改由这两层\n     承担。handle 类玻璃面（switch/slider/segmented thumb）只在按压/拖拽态做同样处理：\n     它们的短边半径就是 thumb 尺寸的一半，长边长不过 3R，底色几乎不覆盖任何中段，\n     去掉它只去掉一层均匀灰 tint，不改变环的可见形状。 */\n  --wui-color-glass-ring: transparent;\n  user-select: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: 90vw;\n  max-height: 80vh;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：panel 自身 overflow:hidden 不裁自身的 box-shadow（box-shadow 不受\n     元素自身 overflow 影响）。 */\n  background-color: var(--wui-color-surface-menu, rgb(250 250 250 / 0.76));\n\n  & .wui-menu-scroll {\n    overflow-y: auto;\n    max-height: 80vh;\n  }\n\n  & .wui-menu-content {\n    padding: var(--wui-space-1, 4px);\n  }\n\n  &.dropdown-overlay {\n    & .wui-menu-scroll {\n      max-height: 320px;\n    }\n\n    &[data-level]:not([data-level='0']) {\n      z-index: var(--wui-layer-menu-nested, 110);\n    }\n  }\n\n  &.context-submenu {\n    z-index: var(--wui-layer-menu-nested, 110);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../src/assets/menu-portal.css?inline"],"sourcesContent":["/* menu panel：wui-glass 玻璃（背景/描边/阴影）由 panel 自身承担，随 panel opacity 与\n   backdrop-filter 插值一起过渡（单层玻璃，见 overlay-motion.css）。\n   选择器用 .wui-menu-portal-overlay.wui-floating-panel（0,2,0）压制 .wui-glass\n   （0,1,0）：panel 无自有 shadow root，直接挂在宿主 shadow（overlay root 的 \\3c style>\n   或 dialog 的 adopted stylesheets）里，若只用单类选择器，dialog 场景下宿主 adopted\n   stylesheets 的 .wui-glass 会在层叠中晚于 panel 内联 \\3c style> 而胜出（position:relative\n   顶掉 fixed、背景/阴影变量回弱默认）。 */\n.wui-menu-portal-overlay.wui-floating-panel {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-internal-duration-float-enter: var(--wui-duration-float-enter, 240ms);\n  --wui-internal-duration-float-exit: var(--wui-duration-float-exit, 160ms);\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n\n  /* menu 族 panel 把环底色转 transparent。底色是环里唯一覆盖长边中段的一层（见 glass.css\n     的说明），而 menu panel 宽远大于角半径 18px——按几何它只负责很短的一段，读出来却像\n     一条比四角更重的直边描边，边界感比四角强。转 transparent 后环只剩四段角弧，\n     斜向受光/背光光影（sheen + shade 的两枚对角 radial）完整保留，边界改由这两层\n     承担。handle 类玻璃面（switch/slider/segmented thumb）只在按压/拖拽态做同样处理：\n     它们的短边半径就是 thumb 尺寸的一半，长边长不过 3R，底色几乎不覆盖任何中段，\n     去掉它只去掉一层均匀灰 tint，不改变环的可见形状。 */\n  --wui-color-glass-ring: transparent;\n  user-select: none;\n\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n\n  overflow: hidden;\n\n  box-sizing: border-box;\n  min-width: var(--wui-overlay-min-width, 200px);\n  max-width: 90vw;\n  max-height: 80vh;\n  border-radius: var(--wui-radius-menu, 18px);\n\n  color: var(--wui-color-text, #1b1b1b);\n\n  /* 玻璃背景：panel 自身 overflow:hidden 不裁自身的 box-shadow（box-shadow 不受\n     元素自身 overflow 影响）。 */\n  background-color: var(--wui-color-surface-menu, rgb(250 250 250 / 0.76));\n\n  & .wui-menu-scroll {\n    overflow-y: auto;\n    max-height: 80vh;\n  }\n\n  & .wui-menu-content {\n    padding: var(--wui-space-1, 4px);\n  }\n\n  &.dropdown-overlay {\n    & .wui-menu-scroll {\n      max-height: 320px;\n    }\n\n    &[data-level]:not([data-level='0']) {\n      z-index: var(--wui-layer-menu-nested, 110);\n    }\n  }\n\n  &.context-submenu {\n    z-index: var(--wui-layer-menu-nested, 110);\n  }\n}\n"],"mappings":";AAOA,IAAA,sBAAA"}

package/dist/assets/modal-surface.js

@@ -1,6 +1,5 @@
-//#region src/assets/modal-surface.css?inline
-var e = "dialog:focus,dialog:focus-visible,dialog :where(.desc,.wui-dialog-content,.wui-drawer-content):focus-visible{outline:none}";
-//#endregion
-export { e as default };
+// src/assets/modal-surface.css?inline
+var modal_surface_default = "dialog:focus,dialog:focus-visible,dialog :where(.desc,.wui-dialog-content,.wui-drawer-content):focus-visible{outline:none}\n";
+export { modal_surface_default as default };
 
 //# sourceMappingURL=modal-surface.js.map

package/dist/assets/modal-surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-surface.js","names":[],"sources":["../../src/assets/modal-surface.css?inline"],"sourcesContent":["/*\n * 模态表面（dialog / drawer / image-preview 的 <dialog> panel）的焦点环策略，集中一处。\n *\n * 1. `<dialog>` 壳不是可聚焦控件：panel 里没有更优候选时，`showModal()` 会把焦点交给\n *    dialog 本身，UA 会为它画一枚默认 ring。它是模态表面，内部控件各自保留 focus ring。\n *\n * 2. panel 的滚动区（`.desc` / `.wui-dialog-content` / `.wui-drawer-content`）同样不是\n *    可聚焦控件。Chromium 会把「可滚动的滚动容器」变成键盘可聚焦项\n *    （keyboard-focusable scrollers），于是 dialog 的 focusing steps 会选中 panel 滚动区，\n *    UA 为它画一枚默认蓝环（`outline: auto` + `-webkit-focus-ring-color`）。这一枚环\n *    与库的统一 ring（`outline: var(--wui-focus-ring-width) solid var(--wui-color-focus-ring)`）\n *    形态/颜色都不一致，是「dialog / drawer 打开后卡片上多出一圈蓝框」的来源：滚动区若是\n *    铺满卡片的（body 模式）且卡片自带 `overflow: hidden` + 圆角，这枚直角的 UA 环会被\n *    卡片裁成圆角矩形，看起来正贴着卡片外缘。\n *\n * 逐组件各抄一份正是「新增一个基于 `<dialog>` 的组件就漏掉抑制规则」的成因；新组件把本\n * 文件加进 `static styles` 即可。文档级 scrim（context-menu）不在这条链上——它自己注入\n * 样式表，按同样策略在 `scrim.css` 里就地收口。\n */\ndialog:focus,\ndialog:focus-visible,\ndialog :where(.desc, .wui-dialog-content, .wui-drawer-content):focus-visible {\n  outline: none;\n}\n"],"mappings":""}
+{"version":3,"file":"modal-surface.js","names":[],"sources":["../../src/assets/modal-surface.css?inline"],"sourcesContent":["/*\n * 模态表面（dialog / drawer / image-preview 的 <dialog> panel）的焦点环策略，集中一处。\n *\n * 1. `<dialog>` 壳不是可聚焦控件：panel 里没有更优候选时，`showModal()` 会把焦点交给\n *    dialog 本身，UA 会为它画一枚默认 ring。它是模态表面，内部控件各自保留 focus ring。\n *\n * 2. panel 的滚动区（`.desc` / `.wui-dialog-content` / `.wui-drawer-content`）同样不是\n *    可聚焦控件。Chromium 会把「可滚动的滚动容器」变成键盘可聚焦项\n *    （keyboard-focusable scrollers），于是 dialog 的 focusing steps 会选中 panel 滚动区，\n *    UA 为它画一枚默认蓝环（`outline: auto` + `-webkit-focus-ring-color`）。这一枚环\n *    与库的统一 ring（`outline: var(--wui-focus-ring-width) solid var(--wui-color-focus-ring)`）\n *    形态/颜色都不一致，是「dialog / drawer 打开后卡片上多出一圈蓝框」的来源：滚动区若是\n *    铺满卡片的（body 模式）且卡片自带 `overflow: hidden` + 圆角，这枚直角的 UA 环会被\n *    卡片裁成圆角矩形，看起来正贴着卡片外缘。\n *\n * 逐组件各抄一份正是「新增一个基于 `<dialog>` 的组件就漏掉抑制规则」的成因；新组件把本\n * 文件加进 `static styles` 即可。文档级 scrim（context-menu）不在这条链上——它自己注入\n * 样式表，按同样策略在 `scrim.css` 里就地收口。\n */\ndialog:focus,\ndialog:focus-visible,\ndialog :where(.desc, .wui-dialog-content, .wui-drawer-content):focus-visible {\n  outline: none;\n}\n"],"mappings":";AAmBA,IAAA,wBAAA"}

package/dist/assets/overlay-motion.js

@@ -1,6 +1,5 @@
-//#region src/assets/overlay-motion.css?inline
-var e = ".wui-floating-panel{transform-origin:var(--wui-internal-overlay-transform-origin,center);opacity:1;-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));transition:opacity var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), -webkit-backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), transform var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1));transform:scale(1)}.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transform:scale(var(--wui-scale-enter,.9));opacity:0;-webkit-backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06))}.wui-floating-panel[data-wui-presence=closing]{pointer-events:none;transition-duration:var(--wui-internal-duration-float-exit,var(--wui-duration-float-exit,.16s))}@media (prefers-reduced-motion:reduce){.wui-floating-panel,.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transition-duration:.12s;transform:none}}";
-//#endregion
-export { e as default };
+// src/assets/overlay-motion.css?inline
+var overlay_motion_default = ".wui-floating-panel{transform-origin:var(--wui-internal-overlay-transform-origin,center);opacity:1;-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));transition:opacity var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), -webkit-backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), backdrop-filter var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1)), transform var(--wui-internal-duration-float-enter,var(--wui-duration-float-enter,.24s)) var(--wui-ease-float,cubic-bezier(.4, .38, .2, 1));transform:scale(1)}.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transform:scale(var(--wui-scale-enter,.9));opacity:0;-webkit-backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06))}.wui-floating-panel[data-wui-presence=closing]{pointer-events:none;transition-duration:var(--wui-internal-duration-float-exit,var(--wui-duration-float-exit,.16s))}@media (prefers-reduced-motion:reduce){.wui-floating-panel,.wui-floating-panel[data-wui-presence=entering],.wui-floating-panel[data-wui-presence=closing]{transition-duration:.12s;transform:none}}\n";
+export { overlay_motion_default as default };
 
 //# sourceMappingURL=overlay-motion.js.map

package/dist/assets/overlay-motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-motion.js","names":[],"sources":["../../src/assets/overlay-motion.css?inline"],"sourcesContent":["/*\n * overlay panel 共享动效（单层玻璃）。\n *\n * backdrop-filter 的 blur(0px) ↔ blur(4px) 在 Chrome/Safari 均平滑插值（Manager\n * 双引擎实测，Safari 逐帧采样 blur 值连续），当年「生硬跳变」的根因是 none↔blur\n * 不可插值，而不是 backdrop-filter 不可动画。因此 panel 自身直接承担玻璃：背景、\n * 阴影与 backdrop-filter 都在 panel 元素上（wui-glass 类也回 panel），打开/关闭时\n * opacity 与 backdrop-filter 同步过渡，无需双层结构——双层带来的全部层间问题\n * （变白、关闭残影、双重模糊、阴影作用域承接）一并消失。\n */\n\n.wui-floating-panel {\n  transform-origin: var(--wui-internal-overlay-transform-origin, center);\n  transform: scale(1);\n\n  opacity: 1;\n\n  /* 玻璃由 panel 自身承担（wui-glass 提供背景/描边/阴影）。打开目标态 blur(4px)，\n     entering/closing 切到 blur(0px) 作为插值起点——blur(0px) 与 blur(4px) 平滑过渡\n     （none↔blur 不可插值才是当年生硬跳变的根因）。 */\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n\n  /* transition 列表需手写 -webkit-backdrop-filter：lightningcss 不会在 transition\n   value 内追加 -webkit 项，iOS 16.4 上 blur 过渡依赖它（属性前缀会自动生成）。\n   缓动取 --wui-ease-float：--wui-ease-enter 会在开局就冲到 85% 进度，锚定 panel 的展开\n   需要可读的过程。 */\n  transition:\n    opacity var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    -webkit-backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    transform var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1));\n}\n\n.wui-floating-panel[data-wui-presence='entering'],\n.wui-floating-panel[data-wui-presence='closing'] {\n  transform: scale(var(--wui-scale-enter, 0.9));\n  opacity: 0;\n  backdrop-filter: blur(0) saturate(var(--wui-glass-saturation, 160%)) brightness(var(--wui-glass-brightness, 1.06));\n}\n\n.wui-floating-panel[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition-duration: var(--wui-internal-duration-float-exit, var(--wui-duration-float-exit, 160ms));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-floating-panel,\n  .wui-floating-panel[data-wui-presence='entering'],\n  .wui-floating-panel[data-wui-presence='closing'] {\n    transform: none;\n    transition-duration: 120ms;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"overlay-motion.js","names":[],"sources":["../../src/assets/overlay-motion.css?inline"],"sourcesContent":["/*\n * overlay panel 共享动效（单层玻璃）。\n *\n * backdrop-filter 的 blur(0px) ↔ blur(4px) 在 Chrome/Safari 均平滑插值（Manager\n * 双引擎实测，Safari 逐帧采样 blur 值连续），「生硬跳变」的根因是 none↔blur\n * 不可插值，而不是 backdrop-filter 不可动画。因此 panel 自身直接承担玻璃：背景、\n * 阴影与 backdrop-filter 都在 panel 元素上（wui-glass 类也回 panel），打开/关闭时\n * opacity 与 backdrop-filter 同步过渡，无需双层结构——双层带来的全部层间问题\n * （变白、关闭残影、双重模糊、阴影作用域承接）一并消失。\n */\n\n.wui-floating-panel {\n  transform-origin: var(--wui-internal-overlay-transform-origin, center);\n  transform: scale(1);\n\n  opacity: 1;\n\n  /* 玻璃由 panel 自身承担（wui-glass 提供背景/描边/阴影）。打开目标态 blur(4px)，\n     entering/closing 切到 blur(0px) 作为插值起点——blur(0px) 与 blur(4px) 平滑过渡\n     （none↔blur 不可插值才是生硬跳变的根因）。 */\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n\n  /* transition 列表需手写 -webkit-backdrop-filter：lightningcss 不会在 transition\n   value 内追加 -webkit 项，iOS 16.4 上 blur 过渡依赖它（属性前缀会自动生成）。\n   缓动取 --wui-ease-float：--wui-ease-enter 会在开局就冲到 85% 进度，锚定 panel 的展开\n   需要可读的过程。 */\n  transition:\n    opacity var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    -webkit-backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    backdrop-filter var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1)),\n    transform var(--wui-internal-duration-float-enter, var(--wui-duration-float-enter, 240ms))\n      var(--wui-ease-float, cubic-bezier(0.4, 0.38, 0.2, 1));\n}\n\n.wui-floating-panel[data-wui-presence='entering'],\n.wui-floating-panel[data-wui-presence='closing'] {\n  transform: scale(var(--wui-scale-enter, 0.9));\n  opacity: 0;\n  backdrop-filter: blur(0) saturate(var(--wui-glass-saturation, 160%)) brightness(var(--wui-glass-brightness, 1.06));\n}\n\n.wui-floating-panel[data-wui-presence='closing'] {\n  pointer-events: none;\n  transition-duration: var(--wui-internal-duration-float-exit, var(--wui-duration-float-exit, 160ms));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .wui-floating-panel,\n  .wui-floating-panel[data-wui-presence='entering'],\n  .wui-floating-panel[data-wui-presence='closing'] {\n    transform: none;\n    transition-duration: 120ms;\n  }\n}\n"],"mappings":";AAWA,IAAA,yBAAA"}

package/dist/assets/scrollbar.js

@@ -0,0 +1,5 @@
+// src/assets/scrollbar.css?inline
+var scrollbar_default = ".wui-scroll{scrollbar-color:var(--wui-scrollbar-handle,#00000063) transparent;scrollbar-width:thin}\n";
+export { scrollbar_default as default };
+
+//# sourceMappingURL=scrollbar.js.map

package/dist/assets/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.js","names":[],"sources":["../../src/assets/scrollbar.css?inline"],"sourcesContent":["/*\n * 组件内部滚动容器的原生 scrollbar 主题。\n *\n * 结构与几何交给平台，这里只把 thumb 换成 `web-ui-theme` 提供的 `--wui-scrollbar-handle`，\n * 让 shadow 里的滚动条与页面滚动条同色。自定义属性跨 shadow 边界继承，是唯一能穿过去的东西，\n * 所以颜色走 var()，不写死字面量。\n *\n * 刻意**不写 `::-webkit-scrollbar`**：一旦给某条 scrollbar 声明了自定义 webkit 伪元素，引擎就会\n * 放弃平台自带的覆盖式 scrollbar，改用经典 scrollbar 并固定占一条布局宽度。实测（macOS Chromium，\n * 一条 `width: 7px` 的 `::-webkit-scrollbar`）：同尺寸容器的 `offsetWidth - clientWidth` 从 0 变成 7。\n * `scrollbar-color` / `scrollbar-width` 不触发这个切换：覆盖式平台上 scrollbar 保持零宽覆盖，\n * 经典平台上才按它们上色、收窄。\n *\n * 覆盖式平台（macOS、无头 Chromium）上这条规则几乎不可见——原生的覆盖 scrollbar 由系统绘制，\n * 并不看这两个属性；它真正的用处在经典 scrollbar 的平台（Windows / Linux）。\n *\n * `scrollbar-color` 与 `scrollbar-width` 都是**继承属性**，写一次即可作用于容器自身及其后代；\n * 调用方只在组件自己的 shadow 里 adopted 本文件（见各组件的 `static styles`），所以样式天然隔离，\n * 不会漏到文档层。\n */\n.wui-scroll {\n  scrollbar-color: var(--wui-scrollbar-handle, rgb(0 0 0 / 0.39)) transparent;\n  scrollbar-width: thin;\n}\n"],"mappings":";AAoBA,IAAA,oBAAA"}

package/dist/assets/selection-control.js

@@ -1,6 +1,5 @@
-//#region src/assets/selection-control.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{cursor:default;vertical-align:middle;align-items:center;display:inline-flex}:host([disabled]){cursor:not-allowed}:where(.wui-radio,.wui-checkbox){cursor:inherit;-webkit-user-select:none;user-select:none;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);align-items:center;gap:10px;line-height:1;display:inline-flex}:where(.wui-radio,.wui-checkbox):focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:where(.wui-radio.is-label-empty,.wui-checkbox.is-label-empty){gap:0}:host([data-wui-pointer-focus]) :where(.wui-radio,.wui-checkbox):focus-visible{outline-color:#0000}:where(.wui-radio.is-disabled,.wui-checkbox.is-disabled){cursor:not-allowed;color:var(--wui-color-text-secondary,#6a6a6a);opacity:.4}:where(.wui-radio-circle,.wui-checkbox-box){isolation:isolate;width:var(--wui-selection-control-size,18px);height:var(--wui-selection-control-size,18px);background-color:var(--wui-color-surface-control,#dfdfdf);transition:background-color var(--wui-duration-trigger,.16s) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}:where(.wui-radio-circle,.wui-checkbox-box):before{content:\"\";z-index:-1;border-radius:inherit;position:absolute;inset:0}:where(.wui-radio-label,.wui-checkbox-label){pointer-events:none}@media (hover:hover) and (pointer:fine){:where(.wui-radio,.wui-checkbox):hover:not(.is-disabled,.is-checked) :where(.wui-radio-circle,.wui-checkbox-box):before{background-color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 6%, transparent)}}";
-//#endregion
-export { e as default };
+// src/assets/selection-control.css?inline
+var selection_control_default = "*,:before,:after{box-sizing:border-box}:host{cursor:default;vertical-align:middle;align-items:center;display:inline-flex}:host([disabled]){cursor:not-allowed}:where(.wui-radio,.wui-checkbox){cursor:inherit;-webkit-user-select:none;user-select:none;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);align-items:center;gap:10px;line-height:1;display:inline-flex}:where(.wui-radio,.wui-checkbox):focus-visible{border-radius:var(--wui-radius-control,calc(infinity * 1px));outline:var(--wui-focus-ring-width,3px) solid var(--wui-color-focus-ring,color-mix(in srgb, var(--wui-color-accent,#0071e3) 40%, transparent));outline-offset:2px}:where(.wui-radio.is-label-empty,.wui-checkbox.is-label-empty){gap:0}:host([data-wui-pointer-focus]) :where(.wui-radio,.wui-checkbox):focus-visible{outline-color:#0000}:where(.wui-radio.is-disabled,.wui-checkbox.is-disabled){cursor:not-allowed;color:var(--wui-color-text-secondary,#6a6a6a);opacity:.4}:where(.wui-radio-circle,.wui-checkbox-box){isolation:isolate;width:var(--wui-selection-control-size,18px);height:var(--wui-selection-control-size,18px);background-color:var(--wui-color-surface-control,#dfdfdf);transition:background-color var(--wui-duration-trigger,.16s) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}:where(.wui-radio-circle,.wui-checkbox-box):before{content:\"\";z-index:-1;border-radius:inherit;position:absolute;inset:0}:where(.wui-radio-label,.wui-checkbox-label){pointer-events:none}@media (hover:hover) and (pointer:fine){:where(.wui-radio,.wui-checkbox):hover:not(.is-disabled,.is-checked) :where(.wui-radio-circle,.wui-checkbox-box):before{background-color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 6%, transparent)}}\n";
+export { selection_control_default as default };
 
 //# sourceMappingURL=selection-control.js.map

package/dist/assets/selection-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection-control.js","names":[],"sources":["../../src/assets/selection-control.css?inline"],"sourcesContent":["/*\n * radio / checkbox 共享外壳。\n *\n * indicator 只有 18px。宿主一旦走 inline-block，页面行高会在宿主内生成匿名行盒，把盒子撑到\n * 行高（Tailwind preflight 下是 24px），且多出的空隙落在哪一侧取决于内部基线落点，radio 与\n * checkbox 因此一个贴顶一个贴底。改成 inline-flex 后宿主高度由内容决定，行高不再参与，\n * 与相邻文字的对齐交给 vertical-align 显式声明。\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  cursor: default;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n/* :where() 保持零特异性，组件级配置（圆角、选中色、内部图形）始终覆盖共享层。 */\n:where(.wui-radio, .wui-checkbox) {\n  cursor: inherit;\n  user-select: none;\n\n  display: inline-flex;\n  gap: 10px;\n  align-items: center;\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-color-text, #1b1b1b);\n\n  &:focus-visible {\n    border-radius: var(--wui-radius-control, calc(infinity * 1px));\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n/*\n * label 没有可渲染内容时把间距一并收掉。gap 只认「这里有个 flex item」，不认它有没有宽度，所以空槽位\n * 或只挂了一个视觉隐藏的无障碍名时，indicator 右边照样多出这一段；判据见 LabelEmptinessController。\n */\n:where(.wui-radio.is-label-empty, .wui-checkbox.is-label-empty) {\n  gap: 0;\n}\n\n:host([data-wui-pointer-focus]) :where(.wui-radio, .wui-checkbox):focus-visible {\n  outline-color: transparent;\n}\n\n:where(.wui-radio.is-disabled, .wui-checkbox.is-disabled) {\n  cursor: not-allowed;\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  opacity: 0.4;\n}\n\n/*\n * indicator 底色取控件档。surface-raised 在深色下（#2c2c2e）离页面底色（#242628）只有 8 个\n * 亮度点，未选中时几乎看不出有一个圆/方框；surface-control 才是主题里「控件自己的底」\n * 那一档（中性 button 同档），深色比页面高 22 个亮度点，浅色下也从近白的 #f2f2f7 变成可读的 #dfdfdf。\n */\n:where(.wui-radio-circle, .wui-checkbox-box) {\n  isolation: isolate;\n  position: relative;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--wui-selection-control-size, 18px);\n  height: var(--wui-selection-control-size, 18px);\n\n  background-color: var(--wui-color-surface-control, #dfdfdf);\n\n  transition: background-color var(--wui-duration-trigger, 160ms) ease;\n}\n\n/*\n * 状态层走覆盖层，不占用 indicator 自己的 background-color：同一个属性没法一半过渡一半即时，\n * 而这里要的是 hover 当帧切换、选中态的 accent 按 --wui-duration-trigger 淡入淡出。\n * z-index: -1 配父级 isolation 把覆盖层夹在控件底与圆点/勾之间，半径跟着 indicator 走。\n */\n:where(.wui-radio-circle, .wui-checkbox-box)::before {\n  content: '';\n\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n\n  border-radius: inherit;\n}\n\n:where(.wui-radio-label, .wui-checkbox-label) {\n  pointer-events: none;\n}\n\n/*\n * 未激活态的 hover 状态层。用半透明色而不是混进控件底：覆盖层本就压在不透明的控件底上，\n * 合成结果与 color-mix(text 6%, surface-control) 一致，深色档同样成立。\n * label 文字带 pointer-events: none，命中落回交互元素自身，所以整条触发区（含右侧文字）\n * 的 hover 都会作用到 indicator。hover 只在真正的指针设备上生效，避免触屏留态。\n */\n@media (hover: hover) and (pointer: fine) {\n  :where(.wui-radio, .wui-checkbox):hover:not(.is-disabled, .is-checked)\n    :where(.wui-radio-circle, .wui-checkbox-box)::before {\n    background-color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"selection-control.js","names":[],"sources":["../../src/assets/selection-control.css?inline"],"sourcesContent":["/*\n * radio / checkbox 共享外壳。\n *\n * indicator 只有 18px。宿主一旦走 inline-block，页面行高会在宿主内生成匿名行盒，把盒子撑到\n * 行高（Tailwind preflight 下是 24px），且多出的空隙落在哪一侧取决于内部基线落点，radio 与\n * checkbox 因此一个贴顶一个贴底。宿主用 inline-flex 时高度由内容决定，行高不参与，\n * 与相邻文字的对齐交给 vertical-align 显式声明。\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  cursor: default;\n  display: inline-flex;\n  align-items: center;\n  vertical-align: middle;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n}\n\n/* :where() 保持零特异性，组件级配置（圆角、选中色、内部图形）始终覆盖共享层。 */\n:where(.wui-radio, .wui-checkbox) {\n  cursor: inherit;\n  user-select: none;\n\n  display: inline-flex;\n  gap: 10px;\n  align-items: center;\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1;\n  color: var(--wui-color-text, #1b1b1b);\n\n  &:focus-visible {\n    border-radius: var(--wui-radius-control, calc(infinity * 1px));\n    outline: var(--wui-focus-ring-width, 3px) solid\n      var(--wui-color-focus-ring, color-mix(in srgb, var(--wui-color-accent, #0071e3) 40%, transparent));\n    outline-offset: 2px;\n  }\n}\n\n/*\n * label 没有可渲染内容时把间距一并收掉。gap 只认「这里有个 flex item」，不认它有没有宽度，所以空槽位\n * 或只挂了一个视觉隐藏的无障碍名时，indicator 右边照样多出这一段；判据见 LabelEmptinessController。\n */\n:where(.wui-radio.is-label-empty, .wui-checkbox.is-label-empty) {\n  gap: 0;\n}\n\n:host([data-wui-pointer-focus]) :where(.wui-radio, .wui-checkbox):focus-visible {\n  outline-color: transparent;\n}\n\n:where(.wui-radio.is-disabled, .wui-checkbox.is-disabled) {\n  cursor: not-allowed;\n  color: var(--wui-color-text-secondary, #6a6a6a);\n  opacity: 0.4;\n}\n\n/*\n * indicator 底色取控件档。surface-raised 在深色下（#2c2c2e）离页面底色（#242628）只有 8 个\n * 亮度点，未选中时几乎看不出有一个圆/方框；surface-control 才是主题里「控件自己的底」\n * 那一档（中性 button 同档），深色比页面高 22 个亮度点，浅色下也从近白的 #f2f2f7 变成可读的 #dfdfdf。\n */\n:where(.wui-radio-circle, .wui-checkbox-box) {\n  isolation: isolate;\n  position: relative;\n\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--wui-selection-control-size, 18px);\n  height: var(--wui-selection-control-size, 18px);\n\n  background-color: var(--wui-color-surface-control, #dfdfdf);\n\n  transition: background-color var(--wui-duration-trigger, 160ms) ease;\n}\n\n/*\n * 状态层走覆盖层，不占用 indicator 自己的 background-color：同一个属性没法一半过渡一半即时，\n * 而这里要的是 hover 当帧切换、选中态的 accent 按 --wui-duration-trigger 淡入淡出。\n * z-index: -1 配父级 isolation 把覆盖层夹在控件底与圆点/勾之间，半径跟着 indicator 走。\n */\n:where(.wui-radio-circle, .wui-checkbox-box)::before {\n  content: '';\n\n  position: absolute;\n  z-index: -1;\n  inset: 0;\n\n  border-radius: inherit;\n}\n\n:where(.wui-radio-label, .wui-checkbox-label) {\n  pointer-events: none;\n}\n\n/*\n * 未激活态的 hover 状态层。用半透明色而不是混进控件底：覆盖层本就压在不透明的控件底上，\n * 合成结果与 color-mix(text 6%, surface-control) 一致，深色档同样成立。\n * label 文字带 pointer-events: none，命中落回交互元素自身，所以整条触发区（含右侧文字）\n * 的 hover 都会作用到 indicator。hover 只在真正的指针设备上生效，避免触屏留态。\n */\n@media (hover: hover) and (pointer: fine) {\n  :where(.wui-radio, .wui-checkbox):hover:not(.is-disabled, .is-checked)\n    :where(.wui-radio-circle, .wui-checkbox-box)::before {\n    background-color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 6%, transparent);\n  }\n}\n"],"mappings":";AAQA,IAAA,4BAAA"}

package/dist/assets/toast-containers.js

@@ -1,6 +1,5 @@
-//#region src/assets/toast-containers.css?inline
-var e = ".wui-toast-container{--wui-toast-viewport-gap:16px;--wui-toast-container-padding:40px;pointer-events:none;z-index:var(--wui-layer-toast,200);overscroll-behavior:contain;gap:var(--wui-space-2,8px);max-height:calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));padding:var(--wui-toast-container-padding);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-start}.wui-toast-top-center{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:center;left:50%;transform:translate(-50%)}.wui-toast-top-right{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-end}.wui-toast-bottom-left{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-start}.wui-toast-bottom-center{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:center;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-end}";
-//#endregion
-export { e as default };
+// src/assets/toast-containers.css?inline
+var toast_containers_default = ".wui-toast-container{--wui-toast-viewport-gap:16px;--wui-toast-container-padding:40px;pointer-events:none;z-index:var(--wui-layer-toast,200);overscroll-behavior:contain;gap:var(--wui-space-2,8px);max-height:calc(100vh + 2 * (var(--wui-toast-container-padding) - var(--wui-toast-viewport-gap)));padding:var(--wui-toast-container-padding);flex-direction:column;display:flex;position:fixed;overflow-y:auto}.wui-toast-container>*{pointer-events:auto}.wui-toast-top-left{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-start}.wui-toast-top-center{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:center;left:50%;transform:translate(-50%)}.wui-toast-top-right{top:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));align-items:flex-end}.wui-toast-bottom-left{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));left:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-start}.wui-toast-bottom-center{bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:center;left:50%;transform:translate(-50%)}.wui-toast-bottom-right{right:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));bottom:calc(var(--wui-toast-viewport-gap) - var(--wui-toast-container-padding));flex-direction:column-reverse;align-items:flex-end}\n";
+export { toast_containers_default as default };
 
 //# sourceMappingURL=toast-containers.js.map