@fangxinyan/lumina 0.6.1 → 0.6.3

package/docs/llms/radio.md

@@ -5,7 +5,7 @@
 ## 导入
 
 ```tsx
-import { RadioGroup } from "@fangxinyan/lumina";
+import { Radio, RadioGroup } from "@fangxinyan/lumina";
 ```
 
 ## 示例
@@ -19,6 +19,14 @@ import { RadioGroup } from "@fangxinyan/lumina";
 ]} />
 ```
 
+### 单个 Radio
+
+单项控件可用于自定义组合场景;表单里通常优先使用 RadioGroup。
+
+```tsx
+<Radio label="接收更新" defaultChecked />
+```
+
 ### 水平排列
 
 direction='horizontal'。
@@ -27,8 +35,34 @@ direction='horizontal'。
 <RadioGroup direction="horizontal" ... />
 ```
 
+### 分段外观
+
+variant="segmented" 用同一组选项表达更紧凑的互斥切换。
+
+```tsx
+<RadioGroup
+  variant="segmented"
+  defaultValue="grid"
+  options={[
+    { value: "grid", label: "网格" },
+    { value: "list", label: "列表" },
+    { value: "card", label: "卡片" },
+  ]}
+/>
+```
+
 ## API
 
+**Radio**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| checked / defaultChecked | `boolean` | — | 受控/初始选中 |
+| onChange | `(checked: boolean) => void` | — | 变更 |
+| label | `ReactNode` | — | 标签 |
+| disabled | `boolean` | — | 禁用 |
+
+
 **RadioGroup**
 
 | Prop | 类型 | 默认 | 说明 |
@@ -37,6 +71,8 @@ direction='horizontal'。
 | value / defaultValue | `T` | — | 受控/初始 |
 | onChange | `(value: T) => void` | — | 变更 |
 | direction | `"vertical" | "horizontal"` | `"vertical"` | 方向 |
+| variant | `"default" | "segmented"` | `"default"` | 外观 |
+| size | `"sm" | "md" | "lg"` | `"md"` | 分段外观尺寸 |
 
 
 ---

package/docs/llms/select.md

@@ -29,7 +29,7 @@ multiple + Tag 形式呈现已选项。
 
 ### 搜索过滤
 
-searchable + clearable + 选项 icon/description。
+searchable + clearable + 选项 icon/description。icon 支持 IconName 或 ReactNode。
 
 ```tsx
 <Select searchable clearable
@@ -37,6 +37,22 @@ searchable + clearable + 选项 icon/description。
 />
 ```
 
+### 常用 prop 别名
+
+allowClear / showSearch / popupClassName / optionFilterProp 可直接使用。
+
+```tsx
+<Select
+  allowClear
+  showSearch
+  popupClassName="my-select-popup"
+  optionFilterProp="label"
+  value={value}
+  onChange={setValue}
+  options={options}
+/>
+```
+
 ### 分组
 
 options 接受 { label, options } 表示分组。
@@ -75,8 +91,12 @@ loading 时显示 spinner,emptyContent 自定义空态。
 | multiple | `boolean` | `false` | 多选 |
 | maxTagCount | `number` | — | 多选时显示的标签数(超出折叠 +N) |
 | searchable | `boolean` | `false` | 可搜索 |
+| showSearch | `boolean` | `false` | searchable 的等价别名 |
 | filterOption | `(input, option) => boolean` | — | 自定义过滤 |
+| optionFilterProp | `"label" | "value" | "text" | string` | — | 默认过滤使用的 option 字段 |
 | clearable | `boolean` | `false` | 可清除 |
+| allowClear | `boolean | { clearIcon? }` | `false` | clearable 的等价别名 |
+| menuClassName / popupClassName | `string` | — | 浮层菜单 className |
 | loading | `boolean` | `false` | 加载态 |
 | emptyContent | `ReactNode` | — | 空态文案 |
 | size | `"sm" | "md" | "lg"` | `"md"` | 尺寸 |
@@ -90,7 +110,7 @@ loading 时显示 spinner,emptyContent 自定义空态。
 | --- | --- | --- | --- |
 | value \* | `T` | — | 值 |
 | label | `ReactNode` | — | 显示 |
