@greypan/web-ui 11.2.0 → 12.0.0

package/dist/types/react.d.ts

@@ -1,6 +1,6 @@
-import { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { WebUiElementMap } from '../components';
-import { ExtractProps, OmitLitBase, ReactCustomEventListeners } from './utils';
+import { ExtractProps, OmitLitBase, ReactCustomEventListeners } from "./utils.js";
+import { WebUiElementMap } from "../components/index.js";
+import { DetailedHTMLProps, HTMLAttributes } from "react";
 /**
  * Lit Web Component 的 React 包装类型。
  *
@@ -11,12 +11,10 @@ import { ExtractProps, OmitLitBase, ReactCustomEventListeners } from './utils';
  *   重叠键类型相容（如 `placeholder`），组件类型在交叉中自然生效；`ref` 保持具体元素类型。
  */
 export type LitReactWrapper<T extends HTMLElement> = DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ReactCustomEventListeners<T> & HTMLAttributes<T>, T>;
-export type WebUiComponents = {
-    [K in keyof WebUiElementMap]: LitReactWrapper<WebUiElementMap[K]>;
-};
+export type WebUiComponents = { [K in keyof WebUiElementMap]: LitReactWrapper<WebUiElementMap[K]>; };
 declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements extends WebUiComponents {
-        }
-    }
+  namespace JSX {
+    interface IntrinsicElements extends WebUiComponents {}
+  }
 }
+//# sourceMappingURL=react.d.ts.map

package/dist/types/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","names":[],"sources":["../../src/types/react.ts"],"mappings":";;;;;;;;;;;;YAeY,gBAAgB,UAAU,eAAe,kBACnD,aAAa,YAAY,MAAM,0BAA0B,KAAK,eAAe,IAC7E;YAIU,qBACT,WAAW,kBAAkB,gBAAgB,gBAAgB;;YAKpD;cAEE,0BAA0B"}

package/dist/types/utils.d.ts

@@ -1,20 +1,18 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 type Fn = (...args: unknown[]) => unknown;
 /**
  * 1. 移除属性中的函数
  * 2. 移除 $events 虚拟属性
  * 3. 属性全部设为可选（符合 web component 标准）
  */
-export type ExtractProps<T> = {
-    [K in keyof T as T[K] extends Fn ? never : K extends '$events' ? never : K]?: T[K];
-};
+export type ExtractProps<T> = { [K in keyof T as T[K] extends Fn ? never : K extends '$events' ? never : K]?: T[K]; };
 export type OmitLitBase<T> = Omit<T, keyof HTMLElement | keyof LitElement>;
 /**
  * 从组件 `$events` 接口提取公共事件映射。
  * 无 `$events` 的组件（无公共事件）得到空映射。
  */
 export type ComponentEvents<T> = T extends {
-    readonly $events: infer E;
+  readonly $events: infer E;
 } ? E : Record<never, never>;
 /**
  * 事件宿主化：在事件本体上注入组件实例 target/currentTarget 类型。
@@ -22,16 +20,14 @@ export type ComponentEvents<T> = T extends {
  * target/currentTarget 标为 readonly，与 DOM `Event` 契约一致。
  */
 export type WithHost<T extends EventTarget, E> = E extends Event ? E & {
-    readonly target: T;
-    readonly currentTarget: T;
+  readonly target: T;
+  readonly currentTarget: T;
 } : E;
 /**
  * 组件宿主化事件映射：`$events` 的每个条目都收窄 target/currentTarget 到组件实例。
  * React 自定义事件与 Vue emits 均从该映射生成 handler 类型。
  */
-export type HostEventMap<T extends HTMLElement> = {
-    [K in keyof ComponentEvents<T>]: WithHost<T, ComponentEvents<T>[K]>;
-};
+export type HostEventMap<T extends HTMLElement> = { [K in keyof ComponentEvents<T>]: WithHost<T, ComponentEvents<T>[K]>; };
 /**
  * 组件 `$events` 中的 string 事件名。
  * 无公共事件或仅有非 string 键的组件得到 `never`。
@@ -47,7 +43,6 @@ export type WebUiEvent<T extends HTMLElement, K extends WebUiEventName<T>> = Hos
  * 标准 DOM 事件（input/change/focus/blur）由 React 的 camelCase handler 提供，
  * 不在适配层生成 lowercase 别名。
  */
