@fangxinyan/lumina 0.6.17 → 0.7.0

package/docs/llms/theme.md

@@ -1,11 +1,11 @@
 # Theme 主题
 
-> ThemeProvider + useTheme,覆盖深浅色、自定义模式、强调色、密度、圆角、字体、阴影强度。
+> ThemeProvider + 组件 theme，支持页面、区域、组件和 Portal 使用不同色板，并可按组件类型定向覆盖。
 
 ## 导入
 
 ```tsx
-import { ThemeProvider, useTheme, applyTheme } from "@fangxinyan/lumina";
+import { ThemeProvider, useTheme, applyTheme, LUMINA_THEME_PRESETS, cloneLuminaThemePreset, pickLuminaThemePresets, Select } from "@fangxinyan/lumina";
 ```
 
 ## 示例
@@ -35,6 +35,56 @@ function Root() {
 }
 ```
 
+### 页面与组件多色组合
+
+baseColor 会生成完整拟态色板；普通组件的 theme 默认只作用于自身，Portal 浮层会复制同一色板。
+
+```tsx
+<ThemeProvider target="scope" baseColor="#e7f0fa">
+  <Card theme={{
+    baseColor: "#f5dfd4",
+    colors: { fg: "#4d342b" },
+  }}>
+    暖色卡片
+  </Card>
+
+  <Select
+    theme={{ baseColor: "#eee3f8", accent: "violet" }}
+    options={options}
+  />
+
+  <AimOutlined
+    theme={{ colors: { fg: "#7357c8" } }}
+    size={28}
+  />
+</ThemeProvider>
+```
+
+### 容器内定向修改组件
+
+components 按公共组件名称匹配后代实例，可分别覆盖派生色板、精确颜色、组件 token 与静态插槽样式。
+
+```tsx
+<Surface
+  baseColor="#f0ece6"
+  components={{
+    Button: {
+      baseColor: "#dceaf8",
+      accent: "violet",
+      tokens: { hoverBackground: "#cbdff2" },
+      styles: { root: { borderRadius: 999 } },
+    },
+    Tag: {
+      colors: { fgMuted: "#70483c" },
+    },
+  }}
+>
+  <Button>只影响容器内 Button</Button>
+  <Tag>只影响容器内 Tag</Tag>
+  <Input placeholder="未配置，继续继承容器色板" />
+</Surface>
+```
+
 ### useTheme Hook
 
 子组件随时读/改主题。下面这块被独立的 ThemeProvider 包裹,不影响全局。
@@ -96,33 +146,13 @@ t.setTokens({
 
 ### 自定义主题模式
 
-mode 可以指向 themes 中的命名 preset。base 决定 light/dark 基底,tokens 决定完整视觉。
+mode 可以指向 themes 中的命名 preset；可直接复用公开的 Lumina 内置预设。
 
 ```tsx
+import { LUMINA_THEME_PRESETS, ThemeProvider } from "lumina";
+
 const themes = {
-  graphite: {
-    label: "Graphite",
-    description: "深色",
-    base: "dark",
-    accent: {
-      accent: "oklch(72% 0.13 190)",
-      ink: "oklch(85% 0.1 190)",
-      soft: "oklch(31% 0.05 190)",
-      glow: "oklch(72% 0.13 190 / 0.18)",
-    },
-    intensity: 4,
-    radius: 18,
-    tokens: {
-      bg: "#181b22",
-      "bg-raised": "#20242d",
-      "bg-sunken": "#11141a",
-      fg: "#edf1f7",
-      "shadow-dark": "rgba(0,0,0,.58)",
-      "shadow-light": "rgba(128,146,166,.07)",
-      "shadow-scale": "1",
-      "shadow-float-scale": "1",
-    },
-  },
+  graphite: LUMINA_THEME_PRESETS.graphite,
 };
 
 <ThemeProvider mode="graphite" themes={themes}>
