@fangxinyan/lumina 0.10.0 → 0.10.1

package/docs/llms/select.md

@@ -218,7 +218,7 @@ loading 时显示 spinner,emptyContent 自定义空态。
 | listHeight | `number` | `260` | 菜单选项滚动区域最大高度 |
 | popupStyle | `CSSProperties` | — | Portal 菜单内联样式，可覆盖宽度或高度 |
 | size | `"sm" | "md" | "lg"` | `"md"` | 尺寸 |
-| invalid | `boolean` | `false` | 错误态，同时输出 aria-invalid；显式 ARIA 属性优先 |
+| invalid | `boolean` | `false` | 错误态 |
 | disabled | `boolean` | `false` | 禁用 |
 
 

package/docs/llms/slider.md

@@ -10,14 +10,6 @@ import { Slider } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Slider size="sm" defaultValue={30} ariaLabel="小号" /><Slider size="md" invalid defaultValue={50} ariaLabel="校验错误" />
-```
-
 ### 基础用法
 
 ```tsx
@@ -77,8 +69,6 @@ marks 配合 colors 可直观表达冷暖等语义。
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| invalid | `boolean` | `false` | 显示校验错误并向实际交互控件输出 aria-invalid；显式 aria-invalid 优先 |
-| size | `"sm" | "md" | "lg"` | `"md"` | 统一尺寸阶梯 |
 | value / defaultValue | `number | [number, number]` | — | 受控/初始;range 模式下为 [number, number] |
 | onChange | `(value) => void` | — | 变更回调,range 模式返回元组 |
 | min / max / step | `number` | — | 区间与步进;非法边界或非正步长会安全归一化 |

package/docs/llms/spin.md

@@ -10,19 +10,11 @@ import { Spin } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Spin size="sm"/><Spin size="md"/><Spin size="lg"/>
-```
-
 ### 基础
 
 ```tsx
 <Spin />