-export type ReactCustomEventListeners<T extends HTMLElement> = {
-    [K in keyof HostEventMap<T> & string as K extends `${string}-${string}` ? `on${K}` : never]?: (e: HostEventMap<T>[K]) => void;
-};
+export type ReactCustomEventListeners<T extends HTMLElement> = { [K in keyof HostEventMap<T> & string as K extends `${string}-${string}` ? `on${K}` : never]?: (e: HostEventMap<T>[K]) => void; };
 export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/types/utils.ts"],"mappings":";KAEK,SAAS;;;;;;YAOF,aAAa,QACtB,WAAW,KAAK,EAAE,WAAW,aAAa,8BAA8B,KAAK,EAAE;YAGtE,YAAY,KAAK,KAAK,SAAS,oBAAoB;;;;;YAMnD,gBAAgB,KAAK;WAAqB,eAAe;IAAM,IAAI;;;;;;YAOnE,SAAS,UAAU,aAAa,KAAK,UAAU,QACvD;WAAe,QAAQ;WAAY,eAAe;IAClD;;;;;YAMQ,aAAa,UAAU,kBAChC,WAAW,gBAAgB,KAAK,SAAS,GAAG,gBAAgB,GAAG;;;;;YAOtD,eAAe,UAAU,qBAAqB,gBAAgB;;;;;YAM9D,WAAW,UAAU,aAAa,UAAU,eAAe,MAAM,aAAa,GAAG;;;;;;YAOjF,0BAA0B,UAAU,kBAC7C,WAAW,aAAa,eAAe,uCAAuC,gBAC7E,GAAG,aAAa,GAAG"}

package/dist/types/vue.d.ts

@@ -1,11 +1,9 @@
-import { ComponentOptionsMixin, DefineComponent, EmitsToProps, HTMLAttributes, PublicProps } from 'vue';
-import { WebUiElementMap } from '../components';
-import { ComponentEvents, ExtractProps, OmitLitBase, WithHost } from './utils';
+import { ComponentEvents, ExtractProps, OmitLitBase, WithHost } from "./utils.js";
+import { WebUiElementMap } from "../components/index.js";
+import { ComponentOptionsMixin, DefineComponent, EmitsToProps, HTMLAttributes, PublicProps } from "vue";
 type VueEmits<T extends HTMLElement> = T extends {
-    readonly $events: infer E;
-} ? {
-    [K in keyof E]: (e: WithHost<T, E[K]>) => void;
-} : Record<never, never>;
+  readonly $events: infer E;
+} ? { [K in keyof E]: (e: WithHost<T, E[K]>) => void; } : Record<never, never>;
 type VueNativeAttrs<T extends HTMLElement> = Omit<HTMLAttributes, `on${Capitalize<keyof ComponentEvents<T> & string>}`>;
 type VueProps<T extends HTMLElement> = ExtractProps<OmitLitBase<T>> & VueNativeAttrs<T>;
 type VueResolvedProps<T extends HTMLElement> = Readonly<VueProps<T>> & (VueEmits<T> extends Record<string, never> ? unknown : EmitsToProps<VueEmits<T>>);
