@fangxinyan/lumina 0.1.0
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/LICENSE +15 -0
- package/README.md +110 -0
- package/dist/Accordion-GSBY5T5U.css +38 -0
- package/dist/Accordion.cjs +13 -0
- package/dist/Accordion.cjs.map +1 -0
- package/dist/Accordion.d.cts +21 -0
- package/dist/Accordion.d.ts +21 -0
- package/dist/Accordion.js +4 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/Alert-LSKBYDRI.css +35 -0
- package/dist/Alert.cjs +13 -0
- package/dist/Alert.cjs.map +1 -0
- package/dist/Alert.d.cts +17 -0
- package/dist/Alert.d.ts +17 -0
- package/dist/Alert.js +4 -0
- package/dist/Alert.js.map +1 -0
- package/dist/AppShell-RCALXUCZ.css +162 -0
- package/dist/AppShell.cjs +24 -0
- package/dist/AppShell.cjs.map +1 -0
- package/dist/AppShell.d.cts +68 -0
- package/dist/AppShell.d.ts +68 -0
- package/dist/AppShell.js +3 -0
- package/dist/AppShell.js.map +1 -0
- package/dist/Avatar-OXDSG5Q6.css +36 -0
- package/dist/Avatar.cjs +12 -0
- package/dist/Avatar.cjs.map +1 -0
- package/dist/Avatar.d.cts +15 -0
- package/dist/Avatar.d.ts +15 -0
- package/dist/Avatar.js +3 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Button-5UI7QXGU.css +96 -0
- package/dist/Button.cjs +17 -0
- package/dist/Button.cjs.map +1 -0
- package/dist/Button.d.cts +41 -0
- package/dist/Button.d.ts +41 -0
- package/dist/Button.js +4 -0
- package/dist/Button.js.map +1 -0
- package/dist/Calendar-LHZELUDL.css +65 -0
- package/dist/Calendar.cjs +13 -0
- package/dist/Calendar.cjs.map +1 -0
- package/dist/Calendar.d.cts +16 -0
- package/dist/Calendar.d.ts +16 -0
- package/dist/Calendar.js +4 -0
- package/dist/Calendar.js.map +1 -0
- package/dist/Card-2CHHFD4Y.css +28 -0
- package/dist/Card.cjs +16 -0
- package/dist/Card.cjs.map +1 -0
- package/dist/Card.d.cts +25 -0
- package/dist/Card.d.ts +25 -0
- package/dist/Card.js +3 -0
- package/dist/Card.js.map +1 -0
- package/dist/Cascader-TO2QMSLJ.css +76 -0
- package/dist/Cascader.cjs +13 -0
- package/dist/Cascader.cjs.map +1 -0
- package/dist/Cascader.d.cts +23 -0
- package/dist/Cascader.d.ts +23 -0
- package/dist/Cascader.js +4 -0
- package/dist/Cascader.js.map +1 -0
- package/dist/Checkbox-SKJATVSN.css +72 -0
- package/dist/Checkbox.cjs +17 -0
- package/dist/Checkbox.cjs.map +1 -0
- package/dist/Checkbox.d.cts +33 -0
- package/dist/Checkbox.d.ts +33 -0
- package/dist/Checkbox.js +4 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/Divider-Z37INS5E.css +49 -0
- package/dist/Divider.cjs +12 -0
- package/dist/Divider.cjs.map +1 -0
- package/dist/Divider.d.cts +12 -0
- package/dist/Divider.d.ts +12 -0
- package/dist/Divider.js +3 -0
- package/dist/Divider.js.map +1 -0
- package/dist/Empty-VM23UNLQ.css +138 -0
- package/dist/Empty.cjs +20 -0
- package/dist/Empty.cjs.map +1 -0
- package/dist/Empty.d.cts +37 -0
- package/dist/Empty.d.ts +37 -0
- package/dist/Empty.js +3 -0
- package/dist/Empty.js.map +1 -0
- package/dist/Icon.cjs +16 -0
- package/dist/Icon.cjs.map +1 -0
- package/dist/Icon.d.cts +21 -0
- package/dist/Icon.d.ts +21 -0
- package/dist/Icon.js +3 -0
- package/dist/Icon.js.map +1 -0
- package/dist/Image-WYWORJT4.css +106 -0
- package/dist/Image.cjs +17 -0
- package/dist/Image.cjs.map +1 -0
- package/dist/Image.d.cts +30 -0
- package/dist/Image.d.ts +30 -0
- package/dist/Image.js +4 -0
- package/dist/Image.js.map +1 -0
- package/dist/Input-Z526ARZP.css +66 -0
- package/dist/Input.cjs +17 -0
- package/dist/Input.cjs.map +1 -0
- package/dist/Input.d.cts +36 -0
- package/dist/Input.d.ts +36 -0
- package/dist/Input.js +4 -0
- package/dist/Input.js.map +1 -0
- package/dist/List-W5BW4D2P.css +26 -0
- package/dist/List.cjs +12 -0
- package/dist/List.cjs.map +1 -0
- package/dist/List.d.cts +20 -0
- package/dist/List.d.ts +20 -0
- package/dist/List.js +3 -0
- package/dist/List.js.map +1 -0
- package/dist/Modal-AYKNIWWQ.css +79 -0
- package/dist/Modal.cjs +18 -0
- package/dist/Modal.cjs.map +1 -0
- package/dist/Modal.d.cts +27 -0
- package/dist/Modal.d.ts +27 -0
- package/dist/Modal.js +5 -0
- package/dist/Modal.js.map +1 -0
- package/dist/Pagination-6FFOI4NM.css +35 -0
- package/dist/Pagination.cjs +13 -0
- package/dist/Pagination.cjs.map +1 -0
- package/dist/Pagination.d.cts +19 -0
- package/dist/Pagination.d.ts +19 -0
- package/dist/Pagination.js +4 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/Popover-WXEVUYBG.css +15 -0
- package/dist/Popover.cjs +12 -0
- package/dist/Popover.cjs.map +1 -0
- package/dist/Popover.d.cts +16 -0
- package/dist/Popover.d.ts +16 -0
- package/dist/Popover.js +3 -0
- package/dist/Popover.js.map +1 -0
- package/dist/Progress-IXRSO5TW.css +63 -0
- package/dist/Progress.cjs +16 -0
- package/dist/Progress.cjs.map +1 -0
- package/dist/Progress.d.cts +26 -0
- package/dist/Progress.d.ts +26 -0
- package/dist/Progress.js +3 -0
- package/dist/Progress.js.map +1 -0
- package/dist/Select-DDJJBQEL.css +263 -0
- package/dist/Select.cjs +14 -0
- package/dist/Select.cjs.map +1 -0
- package/dist/Select.d.cts +68 -0
- package/dist/Select.d.ts +68 -0
- package/dist/Select.js +5 -0
- package/dist/Select.js.map +1 -0
- package/dist/Slider-RE4HZQKF.css +59 -0
- package/dist/Slider.cjs +12 -0
- package/dist/Slider.cjs.map +1 -0
- package/dist/Slider.d.cts +18 -0
- package/dist/Slider.d.ts +18 -0
- package/dist/Slider.js +3 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Switch-NP7KKJOX.css +44 -0
- package/dist/Switch.cjs +12 -0
- package/dist/Switch.cjs.map +1 -0
- package/dist/Switch.d.cts +18 -0
- package/dist/Switch.d.ts +18 -0
- package/dist/Switch.js +3 -0
- package/dist/Switch.js.map +1 -0
- package/dist/Table-ZDPGWLH3.css +139 -0
- package/dist/Table.cjs +18 -0
- package/dist/Table.cjs.map +1 -0
- package/dist/Table.d.cts +57 -0
- package/dist/Table.d.ts +57 -0
- package/dist/Table.js +5 -0
- package/dist/Table.js.map +1 -0
- package/dist/Tabs-A27TSZOP.css +95 -0
- package/dist/Tabs.cjs +16 -0
- package/dist/Tabs.cjs.map +1 -0
- package/dist/Tabs.d.cts +35 -0
- package/dist/Tabs.d.ts +35 -0
- package/dist/Tabs.js +3 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Tag-EYOY3UWG.css +49 -0
- package/dist/Tag.cjs +17 -0
- package/dist/Tag.cjs.map +1 -0
- package/dist/Tag.d.cts +27 -0
- package/dist/Tag.d.ts +27 -0
- package/dist/Tag.js +4 -0
- package/dist/Tag.js.map +1 -0
- package/dist/Theme.cjs +44 -0
- package/dist/Theme.cjs.map +1 -0
- package/dist/Theme.d.cts +127 -0
- package/dist/Theme.d.ts +127 -0
- package/dist/Theme.js +3 -0
- package/dist/Theme.js.map +1 -0
- package/dist/Toast-ERHDN3WG.css +45 -0
- package/dist/Toast.cjs +17 -0
- package/dist/Toast.cjs.map +1 -0
- package/dist/Toast.d.cts +26 -0
- package/dist/Toast.d.ts +26 -0
- package/dist/Toast.js +4 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Tooltip-RT4BOVTD.css +23 -0
- package/dist/Tooltip.cjs +12 -0
- package/dist/Tooltip.cjs.map +1 -0
- package/dist/Tooltip.d.cts +13 -0
- package/dist/Tooltip.d.ts +13 -0
- package/dist/Tooltip.js +3 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/chunk-2VA2HSL4.cjs +121 -0
- package/dist/chunk-2VA2HSL4.cjs.map +1 -0
- package/dist/chunk-2W2AJUZW.js +118 -0
- package/dist/chunk-2W2AJUZW.js.map +1 -0
- package/dist/chunk-3QWHDCHJ.js +53 -0
- package/dist/chunk-3QWHDCHJ.js.map +1 -0
- package/dist/chunk-3WAFIUDQ.js +85 -0
- package/dist/chunk-3WAFIUDQ.js.map +1 -0
- package/dist/chunk-4AA22BOG.js +63 -0
- package/dist/chunk-4AA22BOG.js.map +1 -0
- package/dist/chunk-4GT5TOHP.js +18 -0
- package/dist/chunk-4GT5TOHP.js.map +1 -0
- package/dist/chunk-5EYI27B6.js +64 -0
- package/dist/chunk-5EYI27B6.js.map +1 -0
- package/dist/chunk-6YVW3VYL.js +51 -0
- package/dist/chunk-6YVW3VYL.js.map +1 -0
- package/dist/chunk-77NP67ML.cjs +70 -0
- package/dist/chunk-77NP67ML.cjs.map +1 -0
- package/dist/chunk-7CKHWCEA.cjs +110 -0
- package/dist/chunk-7CKHWCEA.cjs.map +1 -0
- package/dist/chunk-7H453VPW.cjs +20 -0
- package/dist/chunk-7H453VPW.cjs.map +1 -0
- package/dist/chunk-7NM5BRUX.js +91 -0
- package/dist/chunk-7NM5BRUX.js.map +1 -0
- package/dist/chunk-7U6I44RV.cjs +283 -0
- package/dist/chunk-7U6I44RV.cjs.map +1 -0
- package/dist/chunk-AAMYURWQ.cjs +87 -0
- package/dist/chunk-AAMYURWQ.cjs.map +1 -0
- package/dist/chunk-ALFDP5WX.cjs +70 -0
- package/dist/chunk-ALFDP5WX.cjs.map +1 -0
- package/dist/chunk-C5TGQ7CV.cjs +114 -0
- package/dist/chunk-C5TGQ7CV.cjs.map +1 -0
- package/dist/chunk-F3NHM4GX.js +20 -0
- package/dist/chunk-F3NHM4GX.js.map +1 -0
- package/dist/chunk-FI7QO3I5.cjs +90 -0
- package/dist/chunk-FI7QO3I5.cjs.map +1 -0
- package/dist/chunk-FMG3ZPGK.js +88 -0
- package/dist/chunk-FMG3ZPGK.js.map +1 -0
- package/dist/chunk-G3UWXSNQ.js +71 -0
- package/dist/chunk-G3UWXSNQ.js.map +1 -0
- package/dist/chunk-GEYMWUW6.js +146 -0
- package/dist/chunk-GEYMWUW6.js.map +1 -0
- package/dist/chunk-HTP6UEVR.js +48 -0
- package/dist/chunk-HTP6UEVR.js.map +1 -0
- package/dist/chunk-I2ERCHFV.cjs +58 -0
- package/dist/chunk-I2ERCHFV.cjs.map +1 -0
- package/dist/chunk-I7SSCSFH.js +253 -0
- package/dist/chunk-I7SSCSFH.js.map +1 -0
- package/dist/chunk-IGHLSNXT.cjs +109 -0
- package/dist/chunk-IGHLSNXT.cjs.map +1 -0
- package/dist/chunk-IKI5CS4L.cjs +91 -0
- package/dist/chunk-IKI5CS4L.cjs.map +1 -0
- package/dist/chunk-ITGCHU3Y.cjs +94 -0
- package/dist/chunk-ITGCHU3Y.cjs.map +1 -0
- package/dist/chunk-JNFCTYJT.cjs +31 -0
- package/dist/chunk-JNFCTYJT.cjs.map +1 -0
- package/dist/chunk-JWFVSBVX.cjs +30 -0
- package/dist/chunk-JWFVSBVX.cjs.map +1 -0
- package/dist/chunk-K5MHL732.js +81 -0
- package/dist/chunk-K5MHL732.js.map +1 -0
- package/dist/chunk-K67KIKX4.cjs +67 -0
- package/dist/chunk-K67KIKX4.cjs.map +1 -0
- package/dist/chunk-KF4MCHZL.cjs +105 -0
- package/dist/chunk-KF4MCHZL.cjs.map +1 -0
- package/dist/chunk-M6CGYGEO.js +91 -0
- package/dist/chunk-M6CGYGEO.js.map +1 -0
- package/dist/chunk-M6OTFXZA.js +48 -0
- package/dist/chunk-M6OTFXZA.js.map +1 -0
- package/dist/chunk-NWJW5KLN.js +29 -0
- package/dist/chunk-NWJW5KLN.js.map +1 -0
- package/dist/chunk-NXOAYNG2.cjs +52 -0
- package/dist/chunk-NXOAYNG2.cjs.map +1 -0
- package/dist/chunk-NZPJ7BUB.cjs +22 -0
- package/dist/chunk-NZPJ7BUB.cjs.map +1 -0
- package/dist/chunk-OUJBCNWD.js +52 -0
- package/dist/chunk-OUJBCNWD.js.map +1 -0
- package/dist/chunk-OXYFB2ZI.js +35 -0
- package/dist/chunk-OXYFB2ZI.js.map +1 -0
- package/dist/chunk-Q33V7MSK.js +79 -0
- package/dist/chunk-Q33V7MSK.js.map +1 -0
- package/dist/chunk-QESLHLTG.cjs +107 -0
- package/dist/chunk-QESLHLTG.cjs.map +1 -0
- package/dist/chunk-QPZZNSRB.js +65 -0
- package/dist/chunk-QPZZNSRB.js.map +1 -0
- package/dist/chunk-QT7SJITQ.cjs +114 -0
- package/dist/chunk-QT7SJITQ.cjs.map +1 -0
- package/dist/chunk-RMD6KQ4H.cjs +56 -0
- package/dist/chunk-RMD6KQ4H.cjs.map +1 -0
- package/dist/chunk-T5AH4FCV.js +280 -0
- package/dist/chunk-T5AH4FCV.js.map +1 -0
- package/dist/chunk-U6ODMPTI.cjs +74 -0
- package/dist/chunk-U6ODMPTI.cjs.map +1 -0
- package/dist/chunk-V2ZUOEXM.cjs +73 -0
- package/dist/chunk-V2ZUOEXM.cjs.map +1 -0
- package/dist/chunk-VJN637MT.js +49 -0
- package/dist/chunk-VJN637MT.js.map +1 -0
- package/dist/chunk-VMHNKD3N.cjs +56 -0
- package/dist/chunk-VMHNKD3N.cjs.map +1 -0
- package/dist/chunk-VXITDXLW.js +28 -0
- package/dist/chunk-VXITDXLW.js.map +1 -0
- package/dist/chunk-XFRP2MBR.js +87 -0
- package/dist/chunk-XFRP2MBR.js.map +1 -0
- package/dist/chunk-XRZ5OKZH.js +101 -0
- package/dist/chunk-XRZ5OKZH.js.map +1 -0
- package/dist/chunk-Y6FVCCUE.js +34 -0
- package/dist/chunk-Y6FVCCUE.js.map +1 -0
- package/dist/chunk-YVO7XO4W.cjs +149 -0
- package/dist/chunk-YVO7XO4W.cjs.map +1 -0
- package/dist/chunk-ZMDVK2U3.cjs +302 -0
- package/dist/chunk-ZMDVK2U3.cjs.map +1 -0
- package/dist/chunk-ZXM247EM.cjs +123 -0
- package/dist/chunk-ZXM247EM.cjs.map +1 -0
- package/dist/index.cjs +249 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +35 -0
- package/dist/index.d.ts +35 -0
- package/dist/index.js +35 -0
- package/dist/index.js.map +1 -0
- package/dist/shared-NJHRNLRH.css +4 -0
- package/dist/styles.css +2068 -0
- package/dist/tokens-HWQ7KWPG.css +153 -0
- package/dist/tokens.css +153 -0
- package/package.json +77 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconName } from './Icon.js';
|
|
3
|
+
|
|
4
|
+
interface CascaderOption {
|
|
5
|
+
value: string;
|
|
6
|
+
label: React.ReactNode;
|
|
7
|
+
icon?: IconName;
|
|
8
|
+
children?: CascaderOption[];
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
interface CascaderProps {
|
|
12
|
+
options: CascaderOption[];
|
|
13
|
+
value?: string[];
|
|
14
|
+
defaultValue?: string[];
|
|
15
|
+
onChange?: (path: string[]) => void;
|
|
16
|
+
placeholder?: string;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
/** `Cascader` — multi-column hierarchical selector. */
|
|
21
|
+
declare const Cascader: React.FC<CascaderProps>;
|
|
22
|
+
|
|
23
|
+
export { Cascader, type CascaderOption, type CascaderProps };
|
package/dist/Cascader.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Cascader.js"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
/* ============ Checkbox & Radio ============ */
|
|
2
|
+
.checkbox, .radio {
|
|
3
|
+
display: inline-flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
gap: 10px;
|
|
6
|
+
cursor: pointer;
|
|
7
|
+
user-select: none;
|
|
8
|
+
font-size: 13px;
|
|
9
|
+
color: var(--fg);
|
|
10
|
+
}
|
|
11
|
+
.checkbox.disabled, .radio.disabled { opacity: 0.5; cursor: not-allowed; }
|
|
12
|
+
.checkbox-box {
|
|
13
|
+
width: 20px; height: 20px;
|
|
14
|
+
border: none;
|
|
15
|
+
padding: 0;
|
|
16
|
+
border-radius: 7px;
|
|
17
|
+
background: var(--bg);
|
|
18
|
+
box-shadow: var(--neu-in-sm);
|
|
19
|
+
display: grid;
|
|
20
|
+
place-items: center;
|
|
21
|
+
flex-shrink: 0;
|
|
22
|
+
cursor: inherit;
|
|
23
|
+
color: white;
|
|
24
|
+
transition: all var(--dur) var(--ease);
|
|
25
|
+
}
|
|
26
|
+
.checkbox-box svg { opacity: 0; transform: scale(0.6); transition: all var(--dur) var(--ease); }
|
|
27
|
+
.checkbox.checked .checkbox-box {
|
|
28
|
+
background: var(--accent);
|
|
29
|
+
box-shadow: var(--neu-out-sm), 0 2px 8px var(--accent-glow);
|
|
30
|
+
}
|
|
31
|
+
.checkbox.checked .checkbox-box svg { opacity: 1; transform: scale(1); }
|
|
32
|
+
.checkbox.indeterminate .checkbox-box {
|
|
33
|
+
background: var(--accent);
|
|
34
|
+
box-shadow: var(--neu-out-sm), 0 2px 8px var(--accent-glow);
|
|
35
|
+
}
|
|
36
|
+
.checkbox.indeterminate .checkbox-box::after {
|
|
37
|
+
content: "";
|
|
38
|
+
width: 10px; height: 2px;
|
|
39
|
+
background: white;
|
|
40
|
+
border-radius: 2px;
|
|
41
|
+
}
|
|
42
|
+
.checkbox.indeterminate .checkbox-box svg { display: none; }
|
|
43
|
+
|
|
44
|
+
.radio-dot {
|
|
45
|
+
width: 20px; height: 20px;
|
|
46
|
+
border: none;
|
|
47
|
+
padding: 0;
|
|
48
|
+
border-radius: 999px;
|
|
49
|
+
background: var(--bg);
|
|
50
|
+
box-shadow: var(--neu-in-sm);
|
|
51
|
+
cursor: inherit;
|
|
52
|
+
position: relative;
|
|
53
|
+
flex-shrink: 0;
|
|
54
|
+
transition: all var(--dur) var(--ease);
|
|
55
|
+
}
|
|
56
|
+
.radio.checked .radio-dot {
|
|
57
|
+
background: var(--accent);
|
|
58
|
+
box-shadow: var(--neu-out-sm), 0 2px 8px var(--accent-glow);
|
|
59
|
+
}
|
|
60
|
+
.radio.checked .radio-dot::after {
|
|
61
|
+
content: "";
|
|
62
|
+
position: absolute;
|
|
63
|
+
top: 50%; left: 50%;
|
|
64
|
+
transform: translate(-50%, -50%);
|
|
65
|
+
width: 8px; height: 8px;
|
|
66
|
+
border-radius: 999px;
|
|
67
|
+
background: white;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.radio-group { display: flex; gap: 14px; }
|
|
71
|
+
.radio-group.vertical { flex-direction: column; gap: 10px; }
|
|
72
|
+
.radio-group.horizontal { flex-direction: row; flex-wrap: wrap; }
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkC5TGQ7CV_cjs = require('./chunk-C5TGQ7CV.cjs');
|
|
4
|
+
require('./chunk-YVO7XO4W.cjs');
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
Object.defineProperty(exports, "Checkbox", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function () { return chunkC5TGQ7CV_cjs.Checkbox; }
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "RadioGroup", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return chunkC5TGQ7CV_cjs.RadioGroup; }
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=Checkbox.cjs.map
|
|
17
|
+
//# sourceMappingURL=Checkbox.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Checkbox.cjs"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface CheckboxProps {
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
defaultChecked?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
onChange?: (checked: boolean) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
label?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
id?: string;
|
|
13
|
+
}
|
|
14
|
+
/** `Checkbox` — binary choice, supports indeterminate state. */
|
|
15
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
16
|
+
interface RadioOption<T extends string | number = string> {
|
|
17
|
+
value: T;
|
|
18
|
+
label: React.ReactNode;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
interface RadioGroupProps<T extends string | number = string> {
|
|
22
|
+
options: RadioOption<T>[];
|
|
23
|
+
value?: T;
|
|
24
|
+
defaultValue?: T;
|
|
25
|
+
onChange?: (value: T) => void;
|
|
26
|
+
name?: string;
|
|
27
|
+
direction?: "vertical" | "horizontal";
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
/** `RadioGroup` — mutually exclusive options. */
|
|
31
|
+
declare function RadioGroup<T extends string | number = string>({ options, value, defaultValue, onChange, direction, className, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
export { Checkbox, type CheckboxProps, RadioGroup, type RadioGroupProps, type RadioOption };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface CheckboxProps {
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
defaultChecked?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
8
|
+
onChange?: (checked: boolean) => void;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
label?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
id?: string;
|
|
13
|
+
}
|
|
14
|
+
/** `Checkbox` — binary choice, supports indeterminate state. */
|
|
15
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
16
|
+
interface RadioOption<T extends string | number = string> {
|
|
17
|
+
value: T;
|
|
18
|
+
label: React.ReactNode;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
interface RadioGroupProps<T extends string | number = string> {
|
|
22
|
+
options: RadioOption<T>[];
|
|
23
|
+
value?: T;
|
|
24
|
+
defaultValue?: T;
|
|
25
|
+
onChange?: (value: T) => void;
|
|
26
|
+
name?: string;
|
|
27
|
+
direction?: "vertical" | "horizontal";
|
|
28
|
+
className?: string;
|
|
29
|
+
}
|
|
30
|
+
/** `RadioGroup` — mutually exclusive options. */
|
|
31
|
+
declare function RadioGroup<T extends string | number = string>({ options, value, defaultValue, onChange, direction, className, }: RadioGroupProps<T>): react_jsx_runtime.JSX.Element;
|
|
32
|
+
|
|
33
|
+
export { Checkbox, type CheckboxProps, RadioGroup, type RadioGroupProps, type RadioOption };
|
package/dist/Checkbox.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Checkbox.js"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/* ============ Divider ============ */
|
|
2
|
+
.divider {
|
|
3
|
+
height: 1px;
|
|
4
|
+
background: var(--divider);
|
|
5
|
+
margin: var(--gap-4) 0;
|
|
6
|
+
border-radius: 999px;
|
|
7
|
+
box-shadow: 0 1px 0 var(--shadow-light);
|
|
8
|
+
}
|
|
9
|
+
.divider.vertical {
|
|
10
|
+
width: 1px;
|
|
11
|
+
height: 24px;
|
|
12
|
+
margin: 0 var(--gap-3);
|
|
13
|
+
display: inline-block;
|
|
14
|
+
}
|
|
15
|
+
.divider.sunken {
|
|
16
|
+
background: transparent;
|
|
17
|
+
height: 2px;
|
|
18
|
+
box-shadow: var(--neu-in-sm);
|
|
19
|
+
}
|
|
20
|
+
.divider.sunken.vertical {
|
|
21
|
+
width: 2px;
|
|
22
|
+
height: 24px;
|
|
23
|
+
}
|
|
24
|
+
.divider.sunken:has(.divider-label) { background: transparent; box-shadow: none; }
|
|
25
|
+
.divider.sunken:has(.divider-label)::before,
|
|
26
|
+
.divider.sunken:has(.divider-label)::after { height: 2px; background: transparent; box-shadow: var(--neu-in-sm); }
|
|
27
|
+
.divider-label {
|
|
28
|
+
display: flex; align-items: center; gap: 12px;
|
|
29
|
+
height: auto; background: transparent; box-shadow: none;
|
|
30
|
+
font-size: 11px; color: var(--fg-subtle);
|
|
31
|
+
text-transform: uppercase; letter-spacing: 0.1em;
|
|
32
|
+
}
|
|
33
|
+
.divider:has(.divider-label) {
|
|
34
|
+
background: transparent;
|
|
35
|
+
box-shadow: none;
|
|
36
|
+
height: auto;
|
|
37
|
+
display: flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
gap: 12px;
|
|
40
|
+
}
|
|
41
|
+
.divider:has(.divider-label)::before,
|
|
42
|
+
.divider:has(.divider-label)::after {
|
|
43
|
+
content: "";
|
|
44
|
+
flex: 1;
|
|
45
|
+
height: 1px;
|
|
46
|
+
background: var(--divider);
|
|
47
|
+
border-radius: 999px;
|
|
48
|
+
box-shadow: 0 1px 0 var(--shadow-light);
|
|
49
|
+
}
|
package/dist/Divider.cjs
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkNZPJ7BUB_cjs = require('./chunk-NZPJ7BUB.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "Divider", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () { return chunkNZPJ7BUB_cjs.Divider; }
|
|
10
|
+
});
|
|
11
|
+
//# sourceMappingURL=Divider.cjs.map
|
|
12
|
+
//# sourceMappingURL=Divider.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Divider.cjs"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
direction?: "horizontal" | "vertical";
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
/** Use recessed groove styling. */
|
|
7
|
+
sunken?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/** `Divider` — visual separator, horizontal or vertical. */
|
|
10
|
+
declare const Divider: React.FC<DividerProps>;
|
|
11
|
+
|
|
12
|
+
export { Divider, type DividerProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
direction?: "horizontal" | "vertical";
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
/** Use recessed groove styling. */
|
|
7
|
+
sunken?: boolean;
|
|
8
|
+
}
|
|
9
|
+
/** `Divider` — visual separator, horizontal or vertical. */
|
|
10
|
+
declare const Divider: React.FC<DividerProps>;
|
|
11
|
+
|
|
12
|
+
export { Divider, type DividerProps };
|
package/dist/Divider.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Divider.js"}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
/* ============ Empty / Spinner / Skeleton ============ */
|
|
2
|
+
/* .spinner base — legacy border-ring used internally by Select/Button.
|
|
3
|
+
The public <Spinner> component always sets a variant class (`ring`|`dots`)
|
|
4
|
+
which overrides this via the more specific rules below. */
|
|
5
|
+
.spinner {
|
|
6
|
+
width: 14px; height: 14px;
|
|
7
|
+
border-radius: 999px;
|
|
8
|
+
border: 2px solid currentColor;
|
|
9
|
+
border-right-color: transparent;
|
|
10
|
+
animation: spin 0.8s linear infinite;
|
|
11
|
+
display: inline-block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.empty {
|
|
15
|
+
padding: 60px 20px;
|
|
16
|
+
display: grid; place-items: center;
|
|
17
|
+
gap: 12px;
|
|
18
|
+
color: var(--fg-muted);
|
|
19
|
+
text-align: center;
|
|
20
|
+
}
|
|
21
|
+
.empty.sm { padding: 28px 16px; gap: 8px; }
|
|
22
|
+
.empty.sm .empty-ico { width: 40px; height: 40px; }
|
|
23
|
+
.empty.sm .empty-title { font-size: 13px; }
|
|
24
|
+
.empty.sm .empty-desc { font-size: 11px; }
|
|
25
|
+
.empty.lg { padding: 96px 24px; gap: 16px; }
|
|
26
|
+
.empty.lg .empty-ico { width: 72px; height: 72px; }
|
|
27
|
+
.empty.lg .empty-title { font-size: 16px; }
|
|
28
|
+
.empty.lg .empty-desc { font-size: 13px; }
|
|
29
|
+
.empty.subtle .empty-ico { background: transparent; box-shadow: none; }
|
|
30
|
+
.empty-ico {
|
|
31
|
+
width: 56px; height: 56px;
|
|
32
|
+
border-radius: var(--r-lg);
|
|
33
|
+
background: var(--bg);
|
|
34
|
+
box-shadow: var(--neu-in-sm);
|
|
35
|
+
display: grid; place-items: center;
|
|
36
|
+
color: var(--fg-subtle);
|
|
37
|
+
}
|
|
38
|
+
.empty-title { font-size: 14px; font-weight: 600; color: var(--fg); }
|
|
39
|
+
.empty-desc { font-size: 12px; }
|
|
40
|
+
.empty-action { margin-top: 8px; }
|
|
41
|
+
|
|
42
|
+
/* Spinner tones */
|
|
43
|
+
.spinner.accent { color: var(--accent); }
|
|
44
|
+
.spinner.success { color: var(--success); }
|
|
45
|
+
.spinner.warning { color: var(--warning); }
|
|
46
|
+
.spinner.danger { color: var(--danger); }
|
|
47
|
+
|
|
48
|
+
/* --- Ring variant: neumorphic pressed track + rotating arc --- */
|
|
49
|
+
.spinner.ring {
|
|
50
|
+
position: relative;
|
|
51
|
+
display: inline-block;
|
|
52
|
+
border: none;
|
|
53
|
+
border-radius: 50%;
|
|
54
|
+
background: var(--bg);
|
|
55
|
+
box-shadow: var(--neu-in-sm);
|
|
56
|
+
animation: none;
|
|
57
|
+
}
|
|
58
|
+
.spinner.ring::before {
|
|
59
|
+
content: "";
|
|
60
|
+
position: absolute;
|
|
61
|
+
inset: 0;
|
|
62
|
+
border-radius: inherit;
|
|
63
|
+
background: conic-gradient(from 0deg,
|
|
64
|
+
transparent 0deg,
|
|
65
|
+
color-mix(in oklch, currentColor 30%, transparent) 40deg,
|
|
66
|
+
color-mix(in oklch, currentColor 70%, transparent) 100deg,
|
|
67
|
+
currentColor 220deg,
|
|
68
|
+
currentColor 340deg,
|
|
69
|
+
transparent 360deg);
|
|
70
|
+
-webkit-mask: radial-gradient(circle, transparent 60%, #000 61%);
|
|
71
|
+
mask: radial-gradient(circle, transparent 60%, #000 61%);
|
|
72
|
+
animation: spin 0.9s linear infinite;
|
|
73
|
+
}
|
|
74
|
+
.spinner.ring.accent::before,
|
|
75
|
+
.spinner.ring.success::before,
|
|
76
|
+
.spinner.ring.warning::before,
|
|
77
|
+
.spinner.ring.danger::before {
|
|
78
|
+
filter: drop-shadow(0 0 4px color-mix(in oklch, currentColor 50%, transparent));
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/* --- Dots variant: raised neumorphic spheres (container is transparent) --- */
|
|
82
|
+
.spinner.dots {
|
|
83
|
+
display: inline-flex;
|
|
84
|
+
align-items: center;
|
|
85
|
+
gap: 0.34em;
|
|
86
|
+
border: none;
|
|
87
|
+
background: none;
|
|
88
|
+
box-shadow: none;
|
|
89
|
+
width: auto; height: auto;
|
|
90
|
+
animation: none;
|
|
91
|
+
line-height: 1;
|
|
92
|
+
}
|
|
93
|
+
.spinner.dots i {
|
|
94
|
+
width: 0.4em; height: 0.4em;
|
|
95
|
+
border-radius: 999px;
|
|
96
|
+
background: radial-gradient(circle at 32% 28%,
|
|
97
|
+
color-mix(in oklch, currentColor 40%, white),
|
|
98
|
+
currentColor 62%,
|
|
99
|
+
color-mix(in oklch, currentColor 82%, black) 100%);
|
|
100
|
+
box-shadow:
|
|
101
|
+
0 0.06em 0.14em color-mix(in oklch, currentColor 45%, transparent),
|
|
102
|
+
0 0 0.35em color-mix(in oklch, currentColor 50%, transparent);
|
|
103
|
+
display: inline-block;
|
|
104
|
+
animation: dot-bounce 1.2s ease-in-out infinite;
|
|
105
|
+
}
|
|
106
|
+
.spinner.dots i:nth-child(2) { animation-delay: 0.15s; }
|
|
107
|
+
.spinner.dots i:nth-child(3) { animation-delay: 0.3s; }
|
|
108
|
+
@keyframes dot-bounce {
|
|
109
|
+
0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }
|
|
110
|
+
40% { transform: translateY(-30%); opacity: 1; }
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.spinner-wrap {
|
|
114
|
+
display: inline-flex;
|
|
115
|
+
align-items: center;
|
|
116
|
+
gap: 8px;
|
|
117
|
+
color: var(--fg-muted);
|
|
118
|
+
}
|
|
119
|
+
.spinner-label { font-size: 12px; }
|
|
120
|
+
|
|
121
|
+
.skeleton {
|
|
122
|
+
display: block;
|
|
123
|
+
background: color-mix(in oklch, var(--accent-soft) 55%, var(--bg-sunken));
|
|
124
|
+
border-radius: var(--r-sm);
|
|
125
|
+
}
|
|
126
|
+
.skeleton.wave {
|
|
127
|
+
background: linear-gradient(90deg,
|
|
128
|
+
color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)),
|
|
129
|
+
color-mix(in oklch, var(--accent-soft) 75%, var(--bg-sunken)),
|
|
130
|
+
color-mix(in oklch, var(--accent-soft) 35%, var(--bg-sunken)));
|
|
131
|
+
background-size: 200% 100%;
|
|
132
|
+
animation: skel-wave 1.4s ease-in-out infinite;
|
|
133
|
+
}
|
|
134
|
+
.skeleton.pulse { animation: skel-pulse 1.4s ease-in-out infinite; }
|
|
135
|
+
.skeleton.none { animation: none; }
|
|
136
|
+
.skeleton.circle { border-radius: 999px; }
|
|
137
|
+
@keyframes skel-wave { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
|
|
138
|
+
@keyframes skel-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
package/dist/Empty.cjs
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkK67KIKX4_cjs = require('./chunk-K67KIKX4.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "Empty", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () { return chunkK67KIKX4_cjs.Empty; }
|
|
10
|
+
});
|
|
11
|
+
Object.defineProperty(exports, "Skeleton", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return chunkK67KIKX4_cjs.Skeleton; }
|
|
14
|
+
});
|
|
15
|
+
Object.defineProperty(exports, "Spinner", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return chunkK67KIKX4_cjs.Spinner; }
|
|
18
|
+
});
|
|
19
|
+
//# sourceMappingURL=Empty.cjs.map
|
|
20
|
+
//# sourceMappingURL=Empty.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Empty.cjs"}
|
package/dist/Empty.d.cts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface EmptyProps {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
action?: React.ReactNode;
|
|
8
|
+
size?: "sm" | "md" | "lg";
|
|
9
|
+
/** `subtle` drops the recessed icon well — good for inline / embedded use. */
|
|
10
|
+
variant?: "default" | "subtle";
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/** `Empty` — empty state placeholder. */
|
|
14
|
+
declare const Empty: React.FC<EmptyProps>;
|
|
15
|
+
interface SpinnerProps {
|
|
16
|
+
size?: number;
|
|
17
|
+
tone?: "accent" | "success" | "warning" | "danger" | "current";
|
|
18
|
+
/** Text rendered next to the spinner. */
|
|
19
|
+
label?: React.ReactNode;
|
|
20
|
+
/** `ring` is the default border spinner; `dots` is a three-dot bounce. */
|
|
21
|
+
variant?: "ring" | "dots";
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
/** `Spinner` — loading indicator. */
|
|
25
|
+
declare const Spinner: React.FC<SpinnerProps>;
|
|
26
|
+
interface SkeletonProps {
|
|
27
|
+
width?: number | string;
|
|
28
|
+
height?: number | string;
|
|
29
|
+
circle?: boolean;
|
|
30
|
+
/** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
|
|
31
|
+
animation?: "wave" | "pulse" | "none";
|
|
32
|
+
className?: string;
|
|
33
|
+
}
|
|
34
|
+
/** `Skeleton` — content placeholder during loading. */
|
|
35
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
36
|
+
|
|
37
|
+
export { Empty, type EmptyProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
|
package/dist/Empty.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
interface EmptyProps {
|
|
4
|
+
title?: React.ReactNode;
|
|
5
|
+
description?: React.ReactNode;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
action?: React.ReactNode;
|
|
8
|
+
size?: "sm" | "md" | "lg";
|
|
9
|
+
/** `subtle` drops the recessed icon well — good for inline / embedded use. */
|
|
10
|
+
variant?: "default" | "subtle";
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
/** `Empty` — empty state placeholder. */
|
|
14
|
+
declare const Empty: React.FC<EmptyProps>;
|
|
15
|
+
interface SpinnerProps {
|
|
16
|
+
size?: number;
|
|
17
|
+
tone?: "accent" | "success" | "warning" | "danger" | "current";
|
|
18
|
+
/** Text rendered next to the spinner. */
|
|
19
|
+
label?: React.ReactNode;
|
|
20
|
+
/** `ring` is the default border spinner; `dots` is a three-dot bounce. */
|
|
21
|
+
variant?: "ring" | "dots";
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
/** `Spinner` — loading indicator. */
|
|
25
|
+
declare const Spinner: React.FC<SpinnerProps>;
|
|
26
|
+
interface SkeletonProps {
|
|
27
|
+
width?: number | string;
|
|
28
|
+
height?: number | string;
|
|
29
|
+
circle?: boolean;
|
|
30
|
+
/** `wave` is a shimmer sweep; `pulse` fades opacity; `none` disables animation. */
|
|
31
|
+
animation?: "wave" | "pulse" | "none";
|
|
32
|
+
className?: string;
|
|
33
|
+
}
|
|
34
|
+
/** `Skeleton` — content placeholder during loading. */
|
|
35
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
36
|
+
|
|
37
|
+
export { Empty, type EmptyProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps };
|
package/dist/Empty.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Empty.js"}
|
package/dist/Icon.cjs
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
Object.defineProperty(exports, "ICON_NAMES", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () { return chunkYVO7XO4W_cjs.ICON_NAMES; }
|
|
10
|
+
});
|
|
11
|
+
Object.defineProperty(exports, "Icon", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return chunkYVO7XO4W_cjs.Icon; }
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=Icon.cjs.map
|
|
16
|
+
//# sourceMappingURL=Icon.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Icon.cjs"}
|
package/dist/Icon.d.cts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Name of a built-in icon. To add your own, pass `children` (raw SVG paths) instead.
|
|
5
|
+
*/
|
|
6
|
+
type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders";
|
|
7
|
+
interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
|
|
8
|
+
name: IconName;
|
|
9
|
+
size?: number;
|
|
10
|
+
stroke?: number;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* `Icon` — stroked line icon set, sized in pixels, inherits `currentColor`.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <Icon name="plus" size={18} />
|
|
17
|
+
*/
|
|
18
|
+
declare const Icon: React.FC<IconProps>;
|
|
19
|
+
declare const ICON_NAMES: IconName[];
|
|
20
|
+
|
|
21
|
+
export { ICON_NAMES, Icon, type IconName, type IconProps };
|
package/dist/Icon.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Name of a built-in icon. To add your own, pass `children` (raw SVG paths) instead.
|
|
5
|
+
*/
|
|
6
|
+
type IconName = "search" | "plus" | "minus" | "check" | "x" | "chevDown" | "chevRight" | "chevLeft" | "chevUp" | "arrowRight" | "settings" | "user" | "bell" | "mail" | "heart" | "star" | "home" | "folder" | "file" | "image" | "play" | "pause" | "volume" | "trash" | "edit" | "copy" | "download" | "upload" | "info" | "alert" | "check2" | "eye" | "eyeOff" | "sparkle" | "moon" | "sun" | "palette" | "layers" | "grid" | "list" | "zap" | "filter" | "mic" | "send" | "calendar" | "clock" | "menu" | "more" | "sliders";
|
|
7
|
+
interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, "stroke"> {
|
|
8
|
+
name: IconName;
|
|
9
|
+
size?: number;
|
|
10
|
+
stroke?: number;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* `Icon` — stroked line icon set, sized in pixels, inherits `currentColor`.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* <Icon name="plus" size={18} />
|
|
17
|
+
*/
|
|
18
|
+
declare const Icon: React.FC<IconProps>;
|
|
19
|
+
declare const ICON_NAMES: IconName[];
|
|
20
|
+
|
|
21
|
+
export { ICON_NAMES, Icon, type IconName, type IconProps };
|
package/dist/Icon.js
ADDED
package/dist/Icon.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"Icon.js"}
|