-| icon | `IconName` | — | 前置图标 |
+| icon | `IconName | ReactNode` | — | 前置图标,可传内置图标名或自定义节点 |
 | description | `ReactNode` | — | 次要描述 |
 | disabled | `boolean` | `false` | 禁用项 |
 

package/docs/llms/spin.md

@@ -0,0 +1,59 @@
+# Spin 加载
+
+> 表示任务正在进行,提示用户等待。
+
+## 导入
+
+```tsx
+import { Spin } from "@fangxinyan/lumina";
+```
+
+## 示例
+
+### 基础
+
+```tsx
+<Spin />
+<Spin size="large" />
+<Spin size={40} />
+```
+
+### 色调
+
+```tsx
+<Spin tone="accent" />
+<Spin tone="success" />
+<Spin tone="warning" />
+<Spin tone="danger" />
+```
+
+### Dots 变体
+
+```tsx
+<Spin variant="dots" />
+<Spin variant="dots" size={24} />
+<Spin variant="dots" size={32} />
+```
+
+### 带文案
+
+```tsx
+<Spin tip="加载中…" />
+<Spin variant="dots" tone="accent" tip="正在同步" />
+```
+
+## API
+
+**Spin**
+
+| Prop | 类型 | 默认 | 说明 |
+| --- | --- | --- | --- |
+| size | `"small" | "default" | "large" | number` | `"default"` | 尺寸 |
+| tone | `"accent" | "success" | "warning" | "danger" | "current"` | `"accent"` | 色调 |
+| variant | `"ring" | "dots"` | `"ring"` | 样式 |
+| tip / label | `ReactNode` | — | 文案 |
+| spinning | `boolean` | `true` | 是否显示加载指示器 |
+
+
+---
+[← 回到索引](../llms.md)

package/docs/llms/table.md

@@ -53,7 +53,7 @@ scroll.y 固定表头并限制表体最大高度;scroll.x 设置内容最小宽
 
 ### 行选择 (rowSelection)
 
-antd 风格的 rowSelection。表头多选框支持 indeterminate;可通过 getCheckboxProps 禁用指定行。
+rowSelection 提供表头全选、半选状态与按行禁用能力。
 
 ```tsx
 <Table
@@ -126,11 +126,11 @@ antd 风格的 rowSelection。表头多选框支持 indeterminate;可通过 getC
 | variant | `"default" | "striped" | "embossed" | "cards"` | `"default"` | 视觉变体 |
 | pagination | `false | PaginationConfig` | — | 分页配置;false 关闭 |
 | scroll | `TableScrollConfig` | — | 滚动配置:{ x?, y? } |
-| rowSelection | `RowSelectionConfig` | — | 行选择配置 (antd 风格) |
+| rowSelection | `RowSelectionConfig` | — | 行选择配置 |
 | expandable | `ExpandableConfig` | — | 可展开行配置 |
 | sortKey / sortDir / onSort | `—` | — | 受控排序 |
 | onRowClick | `(row, i) => void` | — | 点击行 |
-| selectable / selected / onSelect | `—` | — | 旧版多选 API (保留兼容,优先使用 rowSelection) |
+| selectable / selected / onSelect | `—` | — | 旧版多选 API,优先使用 rowSelection |
 
 
 **TableColumn**

package/docs/llms/tag.md

@@ -34,11 +34,12 @@ dot 渲染前置色块。
 
 ### 前置图标
 
-icon 使用内置 Icon 组件,颜色随语气自动适配。
+icon 可传内置 IconName 或自定义 ReactNode,颜色随语气自动适配。
 
 ```tsx
 <Tag tone="success" icon="check2">已完成</Tag>
 <Tag tone="info" icon="star">推荐</Tag>