@@ -15,14 +13,12 @@ type VueResolvedProps<T extends HTMLElement> = Readonly<VueProps<T>> & (VueEmits
  * - Props: 组件属性 + 局部 HTMLAttributes（含原生 DOM 事件），不污染其他 Vue 组件
  * - Emits: 从 $events 提取的宿主化事件，Volar 可识别 @event 绑定
  * - TypeEl: 模板 ref/$el 类型为具体 Custom Element 实例
- * - 不再全局扩展 ComponentCustomProps
+ * - 不全局扩展 ComponentCustomProps
  */
 export type LitVueWrapper<T extends HTMLElement> = DefineComponent<VueProps<T>, Record<string, never>, Record<string, never>, Record<string, never>, Record<string, never>, ComponentOptionsMixin, ComponentOptionsMixin, VueEmits<T>, string, PublicProps, VueResolvedProps<T>, Record<never, never>, Record<never, never>, Record<never, never>, Record<never, never>, string, Record<never, never>, true, Record<never, never>, T>;
-export type WebUiComponents = {
-    [K in keyof WebUiElementMap]: LitVueWrapper<WebUiElementMap[K]>;
-};
+export type WebUiComponents = { [K in keyof WebUiElementMap]: LitVueWrapper<WebUiElementMap[K]>; };
 declare module 'vue' {
-    interface GlobalComponents extends WebUiComponents {
-    }
+  interface GlobalComponents extends WebUiComponents {}
 }
 export {};
+//# sourceMappingURL=vue.d.ts.map

package/dist/types/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","names":[],"sources":["../../src/types/vue.ts"],"mappings":";;;KAQK,SAAS,UAAU,eAAe;WAAqB,eAAe;OACpE,WAAW,KAAK,GAAG,SAAS,GAAG,EAAE,kBACpC;KAIC,eAAe,UAAU,eAAe,KAAK,qBAAqB,iBAAiB,gBAAgB;KAEnG,SAAS,UAAU,eAAe,aAAa,YAAY,MAAM,eAAe;KAKhF,iBAAiB,UAAU,eAAe,SAAS,SAAS,OAC9D,SAAS,WAAW,kCAAkC,aAAa,SAAS;;;;;;;;;YAUnE,cAAc,UAAU,eAAe,gBACjD,SAAS,IACT,uBACA,uBACA,uBACA,uBACA,uBACA,uBACA,SAAS,YAET,aACA,iBAAiB,IACjB,sBACA,sBACA,sBACA,8BAEA,4BAEA,sBACA;YAIU,qBACT,WAAW,kBAAkB,cAAc,gBAAgB;;YAK3C,yBAAyB"}

package/dist/vite/index.d.ts

@@ -26,3 +26,4 @@
  * 直接引用它，不要复制条目。
  */
 export declare const webUiOptimizeDeps: string[];
+//# sourceMappingURL=index.d.ts.map

package/dist/vite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/vite/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2Ba"}

package/dist/vite/index.js

@@ -1,5 +1,32 @@
-//#region src/vite/index.ts
-var e = [
+// src/vite/index.ts
+/**
+* 消费方 Vite 配置里 `optimizeDeps.include` 要补的 web-ui 运行时依赖。
+*
+* web-ui 的组件从自己的 dist 里带出 `lit`、`@lit/context`、`@floating-ui/dom` 这些裸依赖。它们不在
+* 应用的 dependencies 里，应用自己解析不到，写裸名会被 Vite 静默跳过，于是 Vite 直到请求模块时才
+* 发现它们并打印 `optimized dependencies changed. reloading`，那一次模块加载就失败了（症状是
+* `Failed to fetch dynamically imported module`）。条目里的 `>` 是 Vite 的「从某个包的角度解析」
+* 写法，让它们按 web-ui 的依赖树解析。
+*
+* 应用的依赖扫描器看不穿 web-ui 的组件图时才需要这份清单。典型场景是路由或页面由虚拟模块加载，
+* 比如 file-based routing（`vue-router/vite`）或 `import.meta.glob`，扫描器进不去那些模块，路由页里
+* 由组件库生成的导入就不可见。反过来，启动入口静态 import 到每个组件模块的应用，扫描器自己就能
+* 发现这些裸依赖，不必列出。
+*
+* ```ts
+* import { webUiOptimizeDeps } from '@greypan/web-ui/vite'
+*
+* export default {
+*   optimizeDeps: {
+*     include: [...webUiOptimizeDeps]
+*   }
+* }
+* ```
+*
+* 这份清单只影响 dev 期的依赖预打包，构建不受影响。web-ui 增删运行时依赖时清单要跟着改，所以应用
+* 直接引用它，不要复制条目。
+*/
+const webUiOptimizeDeps = [
 	"@greypan/web-ui > lit",
 	"@greypan/web-ui > @lit/context",
 	"@greypan/web-ui > @floating-ui/dom",
@@ -10,7 +37,6 @@ var e = [
 	"@greypan/web-ui > lit/directives/style-map.js",
 	"@greypan/web-ui > lit/directives/unsafe-svg.js"
 ];
-//#endregion
-export { e as webUiOptimizeDeps };
+export { webUiOptimizeDeps };
 
 //# sourceMappingURL=index.js.map

package/dist/vite/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/vite/index.ts"],"sourcesContent":["/**\n * 消费方 Vite 配置里 `optimizeDeps.include` 要补的 web-ui 运行时依赖。\n *\n * web-ui 的组件从自己的 dist 里带出 `lit`、`@lit/context`、`@floating-ui/dom` 这些裸依赖。它们不在\n * 应用的 dependencies 里，应用自己解析不到，写裸名会被 Vite 静默跳过，于是 Vite 直到请求模块时才\n * 发现它们并打印 `optimized dependencies changed. reloading`，那一次模块加载就失败了（症状是\n * `Failed to fetch dynamically imported module`）。条目里的 `>` 是 Vite 的「从某个包的角度解析」\n * 写法，让它们按 web-ui 的依赖树解析。\n *\n * 应用的依赖扫描器看不穿 web-ui 的组件图时才需要这份清单。典型场景是路由或页面由虚拟模块加载，\n * 比如 file-based routing（`vue-router/vite`）或 `import.meta.glob`，扫描器进不去那些模块，路由页里\n * 由组件库生成的导入就不可见。反过来，启动入口静态 import 到每个组件模块的应用，扫描器自己就能\n * 发现这些裸依赖，不必列出。\n *\n * ```ts\n * import { webUiOptimizeDeps } from '@greypan/web-ui/vite'\n *\n * export default {\n *   optimizeDeps: {\n *     include: [...webUiOptimizeDeps]\n *   }\n * }\n * ```\n *\n * 这份清单只影响 dev 期的依赖预打包，构建不受影响。web-ui 增删运行时依赖时清单要跟着改，所以应用\n * 直接引用它，不要复制条目。\n */\nexport const webUiOptimizeDeps: string[] = [\n  '@greypan/web-ui > lit',\n  '@greypan/web-ui > @lit/context',\n  '@greypan/web-ui > @floating-ui/dom',\n  '@greypan/web-ui > lit/decorators.js',\n  '@greypan/web-ui > lit/directives/class-map.js',\n  '@greypan/web-ui > lit/directives/if-defined.js',\n  '@greypan/web-ui > lit/directives/repeat.js',\n  '@greypan/web-ui > lit/directives/style-map.js',\n  '@greypan/web-ui > lit/directives/unsafe-svg.js'\n]\n"],"mappings":";AA2BA,IAAa,IAA8B;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/vite/index.ts"],"sourcesContent":["/**\n * 消费方 Vite 配置里 `optimizeDeps.include` 要补的 web-ui 运行时依赖。\n *\n * web-ui 的组件从自己的 dist 里带出 `lit`、`@lit/context`、`@floating-ui/dom` 这些裸依赖。它们不在\n * 应用的 dependencies 里，应用自己解析不到，写裸名会被 Vite 静默跳过，于是 Vite 直到请求模块时才\n * 发现它们并打印 `optimized dependencies changed. reloading`，那一次模块加载就失败了（症状是\n * `Failed to fetch dynamically imported module`）。条目里的 `>` 是 Vite 的「从某个包的角度解析」\n * 写法，让它们按 web-ui 的依赖树解析。\n *\n * 应用的依赖扫描器看不穿 web-ui 的组件图时才需要这份清单。典型场景是路由或页面由虚拟模块加载，\n * 比如 file-based routing（`vue-router/vite`）或 `import.meta.glob`，扫描器进不去那些模块，路由页里\n * 由组件库生成的导入就不可见。反过来，启动入口静态 import 到每个组件模块的应用，扫描器自己就能\n * 发现这些裸依赖，不必列出。\n *\n * ```ts\n * import { webUiOptimizeDeps } from '@greypan/web-ui/vite'\n *\n * export default {\n *   optimizeDeps: {\n *     include: [...webUiOptimizeDeps]\n *   }\n * }\n * ```\n *\n * 这份清单只影响 dev 期的依赖预打包，构建不受影响。web-ui 增删运行时依赖时清单要跟着改，所以应用\n * 直接引用它，不要复制条目。\n */\nexport const webUiOptimizeDeps: string[] = [\n  '@greypan/web-ui > lit',\n  '@greypan/web-ui > @lit/context',\n  '@greypan/web-ui > @floating-ui/dom',\n  '@greypan/web-ui > lit/decorators.js',\n  '@greypan/web-ui > lit/directives/class-map.js',\n  '@greypan/web-ui > lit/directives/if-defined.js',\n  '@greypan/web-ui > lit/directives/repeat.js',\n  '@greypan/web-ui > lit/directives/style-map.js',\n  '@greypan/web-ui > lit/directives/unsafe-svg.js'\n]\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAa,oBAA8B;CACzC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "11.2.0",
+  "version": "12.0.0",
   "description": "Lit-based web components for React, Vue, and vanilla JS",
   "license": "MIT",
   "repository": {
@@ -15,9 +15,7 @@
     "./src/components/**",
     "./dist/components/**",
     "./src/classes/**",
-    "./dist/classes/**",
-    "./src/scrollbars/**",
-    "./dist/scrollbars/**"
+    "./dist/classes/**"
   ],
   "exports": {
     ".": {
@@ -33,17 +31,11 @@
       "import": "./dist/icons/index.js"
     },
     "./classes.css": "./dist/classes/style.css",
-    "./scrollbars": {
-      "types": "./dist/scrollbars/index.d.ts",
-      "import": "./dist/scrollbars/index.js"
-    },
-    "./scrollbars.css": "./dist/scrollbars/style.css",
     "./types/*": "./dist/types/*.d.ts",
     "./vite": {
       "types": "./dist/vite/index.d.ts",
       "import": "./dist/vite/index.js"
-    },
-    "./package.json": "./package.json"
+    }
   },
   "publishConfig": {
     "access": "public",
@@ -51,11 +43,12 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@greypan/browser-kit": "3.0.1",
-    "@greypan/js-kit": "3.0.1",
+    "@greypan/browser-kit": "3.1.0",
+    "@greypan/js-kit": "3.1.0",
     "@lit/context": "^1.1.6"
   },
   "devDependencies": {
+    "@greypan/monorepo-kit": "0.0.1",
     "@greypan/tsconfig": "0.0.0",
     "@iconify-json/akar-icons": "^1.2.7",
     "@iconify-json/andrsrxn": "^1.2.2",
@@ -73,27 +66,21 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.5",
     "lit": "^3.3.3",
-    "overlayscrollbars": "^2.16.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "vite-plugin-dts": "^5.0.3",
     "vue": "^3.5.39",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.2",
-    "vite-plus": "0.3.2"
+    "vite": "npm:@voidzero-dev/vite-plus-core@1.4.0",
+    "vite-plus": "1.4.0"
   },
   "peerDependencies": {
     "@types/react": ">=19",
     "lit": "^3.3.3",
-    "overlayscrollbars": "^2.16.0",
     "vue": ">=3.5"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
     },
-    "overlayscrollbars": {
-      "optional": true
-    },
     "vue": {
       "optional": true
     }
@@ -107,9 +94,9 @@
     "not dead"
   ],
   "scripts": {
-    "build": "vp build",
+    "build": "vp pack",
     "test": "vp test run",
-    "dev": "vp build --watch --emptyOutDir=false",
+    "dev": "vp pack --watch --clean=false",
     "generate-icons": "node --experimental-strip-types scripts/generate-icons.ts"
   }
 }

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