@@ -132,7 +162,7 @@ const themes = {
 
 ### 作用域嵌套
 
-target="scope" 只作用于子树,可以层层嵌套。
+target="scope" 只作用于子树,可以层层嵌套；Select 等 Portal 浮层也会继承所属作用域主题。
 
 ```tsx
 <ThemeProvider accent="sky">
@@ -143,6 +173,7 @@ target="scope" 只作用于子树,可以层层嵌套。
 
     <ThemeProvider target="scope" accent="mint" as="div">
       <InnerCallout />
+      <Select options={[{ label: "Mint 浮层", value: "mint" }]} />
     </ThemeProvider>
   </ThemeProvider>
 </ThemeProvider>
@@ -187,17 +218,24 @@ applyTheme(document.documentElement, {
 | --- | --- | --- | --- |
 | mode | `ThemeMode` | `"light"` | 深浅色模式或自定义模式名 |
 | colorScheme | `"light" | "dark"` | `"light"` | 自定义模式使用的 light/dark 基底 |
+| baseColor | `string` | — | 表面基色；自动生成背景、文字、边框、阴影与默认强调色 |
 | accent | `AccentKey | CustomAccentInput` | `"sky"` | 强调色,预设或自定义 |
+| colors | `ThemeColorOverrides` | — | 对派生色板做最终精确覆盖；未提供字段继续继承 |
+| components | `ComponentThemeOverrides` | — | 按公共组件名定向覆盖容器内实例 |
 | density | `"compact" | "comfortable" | "spacious"` | `"comfortable"` | 密度 |
 | intensity | `number` | `5` | 阴影强度;ThemePanel 默认调节范围 0-20 |
 | radius | `number` | `20` | 圆角基准 px |
 | font | `FontConfig` | `"sf"` | 字体预设或 CSS 栈 |
 | 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` | — | 克隆单个或挑选多个内置主题，避免修改共享预设 |
 | ThemePreset.label / description | `string` | — | 可选展示元信息;ThemePanel 会读取它作为卡片标题和说明 |
 | target | `"root" | "scope"` | `"root"` | 应用到根还是局部 |
 | as | `keyof JSX.IntrinsicElements` | `"div"` | scope 模式的元素标签 |
-| storageKey | `string` | — | localStorage 持久化 key,包含当前主题状态与自定义 themes |
+| asChild | `boolean` | `false` | scope 模式把主题直接合并到唯一子元素，不增加包装节点 |
+| enabled | `boolean` | `true` | 关闭当前主题层但保留 Provider 与 DOM 拓扑，适合平滑切换局部主题 |
+| storageKey | `string` | — | 带版本号的 localStorage 持久化 key；同源多窗口会自动同步当前主题与自定义 themes |
 | onChange | `(value: ThemeValue) => void` | — | 主题值变更回调 |
 
 
@@ -208,6 +246,7 @@ applyTheme(document.documentElement, {
 | mode | `ThemeMode` | — | 请求的模式(保留 system) |
 | resolvedMode | `ResolvedThemeMode` | — | 解析后的具体模式;自定义模式保留名称 |
 | colorScheme | `"light" | "dark"` | — | 当前 light/dark 基底 |
+| baseColor / colors / components | `-` | — | 当前基色、精确颜色与组件类型覆盖 |
 | accent | `AccentKey | "custom"` | — | 预设 key 或 "custom" |
 | accentPalette | `AccentPalette` | — | 当前完整调色板 |
 | density / intensity / radius / font / tokens | `-` | — | 当前各维度状态 |
@@ -215,10 +254,26 @@ applyTheme(document.documentElement, {
 | setMode(m) | `(m: ThemeMode) => void` | — | 切换模式 |
 | toggleMode() | `() => void` | — | light ⇄ dark 切换 |
 | setAccent(a) | `(a: AccentKey | CustomAccentInput) => void` | — | 切换强调色 |
+| setBaseColor / setColors / setComponents | `-` | — | 更新多色主题与组件类型覆盖 |
 | setDensity / setIntensity / setRadius / setFont / setTokens / setThemes | `-` | — | 对应字段的 setter |
 | update(cfg) | `(cfg: Partial<ThemeConfig>) => void` | — | 浅合并多字段 |
 | reset() | `() => void` | — | 重置到初始 props |
 
 
+**组件 theme 与定向覆盖**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| theme | `ComponentTheme` | — | 所有公共 UI 组件共享；强调色 key 或其他颜色字符串可直接简写 |
+| theme.scope | `"self" | "subtree"` | `"self"` | self 只改当前组件；subtree 同时向业务后代传递完整色板 |
+| baseColor | `string` | — | 生成背景、文字、边框、阴影和默认强调色 |
+| colorScheme / accent / intensity | `-` | — | 控制深浅基底、强调色和拟态强度 |
+| colors | `ThemeColorOverrides` | — | 精确覆盖 bg / fg / border / shadow / accent / semantic 等颜色槽 |
+| tokens | `ThemeTokens` | — | 短键会写入组件前缀变量；以 -- 开头的键作为高级原始变量逃生口 |
+| components | `ComponentThemeOverrides` | — | 继续定向配置当前组件内部或 subtree 后代的组件类型 |
+| styles.root | `CSSProperties` | — | 所有组件都支持真实视觉根节点；调用方 style 仍保持最高优先级 |
+| styles.popup / overlay / body | `CSSProperties` | — | 浮层、遮罩和正文等组件专用静态插槽；定位与用户 popupStyle 不会被覆盖 |
+
+
 ---
 [← 回到索引](../llms.md)

package/docs/llms/themepanel.md

@@ -31,6 +31,7 @@ const [themes, setThemes] = React.useState<ThemePresets>({});
 
 <ThemeProvider themes={themes} storageKey="app:theme">
   <ThemePanel
+    sections={["presets", "advanced"]}
     onCreateTheme={(payload) => {
       setThemes((current) => ({
         ...current,

package/docs/llms/titlebar.md

@@ -33,6 +33,7 @@ import { TitleBar } from "@fangxinyan/lumina";
 | actions | `ReactNode` | — | 右侧操作区 |
 | center | `ReactNode` | — | 中部内容 |
 | draggable | `boolean` | `true` | 整条作为拖拽区 |
+| maximized | `boolean` | `false` | 切换最大化/还原图标与可访问名称 |
 | onMinimize / onMaximize / onClose | `() => void` | — | 窗口控件回调 |
 
 

package/docs/llms/tooltip.md

@@ -12,6 +12,8 @@ import { Tooltip } from "@fangxinyan/lumina";
 
 ### 基础
 
+聚焦触发器同样会显示提示；Esc 只关闭当前最上层提示，不影响下面的 Modal / Drawer。
+
 ```tsx
 <Tooltip content="新建文档"><Button icon="plus" /></Tooltip>
 ```
@@ -43,9 +45,12 @@ title 与 content 等价,也支持 bottomLeft 等细分位置。
 | placement | `"top" | "bottom" | "left" | "right" | ...` | `"top"` | 位置,支持 bottomLeft 等细分方向 |
 | delay | `number` | `250` | 悬浮延时 (ms) |
 | closeDelay | `number` | `300` | 离开触发器或提示浮层后的关闭延时 (ms) |
-| disabled | `boolean` | `false` | 禁用提示 |
-| open / visible | `boolean` | — | 受控显示状态 |
+| disabled | `boolean` | `false` | 禁用提示；即使受控状态为 true 也不渲染浮层 |
+| open / visible | `boolean` | — | 受控显示状态(open 优先) |
+| defaultOpen | `boolean` | `false` | 非受控初始显示状态 |
+| onOpenChange / onVisibleChange | `(open: boolean) => void` | — | 显示状态变化回调；重复状态不会重复触发 |
 | overlayClassName / popupClassName | `string` | — | 浮层 className |
+| className | `string` | — | 触发器包装节点 className |
 
 
 ---

package/docs/llms/typography.md

@@ -49,18 +49,19 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 
 ### 可编辑
 
-点击图标或文本进入编辑状态，Enter 保存、Esc 取消。
+点击图标或文本进入编辑状态，Enter 或确认按钮保存，Esc 或失焦取消。
 
 ```tsx
-<Typography.Text editable={{ onChange, triggerType: ["icon", "text"] }}>{value}</Typography.Text>
+<Typography.Text editable={{ onChange, triggerType: ["icon", "text"], enterIcon: <Icon name="check" /> }}>{value}</Typography.Text>
 ```
 
 ### 省略截断
 
-多行截断支持「展开」，悬停时可查看完整内容。
+多行截断支持「展开」，悬停时可查看完整内容；suffix 会始终保留在裁切区域外。
 
 ```tsx
 <Typography.Paragraph ellipsis={{ rows: 2, expandable: true, tooltip: true }}>{long}</Typography.Paragraph>
+<Typography.Text ellipsis={{ suffix: "— Lumina" }}>{long}</Typography.Text>
 ```
 
 ### 链接
@@ -88,6 +89,18 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 | copyable | `boolean | CopyableConfig` | — | 显示复制按钮 |
 | editable | `boolean | EditableConfig` | — | 显示编辑按钮 |
 | ellipsis | `boolean | EllipsisConfig` | — | 截断省略 |
+| id / data-* / aria-* / 原生事件 | `native attrs` | — | 透传到实际标题、文本、段落或链接根节点 |
+
+
+**EditableConfig**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| editing | `boolean` | — | 受控编辑状态 |
+| text | `string` | — | 编辑器受控文本来源 |
+| triggerType | `Array<"icon" | "text">` | `["icon"]` | 进入编辑态的触发方式 |
+| enterIcon | `ReactNode` | `check icon` | 单行编辑器的确认按钮内容；传 null 隐藏 |
+| onChange / onCancel / onStart / onEnd | `function` | — | 编辑生命周期回调 |
 
 
 **EllipsisConfig**
@@ -98,6 +111,17 @@ import { Typography, Title, Text, Paragraph, Link } from "@fangxinyan/lumina";
 | expandable | `boolean` | `false` | 显示展开入口 |
 | tooltip | `boolean | ReactNode` | `false` | 悬停显示完整内容 |
 | symbol | `ReactNode` | `"展开"` | 自定义展开文案 |
+| suffix | `string` | — | 追加到截断文本末尾的后缀 |
+
+
+**CopyableConfig**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| text | `string` | — | 覆盖复制文本 |
+| format | `"text/plain" | "text/html"` | `"text/plain"` | 剪贴板文本格式 |
+| onCopy | `(event) => void` | — | 浏览器确认复制成功后触发 |
+| onCopyError | `(error) => void` | — | 复制失败时触发 |
 
 
 **Typography.Link**

package/docs/llms/windowcontrols.md

@@ -10,11 +10,18 @@ import { WindowControls } from "@fangxinyan/lumina";
 
 ## 示例
 
-### 两种平台
+### 平台与回调
+
+点击窗口按钮可观察回调；最大化按钮会在最大化与还原图标间切换。
 
 ```tsx
-<WindowControls platform="mac" />
-<WindowControls platform="windows" />
+<WindowControls
+  platform="windows"
+  maximized={maximized}
+  onMinimize={handleMinimize}
+  onMaximize={handleMaximize}
+  onClose={handleClose}
+/>
 ```
 
 ## API
@@ -25,6 +32,7 @@ import { WindowControls } from "@fangxinyan/lumina";
 | --- | --- | --- | --- |
 | platform | `"mac" | "windows"` | `"mac"` | 平台 |
 | onMinimize / onMaximize / onClose | `() => void` | — | 回调 |
+| maximized | `boolean` | `false` | 显示还原状态 |
 
 
 ---

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.6.17`
+- **版本**: `0.7.0`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)
@@ -42,7 +42,7 @@
 ### 起步
 
 - [Lumina](./llms/intro.md) — 为 Electron 应用定制的拟态风格 React 组件库。
-- [Theme 主题](./llms/theme.md) — ThemeProvider + useTheme,覆盖深浅色、自定义模式、强调色、密度、圆角、字体、阴影强度。
+- [Theme 主题](./llms/theme.md) — ThemeProvider + 组件 theme，支持页面、区域、组件和 Portal 使用不同色板，并可按组件类型定向覆盖。
 - [Surface 背景面](./llms/surface.md) — 主题感知的背景承载容器,用于给特殊色调内容提供正确的拟态 token 语境。
 - [ThemePanel 主题面板](./llms/themepanel.md) — 可复用的主题快速调节面板,直接驱动最近的 ThemeProvider。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.6.17",
+  "version": "0.7.0",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -122,6 +122,216 @@
       "import": "./dist/Image.js",
       "require": "./dist/Image.cjs"
     },
+    "./AimOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./AppstoreOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./BarChartOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./BlockOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./BorderOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CameraOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CaretDownOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CaretUpOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CheckCircleFilled": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CheckCircleOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CheckOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./ClockCircleFilled": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CloseCircleOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CloseOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./CopyOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./DashboardOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./DeleteOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./DownOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./EnvironmentOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./ExclamationCircleOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./FolderOpenOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./LeftOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./LoadingOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./MinusCircleOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./MinusOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./PictureOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./PlusOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./QqOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./ReloadOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./RightOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./RobotOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./SearchOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./SettingOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./StarFilled": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./StarOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./SwapOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./SwapRightOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./SyncOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./ThunderboltOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./TranslationOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./UnorderedListOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
+    "./UserOutlined": {
+      "types": "./dist/Icon.d.ts",
+      "import": "./dist/Icon.js",
+      "require": "./dist/Icon.cjs"
+    },
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js",
@@ -141,7 +351,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "build:lib": "tsup",
+    "build:lib": "node --max-old-space-size=6144 ./node_modules/tsup/dist/cli-default.js",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
     "test:unit": "vitest run --root . --environment jsdom",

package/dist/Avatar-TNPOHVY5.css

@@ -1,40 +0,0 @@
-/* ============ Avatar ============ */
-.avatar {
-  --size: 40px;
-  width: var(--size); height: var(--size);
-  border-radius: 999px;
-  background: var(--bg);
-  box-shadow: var(--neu-shadow-control);
-  display: grid; place-items: center;
-  overflow: hidden;
-  color: var(--accent-ink);
-  font-weight: 600;
-  font-size: calc(var(--size) / 2.6);
-  position: relative;
-  flex-shrink: 0;
-}
-.avatar.sm { --size: 28px; }
-.avatar.lg { --size: 56px; }
-.avatar.xl { --size: 80px; }
-.avatar.square { border-radius: var(--r-md); }
-.avatar.square.sm { border-radius: var(--r-sm); }
-.avatar.square.lg,
-.avatar.square.xl { border-radius: var(--r-lg); }
-.avatar img { width: 100%; height: 100%; object-fit: cover; }
-.avatar-status {
-  position: absolute;
-  bottom: 0; right: 0;
-  width: 25%; height: 25%;
-  min-width: 8px; min-height: 8px;
-  border-radius: 999px;
-  background: var(--success);
-  box-shadow: 0 0 0 2px var(--bg);
-}
-.avatar-status.online  { background: var(--success); }
-.avatar-status.busy    { background: var(--danger); }
-.avatar-status.away    { background: var(--warning); }
-.avatar-status.offline { background: var(--fg-subtle); }
-
-.avatar-group { display: inline-flex; }
-.avatar-group .avatar { border: 3px solid var(--bg); box-sizing: content-box; }
-.avatar-group .avatar + .avatar { margin-left: -12px; }

package/dist/Badge-DPGLV3D3.css

@@ -1,22 +0,0 @@
-/* ============ Badge ============ */
-.badge {
-  display: inline-flex;
-  align-items: center; justify-content: center;
-  min-width: 18px; height: 18px;
-  padding: 0 6px;
-  border-radius: 999px;
-  font-size: 10px;
-  font-weight: 700;
-  background: var(--danger);
-  color: var(--bg);
-  box-shadow: 0 1px 4px color-mix(in oklch, var(--shadow-dark) 35%, transparent);
-  font-variant-numeric: tabular-nums;
-}
-.badge.dot { min-width: 10px; height: 10px; padding: 0; }
-.badge.accent  { background: var(--accent);  box-shadow: 0 1px 4px var(--accent-glow); }
-.badge.info    { background: var(--info);    box-shadow: 0 1px 4px color-mix(in oklch, var(--info) 35%, transparent); }
-.badge.success { background: var(--success); box-shadow: 0 1px 4px color-mix(in oklch, var(--success) 35%, transparent); }
-.badge.warning { background: var(--warning); box-shadow: 0 1px 4px color-mix(in oklch, var(--warning) 35%, transparent); }
-.badge.neutral { background: var(--fg-muted); box-shadow: 0 1px 4px color-mix(in oklch, var(--shadow-dark) 35%, transparent); }
-.badge-wrap { position: relative; display: inline-block; }
-.badge-wrap > .badge { position: absolute; top: -4px; right: -4px; }