-<Spin size="lg" />
+<Spin size="large" />
 <Spin size={40} />
 ```
 
@@ -56,7 +48,7 @@ import { Spin } from "@fangxinyan/lumina";
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| size | `"sm" | "md" | "lg" | "small" | "default" | "large" | number` | `"md"` | 尺寸 |
+| size | `"small" | "default" | "large" | number` | `"default"` | 尺寸 |
 | tone | `"accent" | "success" | "warning" | "danger" | "current"` | `"accent"` | 色调 |
 | variant | `"ring" | "dots"` | `"ring"` | 样式 |
 | tip / label | `ReactNode` | — | 文案 |

package/docs/llms/switch.md

@@ -10,14 +10,6 @@ import { Switch } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Switch size="sm" label="SM"/><Switch size="md" label="MD"/><Switch size="lg" label="LG"/>
-```
-
 ### 基础用法
 
 ```tsx
@@ -87,7 +79,7 @@ checkedChildren / unCheckedChildren 在轨道内显示简短文字(如 ON/OFF)
 | label | `ReactNode` | — | 右侧文案 |
 | checkedChildren | `ReactNode` | — | 轨道内选中状态文本/图标 |
 | unCheckedChildren | `ReactNode` | — | 轨道内未选中状态文本/图标 |
-| size | `"sm" | "md" | "lg"` | `"md"` | 尺寸 |
+| size | `"sm" | "md"` | `"md"` | 尺寸 |
 | name / value | `string` | — | 原生表单字段名与开启时提交的值 |
 | required / form | `boolean / string` | — | 原生必填约束与关联 form id |
 | invalid | `boolean` | `false` | 错误态，可由 Form.Item 自动注入 |

package/docs/llms/tabs.md

@@ -10,14 +10,6 @@ import { Tabs } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Tabs size="sm" variant="segmented" items={[{key:"a",label:"小号"},{key:"b",label:"更多"}]} /><Tabs size="md" items={[{key:"a",label:"中号"},{key:"b",label:"更多"}]} />
-```
-
 ### 基础
 
 ```tsx
@@ -65,7 +57,6 @@ centered 让标签条在容器中水平居中。
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| size | `"sm" | "md" | "lg"` | `"md"` | 统一尺寸阶梯 |
 | items \* | `TabItem[]` | — | 标签数据 |
 | activeKey / defaultActiveKey | `string` | — | 受控/初始激活 |
 | onChange | `(key: string) => void` | — | 切换 |

package/docs/llms/tag.md

@@ -10,14 +10,6 @@ import { Tag } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Tag size="xs">XS</Tag><Tag size="sm">SM</Tag><Tag size="md">MD</Tag>
-```
-
 ### 语气
 
 ```tsx
@@ -73,7 +65,6 @@ removable + onRemove 实现关闭按钮。
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| size | `"xs" | "sm" | "md" | "lg"` | `"xs"` | 统一尺寸阶梯 |
 | tone | `"neutral" | "accent" | "info" | "success" | "warning" | "danger"` | `"neutral"` | 色调 |
 | solid | `boolean` | `false` | 实心填充 |
 | dot | `boolean` | `false` | 前置圆点 |

package/docs/llms/textarea.md

@@ -10,14 +10,6 @@ import { Textarea, TextArea, Input } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 统一尺寸与状态
-
-统一尺寸与主题变量，实例样式仍优先。
-
-```tsx
-<Textarea size="sm" placeholder="小号" rows={2} /><Textarea size="md" placeholder="中号" rows={2} />
-```
-
 ### 基础用法
 
 Textarea 直接暴露原生 textarea ref 和常用原生属性。
@@ -50,7 +42,7 @@ allowClear、maxLength、showCount 可组合使用,适合受限文本输入。
 
 ### 错误与禁用
 
-invalid 同时设置错误样式与 aria-invalid；错误文案由 Field 或 Form.Item 展示。
+invalid 只负责视觉状态;错误文案通常交给 Field 或 Form.Item 展示。
 
 ```tsx
 <Textarea invalid defaultValue="太短" />
@@ -75,14 +67,13 @@ invalid 同时设置错误样式与 aria-invalid；错误文案由 Field 或 For
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| size | `"sm" | "md" | "lg"` | `"md"` | 字号和内边距档位，不覆盖 rows |
 | value / defaultValue | `string` | — | 受控值 / 初值 |
 | onChange | `(event) => void` | — | 变更回调,传入 React 原生事件 |
 | onValueChange | `(value: string, event) => void` | — | 值回调便捷写法 |
 | allowClear | `boolean` | `false` | 右上角显示清除按钮 |
 | maxLength | `number` | — | 最大字符数,透传至原生 textarea |
 | showCount | `boolean` | `false` | 显示字数统计;有 maxLength 时显示 N / max |
-| invalid | `boolean` | `false` | 错误态，同时输出 aria-invalid；显式 ARIA 属性优先 |
+| invalid | `boolean` | `false` | 错误态 |
 | disabled | `boolean` | `false` | 禁用 |
 | rows | `number` | — | 文本域可见行数,透传至原生 textarea |
 | className / style / id / data-* / aria-* | `native attrs` | — | 透传至原生 textarea |

package/docs/llms/theme.md