@@ -1,9 +0,0 @@
-//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
-function e(e, t, n, r) {
-	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
-	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
-	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
-	return i > 3 && a && Object.defineProperty(t, n, a), a;
-}
-//#endregion
-export { e as default };

package/dist/components/middle-ellipsis/truncate.d.ts

@@ -1,62 +0,0 @@
-/**
- * 单行「中间省略」的切分运算。
- *
- * 目标：把 `text` 拆成 `head + marker + tail`，两端各自在原串里连续、中间那段被丢掉，
- * 且合串不超过可用行内空间。切点只落在**字素簇**边界上，代理对、组合符序列和 ZWJ emoji
- * 都不会被从中间劈开——按 UTF-16 下标切一定会。
- *
- * 为什么这一层不能由 CSS 承担：`text-overflow` 渲染的是行盒里**一段连续**的内容，结构上
- * 不可能同时显示首尾而丢掉中间。能靠 `direction` / 双值写法挪动的只是省略号落在行的哪一
- * 端，而且 `direction: rtl` 那条路还会按双向算法重排内容（`2026-report.pdf` → `report.pdf-2026`）。
- * 完整调研见 docs/research/web-ui-middle-ellipsis-261007.md。
- *
- * 宽度口径：两端额度按 `position` 从可用空间里分出来，各自用「前 i 簇 / 后 i 簇」的**实测**
- * 宽度二分逼近。实测走调用方给的探针（Range 读取，不写 DOM），所以重算一次只有若干次读取，
- * 没有回流——panel 里同时存在成百上千个这样的单元格时，这个差别就是「一帧一次布局」与
- * 「一个单元格一次布局」的差别。
- *
- * 分段宽度不蕴含合串宽度：`head|marker` 与 `marker|tail` 两个接缝的字距和连字是分段量看不见
- * 的。这里不做合串实测，因为那要写一次 DOM 再读、把上面省下的回流又付回去；复核交给调用方
- * 对着**渲染出来的真实盒子**做一次（见组件的 `updated()`），那才是「放得下」的直接证据。
- */
-/** 默认省略标记：U+2026 HORIZONTAL ELLIPSIS。 */
-export declare const DEFAULT_MARKER = "\u2026";
-/**
- * 每个字素簇的 UTF-16 结束偏移（升序，不含 0），末项恒等于 `text.length`。
- *
- * `Intl.Segmenter` 的构造不便宜，单例复用。目标浏览器（见 package.json 的 browserslist）
- * 与本地 node 测试环境都自带它，因此不写按码点切的退化分支——那会在部分环境里悄悄改变
- * 切分口径，而这正是本模块唯一的正确性来源。
- */
-export declare function clusterEnds(text: string): number[];
-/**
- * 宽度探针。
- *
- * 三段都必须是**真实排版**下量到的宽度：字体回退、字距、连字、`letter-spacing`、
- * `text-transform` 都会改变字形的推进量，任何独立的估算（例如用 canvas 的 `measureText`）
- * 都要自己复刻这一整套解析，复刻不全就是静默的量错。
- */
-export interface WidthProbe {
-    /** 原文前 `units` 个 UTF-16 单元的渲染宽度。 */
-    prefix(units: number): number;
-    /** 原文后 `units` 个 UTF-16 单元的渲染宽度。 */
-    suffix(units: number): number;
-    /** 标记自身的渲染宽度。 */
-    marker(): number;
-}
-export interface MiddleTruncation {
-    /** 保留的原文前缀。 */
-    readonly head: string;
-    /** 保留的原文后缀。 */
-    readonly tail: string;
-    /** 是否真的丢掉了内容；`false` 时合串就是原文，标记不出现。 */
-    readonly truncated: boolean;
-}
-/**
- * 在 `available` 内把 `text` 切成 `head + marker + tail`。
- *
- * `position` 与 CSSWG css-overflow-5 的 `text-overflow: ellipsis <length-percentage>` 同向：
- * 量的是标记结束边距行末边的距离占可用行内空间的比例。`0` 把标记贴在行末（只剩头部，等价于
- * 末尾省略），`100` 贴在行首（只剩尾部），`50` 居中；两端额度因此是 `(1 - p)` 与 `p`。
- */
-export declare function truncateMiddle(text: string, marker: string, position: number, available: number, probe: WidthProbe): MiddleTruncation;