+<Tag icon={<img src={iconUrl} alt="" />}>物品</Tag>
 ```
 
 ### 无边框
@@ -67,7 +68,7 @@ removable + onRemove 实现关闭按钮。
 | tone | `"neutral" | "accent" | "info" | "success" | "warning" | "danger"` | `"neutral"` | 色调 |
 | solid | `boolean` | `false` | 实心填充 |
 | dot | `boolean` | `false` | 前置圆点 |
-| icon | `IconName` | — | 前置图标 |
+| icon | `IconName | ReactNode` | — | 前置图标,可传内置图标名或自定义节点 |
 | bordered | `boolean` | `true` | 是否显示外框 flat 阴影 |
 | removable | `boolean` | `false` | 显示 × |
 | onRemove | `() => void` | — | 关闭回调 |

package/docs/llms/theme.md

@@ -1,6 +1,6 @@
 # Theme 主题
 
-> ThemeProvider + useTheme,覆盖深浅色、强调色、密度、圆角、字体、阴影强度。
+> ThemeProvider + useTheme,覆盖深浅色、自定义模式、强调色、密度、圆角、字体、阴影强度。
 
 ## 导入
 
@@ -22,6 +22,7 @@ function Root() {
     <ThemeProvider
       mode="system"        // "light" | "dark" | "system"
       accent="violet"      // 预设 或 自定义颜色
+      themes={{ graphite: { base: "dark", tokens: {} } }}
       density="comfortable"
       intensity={5}        // 1..10 阴影强度
       radius={20}          // 圆角基准 px
@@ -78,6 +79,38 @@ t.reset();                   // 重置到 props 初值
 }} />
 ```
 
+### 自定义主题模式
+
+mode 可以指向 themes 中的命名 preset。base 决定 light/dark 基底,tokens 决定完整视觉。
+
+```tsx
+const themes = {
+  graphite: {
+    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)",
+    },
+  },
+};
+
+<ThemeProvider mode="graphite" themes={themes}>
+  <App />
+</ThemeProvider>
+```
+
 ### 作用域嵌套
 
 target="scope" 只作用于子树,可以层层嵌套。
