@fangxinyan/lumina 0.5.1 → 0.6.1

package/dist/styles.css

@@ -711,11 +711,28 @@ input, textarea, select { font-family: inherit; color: inherit; }
 .slider.disabled .slider-mark { pointer-events: none; }
 /* ============ Progress ============ */
 .progress {
+  --progress-fill: var(--accent);
+  --progress-fill-glow: var(--accent-glow);
+  --progress-inset: 2px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
+.progress.sm { --progress-inset: 1px; }
+.progress.lg { --progress-inset: 2px; }
+.progress.success {
+  --progress-fill: var(--success);
+  --progress-fill-glow: color-mix(in oklch, var(--success) 35%, transparent);
+}
+.progress.warning {
+  --progress-fill: var(--warning);
+  --progress-fill-glow: color-mix(in oklch, var(--warning) 35%, transparent);
+}
+.progress.danger {
+  --progress-fill: var(--danger);
+  --progress-fill-glow: color-mix(in oklch, var(--danger) 35%, transparent);
+}
 .progress-label {
   display: flex;
   justify-content: space-between;
@@ -727,7 +744,13 @@ input, textarea, select { font-family: inherit; color: inherit; }
   width: 100%;
   height: 10px;
   border-radius: 999px;
-  background: var(--bg);
+  padding: var(--progress-inset);
+  box-sizing: border-box;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--bg) 88%, var(--shadow-light)),
+    color-mix(in oklch, var(--bg) 92%, var(--shadow-dark))
+  );
   box-shadow: var(--neu-in-sm);
   overflow: hidden;
   position: relative;
@@ -735,41 +758,36 @@ input, textarea, select { font-family: inherit; color: inherit; }
 .progress.sm .progress-track { height: 6px; }
 .progress.lg .progress-track { height: 14px; }
 .progress-bar {
-  height: 100%;
-  background: linear-gradient(90deg, color-mix(in oklch, var(--accent) 70%, white), var(--accent));
-  border-radius: 999px;
-  box-shadow: 0 0 12px var(--accent-glow);
-  transition: width var(--dur-slow) var(--ease);
-}
-.progress.success .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--success) 70%, white), var(--success)); box-shadow: 0 0 10px color-mix(in oklch, var(--success) 35%, transparent); }
-.progress.warning .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--warning) 70%, white), var(--warning)); box-shadow: 0 0 10px color-mix(in oklch, var(--warning) 35%, transparent); }
-.progress.danger  .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--danger) 70%, white), var(--danger));  box-shadow: 0 0 10px color-mix(in oklch, var(--danger) 35%, transparent); }
-.ring {
-  --size: 72px;
-  --val: 50;
-  width: var(--size); height: var(--size);
-  border-radius: 999px;
-  background: conic-gradient(var(--accent) calc(var(--val) * 1%), var(--bg-sunken) 0);
-  display: grid; place-items: center;
   position: relative;
-  box-shadow: var(--neu-out-sm);
+  height: 100%;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--progress-fill) 68%, var(--shadow-light)) 0%,
+    var(--progress-fill) 55%,
+    color-mix(in oklch, var(--progress-fill) 84%, var(--shadow-dark)) 100%
+  );
+  box-shadow:
+    inset 1px 1px 2px color-mix(in oklch, var(--progress-fill) 18%, var(--shadow-dark)),
+    inset -1px -1px 2px color-mix(in oklch, var(--progress-fill) 14%, var(--shadow-light)),
+    1px 1px 4px color-mix(in oklch, var(--progress-fill) 16%, var(--shadow-dark)),
+    -1px -1px 4px color-mix(in oklch, var(--progress-fill) 10%, var(--shadow-light)),
+    0 0 10px var(--progress-fill-glow);
+  transition: width var(--dur-slow) var(--ease), box-shadow var(--dur) var(--ease);
+  overflow: hidden;
 }