package/dist/components/radio/interaction.d.ts

@@ -1,4 +0,0 @@
-import { WebUiRadio } from './index';
-export declare function focusRadio(radio: WebUiRadio): void;
-export declare function isRadioDisabled(radio: WebUiRadio): boolean;
-export declare function activateRadio(radio: WebUiRadio): void;

package/dist/scrollbars/index.d.ts

@@ -1,33 +0,0 @@
-import { PartialOptions } from 'overlayscrollbars';
-/**
- * `scrollbars.theme` 的取值，同时也是 `@greypan/web-ui/scrollbars.css` 里主题类的名字。
- */
-export declare const WEB_UI_SCROLLBARS_THEME = "os-theme-macos";
-/**
- * 全仓统一的 scrollbar 行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。
- *
- * 内容尺寸或平台变化都不需要改这里，只有三条产品要求本身变了才改。覆盖层要实现的是
- * 同一套手势语言，所以用法是把它整个传给 OverlayScrollbars 初始化，而不是逐项拼接：
- *
- * ```ts
- * import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'
- * import '@greypan/web-ui/scrollbars.css'
- * ```
- *
- * - `autoHide: 'scroll'`：scrollbar 只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了
- *   这一档而不是 `'move'`——`'move'` 会让指针在滚动区域内移动就唤出，比 macOS 原生积极得多。
- *   代价写清楚：**hover 本身不再唤出 scrollbar**（隐藏态的元素不可命中，指针根本落不到它上面），
- *   所以 issue 里「hover 的时候短暂显示」那条只以「滚动时短暂显示」的形式满足。
- * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——scrollbar 隐去后它就不可命中。
- *   指针从滚动的位置移到 track、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出
- *   余量，又不至于让半透明 scrollbar 在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。
- * - `autoHideSuspend` 保持关闭：打开会让 scrollbar 在首次滚动前一直可见，与「自动隐藏」相反。
- * - `clickScroll` 走函数形态：`true` 只是「按一个视口步进」，跳到的是当前位置的下/上一屏，
- *   与点击处的距离无关。`clickScrollDistance: 0` 才是「以点击处为目标」——库把 0 定义为
- *   「距离等于目标距离」。函数形态是必需的：这个 option 只在实现里经过 `isFunction` 分支才会被读到，
- *   直接传对象会被静默忽略。
- * - `clickScrollDuration: 0`：库默认用 200ms 缓动滚到点击处，在渲染虚拟列表的资源列表上会卡顿，
- *   这里改成即时落位。0 是合法时长而不是「非法值被忽略」：`animateNumber` 先用 `Math.max(0, ms)`
- *   得到时长 0，首帧（同步执行、不经 rAF）就判定已到期并落到终点。
- */
-export declare const webUiScrollbarsOptions: PartialOptions;

