@fangxinyan/lumina 0.1.6 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -7
- package/dist/{Accordion-GSBY5T5U.css → Accordion-3TQPKNN3.css} +8 -1
- package/dist/Accordion.cjs +2 -2
- package/dist/Accordion.d.cts +12 -0
- package/dist/Accordion.d.ts +12 -0
- package/dist/Accordion.js +1 -1
- package/dist/{Alert-LSKBYDRI.css → Alert-JJ7GB3UU.css} +11 -0
- package/dist/Alert.cjs +2 -2
- package/dist/Alert.d.cts +4 -0
- package/dist/Alert.d.ts +4 -0
- package/dist/Alert.js +1 -1
- package/dist/{Avatar-OXDSG5Q6.css → Avatar-R5A4AFKZ.css} +4 -0
- package/dist/Avatar.cjs +2 -2
- package/dist/Avatar.d.cts +2 -0
- package/dist/Avatar.d.ts +2 -0
- package/dist/Avatar.js +1 -1
- package/dist/{Button-5UI7QXGU.css → Button-SDQD25AG.css} +2 -0
- package/dist/Button.cjs +3 -3
- package/dist/Button.d.cts +2 -0
- package/dist/Button.d.ts +2 -0
- package/dist/Button.js +1 -1
- package/dist/Calendar.cjs +2 -2
- package/dist/Calendar.d.cts +8 -0
- package/dist/Calendar.d.ts +8 -0
- package/dist/Calendar.js +1 -1
- package/dist/{Card-2CHHFD4Y.css → Card-RG7ECXL2.css} +11 -0
- package/dist/Card.cjs +3 -3
- package/dist/Card.d.cts +2 -0
- package/dist/Card.d.ts +2 -0
- package/dist/Card.js +1 -1
- package/dist/{Divider-Z37INS5E.css → Divider-OEE4Q2KS.css} +31 -0
- package/dist/Divider.cjs +2 -2
- package/dist/Divider.d.cts +7 -0
- package/dist/Divider.d.ts +7 -0
- package/dist/Divider.js +1 -1
- package/dist/{Empty-VM23UNLQ.css → Empty-NQ72W3D7.css} +22 -0
- package/dist/Empty.cjs +4 -4
- package/dist/Empty.d.cts +42 -2
- package/dist/Empty.d.ts +42 -2
- package/dist/Empty.js +1 -1
- package/dist/Input-33CAH4O6.css +134 -0
- package/dist/Input.cjs +3 -3
- package/dist/Input.d.cts +17 -1
- package/dist/Input.d.ts +17 -1
- package/dist/Input.js +1 -1
- package/dist/Modal.cjs +3 -3
- package/dist/Modal.js +2 -2
- package/dist/{Pagination-6FFOI4NM.css → Pagination-YIRYJUXP.css} +33 -0
- package/dist/Pagination.cjs +5 -2
- package/dist/Pagination.d.cts +14 -0
- package/dist/Pagination.d.ts +14 -0
- package/dist/Pagination.js +4 -1
- package/dist/Select.cjs +3 -3
- package/dist/Select.js +2 -2
- package/dist/{Slider-RE4HZQKF.css → Slider-X4PVA65R.css} +51 -2
- package/dist/Slider.cjs +2 -2
- package/dist/Slider.d.cts +20 -5
- package/dist/Slider.d.ts +20 -5
- package/dist/Slider.js +1 -1
- package/dist/Switch-36KJNDXM.css +92 -0
- package/dist/Switch.cjs +2 -2
- package/dist/Switch.d.cts +4 -0
- package/dist/Switch.d.ts +4 -0
- package/dist/Switch.js +1 -1
- package/dist/Table-YKVM42SW.css +295 -0
- package/dist/Table.cjs +7 -3
- package/dist/Table.d.cts +103 -7
- package/dist/Table.d.ts +103 -7
- package/dist/Table.js +5 -1
- package/dist/{Tabs-A27TSZOP.css → Tabs-RHK6XAFF.css} +7 -0
- package/dist/Tabs.cjs +3 -3
- package/dist/Tabs.d.cts +2 -0
- package/dist/Tabs.d.ts +2 -0
- package/dist/Tabs.js +1 -1
- package/dist/{Tag-EYOY3UWG.css → Tag-FGDY3W7E.css} +2 -0
- package/dist/Tag.cjs +3 -3
- package/dist/Tag.d.cts +5 -0
- package/dist/Tag.d.ts +5 -0
- package/dist/Tag.js +1 -1
- package/dist/chunk-437LB2V4.js +111 -0
- package/dist/chunk-437LB2V4.js.map +1 -0
- package/dist/chunk-4MR4GVTD.js +73 -0
- package/dist/chunk-4MR4GVTD.js.map +1 -0
- package/dist/{chunk-OXYFB2ZI.js → chunk-4U4OY5RA.js} +11 -5
- package/dist/chunk-4U4OY5RA.js.map +1 -0
- package/dist/{chunk-5EYI27B6.js → chunk-77BVQNAQ.js} +5 -3
- package/dist/chunk-77BVQNAQ.js.map +1 -0
- package/dist/{chunk-3QWHDCHJ.js → chunk-AJZKESHB.js} +13 -4
- package/dist/chunk-AJZKESHB.js.map +1 -0
- package/dist/{chunk-NZPJ7BUB.cjs → chunk-AXMEZGEG.cjs} +13 -4
- package/dist/chunk-AXMEZGEG.cjs.map +1 -0
- package/dist/{chunk-HTP6UEVR.js → chunk-BBPNQ44M.js} +22 -6
- package/dist/chunk-BBPNQ44M.js.map +1 -0
- package/dist/{chunk-QQXIWOI3.cjs → chunk-CCBHZYE6.cjs} +5 -5
- package/dist/{chunk-QQXIWOI3.cjs.map → chunk-CCBHZYE6.cjs.map} +1 -1
- package/dist/chunk-E6R63QOL.js +476 -0
- package/dist/chunk-E6R63QOL.js.map +1 -0
- package/dist/{chunk-KGYLUZOU.cjs → chunk-EPFYIR63.cjs} +5 -5
- package/dist/{chunk-KGYLUZOU.cjs.map → chunk-EPFYIR63.cjs.map} +1 -1
- package/dist/chunk-F7HW2PYR.cjs +119 -0
- package/dist/chunk-F7HW2PYR.cjs.map +1 -0
- package/dist/chunk-GIVMKGZN.js +39 -0
- package/dist/chunk-GIVMKGZN.js.map +1 -0
- package/dist/{chunk-FMG3ZPGK.js → chunk-H6FCIJOP.js} +5 -3
- package/dist/chunk-H6FCIJOP.js.map +1 -0
- package/dist/{chunk-ALFDP5WX.cjs → chunk-IDM6JJLP.cjs} +22 -6
- package/dist/chunk-IDM6JJLP.cjs.map +1 -0
- package/dist/{chunk-I2ERCHFV.cjs → chunk-JKLQOB2F.cjs} +11 -5
- package/dist/chunk-JKLQOB2F.cjs.map +1 -0
- package/dist/{chunk-IGHLSNXT.cjs → chunk-K7PVJLW4.cjs} +51 -4
- package/dist/chunk-K7PVJLW4.cjs.map +1 -0
- package/dist/chunk-LDENBYRC.cjs +210 -0
- package/dist/chunk-LDENBYRC.cjs.map +1 -0
- package/dist/{chunk-OOBSH7EL.js → chunk-LSLYY5FN.js} +3 -3
- package/dist/{chunk-OOBSH7EL.js.map → chunk-LSLYY5FN.js.map} +1 -1
- package/dist/chunk-NSUD5B22.js +187 -0
- package/dist/chunk-NSUD5B22.js.map +1 -0
- package/dist/{chunk-AAMYURWQ.cjs → chunk-OPTTHURA.cjs} +5 -3
- package/dist/chunk-OPTTHURA.cjs.map +1 -0
- package/dist/{chunk-F3NHM4GX.js → chunk-OYGFMXAA.js} +13 -4
- package/dist/chunk-OYGFMXAA.js.map +1 -0
- package/dist/chunk-PBBHUUXU.cjs +133 -0
- package/dist/chunk-PBBHUUXU.cjs.map +1 -0
- package/dist/chunk-RDLPX7RK.cjs +95 -0
- package/dist/chunk-RDLPX7RK.cjs.map +1 -0
- package/dist/chunk-SBMOIE5C.cjs +499 -0
- package/dist/chunk-SBMOIE5C.cjs.map +1 -0
- package/dist/{chunk-XFRP2MBR.js → chunk-TYQ5CN2C.js} +51 -4
- package/dist/chunk-TYQ5CN2C.js.map +1 -0
- package/dist/{chunk-7CKHWCEA.cjs → chunk-TZSWDH5T.cjs} +5 -3
- package/dist/chunk-TZSWDH5T.cjs.map +1 -0
- package/dist/{chunk-VMHNKD3N.cjs → chunk-URF6RBW6.cjs} +13 -4
- package/dist/chunk-URF6RBW6.cjs.map +1 -0
- package/dist/{chunk-G3UWXSNQ.js → chunk-V34OPWKZ.js} +5 -4
- package/dist/chunk-V34OPWKZ.js.map +1 -0
- package/dist/{chunk-ITGCHU3Y.cjs → chunk-VICGQC6G.cjs} +5 -4
- package/dist/chunk-VICGQC6G.cjs.map +1 -0
- package/dist/chunk-YEOARJKR.cjs +40 -0
- package/dist/chunk-YEOARJKR.cjs.map +1 -0
- package/dist/chunk-Z5X5AMLA.cjs +41 -0
- package/dist/chunk-Z5X5AMLA.cjs.map +1 -0
- package/dist/chunk-Z7P6QGMT.js +115 -0
- package/dist/chunk-Z7P6QGMT.js.map +1 -0
- package/dist/{chunk-OYH6A7IQ.js → chunk-ZVCMXDTP.js} +3 -3
- package/dist/{chunk-OYH6A7IQ.js.map → chunk-ZVCMXDTP.js.map} +1 -1
- package/dist/chunk-ZWP4LSS3.js +38 -0
- package/dist/chunk-ZWP4LSS3.js.map +1 -0
- package/dist/index.cjs +43 -43
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -4
- package/dist/index.d.ts +4 -4
- package/dist/index.js +18 -18
- package/dist/index.js.map +1 -1
- package/dist/styles.css +455 -30
- package/docs/llms/accordion.md +66 -0
- package/docs/llms/alert.md +64 -0
- package/docs/llms/avatar.md +55 -0
- package/docs/llms/badge.md +41 -0
- package/docs/llms/button.md +122 -0
- package/docs/llms/calendar.md +44 -0
- package/docs/llms/card.md +68 -0
- package/docs/llms/cascader.md +33 -0
- package/docs/llms/checkbox.md +41 -0
- package/docs/llms/colorpicker.md +82 -0
- package/docs/llms/divider.md +69 -0
- package/docs/llms/drawer.md +70 -0
- package/docs/llms/empty.md +52 -0
- package/docs/llms/icon.md +34 -0
- package/docs/llms/image.md +39 -0
- package/docs/llms/input.md +127 -0
- package/docs/llms/intro.md +6 -0
- package/docs/llms/list.md +41 -0
- package/docs/llms/modal.md +89 -0
- package/docs/llms/pagination.md +82 -0
- package/docs/llms/popover.md +34 -0
- package/docs/llms/progress.md +58 -0
- package/docs/llms/radio.md +43 -0
- package/docs/llms/select.md +99 -0
- package/docs/llms/sidebar.md +43 -0
- package/docs/llms/skeleton.md +88 -0
- package/docs/llms/slider.md +72 -0
- package/docs/llms/spinner.md +58 -0
- package/docs/llms/switch.md +60 -0
- package/docs/llms/table.md +188 -0
- package/docs/llms/tablepro.md +56 -0
- package/docs/llms/tabs.md +50 -0
- package/docs/llms/tag.md +77 -0
- package/docs/llms/theme.md +165 -0
- package/docs/llms/titlebar.md +40 -0
- package/docs/llms/toast.md +51 -0
- package/docs/llms/tooltip.md +38 -0
- package/docs/llms/typography.md +103 -0
- package/docs/llms/windowcontrols.md +31 -0
- package/docs/llms.md +97 -0
- package/package.json +8 -2
- package/dist/Input-Z526ARZP.css +0 -66
- package/dist/Switch-NP7KKJOX.css +0 -44
- package/dist/Table-ZDPGWLH3.css +0 -139
- package/dist/chunk-2VA2HSL4.cjs +0 -121
- package/dist/chunk-2VA2HSL4.cjs.map +0 -1
- package/dist/chunk-2W2AJUZW.js +0 -118
- package/dist/chunk-2W2AJUZW.js.map +0 -1
- package/dist/chunk-3QWHDCHJ.js.map +0 -1
- package/dist/chunk-4AA22BOG.js +0 -63
- package/dist/chunk-4AA22BOG.js.map +0 -1
- package/dist/chunk-5EYI27B6.js.map +0 -1
- package/dist/chunk-77NP67ML.cjs +0 -70
- package/dist/chunk-77NP67ML.cjs.map +0 -1
- package/dist/chunk-7CKHWCEA.cjs.map +0 -1
- package/dist/chunk-7NM5BRUX.js +0 -91
- package/dist/chunk-7NM5BRUX.js.map +0 -1
- package/dist/chunk-7UJI437T.js +0 -49
- package/dist/chunk-7UJI437T.js.map +0 -1
- package/dist/chunk-AAMYURWQ.cjs.map +0 -1
- package/dist/chunk-ALFDP5WX.cjs.map +0 -1
- package/dist/chunk-F3NHM4GX.js.map +0 -1
- package/dist/chunk-FMG3ZPGK.js.map +0 -1
- package/dist/chunk-G3UWXSNQ.js.map +0 -1
- package/dist/chunk-HTP6UEVR.js.map +0 -1
- package/dist/chunk-I2ERCHFV.cjs.map +0 -1
- package/dist/chunk-IBZAGURN.cjs +0 -71
- package/dist/chunk-IBZAGURN.cjs.map +0 -1
- package/dist/chunk-IGHLSNXT.cjs.map +0 -1
- package/dist/chunk-ITGCHU3Y.cjs.map +0 -1
- package/dist/chunk-JNFCTYJT.cjs +0 -31
- package/dist/chunk-JNFCTYJT.cjs.map +0 -1
- package/dist/chunk-JWFVSBVX.cjs +0 -30
- package/dist/chunk-JWFVSBVX.cjs.map +0 -1
- package/dist/chunk-K67KIKX4.cjs +0 -67
- package/dist/chunk-K67KIKX4.cjs.map +0 -1
- package/dist/chunk-M6OTFXZA.js +0 -48
- package/dist/chunk-M6OTFXZA.js.map +0 -1
- package/dist/chunk-NWJW5KLN.js +0 -29
- package/dist/chunk-NWJW5KLN.js.map +0 -1
- package/dist/chunk-NZPJ7BUB.cjs.map +0 -1
- package/dist/chunk-OXYFB2ZI.js.map +0 -1
- package/dist/chunk-QT7SJITQ.cjs +0 -114
- package/dist/chunk-QT7SJITQ.cjs.map +0 -1
- package/dist/chunk-VMHNKD3N.cjs.map +0 -1
- package/dist/chunk-VXITDXLW.js +0 -28
- package/dist/chunk-VXITDXLW.js.map +0 -1
- package/dist/chunk-XFRP2MBR.js.map +0 -1
package/README.md
CHANGED
|
@@ -4,6 +4,17 @@
|
|
|
4
4
|
|
|
5
5
|
柔和、温润的拟态(Neumorphism)风格组件库,使用 **React 18** + **TypeScript**,开箱即用地适配 **Electron** 桌面应用场景 —— 包含窗口标题栏、侧边栏、抽屉、弹窗等桌面级组件。
|
|
6
6
|
|
|
7
|
+
> **🤖 AI coding assistants**: this package ships a **per-component LLM reference** designed for on-demand reading, so you don't have to pull the full API dump every time.
|
|
8
|
+
>
|
|
9
|
+
> - **Index** (global conventions + component list): `node_modules/@fangxinyan/lumina/docs/llms.md`
|
|
10
|
+
> — subpath export `@fangxinyan/lumina/llms.md`
|
|
11
|
+
> - **Per-component docs** (import / runnable examples / full props table): `node_modules/@fangxinyan/lumina/docs/llms/<id>.md`
|
|
12
|
+
> — subpath export `@fangxinyan/lumina/llms/<id>.md` (e.g. `.../llms/button.md`, `.../llms/table.md`)
|
|
13
|
+
>
|
|
14
|
+
> Online raw URLs:
|
|
15
|
+
> <https://raw.githubusercontent.com/LHorTL/lumina/main/docs/llms.md>
|
|
16
|
+
> <https://raw.githubusercontent.com/LHorTL/lumina/main/docs/llms/button.md>
|
|
17
|
+
|
|
7
18
|
## ✨ 特性
|
|
8
19
|
|
|
9
20
|
- **TypeScript 优先** — 全量类型定义,IDE 智能提示完善
|
|
@@ -16,11 +27,11 @@
|
|
|
16
27
|
## 📦 安装
|
|
17
28
|
|
|
18
29
|
```bash
|
|
19
|
-
npm install lumina
|
|
30
|
+
npm install @fangxinyan/lumina
|
|
20
31
|
# 或
|
|
21
|
-
pnpm add lumina
|
|
32
|
+
pnpm add @fangxinyan/lumina
|
|
22
33
|
# 或
|
|
23
|
-
yarn add lumina
|
|
34
|
+
yarn add @fangxinyan/lumina
|
|
24
35
|
```
|
|
25
36
|
|
|
26
37
|
Peer deps: `react@>=18`, `react-dom@>=18`.
|
|
@@ -28,8 +39,8 @@ Peer deps: `react@>=18`, `react-dom@>=18`.
|
|
|
28
39
|
## 🚀 快速上手
|
|
29
40
|
|
|
30
41
|
```tsx
|
|
31
|
-
import { Button, Card, toast, ToastContainer } from "lumina";
|
|
32
|
-
import "lumina/styles"; // 全局样式 + 设计令牌
|
|
42
|
+
import { Button, Card, toast, ToastContainer } from "@fangxinyan/lumina";
|
|
43
|
+
import "@fangxinyan/lumina/styles"; // 全局样式 + 设计令牌
|
|
33
44
|
|
|
34
45
|
export default function App() {
|
|
35
46
|
return (
|
|
@@ -100,8 +111,8 @@ package/
|
|
|
100
111
|
|
|
101
112
|
## 📚 文档
|
|
102
113
|
|
|
103
|
-
- [
|
|
104
|
-
- [
|
|
114
|
+
- **[🤖 AI / LLM 组件参考(索引)](./docs/llms.md)** — 全局约定 + 39 个组件的链接
|
|
115
|
+
- **[单组件文档](./docs/llms/)** — 每个组件一份 `.md`,AI 按需读取(例如 [`llms/button.md`](./docs/llms/button.md))
|
|
105
116
|
- [设计令牌](./docs/tokens.md)
|
|
106
117
|
- [Electron 集成](./docs/electron.md)
|
|
107
118
|
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
box-shadow: var(--neu-out-sm);
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
}
|
|
9
|
+
.accordion-item.disabled { opacity: 0.5; }
|
|
9
10
|
.accordion-head {
|
|
10
11
|
width: 100%;
|
|
11
12
|
border: none;
|
|
@@ -21,6 +22,8 @@
|
|
|
21
22
|
color: var(--fg);
|
|
22
23
|
text-align: left;
|
|
23
24
|
}
|
|
25
|
+
.accordion-item.disabled .accordion-head { cursor: not-allowed; }
|
|
26
|
+
.accordion-item.icon-only .accordion-head:not(:disabled) { cursor: default; }
|
|
24
27
|
.accordion-body {
|
|
25
28
|
max-height: 0;
|
|
26
29
|
overflow: hidden;
|
|
@@ -31,8 +34,12 @@
|
|
|
31
34
|
.accordion-item.open .accordion-body { max-height: 320px; }
|
|
32
35
|
.accordion-body-inner { padding: 0 18px 16px; }
|
|
33
36
|
.accordion-chev {
|
|
34
|
-
transition: transform var(--dur) var(--ease);
|
|
37
|
+
transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
|
|
35
38
|
color: var(--fg-subtle);
|
|
36
39
|
display: inline-flex;
|
|
40
|
+
border-radius: 6px;
|
|
41
|
+
padding: 2px;
|
|
37
42
|
}
|
|
43
|
+
.accordion-chev.clickable { cursor: pointer; }
|
|
44
|
+
.accordion-chev.clickable:hover { color: var(--fg); background: var(--bg); box-shadow: var(--neu-flat); }
|
|
38
45
|
.accordion-item.open .accordion-chev { transform: rotate(180deg); color: var(--accent); }
|
package/dist/Accordion.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkRDLPX7RK_cjs = require('./chunk-RDLPX7RK.cjs');
|
|
4
4
|
require('./chunk-YVO7XO4W.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Accordion", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkRDLPX7RK_cjs.Accordion; }
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=Accordion.cjs.map
|
|
13
13
|
//# sourceMappingURL=Accordion.cjs.map
|
package/dist/Accordion.d.cts
CHANGED
|
@@ -10,6 +10,18 @@ interface AccordionProps {
|
|
|
10
10
|
items: AccordionItem[];
|
|
11
11
|
/** If true, multiple sections can be open at once. */
|
|
12
12
|
multiple?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Accordion mode — at most one item open at a time. Takes precedence over `multiple`
|
|
15
|
+
* when both are set.
|
|
16
|
+
*/
|
|
17
|
+
accordion?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* What triggers expansion.
|
|
20
|
+
* - `"header"` (default): clicking anywhere on the header toggles.
|
|
21
|
+
* - `"icon"`: only the chevron icon is clickable.
|
|
22
|
+
* - `"disabled"`: the panel cannot be toggled.
|
|
23
|
+
*/
|
|
24
|
+
collapsible?: "header" | "icon" | "disabled";
|
|
13
25
|
activeKeys?: string[];
|
|
14
26
|
defaultActiveKeys?: string[];
|
|
15
27
|
onChange?: (keys: string[]) => void;
|
package/dist/Accordion.d.ts
CHANGED
|
@@ -10,6 +10,18 @@ interface AccordionProps {
|
|
|
10
10
|
items: AccordionItem[];
|
|
11
11
|
/** If true, multiple sections can be open at once. */
|
|
12
12
|
multiple?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Accordion mode — at most one item open at a time. Takes precedence over `multiple`
|
|
15
|
+
* when both are set.
|
|
16
|
+
*/
|
|
17
|
+
accordion?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* What triggers expansion.
|
|
20
|
+
* - `"header"` (default): clicking anywhere on the header toggles.
|
|
21
|
+
* - `"icon"`: only the chevron icon is clickable.
|
|
22
|
+
* - `"disabled"`: the panel cannot be toggled.
|
|
23
|
+
*/
|
|
24
|
+
collapsible?: "header" | "icon" | "disabled";
|
|
13
25
|
activeKeys?: string[];
|
|
14
26
|
defaultActiveKeys?: string[];
|
|
15
27
|
onChange?: (keys: string[]) => void;
|
package/dist/Accordion.js
CHANGED
|
@@ -24,6 +24,17 @@
|
|
|
24
24
|
.alert-desc { font-size: 12px; color: var(--fg-muted); line-height: 1.55; }
|
|
25
25
|
.alert.no-title { align-items: center; }
|
|
26
26
|
.alert.no-title .alert-ico { margin-top: 0; }
|
|
27
|
+
.alert.no-icon { gap: 0; }
|
|
28
|
+
|
|
29
|
+
.alert-action {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
gap: 6px;
|
|
33
|
+
flex-shrink: 0;
|
|
34
|
+
margin-left: 4px;
|
|
35
|
+
}
|
|
36
|
+
.alert:has(.alert-close) .alert-action { margin-right: 26px; }
|
|
37
|
+
|
|
27
38
|
.alert-close {
|
|
28
39
|
position: absolute; top: 10px; right: 10px;
|
|
29
40
|
width: 22px; height: 22px; border-radius: 7px;
|
package/dist/Alert.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkZ5X5AMLA_cjs = require('./chunk-Z5X5AMLA.cjs');
|
|
4
4
|
require('./chunk-YVO7XO4W.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Alert", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkZ5X5AMLA_cjs.Alert; }
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=Alert.cjs.map
|
|
13
13
|
//# sourceMappingURL=Alert.cjs.map
|
package/dist/Alert.d.cts
CHANGED
|
@@ -7,8 +7,12 @@ interface AlertProps {
|
|
|
7
7
|
title?: React.ReactNode;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
icon?: IconName;
|
|
10
|
+
/** Controls the leading semantic icon. Defaults to `true`. */
|
|
11
|
+
showIcon?: boolean;
|
|
10
12
|
closable?: boolean;
|
|
11
13
|
onClose?: () => void;
|
|
14
|
+
/** Right-side action area, rendered after the content and before the close button. */
|
|
15
|
+
action?: React.ReactNode;
|
|
12
16
|
className?: string;
|
|
13
17
|
}
|
|
14
18
|
/** `Alert` — inline contextual message. */
|
package/dist/Alert.d.ts
CHANGED
|
@@ -7,8 +7,12 @@ interface AlertProps {
|
|
|
7
7
|
title?: React.ReactNode;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
icon?: IconName;
|
|
10
|
+
/** Controls the leading semantic icon. Defaults to `true`. */
|
|
11
|
+
showIcon?: boolean;
|
|
10
12
|
closable?: boolean;
|
|
11
13
|
onClose?: () => void;
|
|
14
|
+
/** Right-side action area, rendered after the content and before the close button. */
|
|
15
|
+
action?: React.ReactNode;
|
|
12
16
|
className?: string;
|
|
13
17
|
}
|
|
14
18
|
/** `Alert` — inline contextual message. */
|
package/dist/Alert.js
CHANGED
|
@@ -16,6 +16,10 @@
|
|
|
16
16
|
.avatar.sm { --size: 28px; }
|
|
17
17
|
.avatar.lg { --size: 56px; }
|
|
18
18
|
.avatar.xl { --size: 80px; }
|
|
19
|
+
.avatar.square { border-radius: var(--r-md); }
|
|
20
|
+
.avatar.square.sm { border-radius: var(--r-sm); }
|
|
21
|
+
.avatar.square.lg,
|
|
22
|
+
.avatar.square.xl { border-radius: var(--r-lg); }
|
|
19
23
|
.avatar img { width: 100%; height: 100%; object-fit: cover; }
|
|
20
24
|
.avatar-status {
|
|
21
25
|
position: absolute;
|
package/dist/Avatar.cjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkYEOARJKR_cjs = require('./chunk-YEOARJKR.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "Avatar", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkYEOARJKR_cjs.Avatar; }
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=Avatar.cjs.map
|
|
12
12
|
//# sourceMappingURL=Avatar.cjs.map
|
package/dist/Avatar.d.cts
CHANGED
|
@@ -6,6 +6,8 @@ interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "childr
|
|
|
6
6
|
/** Initials if no image. Auto-derived from `alt` if omitted. */
|
|
7
7
|
initials?: string;
|
|
8
8
|
size?: number | "sm" | "md" | "lg" | "xl";
|
|
9
|
+
/** Shape — circular (default) or rounded-square. */
|
|
10
|
+
shape?: "circle" | "square";
|
|
9
11
|
/** Status dot. */
|
|
10
12
|
status?: "online" | "busy" | "away" | "offline";
|
|
11
13
|
}
|
package/dist/Avatar.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "childr
|
|
|
6
6
|
/** Initials if no image. Auto-derived from `alt` if omitted. */
|
|
7
7
|
initials?: string;
|
|
8
8
|
size?: number | "sm" | "md" | "lg" | "xl";
|
|
9
|
+
/** Shape — circular (default) or rounded-square. */
|
|
10
|
+
shape?: "circle" | "square";
|
|
9
11
|
/** Status dot. */
|
|
10
12
|
status?: "online" | "busy" | "away" | "offline";
|
|
11
13
|
}
|
package/dist/Avatar.js
CHANGED
|
@@ -77,6 +77,8 @@
|
|
|
77
77
|
.btn.lg { height: 52px; padding: 0 24px; font-size: 15px; border-radius: var(--r-lg); }
|
|
78
78
|
.btn.lg.icon { width: 52px; padding: 0; }
|
|
79
79
|
|
|
80
|
+
.btn.block { width: 100%; flex-shrink: 1; }
|
|
81
|
+
|
|
80
82
|
.btn[disabled], .btn.disabled, .btn:disabled {
|
|
81
83
|
color: var(--fg-subtle);
|
|
82
84
|
cursor: not-allowed;
|
package/dist/Button.cjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkOPTTHURA_cjs = require('./chunk-OPTTHURA.cjs');
|
|
4
4
|
require('./chunk-YVO7XO4W.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Button", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkOPTTHURA_cjs.Button; }
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "IconButton", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function () { return
|
|
14
|
+
get: function () { return chunkOPTTHURA_cjs.IconButton; }
|
|
15
15
|
});
|
|
16
16
|
//# sourceMappingURL=Button.cjs.map
|
|
17
17
|
//# sourceMappingURL=Button.cjs.map
|
package/dist/Button.d.cts
CHANGED
|
@@ -14,6 +14,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
14
14
|
trailingIcon?: IconName;
|
|
15
15
|
/** Show spinner + disable interaction. */
|
|
16
16
|
loading?: boolean;
|
|
17
|
+
/** Make the button fill the container's width. */
|
|
18
|
+
block?: boolean;
|
|
17
19
|
/** Button type attribute. Defaults to "button" to avoid accidental form submits. */
|
|
18
20
|
type?: "button" | "submit" | "reset";
|
|
19
21
|
/** Extra class names. */
|
package/dist/Button.d.ts
CHANGED
|
@@ -14,6 +14,8 @@ interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
14
14
|
trailingIcon?: IconName;
|
|
15
15
|
/** Show spinner + disable interaction. */
|
|
16
16
|
loading?: boolean;
|
|
17
|
+
/** Make the button fill the container's width. */
|
|
18
|
+
block?: boolean;
|
|
17
19
|
/** Button type attribute. Defaults to "button" to avoid accidental form submits. */
|
|
18
20
|
type?: "button" | "submit" | "reset";
|
|
19
21
|
/** Extra class names. */
|
package/dist/Button.js
CHANGED
package/dist/Calendar.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkTZSWDH5T_cjs = require('./chunk-TZSWDH5T.cjs');
|
|
4
4
|
require('./chunk-YVO7XO4W.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
Object.defineProperty(exports, "Calendar", {
|
|
9
9
|
enumerable: true,
|
|
10
|
-
get: function () { return
|
|
10
|
+
get: function () { return chunkTZSWDH5T_cjs.Calendar; }
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=Calendar.cjs.map
|
|
13
13
|
//# sourceMappingURL=Calendar.cjs.map
|
package/dist/Calendar.d.cts
CHANGED
|
@@ -8,6 +8,14 @@ interface CalendarProps {
|
|
|
8
8
|
min?: Date;
|
|
9
9
|
/** Max selectable date. */
|
|
10
10
|
max?: Date;
|
|
11
|
+
/**
|
|
12
|
+
* Predicate that marks an individual cell as disabled. Disabled cells are
|
|
13
|
+
* greyed out, not clickable, and do not fire `onChange`.
|
|
14
|
+
* @example
|
|
15
|
+
* // disable weekends
|
|
16
|
+
* disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}
|
|
17
|
+
*/
|
|
18
|
+
disabledDate?: (date: Date) => boolean;
|
|
11
19
|
className?: string;
|
|
12
20
|
}
|
|
13
21
|
/** `Calendar` — month-view date picker. */
|
package/dist/Calendar.d.ts
CHANGED
|
@@ -8,6 +8,14 @@ interface CalendarProps {
|
|
|
8
8
|
min?: Date;
|
|
9
9
|
/** Max selectable date. */
|
|
10
10
|
max?: Date;
|
|
11
|
+
/**
|
|
12
|
+
* Predicate that marks an individual cell as disabled. Disabled cells are
|
|
13
|
+
* greyed out, not clickable, and do not fire `onChange`.
|
|
14
|
+
* @example
|
|
15
|
+
* // disable weekends
|
|
16
|
+
* disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}
|
|
17
|
+
*/
|
|
18
|
+
disabledDate?: (date: Date) => boolean;
|
|
11
19
|
className?: string;
|
|
12
20
|
}
|
|
13
21
|
/** `Calendar` — month-view date picker. */
|
package/dist/Calendar.js
CHANGED
|
@@ -11,6 +11,17 @@
|
|
|
11
11
|
.card.pad-sm { padding: var(--gap-3); }
|
|
12
12
|
.card.pad-lg { padding: var(--gap-6); }
|
|
13
13
|
|
|
14
|
+
.card.hoverable {
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
|
|
17
|
+
}
|
|
18
|
+
.card.hoverable:hover {
|
|
19
|
+
transform: translateY(-3px);
|
|
20
|
+
box-shadow: var(--neu-out-lg);
|
|
21
|
+
}
|
|
22
|
+
.card.hoverable.flat:hover { box-shadow: var(--neu-out-sm); }
|
|
23
|
+
.card.hoverable.sunken:hover { box-shadow: var(--neu-out); }
|
|
24
|
+
|
|
14
25
|
.panel {
|
|
15
26
|
background: var(--bg);
|
|
16
27
|
border-radius: var(--r-lg);
|
package/dist/Card.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkJKLQOB2F_cjs = require('./chunk-JKLQOB2F.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "Card", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkJKLQOB2F_cjs.Card; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "Panel", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkJKLQOB2F_cjs.Panel; }
|
|
14
14
|
});
|
|
15
15
|
//# sourceMappingURL=Card.cjs.map
|
|
16
16
|
//# sourceMappingURL=Card.cjs.map
|
package/dist/Card.d.cts
CHANGED
|
@@ -5,6 +5,8 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
variant?: "raised" | "sunken" | "flat";
|
|
6
6
|
/** Inner padding. */
|
|
7
7
|
padding?: "none" | "sm" | "md" | "lg";
|
|
8
|
+
/** When true, the card raises and lifts on hover. */
|
|
9
|
+
hoverable?: boolean;
|
|
8
10
|
children?: React.ReactNode;
|
|
9
11
|
}
|
|
10
12
|
/**
|
package/dist/Card.d.ts
CHANGED
|
@@ -5,6 +5,8 @@ interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
variant?: "raised" | "sunken" | "flat";
|
|
6
6
|
/** Inner padding. */
|
|
7
7
|
padding?: "none" | "sm" | "md" | "lg";
|
|
8
|
+
/** When true, the card raises and lifts on hover. */
|
|
9
|
+
hoverable?: boolean;
|
|
8
10
|
children?: React.ReactNode;
|
|
9
11
|
}
|
|
10
12
|
/**
|
package/dist/Card.js
CHANGED
|
@@ -24,6 +24,30 @@
|
|
|
24
24
|
.divider.sunken:has(.divider-label) { background: transparent; box-shadow: none; }
|
|
25
25
|
.divider.sunken:has(.divider-label)::before,
|
|
26
26
|
.divider.sunken:has(.divider-label)::after { height: 2px; background: transparent; box-shadow: var(--neu-in-sm); }
|
|
27
|
+
|
|
28
|
+
/* ---- Dashed variant ---- */
|
|
29
|
+
.divider.dashed {
|
|
30
|
+
background: transparent;
|
|
31
|
+
box-shadow: none;
|
|
32
|
+
border-top: 1px dashed var(--divider);
|
|
33
|
+
border-radius: 0;
|
|
34
|
+
height: 0;
|
|
35
|
+
}
|
|
36
|
+
.divider.dashed.vertical {
|
|
37
|
+
width: 0;
|
|
38
|
+
border-top: none;
|
|
39
|
+
border-left: 1px dashed var(--divider);
|
|
40
|
+
}
|
|
41
|
+
.divider.dashed:has(.divider-label) { border-top: none; }
|
|
42
|
+
.divider.dashed:has(.divider-label)::before,
|
|
43
|
+
.divider.dashed:has(.divider-label)::after {
|
|
44
|
+
background: transparent;
|
|
45
|
+
box-shadow: none;
|
|
46
|
+
border-top: 1px dashed var(--divider);
|
|
47
|
+
height: 0;
|
|
48
|
+
border-radius: 0;
|
|
49
|
+
}
|
|
50
|
+
|
|
27
51
|
.divider-label {
|
|
28
52
|
display: flex; align-items: center; gap: 12px;
|
|
29
53
|
height: auto; background: transparent; box-shadow: none;
|
|
@@ -47,3 +71,10 @@
|
|
|
47
71
|
border-radius: 999px;
|
|
48
72
|
box-shadow: 0 1px 0 var(--shadow-light);
|
|
49
73
|
}
|
|
74
|
+
|
|
75
|
+
/* ---- Label orientation ---- */
|
|
76
|
+
.divider.orient-left::before { flex: 0 0 var(--gap-4); }
|
|
77
|
+
.divider.orient-left::after { flex: 1; }
|
|
78
|
+
.divider.orient-right::before { flex: 1; }
|
|
79
|
+
.divider.orient-right::after { flex: 0 0 var(--gap-4); }
|
|
80
|
+
/* center is default (both flex: 1) */
|
package/dist/Divider.cjs
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkAXMEZGEG_cjs = require('./chunk-AXMEZGEG.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "Divider", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkAXMEZGEG_cjs.Divider; }
|
|
10
10
|
});
|
|
11
11
|
//# sourceMappingURL=Divider.cjs.map
|
|
12
12
|
//# sourceMappingURL=Divider.cjs.map
|
package/dist/Divider.d.cts
CHANGED
|
@@ -5,6 +5,13 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
/** Use recessed groove styling. */
|
|
7
7
|
sunken?: boolean;
|
|
8
|
+
/** Render as dashed lines instead of solid. */
|
|
9
|
+
dashed?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Label position for horizontal dividers. Defaults to `"center"`.
|
|
12
|
+
* Ignored when there is no `label`.
|
|
13
|
+
*/
|
|
14
|
+
orientation?: "left" | "center" | "right";
|
|
8
15
|
}
|
|
9
16
|
/** `Divider` — visual separator, horizontal or vertical. */
|
|
10
17
|
declare const Divider: React.FC<DividerProps>;
|
package/dist/Divider.d.ts
CHANGED
|
@@ -5,6 +5,13 @@ interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
/** Use recessed groove styling. */
|
|
7
7
|
sunken?: boolean;
|
|
8
|
+
/** Render as dashed lines instead of solid. */
|
|
9
|
+
dashed?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Label position for horizontal dividers. Defaults to `"center"`.
|
|
12
|
+
* Ignored when there is no `label`.
|
|
13
|
+
*/
|
|
14
|
+
orientation?: "left" | "center" | "right";
|
|
8
15
|
}
|
|
9
16
|
/** `Divider` — visual separator, horizontal or vertical. */
|
|
10
17
|
declare const Divider: React.FC<DividerProps>;
|
package/dist/Divider.js
CHANGED
|
@@ -136,3 +136,25 @@
|
|
|
136
136
|
.skeleton.circle { border-radius: 999px; }
|
|
137
137
|
@keyframes skel-wave { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
|
|
138
138
|
@keyframes skel-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
|
139
|
+
|
|
140
|
+
/* Composite skeleton — avatar + title + paragraph layout */
|
|
141
|
+
.skeleton-box {
|
|
142
|
+
display: flex;
|
|
143
|
+
align-items: flex-start;
|
|
144
|
+
gap: 16px;
|
|
145
|
+
width: 100%;
|
|
146
|
+
}
|
|
147
|
+
.skeleton-content {
|
|
148
|
+
flex: 1;
|
|
149
|
+
min-width: 0;
|
|
150
|
+
display: flex;
|
|
151
|
+
flex-direction: column;
|
|
152
|
+
gap: 12px;
|
|
153
|
+
}
|
|
154
|
+
.skeleton-box .skeleton-title {
|
|
155
|
+
display: block;
|
|
156
|
+
margin-bottom: 4px;
|
|
157
|
+
}
|
|
158
|
+
.skeleton-box .skeleton-row {
|
|
159
|
+
display: block;
|
|
160
|
+
}
|
package/dist/Empty.cjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkF7HW2PYR_cjs = require('./chunk-F7HW2PYR.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "Empty", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkF7HW2PYR_cjs.Empty; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "Skeleton", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkF7HW2PYR_cjs.Skeleton; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, "Spinner", {
|
|
16
16
|
enumerable: true,
|
|
17
|
-
get: function () { return
|
|
17
|
+
get: function () { return chunkF7HW2PYR_cjs.Spinner; }
|
|
18
18
|
});
|
|
19
19
|
//# sourceMappingURL=Empty.cjs.map
|
|
20
20
|
//# sourceMappingURL=Empty.cjs.map
|