@@ -131,13 +164,15 @@ applyTheme(document.documentElement, {
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| mode | `"light" | "dark" | "system"` | `"light"` | 深浅色模式 |
+| mode | `ThemeMode` | `"light"` | 深浅色模式或自定义模式名 |
+| colorScheme | `"light" | "dark"` | `"light"` | 自定义模式使用的 light/dark 基底 |
 | accent | `AccentKey | CustomAccentInput` | `"sky"` | 强调色,预设或自定义 |
 | density | `"compact" | "comfortable" | "spacious"` | `"comfortable"` | 密度 |
 | intensity | `number` | `5` | 阴影强度 1-10 |
 | radius | `number` | `20` | 圆角基准 px |
 | font | `FontConfig` | `"sf"` | 字体预设或 CSS 栈 |
 | tokens | `Record<string, string>` | — | 任意 CSS 变量覆写 |
+| themes | `Record<string, ThemePreset>` | — | 命名自定义模式 preset |
 | target | `"root" | "scope"` | `"root"` | 应用到根还是局部 |
 | as | `keyof JSX.IntrinsicElements` | `"div"` | scope 模式的元素标签 |
 | storageKey | `string` | — | localStorage 持久化 key |
@@ -149,14 +184,16 @@ applyTheme(document.documentElement, {
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
 | mode | `ThemeMode` | — | 请求的模式(保留 system) |
-| resolvedMode | `"light" | "dark"` | — | 解析后的具体模式 |
+| resolvedMode | `ResolvedThemeMode` | — | 解析后的具体模式;自定义模式保留名称 |
+| colorScheme | `"light" | "dark"` | — | 当前 light/dark 基底 |
 | accent | `AccentKey | "custom"` | — | 预设 key 或 "custom" |
 | accentPalette | `AccentPalette` | — | 当前完整调色板 |
 | density / intensity / radius / font / tokens | `-` | — | 当前各维度状态 |
+| themes / activeTheme | `-` | — | 自定义模式注册表与当前命中的 preset |
 | setMode(m) | `(m: ThemeMode) => void` | — | 切换模式 |
 | toggleMode() | `() => void` | — | light ⇄ dark 切换 |
 | setAccent(a) | `(a: AccentKey | CustomAccentInput) => void` | — | 切换强调色 |
-| setDensity / setIntensity / setRadius / setFont / setTokens | `-` | — | 对应字段的 setter |
+| setDensity / setIntensity / setRadius / setFont / setTokens / setThemes | `-` | — | 对应字段的 setter |
 | update(cfg) | `(cfg: Partial<ThemeConfig>) => void` | — | 浅合并多字段 |
 | reset() | `() => void` | — | 重置到初始 props |
 

package/docs/llms/tooltip.md

@@ -13,7 +13,7 @@ import { Tooltip } from "@fangxinyan/lumina";
 ### 基础
 
 ```tsx
-<Tooltip content="新建文档"><IconButton icon="plus" /></Tooltip>
+<Tooltip content="新建文档"><Button icon="plus" /></Tooltip>
 ```
 
 ### 位置
@@ -22,16 +22,29 @@ import { Tooltip } from "@fangxinyan/lumina";
 <Tooltip placement="bottom" content="..." />
 ```
 
+### title 别名
+
+title 与 content 等价,也支持 bottomLeft 等细分位置。
+
+```tsx
+<Tooltip title="复制路径" placement="bottomLeft">
+  <Button icon="copy">复制</Button>
+</Tooltip>
+```
+
 ## API
 
 **Tooltip**
 
 | Prop | 类型 | 默认 | 说明 |
 | --- | --- | --- | --- |
-| content \* | `ReactNode` | — | 提示内容 |
-| placement | `"top" | "bottom" | "left" | "right"` | `"top"` | 位置 |
+| content | `ReactNode` | — | 提示内容 |
+| title | `ReactNode` | — | content 的等价别名 |
+| placement | `"top" | "bottom" | "left" | "right" | ...` | `"top"` | 位置,支持 bottomLeft 等细分方向 |
 | delay | `number` | `250` | 悬浮延时 (ms) |
 | disabled | `boolean` | `false` | 禁用提示 |
+| open / visible | `boolean` | — | 受控显示状态 |
+| overlayClassName / popupClassName | `string` | — | 浮层 className |
 
 
 ---

package/docs/llms.md

@@ -3,7 +3,7 @@
 > 拟态风格的 React 18 组件库,目标是 Electron 桌面应用。**写给 AI 编程助手**的按需文档 —— 每个组件单独一个 `.md`,避免一次性读取全部。示例源自 playground 的 demo,可直接复制运行。
 
 - **包名**: `@fangxinyan/lumina`
-- **版本**: `0.6.1`
+- **版本**: `0.6.3`
 - **React 最低版本**: 18
 - **环境**: 带打包器的 React 工程(Vite / Next.js / Webpack / Remix / Electron + Vite 等)
 - **零运行时依赖**: 只依赖 `react` / `react-dom` (peer deps)
@@ -32,8 +32,8 @@
    ```
    如果你还需要 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)。
+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`,高频组件也可传 `ReactNode`(如远程图片图标)。完整内置列表见 [`llms/icon.md`](./llms/icon.md)。
 6. **浮层组件**(Tooltip / Popover / Select / Cascader / ColorPicker / Modal / Drawer): 内部已 `createPortal` 到 `document.body` + 视口边界翻转,放在 `overflow: hidden` 的容器里也不会被裁。
 7. **Electron 专属组件**: `TitleBar` / `WindowControls` / `Sidebar` / `AppShell` 提供 macOS / Windows 原生风格的标题栏与导航。
 
@@ -42,7 +42,7 @@
 ### 起步
 
 - [Lumina](./llms/intro.md) — 为 Electron 应用定制的拟态风格 React 组件库。
-- [Theme 主题](./llms/theme.md) — ThemeProvider + useTheme,覆盖深浅色、强调色、密度、圆角、字体、阴影强度。
+- [Theme 主题](./llms/theme.md) — ThemeProvider + useTheme,覆盖深浅色、自定义模式、强调色、密度、圆角、字体、阴影强度。
 
 ### 通用
 
@@ -62,7 +62,7 @@
 - [AutoComplete 自动补全](./llms/autocomplete.md) — 输入时展示建议下拉,不限定必须从候选中选。
 - [Cascader 级联选择](./llms/cascader.md) — 层级关联数据集合中的多级选择。
 - [ColorPicker 颜色选择](./llms/colorpicker.md) — 拟态风格的颜色选择器:HSV 色域、色相、hex 输入、预设调色板。
-- [Form 表单](./llms/form.md) — 受控表单,字段绑定 + 校验,API 对齐 antd。
+- [Form 表单](./llms/form.md) — 受控表单,字段绑定 + 校验。
 
 ### 数据展示
 
@@ -79,19 +79,19 @@
 - [Table Pro](./llms/tablepro.md) — 带工具栏 / 搜索 / 筛选 / 排序 / 多选 / 分页的全功能表格。
 - [Pagination 分页](./llms/pagination.md) — 分页控件,支持快速跳转与每页条数切换。
 - [Tabs 选项卡](./llms/tabs.md) — 同一层级的内容分组,通过标签切换。
-- [Accordion 折叠面板](./llms/accordion.md) — 纵向折叠面板。
+- [Collapse 折叠面板](./llms/collapse.md) — 纵向折叠面板。
 - [Calendar 日历](./llms/calendar.md) — 查看与选择日期。
 
 ### 反馈
 
 - [Modal 对话框](./llms/modal.md) — 在不离开当前页面的前提下处理事务。
 - [Drawer 抽屉](./llms/drawer.md) — 从屏幕边缘滑出的浮层。
-- [Toast 通知](./llms/toast.md) — 全局轻量提示,4 种语义。
+- [Message 全局消息](./llms/message.md) — 全局轻量提示,支持函数调用与对象配置。
 - [Tooltip 文字提示](./llms/tooltip.md) — 鼠标悬浮触发的简短说明。
 - [Popover 气泡卡片](./llms/popover.md) — 比 Tooltip 更丰富，可承载交互内容。
 - [Alert 警告提示](./llms/alert.md) — 页面中嵌入的警告/提示。
 - [Empty 空状态](./llms/empty.md) — 列表、页面或容器无数据时的占位。
-- [Spinner 加载](./llms/spinner.md) — 表示任务正在进行,提示用户等待。
+- [Spin 加载](./llms/spin.md) — 表示任务正在进行,提示用户等待。
 - [Skeleton 骨架屏](./llms/skeleton.md) — 数据加载前展示页面结构轮廓。
 
 ### Electron

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fangxinyan/lumina",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "description": "Lumina — Neumorphic component library for Electron & React apps",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,51 +17,6 @@
     "./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",
@@ -82,15 +37,40 @@
       "import": "./dist/StatusBar.js",
       "require": "./dist/StatusBar.cjs"
     },
+    "./MessageContainer": {
+      "types": "./dist/Message.d.ts",
+      "import": "./dist/Message.js",
+      "require": "./dist/Message.cjs"
+    },
+    "./message": {
+      "types": "./dist/Message.d.ts",
+      "import": "./dist/Message.js",
+      "require": "./dist/Message.cjs"
+    },
     "./ToastContainer": {
-      "types": "./dist/Toast.d.ts",
-      "import": "./dist/Toast.js",
-      "require": "./dist/Toast.cjs"
+      "types": "./dist/Message.d.ts",
+      "import": "./dist/Message.js",
+      "require": "./dist/Message.cjs"
     },
     "./toast": {
-      "types": "./dist/Toast.d.ts",
-      "import": "./dist/Toast.js",
-      "require": "./dist/Toast.cjs"
+      "types": "./dist/Message.d.ts",
+      "import": "./dist/Message.js",
+      "require": "./dist/Message.cjs"
+    },
+    "./ImageGrid": {
+      "types": "./dist/Image.d.ts",
+      "import": "./dist/Image.js",
+      "require": "./dist/Image.cjs"
+    },
+    "./SpriteImage": {
+      "types": "./dist/Image.d.ts",
+      "import": "./dist/Image.js",
+      "require": "./dist/Image.cjs"
+    },
+    "./LayeredImage": {
+      "types": "./dist/Image.d.ts",
+      "import": "./dist/Image.js",
+      "require": "./dist/Image.cjs"
     },
     "./*": {
       "types": "./dist/*.d.ts",

package/dist/Accordion-REMDCQUD.css

@@ -1,44 +0,0 @@
-/* ============ Accordion ============ */
-.accordion { display: flex; flex-direction: column; gap: 10px; }
-.accordion-item {
-  background: var(--bg);
-  border-radius: var(--r-md);
-  box-shadow: var(--neu-out-sm);
-  overflow: hidden;
-}
-.accordion-item.disabled { opacity: 0.5; }
-.accordion-head {
-  width: 100%;
-  border: none;
-  background: transparent;
-  padding: 14px 18px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-  font-size: 13px;
-  font-weight: 500;
-  font-family: inherit;
-  color: var(--fg);
-  text-align: left;
-}
-.accordion-item.disabled .accordion-head { cursor: not-allowed; }
-.accordion-item.icon-only .accordion-head:not(:disabled) { cursor: default; }
-.accordion-body {
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height var(--dur) var(--ease);
-  color: var(--fg-muted);
-  font-size: 13px;
-}
-.accordion-body-inner { padding: 0 18px 16px; }
-.accordion-chev {
-  transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
-  color: var(--fg-subtle);
-  display: inline-flex;
-  border-radius: 6px;
-  padding: 2px;
-}
-.accordion-chev.clickable { cursor: pointer; }
-.accordion-chev.clickable:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-flat); }
-.accordion-item.open .accordion-chev { transform: rotate(180deg); color: var(--accent); }

package/dist/Accordion.cjs

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunkLIGHV4RC_cjs = require('./chunk-LIGHV4RC.cjs');
-require('./chunk-2MNAZRWE.cjs');
-
-
-
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function () { return chunkLIGHV4RC_cjs.Accordion; }
-});

package/dist/Accordion.d.cts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-
-interface AccordionItem {
-    key: string;
-    title: React.ReactNode;
-    content: React.ReactNode;
-    disabled?: boolean;
-}
-interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    items: AccordionItem[];
-    /** If true, multiple sections can be open at once. */
-    multiple?: boolean;
-    /**
-     * Accordion mode — at most one item open at a time. Takes precedence over `multiple`
-     * when both are set.
-     */
-    accordion?: boolean;
-    /**
-     * What triggers expansion.
-     * - `"header"` (default): clicking anywhere on the header toggles.
-     * - `"icon"`: only the chevron icon is clickable.
-     * - `"disabled"`: the panel cannot be toggled.
-     */
-    collapsible?: "header" | "icon" | "disabled";
-    activeKeys?: string[];
-    defaultActiveKeys?: string[];
-    onChange?: (keys: string[]) => void;
-    className?: string;
-}
-/** `Accordion` — collapsible sections. */
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Accordion, type AccordionItem, type AccordionProps };

package/dist/Accordion.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-
-interface AccordionItem {
-    key: string;
-    title: React.ReactNode;
-    content: React.ReactNode;
-    disabled?: boolean;
-}
-interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    items: AccordionItem[];
-    /** If true, multiple sections can be open at once. */
-    multiple?: boolean;
-    /**
-     * Accordion mode — at most one item open at a time. Takes precedence over `multiple`
-     * when both are set.
-     */
-    accordion?: boolean;
-    /**
-     * What triggers expansion.
-     * - `"header"` (default): clicking anywhere on the header toggles.
-     * - `"icon"`: only the chevron icon is clickable.
-     * - `"disabled"`: the panel cannot be toggled.
-     */
-    collapsible?: "header" | "icon" | "disabled";
-    activeKeys?: string[];
-    defaultActiveKeys?: string[];
-    onChange?: (keys: string[]) => void;
-    className?: string;
-}
-/** `Accordion` — collapsible sections. */
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Accordion, type AccordionItem, type AccordionProps };

package/dist/Accordion.js

@@ -1,2 +0,0 @@
-export { Accordion } from './chunk-MCTIA6RZ.js';
-import './chunk-NJ6B22YJ.js';