-.ring.success { background: conic-gradient(var(--success) calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring.warning { background: conic-gradient(var(--warning) calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring.danger  { background: conic-gradient(var(--danger)  calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring::before {
+.progress-bar::before {
   content: "";
   position: absolute;
-  inset: 8px;
-  border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-}
-.ring-label {
-  position: relative;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--accent-ink);
+  inset: 0;
+  border-radius: inherit;
+  background: linear-gradient(
+    180deg,
+    color-mix(in oklch, var(--shadow-light) 72%, transparent) 0%,
+    color-mix(in oklch, var(--shadow-light) 28%, transparent) 38%,
+    transparent 70%
+  );
+  pointer-events: none;
 }
 /* ============ Tag & Badge ============ */
 .tag {

package/docs/llms/appshell.md

@@ -0,0 +1,36 @@
+# AppShell 应用外壳
+
+> 组合 TitleBar、Sidebar 与主内容区的 Electron 桌面布局容器。
+
+## 导入
+
+```tsx
+import { AppShell, TitleBar, Sidebar, StatusBar } from "@fangxinyan/lumina";
+```
+
+## 示例
+
+### 完整工作台外壳
+
+```tsx
+<AppShell
+  titleBar={<TitleBar title="Lumina Mail" platform="mac" />}
+  sidebar={<Sidebar items={items} activeKey={active} onSelect={setActive} />}
+>
+  <main>...</main>
+</AppShell>
+```
+
+## API
+
+**AppShell**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| titleBar | `ReactNode` | — | 顶部标题栏区域 |
+| sidebar | `ReactNode` | — | 左侧导航区域 |
+| children | `ReactNode` | — | 主内容区 |
+
+
+---
+[← 回到索引](../llms.md)

package/docs/llms/progress.md

@@ -1,11 +1,11 @@
 # Progress 进度
 
-> 条形进度 Progress 与环形进度 Ring。
+> 条形进度 Progress。
 
 ## 导入
 
 ```tsx
-import { Progress, Ring } from "@fangxinyan/lumina";
+import { Progress } from "@fangxinyan/lumina";
 ```
 
 ## 示例
@@ -16,19 +16,19 @@ import { Progress, Ring } from "@fangxinyan/lumina";
 <Progress value={v} label="下载中" showValue />
 ```
 
-### 尺寸
+### 自定义颜色
 
 ```tsx
-<Progress size="sm" value={60} />
-<Progress value={60} />
-<Progress size="lg" value={60} />
+<Progress value={66} color="oklch(72% 0.18 285)" label="品牌同步" showValue />
+<Progress value={38} color="#22c1c3" label="音频缓冲" showValue />
 ```
 
-### 环形进度
+### 尺寸
 
 ```tsx
-<Ring value={65} />
-<Ring value={90} tone="success" size={80}><strong>90%</strong></Ring>
+<Progress size="sm" value={60} />
+<Progress value={60} />
+<Progress size="lg" value={60} />
 ```
 
 ## API
@@ -40,19 +40,11 @@ import { Progress, Ring } from "@fangxinyan/lumina";
 | value \* | `number` | — | 0–max 之间 |
 | max | `number` | `100` | 最大值 |
 | tone | `"accent" | "success" | "warning" | "danger"` | `"accent"` | 色调 |
+| color | `string` | — | 自定义填充色,覆盖 tone |
 | size | `"sm" | "md" | "lg"` | `"md"` | 尺寸 |
 | label | `ReactNode` | — | 顶部文案 |
 | showValue | `boolean` | `false` | 显示百分比 |
 
 
-**Ring**
-
-| Prop | 类型 | 默认 | 说明 |
-| --- | --- | --- | --- |
-| value \* | `number` | — | 0–100 |
-| size | `number` | `72` | 直径 (px) |
-| tone | `"accent" | "success" | ...` | `"accent"` | 色调 |
-
-
 ---
 [← 回到索引](../llms.md)

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.5.1`
+- **版本**: `0.6.1`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)
@@ -23,13 +23,14 @@
    `npm install @fangxinyan/lumina`
 2. **引入样式**(任一即可):  
    ```tsx
-   import "@fangxinyan/lumina/styles"; // 一次性引入全部组件样式
+   import "@fangxinyan/lumina/styles"; // 设计令牌 + 全局 reset + 全部组件样式
    ```
    或按组件单独引入(适合 tree-shake 到极限):  
    ```tsx
-   import "@fangxinyan/lumina/tokens";         // 设计令牌 + 全局 reset
-   import { Button } from "@fangxinyan/lumina"; // 会自动带上 Button.css
+   import "@fangxinyan/lumina/tokens";         // 仅设计令牌,不含全局 reset
+   import { Button } from "@fangxinyan/lumina"; // 会自动带上 Button.css / shared.css
    ```
+   如果你还需要 reset / scrollbar / focus-visible 基线样式,请改用 `@fangxinyan/lumina/styles`。
 3. **TypeScript**: 所有 `XxxProps` 接口都是 `export`,可直接 `import { Button, type ButtonProps } from "@fangxinyan/lumina";`
 4. **主题**: 用 `<ThemeProvider>` 包根;运行时可通过 `useTheme()` 改。六种强调色 (`rose / sky / coral / mint / violet / amber`) × 两种模式 (`light / dark` + `system`) × 三档密度 (`compact / comfortable / spacious`)。详见 [`llms/theme.md`](./llms/theme.md)。
 5. **图标**: 所有接受 `icon / leadingIcon / trailingIcon` 的 prop 用字符串 `IconName`。完整列表见 [`llms/icon.md`](./llms/icon.md)。
@@ -71,7 +72,7 @@
 - [Avatar 头像](./llms/avatar.md) — 用图像、首字母代表用户或事物。
 - [Image 图片](./llms/image.md) — 凹陷外框包裹的图片容器,带预览、错误占位。
 - [Divider 分隔符](./llms/divider.md) — 对内容进行分割。
-- [Progress 进度](./llms/progress.md) — 条形进度 Progress 与环形进度 Ring。
+- [Progress 进度](./llms/progress.md) — 条形进度 Progress。
 - [Timeline 时间线](./llms/timeline.md) — 垂直时间线，支持等待状态、自定义圆点、交替布局
 - [List 列表](./llms/list.md) — 承载一组结构化的同质化数据。
 - [Table 表格](./llms/table.md) — 结构化数据展示。
@@ -99,6 +100,7 @@
 - [WindowControls 窗口控件](./llms/windowcontrols.md) — 独立的窗口控件按钮组。
 - [Sidebar 侧边栏](./llms/sidebar.md) — 应用主导航,沿屏幕左侧垂直排列。
 - [StatusBar 状态栏](./llms/statusbar.md) — 窗口底部状态栏,展示分支、编码、行列等应用元信息。
+- [AppShell 应用外壳](./llms/appshell.md) — 组合 TitleBar、Sidebar 与主内容区的 Electron 桌面布局容器。
 - [Splitter 可拖拽分栏](./llms/splitter.md) — 两栏之间可拖拽的分隔条,支持横向、纵向与嵌套。
 - [ContextMenu 右键菜单](./llms/contextmenu.md) — 桌面应用风格的右键上下文菜单。
 - [CommandPalette ⌘K 命令面板](./llms/commandpalette.md) — 全局命令搜索与执行入口。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,6 +17,81 @@
     "./llms.md": "./docs/llms.md",
     "./llms/*": "./docs/llms/*",
     "./package.json": "./package.json",
+    "./IconButton": {
+      "types": "./dist/Button.d.ts",
+      "import": "./dist/Button.js",
+      "require": "./dist/Button.cjs"
+    },
+    "./Textarea": {
+      "types": "./dist/Input.d.ts",
+      "import": "./dist/Input.js",
+      "require": "./dist/Input.cjs"
+    },
+    "./RadioGroup": {
+      "types": "./dist/Checkbox.d.ts",
+      "import": "./dist/Checkbox.js",
+      "require": "./dist/Checkbox.cjs"
+    },
+    "./Segmented": {
+      "types": "./dist/Tabs.d.ts",
+      "import": "./dist/Tabs.js",
+      "require": "./dist/Tabs.cjs"
+    },
+    "./Badge": {
+      "types": "./dist/Tag.d.ts",
+      "import": "./dist/Tag.js",
+      "require": "./dist/Tag.cjs"
+    },
+    "./Panel": {
+      "types": "./dist/Card.d.ts",
+      "import": "./dist/Card.js",
+      "require": "./dist/Card.cjs"
+    },
+    "./Spinner": {
+      "types": "./dist/Empty.d.ts",
+      "import": "./dist/Empty.js",
+      "require": "./dist/Empty.cjs"
+    },
+    "./Skeleton": {
+      "types": "./dist/Empty.d.ts",
+      "import": "./dist/Empty.js",
+      "require": "./dist/Empty.cjs"
+    },
+    "./TablePro": {
+      "types": "./dist/Table.d.ts",
+      "import": "./dist/Table.js",
+      "require": "./dist/Table.cjs"
+    },
+    "./TitleBar": {
+      "types": "./dist/AppShell.d.ts",
+      "import": "./dist/AppShell.js",
+      "require": "./dist/AppShell.cjs"
+    },
+    "./WindowControls": {
+      "types": "./dist/AppShell.d.ts",
+      "import": "./dist/AppShell.js",
+      "require": "./dist/AppShell.cjs"
+    },
+    "./Sidebar": {
+      "types": "./dist/AppShell.d.ts",
+      "import": "./dist/AppShell.js",
+      "require": "./dist/AppShell.cjs"
+    },
+    "./StatusBarItem": {
+      "types": "./dist/StatusBar.d.ts",
+      "import": "./dist/StatusBar.js",
+      "require": "./dist/StatusBar.cjs"
+    },
+    "./ToastContainer": {
+      "types": "./dist/Toast.d.ts",
+      "import": "./dist/Toast.js",
+      "require": "./dist/Toast.cjs"
+    },
+    "./toast": {
+      "types": "./dist/Toast.d.ts",
+      "import": "./dist/Toast.js",
+      "require": "./dist/Toast.cjs"
+    },
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js",
@@ -40,7 +115,8 @@
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
     "gen:docs": "node scripts/gen-llms-doc.mjs",
-    "prepublishOnly": "npm run typecheck && npm run gen:docs && npm run build:lib"
+    "verify:public-api": "node scripts/verify-public-api.mjs",
+    "prepublishOnly": "npm run typecheck && npm run gen:docs && npm run build:lib && npm run verify:public-api"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/Accordion.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Accordion.cjs"}

package/dist/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Accordion.js"}

package/dist/Alert.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Alert.cjs"}

package/dist/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Alert.js"}

package/dist/AppShell.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AppShell.cjs"}

package/dist/AppShell.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AppShell.js"}

package/dist/AutoComplete.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AutoComplete.cjs"}

package/dist/AutoComplete.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"AutoComplete.js"}

package/dist/Avatar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Avatar.cjs"}

package/dist/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Avatar.js"}

package/dist/Button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.cjs"}

package/dist/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Button.js"}

package/dist/Calendar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Calendar.cjs"}

package/dist/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Calendar.js"}

package/dist/Card.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Card.cjs"}

package/dist/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Card.js"}

package/dist/Cascader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Cascader.cjs"}

package/dist/Cascader.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Cascader.js"}

package/dist/Checkbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Checkbox.cjs"}

package/dist/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Checkbox.js"}

package/dist/ColorPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ColorPicker.cjs"}

package/dist/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ColorPicker.js"}

package/dist/CommandPalette.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CommandPalette.cjs"}

package/dist/CommandPalette.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"CommandPalette.js"}

package/dist/ContextMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ContextMenu.cjs"}

package/dist/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ContextMenu.js"}

package/dist/Divider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Divider.cjs"}

package/dist/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Divider.js"}

package/dist/Drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Drawer.cjs"}

package/dist/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Drawer.js"}

package/dist/Empty.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Empty.cjs"}

package/dist/Empty.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Empty.js"}

package/dist/Form.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Form.cjs"}

package/dist/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Form.js"}

package/dist/Icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Icon.cjs"}

package/dist/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Icon.js"}

package/dist/Image.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Image.cjs"}

package/dist/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Image.js"}

package/dist/Input.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Input.cjs"}

package/dist/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Input.js"}

package/dist/InputNumber.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"InputNumber.cjs"}

package/dist/InputNumber.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"InputNumber.js"}

package/dist/List.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"List.cjs"}

package/dist/List.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"List.js"}