@@ -10,14 +10,6 @@ import { ThemeProvider, useTheme, applyTheme, LUMINA_THEME_PRESETS, cloneLuminaT
 
 ## 示例
 
-### 静态嵌套深色
-
-只设置 data-theme 也会在当前作用域重新计算阴影与禁用颜色；muted 用于辅助信息，subtle 仅用于占位和弱提示。
-
-```tsx
-<div data-theme="dark" style={{padding:"var(--gap-6)",background:"var(--bg)",borderRadius:"var(--r-md)"}}><Row><Button>深色按钮</Button><Input placeholder="深色输入"/></Row></div>
-```
-
 ### 基础用法
 
 用 ThemeProvider 包住应用,所有 lumina 组件自动生效。
@@ -121,22 +113,6 @@ t.setTokens({
 });
 ```
 
-### 通用间距与内边距
-
-库内留白 = 原有尺寸 × spacing-scale × 分类倍率，默认倍率均为 1；不改变控件高度、字号和阴影。组件精确长度覆盖倍率结果，实例 style 优先。阴影安全区独立配置，定位、隐藏节点和图形几何不参与留白缩放。
-
-```tsx
-<ThemeProvider target="scope"
-  tokens={{ "spacing-scale": "0.8", "padding-scale": "0.75", "gap-scale": "0.75" }}
-  components={{ Button: { tokens: { paddingX: "10px", paddingY: "2px", gap: "4px" } } }}>
-  <Card title="可配置留白" bodyLayout="stack">
-    <Input placeholder="输入框继承全局留白倍率" />
-    <Button icon="check">按钮使用类型配置</Button>
-    <Button theme={{ tokens: { paddingX: "24px" } }}>实例单独覆盖</Button>
-  </Card>
-</ThemeProvider>
-```
-
 ### 预设强调色
 
 内置 6 种拟态强调色,点击切换。
@@ -250,7 +226,7 @@ applyTheme(document.documentElement, {
 | intensity | `number` | `5` | 阴影强度;ThemePanel 默认调节范围 0-20 |
 | radius | `number` | `20` | 圆角基准 px |
 | font | `FontConfig` | `"sf"` | 字体预设或 CSS 栈 |
-| tokens | `ThemeTokens` | — | 任意 CSS 变量覆写;推荐用语义阴影 token 和 shadow-scale(0.2-3) / shadow-float-scale(0.2-4) 控制阴影系统 |
+| tokens | `Record<string, string>` | — | 任意 CSS 变量覆写;推荐用语义阴影 token 和 shadow-scale(0.2-3) / shadow-float-scale(0.2-4) 控制阴影系统 |
 | themes | `Record<string, ThemePreset>` | — | 命名自定义模式 preset |
 | LUMINA_THEME_PRESETS | `Record<BuiltInLuminaThemePresetKey, ThemePreset>` | — | 可复用的 light/dark/porcelain/graphite/ember/assistant 内置预设 |
 | cloneLuminaThemePreset / pickLuminaThemePresets | `function` | — | 克隆单个或挑选多个内置主题，避免修改共享预设 |
@@ -284,21 +260,6 @@ applyTheme(document.documentElement, {
 | reset() | `() => void` | — | 重置到初始 props |
 
 
-**间距配置 ThemeSpacingTokens**
-
-| Prop | 类型 | 默认 | 说明 |
-| --- | --- | --- | --- |
-| spacing-scale | `string` | `1` | 整体留白倍率；与 padding-scale / gap-scale / margin-scale 相乘，0 表示收起可缩放留白 |
-| padding-scale / gap-scale / margin-scale | `string` | `1` | 分别控制内边距、flex/grid 间隔、内容外间距；支持全局 tokens 和组件短 tokens |
-| ctrl-pad-x / ctrl-pad-x-sm / ctrl-pad-x-lg | `CSS length` | `18px / 12px / 24px` | 普通、小型、大型控件的水平内边距基值，按当前密度回退；继续参与倍率计算 |
-| ctrl-pad-y | `CSS length` | `0px` | 按钮垂直内边距基值；不会改变 size / density 决定的高度，图标按钮保持方形 |
-| overlay-body-padding | `CSS length` | — | Modal / Drawer 正文安全区的精确长度；独立于倍率，未设置时保留拟态阴影所需空间 |
-| 组件 tokens.padding / paddingX / paddingY | `CSS padding / length` | — | 根表面精确内边距，覆盖倍率结果；Button、Input、Card、Surface、Select、Modal 等支持；完整 padding 优先于轴向值 |
-| 组件 tokens.itemPadding / itemPaddingX / itemPaddingY | `CSS padding / length` | — | Table、Tabs、Select、List 等内部内容项的精确内边距 |
-| 组件 tokens.gap / itemGap / bodyPadding | `CSS length` | — | 主内容间隔；Form 的标签与控件间隔；Modal / Drawer 的正文安全区。使用对应组件支持的插槽 |
-| 作用范围 | `-` | — | 库内布局响应倍率，业务自行设置的 style / gap / padding 不自动缩放；保留箭头预留空间、滑块刻度、图形几何与隐藏节点。self 主题仅作用于当前组件，subtree 主题继续向后代及 Portal 传递 |
-
-
 **组件 theme 与定向覆盖**
 
 | Prop | 类型 | 默认 | 说明 |

package/docs/llms/themepanel.md

@@ -10,27 +10,6 @@ import { ThemeProvider, ThemePanel, THEME_PANEL_DEFAULT_PRESET_OPTIONS, THEME_PA
 
 ## 示例
 
-### 间距与内边距管理
-
-支持整体留白、内边距、内容间隔、外间距四种倍率；可选择按钮、表格等组件精调长度。数字失焦后转为 px，清空恢复默认。间距配置可随主题保存，刷新预览仍保留。
-
-```tsx
-<ThemeProvider target="scope" storageKey="app:spacing">
-  <ThemePanel sections={["spacing", "advanced"]} />
-  <Card title="任务设置" bodyLayout="stack">
-    <Form>
-      <Form.Item label="任务名称"><Input defaultValue="同步任务" /></Form.Item>
-      <Form.Item label="执行方式">
-        <Select defaultValue="auto" options={[{ value: "auto", label: "自动执行" }, { value: "manual", label: "手动执行" }]} />
-      </Form.Item>
-    </Form>
-    <Button icon="check">保存设置</Button>
-    <Button theme={{ tokens: { paddingX: "24px", gap: "12px" } }}>独立内边距</Button>
-    <Table rowKey="id" columns={[{ key: "name", dataIndex: "name", title: "任务" }]} data={[{ id: 1, name: "同步配置" }]} />
-  </Card>
-</ThemeProvider>
-```
-
 ### 完整面板
 
 默认包含浅色、深色、瓷白、助手、助手暗五个主题卡片,并提供简洁/深度两档新建主题入口;高级调整区可编辑当前主题的 token、palette 和自定义字体,默认主题另存时可填写新主题名和副标题,非默认主题可直接改名、修改副标题后保存。
@@ -100,7 +79,7 @@ const [themes, setThemes] = React.useState<ThemePresets>({});
 | --- | --- | --- | --- |
 | title | `ReactNode` | `"主题"` | 面板标题;传 null 可隐藏标题文本 |
 | description | `ReactNode` | `"快速调整当前 Lumina 主题"` | 面板副标题 |
-| sections | `ThemePanelSection[]` | — | 显示哪些设置分区；spacing 管理全局及组件类型的间距，advanced 编辑 token / palette，shadow 控制阴影。默认包含 spacing。 |
+| sections | `ThemePanelSection[]` | — | 展示的控制区及顺序;advanced 区提供完整 token / palette 编辑,shadow 区同时控制 intensity / shadow-scale / shadow-float-scale |
 | modeOptions | `ThemePanelModeOption[]` | — | 模式切换项 |
 | presetOptions | `ThemePanelPresetOption[]` | — | 命名主题预设卡片;不传时使用浅色/深色/瓷白/助手/助手暗 + theme.themes,也可完全由业务侧控制 |
 | defaultCustomAccent | `string` | `"#845ef7"` | 自定义强调色初始值 |

package/docs/llms/typography.md

@@ -16,7 +16,7 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 <Typography>
   <Typography.Title level={2}>Lumina 排版</Typography.Title>
   <Typography.Paragraph>...</Typography.Paragraph>
-  <Typography.Text tone="secondary">次要文字</Typography.Text>
+  <Typography.Text type="secondary">次要文字</Typography.Text>
   <Typography.Link href="..." external>外部链接</Typography.Link>
 </Typography>
 ```
@@ -30,7 +30,7 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 ### 语义色
 
 ```tsx
-<Typography.Text tone="success">...</Typography.Text>
+<Typography.Text type="success">...</Typography.Text>
 ```
 
 ### 文字修饰
@@ -76,7 +76,6 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| type | `TypographyType` | — | 已弃用的 tone 别名；两者同时传入时 tone 优先 |
 | level | `1 | 2 | 3 | 4 | 5` | `1` | 标题级别 |
 
 
@@ -84,7 +83,7 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| tone | `"secondary" | "success" | "warning" | "danger"` | — | 语义色 |
+| type | `"secondary" | "success" | "warning" | "danger"` | — | 语义色 |
 | disabled | `boolean` | `false` | 禁用态 |
 | mark / code / keyboard / underline / delete / strong / italic | `boolean` | `false` | 文字修饰 |
 | copyable | `boolean | CopyableConfig` | — | 显示复制按钮 |

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.10.0`
+- **版本**: `0.10.1`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)
@@ -63,7 +63,6 @@
 - [Slider 滑块](./llms/slider.md) — 在连续数值区间内取值。
 - [Select 下拉选择](./llms/select.md) — 下拉选择,支持单/多选、搜索、分组、加载态。
 - [AutoComplete 自动补全](./llms/autocomplete.md) — 输入时展示建议下拉,不限定必须从候选中选。
-- [Segmented 分段选择](./llms/segmented.md) — 统一的互斥选择控件。
 - [Cascader 级联选择](./llms/cascader.md) — 层级关联数据集合中的多级选择。
 - [DatePicker 日期选择](./llms/datepicker.md) — 输入框触发的日期选择器,复用 Calendar 并支持范围、禁用日期和格式化。
 - [DateTimePicker 日期时间选择](./llms/datetimepicker.md) — 输入框触发的日期时间选择器,把 Calendar 与时分秒列组合在同一个浮层内。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -336,8 +336,7 @@
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js",
       "require": "./dist/*.cjs"
-    },
-    "./utilities": "./dist/utilities.css"
+    }
   },
   "files": [
     "dist",
@@ -358,12 +357,7 @@
     "test:unit": "vitest run --root . --environment jsdom",
     "gen:docs": "node scripts/gen-llms-doc.mjs",
     "verify:public-api": "node scripts/verify-public-api.mjs",
-    "prepublishOnly": "npm run gen:tokens && npm run typecheck && npm run test:unit && npm run gen:docs && npm run build:lib && npm run verify:public-api",
-    "gen:tokens": "node scripts/gen-tokens.mjs",
-    "verify:tokens": "node scripts/gen-tokens.mjs --check",
-    "predev": "npm run gen:tokens",
-    "prebuild": "npm run gen:tokens",
-    "prebuild:lib": "npm run gen:tokens"
+    "prepublishOnly": "npm run typecheck && npm run test:unit && npm run gen:docs && npm run build:lib && npm run verify:public-api"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/Alert-A45U55ZL.css

@@ -1,55 +0,0 @@
-/* ============ Alert ============ */
-.alert {
-  display: flex;
-  gap: var(--lmn-alert-gap, calc(12px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-gap-scale, var(--gap-scale))));
-  align-items: flex-start;
-  padding: var(--lmn-alert-padding, var(--lmn-alert-padding-y, calc(14px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-padding-scale, var(--padding-scale)))) var(--lmn-alert-padding-x, calc(16px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-padding-scale, var(--padding-scale)))));
-  border-radius: var(--r-md);
-  background: var(--lmn-alert-bg, var(--bg));
-  box-shadow: var(--lmn-alert-neu-shadow-inset, var(--neu-shadow-inset));
-  position: relative;
-}
-.alert-ico {
-  width: 20px; height: 20px;
-  display: grid; place-items: center;
-  flex-shrink: 0;
-  margin-top: calc(1px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-margin-scale, var(--margin-scale)));
-  line-height: 0;
-}
-.alert-ico img {
-  display: block;
-  width: 16px;
-  height: 16px;
-  object-fit: contain;
-}
-.alert.info    .alert-ico { color: var(--lmn-alert-info, var(--info)); }
-.alert.success .alert-ico { color: var(--lmn-alert-success, var(--success)); }
-.alert.warning .alert-ico { color: var(--lmn-alert-warning, var(--warning)); }
-.alert.danger  .alert-ico { color: var(--lmn-alert-danger, var(--danger)); }
-.alert-body  { flex: 1; min-width: 0; }
-.alert-title { font-size: var(--fs-md); font-weight: 600; margin-bottom: calc(3px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-margin-scale, var(--margin-scale))); line-height: 1.4; }
-.alert-desc  { font-size: var(--fs-sm); color: var(--lmn-alert-fg-muted, var(--fg-muted)); line-height: 1.55; }
-.alert.no-title { align-items: center; }
-.alert.no-title .alert-ico { margin-top: 0; }
-.alert.no-icon { gap: 0; }
-
-.alert-action {
-  display: flex;
-  align-items: center;
-  gap: calc(6px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-gap-scale, var(--gap-scale)));
-  flex-shrink: 0;
-  margin-left: calc(4px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-margin-scale, var(--margin-scale)));
-}
-.alert:has(.alert-close) .alert-action { margin-right: calc(26px * var(--lmn-alert-spacing-scale, var(--spacing-scale)) * var(--lmn-alert-margin-scale, var(--margin-scale))); }
-
-.alert-close {
-  position: absolute; top: 10px; right: 10px;
-  width: 22px; height: 22px; border-radius: var(--r-xs);
-  display: grid; place-items: center;
-  color: var(--lmn-alert-fg-subtle, var(--fg-subtle));
-  cursor: pointer;
-  border: none; background: transparent;
-}
-.alert-close:hover { color: var(--lmn-alert-fg, var(--fg)); background: var(--lmn-alert-bg, var(--bg)); box-shadow: var(--lmn-alert-neu-shadow-subtle, var(--neu-shadow-subtle)); }
-
-.alert-close:focus-visible { outline: 2px solid var(--lmn-alert-accent, var(--accent)); outline-offset: 2px; }

package/dist/AppShell-IEHTB55N.css

@@ -1,200 +0,0 @@
-/* ============ TitleBar (Electron) ============ */
-.titlebar {
-  display: flex;
-  align-items: center;
-  gap: var(--lmn-app-shell-gap, calc(var(--gap-3) * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))));
-  padding: var(--lmn-app-shell-padding, var(--lmn-app-shell-padding-y, 0) var(--lmn-app-shell-padding-x, calc(var(--gap-3) * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))));
-  height: 40px;
-  background: var(--lmn-app-shell-bg, var(--bg));
-  -webkit-app-region: drag;
-  user-select: none;
-  border-bottom: 1px solid var(--lmn-app-shell-divider, var(--divider));
-  position: relative;
-  z-index: 5;
-  overflow: visible;
-}
-.titlebar.windows { padding-right: 0; }
-.titlebar.no-drag { -webkit-app-region: no-drag; }
-.titlebar-title {
-  display: inline-flex;
-  align-items: center;
-  gap: calc(10px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale)));
-  font-weight: 500;
-  font-size: var(--fs-md);
-  flex-shrink: 0;
-  min-width: 0;
-}
-.titlebar-center {
-  position: absolute; left: 50%; transform: translateX(-50%);
-  display: inline-flex; align-items: center; gap: calc(8px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale)));
-  -webkit-app-region: no-drag;
-}
-.titlebar-actions {
-  margin-left: auto;
-  display: inline-flex; align-items: center; gap: calc(6px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale)));
-  -webkit-app-region: no-drag;
-  flex-shrink: 0;
-}
-
-/* macOS traffic lights */
-.win-controls { flex-shrink: 0; }
-.win-controls.mac { display: inline-flex; gap: calc(8px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))); -webkit-app-region: no-drag; }
-.win-controls.mac .win-btn {
-  width: 13px; height: 13px;
-  border: none; padding: 0;
-  border-radius: var(--r-pill);
-  background: var(--lmn-app-shell-bg, var(--bg));
-  box-shadow: var(--lmn-app-shell-neu-shadow-subtle, var(--neu-shadow-subtle));
-  position: relative;
-  cursor: pointer;
-  transition: transform var(--dur-fast) var(--ease);
-}
-.win-controls.mac .win-btn::after {
-  content: "";
-  position: absolute; inset: 2px;
-  border-radius: var(--r-pill);
-  background: var(--dot, var(--lmn-app-shell-fg-subtle, var(--fg-subtle)));
-}
-.win-controls.mac .win-btn.close    { --dot: #ff5f57; }
-.win-controls.mac .win-btn.minimize { --dot: #febc2e; }
-.win-controls.mac .win-btn.maximize { --dot: #28c840; }
-.win-controls.mac .win-btn:hover { transform: scale(1.08); }
-.win-controls .win-btn:disabled {
-  cursor: default;
-  pointer-events: none;
-}
-
-/* Windows controls */
-.win-controls.windows {
-  display: inline-flex;
-  -webkit-app-region: no-drag;
-  margin-left: calc(8px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-margin-scale, var(--margin-scale)));
-  flex-shrink: 0;
-}
-.win-controls.windows .win-btn {
-  width: 38px;
-  height: 28px;
-  border: 0;
-  padding: 0;
-  border-radius: var(--r-xs);
-  background: transparent;
-  color: var(--lmn-app-shell-fg-muted, var(--fg-muted));
-  display: inline-grid;
-  place-items: center;
-  cursor: pointer;
-  transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
-  margin: 0 calc(1px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-margin-scale, var(--margin-scale)));
-  flex-shrink: 0;
-  overflow: visible;
-}
-.win-controls.windows .win-btn svg { display: block; flex-shrink: 0; }
-.win-controls.windows .win-btn:hover { background: var(--lmn-app-shell-bg, var(--bg)); box-shadow: var(--lmn-app-shell-neu-shadow-inset, var(--neu-shadow-inset)); color: var(--lmn-app-shell-fg, var(--fg)); }
-.win-controls.windows .win-btn.close:hover {
-  background: var(--lmn-app-shell-danger, var(--danger));
-  color: var(--on-accent);
-  box-shadow: 2px 2px 4px color-mix(in oklch, var(--lmn-app-shell-danger, var(--danger)) 30%, var(--lmn-app-shell-shadow-dark, var(--shadow-dark)));
-}
-
-/* ============ Sidebar ============ */
-.sidebar {
-  display: flex;
-  flex-direction: column;
-  width: 220px;
-  padding: var(--lmn-app-shell-padding, var(--lmn-app-shell-padding-y, calc(12px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))) var(--lmn-app-shell-padding-x, calc(12px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))));
-  background: var(--lmn-app-shell-bg, var(--bg));
-  border-right: 1px solid var(--lmn-app-shell-divider, var(--divider));
-  flex-shrink: 0;
-  overflow-y: auto;
-  gap: var(--lmn-app-shell-gap, calc(4px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))));
-}
-.sidebar.collapsed { width: 64px; }
-.sidebar-header { padding: calc(4px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale))) calc(8px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale))) calc(12px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale))); border-bottom: 1px solid var(--lmn-app-shell-divider, var(--divider)); margin-bottom: calc(8px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-margin-scale, var(--margin-scale))); }
-.sidebar-footer { margin-top: auto; padding-top: calc(12px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale))); border-top: 1px solid var(--lmn-app-shell-divider, var(--divider)); }
-.sidebar-nav { display: flex; flex-direction: column; gap: calc(2px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))); }
-.sidebar-children { display: flex; flex-direction: column; gap: calc(2px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))); }
-.sidebar-item {
-  display: flex; align-items: center; gap: var(--lmn-app-shell-gap, calc(10px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-gap-scale, var(--gap-scale))));
-  padding: var(--lmn-app-shell-item-padding, var(--lmn-app-shell-item-padding-y, calc(10px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))) var(--lmn-app-shell-item-padding-x, calc(12px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))) var(--lmn-app-shell-item-padding-y, calc(10px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))) var(--lmn-app-shell-item-padding-x, calc(calc(12px + var(--sidebar-indent, 0px)) * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)))));
-  border: none;
-  border-radius: var(--r-sm);
-  background: transparent;
-  color: var(--lmn-app-shell-fg-muted, var(--fg-muted));
-  font-size: var(--fs-md);
-  font-family: inherit;
-  text-align: left;
-  cursor: pointer;
-  width: 100%;
-  transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
-}
-.sidebar-item:hover { color: var(--lmn-app-shell-fg, var(--fg)); background: var(--lmn-app-shell-bg, var(--bg)); box-shadow: var(--lmn-app-shell-neu-shadow-subtle, var(--neu-shadow-subtle)); }
-.sidebar-item.active {
-  color: var(--lmn-app-shell-accent-ink, var(--accent-ink));
-  background: var(--lmn-app-shell-bg, var(--bg));
-  box-shadow: var(--lmn-app-shell-neu-shadow-inset, var(--neu-shadow-inset));
-  font-weight: 500;
-}
-.sidebar-icon { display: inline-flex; flex-shrink: 0; }
-.sidebar-label { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.sidebar-badge {
-  font-size: var(--fs-xs);
-  padding: calc(1px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale))) calc(7px * var(--lmn-app-shell-spacing-scale, var(--spacing-scale)) * var(--lmn-app-shell-padding-scale, var(--padding-scale)));
-  border-radius: var(--r-pill);
-  background: var(--lmn-app-shell-accent, var(--accent));
-  color: var(--on-accent);
-  font-weight: 600;
-}
-.sidebar-expand {
-  display: inline-flex;
-  flex-shrink: 0;
-  color: var(--lmn-app-shell-fg-subtle, var(--fg-subtle));
-  transition: transform var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
-}
-.sidebar-expand.open {
-  color: var(--lmn-app-shell-accent, var(--accent));
-  transform: rotate(180deg);
-}
-
-/* ============ AppShell ============ */
-.app-shell {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100vh;
-  height: 100dvh;
-  background: var(--lmn-app-shell-bg, var(--bg));
-  color: var(--lmn-app-shell-fg, var(--fg));
-  overflow: hidden;
-  position: relative;
-}
-.app-shell-body {
-  flex: 1;
-  display: flex;
-  min-height: 0;
-}
-.app-shell-main {
-  flex: 1;
-  min-width: 0;
-  overflow: auto;
-}
-
-@media (max-width: 720px) {
-  .titlebar-center {
-    position: static;
-    flex: 1;
-    min-width: 0;
-    justify-content: center;
-    overflow: hidden;
-    transform: none;
-  }
-  .titlebar-title,
-  .titlebar-center,
-  .titlebar-actions {
-    max-width: 34%;
-  }
-  .sidebar:not(.collapsed) { width: 180px; }
-}
-
-/* 组件自己的键盘轮廓不依赖全局阴影规则，也不覆盖错误态阴影。 */
-.win-btn:focus-visible,
-.sidebar-item:focus-visible,
-.sidebar-group-head:focus-visible { outline: 2px solid var(--lmn-app-shell-accent, var(--accent)); outline-offset: 2px; }