package/dist/scrollbars/index.js

@@ -1,18 +0,0 @@
-/* empty css      */
-import { ClickScrollPlugin as e, OverlayScrollbars as t } from "overlayscrollbars";
-//#region src/scrollbars/index.ts
-var n = "os-theme-macos";
-t.plugin(e);
-var r = { scrollbars: {
-	theme: n,
-	autoHide: "scroll",
-	autoHideDelay: 2e3,
-	clickScroll: () => ({
-		clickScrollDistance: 0,
-		clickScrollDuration: 0
-	})
-} };
-//#endregion
-export { n as WEB_UI_SCROLLBARS_THEME, r as webUiScrollbarsOptions };
-
-//# sourceMappingURL=index.js.map

package/dist/scrollbars/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/scrollbars/index.ts"],"sourcesContent":["import './style.css'\n\nimport { ClickScrollPlugin, OverlayScrollbars, type PartialOptions } from 'overlayscrollbars'\n\n/**\n * `scrollbars.theme` 的取值，同时也是 `@greypan/web-ui/scrollbars.css` 里主题类的名字。\n */\nexport const WEB_UI_SCROLLBARS_THEME = 'os-theme-macos'\n\n/*\n * track 点击滚动由 ClickScrollPlugin 提供；插件未注册时 `clickScroll` 静默失效——\n * 不报错、不打日志，track 只是没有反应。注册写在模块作用域，只要消费方用了本模块，\n * 插件就一定在位，不会因为漏掉一行 bootstrap 而退化。\n */\nOverlayScrollbars.plugin(ClickScrollPlugin)\n\n/**\n * 全仓统一的 scrollbar 行为：外观对齐 macOS、自动隐藏、滚动时短暂显示、track 点击直达。\n *\n * 内容尺寸或平台变化都不需要改这里，只有三条产品要求本身变了才改。覆盖层要实现的是\n * 同一套手势语言，所以用法是把它整个传给 OverlayScrollbars 初始化，而不是逐项拼接：\n *\n * ```ts\n * import { webUiScrollbarsOptions } from '@greypan/web-ui/scrollbars'\n * import '@greypan/web-ui/scrollbars.css'\n * ```\n *\n * - `autoHide: 'scroll'`：scrollbar 只在滚动时出现，停下 `autoHideDelay` 之后自动隐去。用户明确选了\n *   这一档而不是 `'move'`——`'move'` 会让指针在滚动区域内移动就唤出，比 macOS 原生积极得多。\n *   代价写清楚：**hover 本身不再唤出 scrollbar**（隐藏态的元素不可命中，指针根本落不到它上面），\n *   所以 issue 里「hover 的时候短暂显示」那条只以「滚动时短暂显示」的形式满足。\n * - `autoHideDelay: 2000`：这一档同时是「track 点击跳转」的可用窗口——scrollbar 隐去后它就不可命中。\n *   指针从滚动的位置移到 track、再点下去，实测预算在 1s 上下，默认的 1300ms 太贴边；2000ms 留出\n *   余量，又不至于让半透明 scrollbar 在静止画面上久留（macOS 原生的淡出也在 2s 这个量级）。\n * - `autoHideSuspend` 保持关闭：打开会让 scrollbar 在首次滚动前一直可见，与「自动隐藏」相反。\n * - `clickScroll` 走函数形态：`true` 只是「按一个视口步进」，跳到的是当前位置的下/上一屏，\n *   与点击处的距离无关。`clickScrollDistance: 0` 才是「以点击处为目标」——库把 0 定义为\n *   「距离等于目标距离」。函数形态是必需的：这个 option 只在实现里经过 `isFunction` 分支才会被读到，\n *   直接传对象会被静默忽略。\n * - `clickScrollDuration: 0`：库默认用 200ms 缓动滚到点击处，在渲染虚拟列表的资源列表上会卡顿，\n *   这里改成即时落位。0 是合法时长而不是「非法值被忽略」：`animateNumber` 先用 `Math.max(0, ms)`\n *   得到时长 0，首帧（同步执行、不经 rAF）就判定已到期并落到终点。\n */\nexport const webUiScrollbarsOptions: PartialOptions = {\n  scrollbars: {\n    theme: WEB_UI_SCROLLBARS_THEME,\n    autoHide: 'scroll',\n    autoHideDelay: 2000,\n    clickScroll: () => ({ clickScrollDistance: 0, clickScrollDuration: 0 })\n  }\n}\n"],"mappings":";;;AAOA,IAAa,IAA0B;AAOvC,EAAkB,OAAO,CAAiB;AA6B1C,IAAa,IAAyC,EACpD,YAAY;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,oBAAoB;EAAE,qBAAqB;EAAG,qBAAqB;CAAE;AACvE,EACF"}