package/dist/Modal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Modal.cjs"}

package/dist/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Modal.js"}

package/dist/Pagination.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Pagination.cjs"}

package/dist/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Pagination.js"}

package/dist/Popover.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Popover.cjs"}

package/dist/Popover.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Popover.js"}

package/dist/Progress-IXRSO5TW.css

@@ -1,63 +0,0 @@
-/* ============ Progress ============ */
-.progress {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.progress-label {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  color: var(--fg-muted);
-}
-.progress-label .v { font-family: var(--font-mono); }
-.progress-track {
-  width: 100%;
-  height: 10px;
-  border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-  overflow: hidden;
-  position: relative;
-}
-.progress.sm .progress-track { height: 6px; }
-.progress.lg .progress-track { height: 14px; }
-.progress-bar {
-  height: 100%;
-  background: linear-gradient(90deg, color-mix(in oklch, var(--accent) 70%, white), var(--accent));
-  border-radius: 999px;
-  box-shadow: 0 0 12px var(--accent-glow);
-  transition: width var(--dur-slow) var(--ease);
-}
-.progress.success .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--success) 70%, white), var(--success)); box-shadow: 0 0 10px color-mix(in oklch, var(--success) 35%, transparent); }
-.progress.warning .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--warning) 70%, white), var(--warning)); box-shadow: 0 0 10px color-mix(in oklch, var(--warning) 35%, transparent); }
-.progress.danger  .progress-bar { background: linear-gradient(90deg, color-mix(in oklch, var(--danger) 70%, white), var(--danger));  box-shadow: 0 0 10px color-mix(in oklch, var(--danger) 35%, transparent); }
-
-.ring {
-  --size: 72px;
-  --val: 50;
-  width: var(--size); height: var(--size);
-  border-radius: 999px;
-  background: conic-gradient(var(--accent) calc(var(--val) * 1%), var(--bg-sunken) 0);
-  display: grid; place-items: center;
-  position: relative;
-  box-shadow: var(--neu-out-sm);
-}
-.ring.success { background: conic-gradient(var(--success) calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring.warning { background: conic-gradient(var(--warning) calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring.danger  { background: conic-gradient(var(--danger)  calc(var(--val) * 1%), var(--bg-sunken) 0); }
-.ring::before {
-  content: "";
-  position: absolute;
-  inset: 8px;
-  border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-in-sm);
-}
-.ring-label {
-  position: relative;
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--accent-ink);
-}

package/dist/Progress.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Progress.cjs"}

package/dist/Progress.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Progress.js"}

package/dist/Select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Select.cjs"}

package/dist/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Select.js"}

package/dist/Slider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Slider.cjs"}

package/dist/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Slider.js"}

package/dist/Splitter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Splitter.cjs"}

package/dist/Splitter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Splitter.js"}

package/dist/StatusBar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"StatusBar.cjs"}

package/dist/StatusBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"StatusBar.js"}

package/dist/Switch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Switch.cjs"}

package/dist/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"Switch.js"}