package/dist/scrollbars/internal.js

@@ -1,6 +0,0 @@
-//#region src/scrollbars/internal.css?inline
-var e = ".wui-scroll{scrollbar-color:var(--wui-scrollbar-handle,#00000063) transparent;scrollbar-width:thin}";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=internal.js.map

package/dist/scrollbars/internal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal.js","names":[],"sources":["../../src/scrollbars/internal.css?inline"],"sourcesContent":["/*\n * 组件内部滚动容器的原生 scrollbar 主题。\n *\n * 为什么不是直接上 OverlayScrollbars：库的结构样式挂在 `.os-scrollbar` 上、主题类\n * `.os-theme-macos` 也靠文档层的选择器命中，两者都进不了组件的 shadow——shadow 里既匹配不到\n * `web-ui-theme[...]` 这类后代选择器，也匹配不到 `html:has()`。库还会把宿主改成 flex 行、把\n * 子节点搬进它生成的 viewport，会破坏组件自身承重的布局。唯一能跨 shadow 边界的是继承的\n * 自定义属性，所以这里只**读**主题里同一组 `--wui-scrollbar-*`（由 `web-ui-theme` 的外观分支\n * 写、`.os-theme-macos` 的回退值兜底），颜色因此与整页的覆盖式 scrollbar 同源。\n *\n * 刻意**不写 `::-webkit-scrollbar`**：一旦给某条 scrollbar 声明了自定义 webkit 伪元素，引擎就会\n * 放弃平台自带的覆盖式 scrollbar，改用经典 scrollbar 并固定占一条布局宽度。实测（macOS Chromium，一条\n * `width: 7px` 的 `::-webkit-scrollbar`）：同尺寸容器的 `offsetWidth - clientWidth` 从 0 变成 7。\n * 那正好违反 issue #225 的第 (1) 条「不占用宽度」。`scrollbar-color` / `scrollbar-width` 不触发\n * 这个切换：覆盖式平台上 scrollbar 保持零宽覆盖，经典平台上才按它们上色、收窄。\n *\n * 覆盖式平台（macOS、无头 Chromium）上这条规则几乎不可见——原生的覆盖 scrollbar 由系统绘制，并不\n * 看这两个属性；它真正的用处在经典 scrollbar 的平台（Windows / Linux）。想拿到与库逐像素一致的\n * 几何、圆角与自动隐藏只有上库这一条路，那需要把库初始化进每个 shadow root，超出 issue #225\n * 「组件不必引入第三方依赖」的范围。\n *\n * `scrollbar-color` 与 `scrollbar-width` 都是**继承属性**，写一次即可作用于容器自身及其后代；\n * 调用方只在组件自己的 shadow 里 adopted 本文件（见各组件 `static styles`），所以样式天然隔离，\n * 不会漏到文档层，满足第 (3) 条。\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":""}

package/dist/scrollbars/style.css

@@ -1,10 +0,0 @@
-/*! 
- * OverlayScrollbars
- * Version: 2.16.0
- * 
- * Copyright (c) Rene Haas | KingSora.
- * https://github.com/KingSora
- * 
- * Released under the MIT license.
- */
-.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}.os-theme-macos{--os-size:13px;--os-padding-perpendicular:3px;--os-padding-axis:2px;--os-track-border-radius:100px;--os-handle-border-radius:100px;--os-handle-interactive-area-offset:4px;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-handle-bg:var(--wui-scrollbar-handle,#00000063);--os-handle-bg-hover:var(--wui-scrollbar-handle-hover,#00000082);--os-handle-bg-active:var(--wui-scrollbar-handle-active,#000000a1);box-sizing:border-box}web-ui-theme[resolved-appearance=light]{--wui-scrollbar-handle:#00000063;--wui-scrollbar-handle-hover:#00000082;--wui-scrollbar-handle-active:#000000a1}web-ui-theme[resolved-appearance=dark]{--wui-scrollbar-handle:#ffffff80;--wui-scrollbar-handle-hover:#ffffff9e;--wui-scrollbar-handle-active:#ffffffbd}html:has(web-ui-theme[resolved-appearance=dark]:not(web-ui-theme *)){--wui-scrollbar-handle:#ffffff80;--wui-scrollbar-handle-hover:#ffffff9e;--wui-scrollbar-handle-active:#ffffffbd}