@lobehub/ui 5.49.1 → 5.50.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/es/Empty/Empty.d.mts +1 -2
- package/es/Empty/Empty.mjs +107 -53
- package/es/Empty/Empty.mjs.map +1 -1
- package/es/Empty/style.mjs +48 -0
- package/es/Empty/style.mjs.map +1 -0
- package/es/Empty/type.d.mts +7 -8
- package/es/HtmlPreview/HtmlPreview.mjs +5 -2
- package/es/HtmlPreview/HtmlPreview.mjs.map +1 -1
- package/es/base-ui/Badge/Badge.d.mts +6 -0
- package/es/base-ui/Badge/Badge.mjs +73 -0
- package/es/base-ui/Badge/Badge.mjs.map +1 -0
- package/es/base-ui/Badge/index.d.mts +3 -0
- package/es/base-ui/Badge/style.mjs +112 -0
- package/es/base-ui/Badge/style.mjs.map +1 -0
- package/es/base-ui/Badge/type.d.mts +19 -0
- package/es/base-ui/Pagination/Pagination.d.mts +6 -0
- package/es/base-ui/Pagination/Pagination.mjs +123 -0
- package/es/base-ui/Pagination/Pagination.mjs.map +1 -0
- package/es/base-ui/Pagination/helpers.mjs +18 -0
- package/es/base-ui/Pagination/helpers.mjs.map +1 -0
- package/es/base-ui/Pagination/index.d.mts +3 -0
- package/es/base-ui/Pagination/style.mjs +92 -0
- package/es/base-ui/Pagination/style.mjs.map +1 -0
- package/es/base-ui/Pagination/type.d.mts +22 -0
- package/es/base-ui/Progress/Progress.d.mts +6 -0
- package/es/base-ui/Progress/Progress.mjs +179 -0
- package/es/base-ui/Progress/Progress.mjs.map +1 -0
- package/es/base-ui/Progress/index.d.mts +3 -0
- package/es/base-ui/Progress/style.mjs +205 -0
- package/es/base-ui/Progress/style.mjs.map +1 -0
- package/es/base-ui/Progress/type.d.mts +24 -0
- package/es/base-ui/Result/Result.d.mts +6 -0
- package/es/base-ui/Result/Result.mjs +69 -0
- package/es/base-ui/Result/Result.mjs.map +1 -0
- package/es/base-ui/Result/index.d.mts +3 -0
- package/es/base-ui/Result/style.mjs +66 -0
- package/es/base-ui/Result/style.mjs.map +1 -0
- package/es/base-ui/Result/type.d.mts +14 -0
- package/es/base-ui/Spin/NetworkGlyph.mjs +70 -0
- package/es/base-ui/Spin/NetworkGlyph.mjs.map +1 -0
- package/es/base-ui/Spin/Spin.d.mts +6 -0
- package/es/base-ui/Spin/Spin.mjs +100 -0
- package/es/base-ui/Spin/Spin.mjs.map +1 -0
- package/es/base-ui/Spin/index.d.mts +3 -0
- package/es/base-ui/Spin/style.mjs +166 -0
- package/es/base-ui/Spin/style.mjs.map +1 -0
- package/es/base-ui/Spin/type.d.mts +18 -0
- package/es/base-ui/Upload/Upload.d.mts +6 -0
- package/es/base-ui/Upload/Upload.mjs +148 -0
- package/es/base-ui/Upload/Upload.mjs.map +1 -0
- package/es/base-ui/Upload/UploadDragger.d.mts +6 -0
- package/es/base-ui/Upload/UploadDragger.mjs +14 -0
- package/es/base-ui/Upload/UploadDragger.mjs.map +1 -0
- package/es/base-ui/Upload/helpers.mjs +17 -0
- package/es/base-ui/Upload/helpers.mjs.map +1 -0
- package/es/base-ui/Upload/index.d.mts +4 -0
- package/es/base-ui/Upload/style.mjs +74 -0
- package/es/base-ui/Upload/style.mjs.map +1 -0
- package/es/base-ui/Upload/type.d.mts +24 -0
- package/es/base-ui/index.d.mts +20 -1
- package/es/base-ui/index.mjs +10 -3
- package/es/index.d.mts +20 -4
- package/es/index.mjs +8 -2
- package/es/static-css/baseline.mjs +0 -1
- package/es/static-css/baseline.mjs.map +1 -1
- package/package.json +1 -1
- package/es/NeuralNetworkLoading/NeuralNetworkLoading.d.mts +0 -6
- package/es/NeuralNetworkLoading/NeuralNetworkLoading.mjs +0 -142
- package/es/NeuralNetworkLoading/NeuralNetworkLoading.mjs.map +0 -1
- package/es/NeuralNetworkLoading/index.d.mts +0 -3
- package/es/NeuralNetworkLoading/index.d.ts +0 -1
- package/es/NeuralNetworkLoading/index.js +0 -1
- package/es/NeuralNetworkLoading/index.mjs +0 -2
- package/es/NeuralNetworkLoading/type.d.mts +0 -11
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import { createStaticStyles, keyframes } from "antd-style";
|
|
2
|
+
//#region src/base-ui/Spin/style.ts
|
|
3
|
+
const nodePulse = keyframes`
|
|
4
|
+
0%, 100% {
|
|
5
|
+
opacity: 0.3;
|
|
6
|
+
}
|
|
7
|
+
50% {
|
|
8
|
+
opacity: 1;
|
|
9
|
+
}
|
|
10
|
+
`;
|
|
11
|
+
const particleFlow = keyframes`
|
|
12
|
+
0% {
|
|
13
|
+
transform: translateX(0);
|
|
14
|
+
opacity: 0.5;
|
|
15
|
+
}
|
|
16
|
+
50% {
|
|
17
|
+
opacity: 1;
|
|
18
|
+
}
|
|
19
|
+
100% {
|
|
20
|
+
transform: translateX(50px);
|
|
21
|
+
opacity: 0.5;
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
const coreBreath = keyframes`
|
|
25
|
+
0%, 100% {
|
|
26
|
+
transform: scale(0.8);
|
|
27
|
+
opacity: 0.5;
|
|
28
|
+
}
|
|
29
|
+
50% {
|
|
30
|
+
transform: scale(1);
|
|
31
|
+
opacity: 1;
|
|
32
|
+
}
|
|
33
|
+
`;
|
|
34
|
+
const ringSpin = keyframes`
|
|
35
|
+
to {
|
|
36
|
+
transform: rotate(360deg);
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
const reducedMotion = `
|
|
40
|
+
@media (prefers-reduced-motion: reduce) {
|
|
41
|
+
animation: none;
|
|
42
|
+
}
|
|
43
|
+
`;
|
|
44
|
+
const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
45
|
+
glyph: css`
|
|
46
|
+
display: inline-flex;
|
|
47
|
+
color: ${cssVar.colorTextSecondary};
|
|
48
|
+
`,
|
|
49
|
+
network: css`
|
|
50
|
+
position: relative;
|
|
51
|
+
display: inline-block;
|
|
52
|
+
color: ${cssVar.colorTextSecondary};
|
|
53
|
+
`,
|
|
54
|
+
networkBox: css`
|
|
55
|
+
position: absolute;
|
|
56
|
+
inset-block-start: 0;
|
|
57
|
+
inset-inline-start: 0;
|
|
58
|
+
transform-origin: 0 0;
|
|
59
|
+
|
|
60
|
+
width: 100px;
|
|
61
|
+
height: 100px;
|
|
62
|
+
`,
|
|
63
|
+
networkCore: css`
|
|
64
|
+
position: absolute;
|
|
65
|
+
inset-block-start: 47px;
|
|
66
|
+
inset-inline-start: 47px;
|
|
67
|
+
|
|
68
|
+
width: 6px;
|
|
69
|
+
height: 6px;
|
|
70
|
+
|
|
71
|
+
background: currentcolor;
|
|
72
|
+
|
|
73
|
+
animation: ${coreBreath} 2s infinite;
|
|
74
|
+
${reducedMotion}
|
|
75
|
+
`,
|
|
76
|
+
networkLines: css`
|
|
77
|
+
position: absolute;
|
|
78
|
+
inset: 0;
|
|
79
|
+
width: 100px;
|
|
80
|
+
height: 100px;
|
|
81
|
+
|
|
82
|
+
line {
|
|
83
|
+
opacity: 0.3;
|
|
84
|
+
stroke: currentcolor;
|
|
85
|
+
stroke-width: 0.5;
|
|
86
|
+
}
|
|
87
|
+
`,
|
|
88
|
+
networkNode: css`
|
|
89
|
+
position: absolute;
|
|
90
|
+
|
|
91
|
+
margin: calc(var(--spin-node-size) / -2);
|
|
92
|
+
border-radius: 50%;
|
|
93
|
+
width: var(--spin-node-size);
|
|
94
|
+
height: var(--spin-node-size);
|
|
95
|
+
|
|
96
|
+
background: currentcolor;
|
|
97
|
+
|
|
98
|
+
animation: ${nodePulse} 2s infinite;
|
|
99
|
+
${reducedMotion}
|
|
100
|
+
`,
|
|
101
|
+
networkParticle: css`
|
|
102
|
+
position: absolute;
|
|
103
|
+
inset-block-start: 50px;
|
|
104
|
+
inset-inline-start: 25px;
|
|
105
|
+
|
|
106
|
+
margin: calc(var(--spin-particle-size) / -2);
|
|
107
|
+
border-radius: 50%;
|
|
108
|
+
width: var(--spin-particle-size);
|
|
109
|
+
height: var(--spin-particle-size);
|
|
110
|
+
|
|
111
|
+
background: currentcolor;
|
|
112
|
+
|
|
113
|
+
animation: ${particleFlow} 2s infinite;
|
|
114
|
+
${reducedMotion}
|
|
115
|
+
`,
|
|
116
|
+
networkRing: css`
|
|
117
|
+
position: absolute;
|
|
118
|
+
inset: 10px;
|
|
119
|
+
|
|
120
|
+
border: 1px dashed currentcolor;
|
|
121
|
+
border-radius: 50%;
|
|
122
|
+
|
|
123
|
+
opacity: 0.4;
|
|
124
|
+
|
|
125
|
+
animation: ${ringSpin} 20s linear infinite;
|
|
126
|
+
${reducedMotion}
|
|
127
|
+
`,
|
|
128
|
+
overlay: css`
|
|
129
|
+
position: absolute;
|
|
130
|
+
inset: 0;
|
|
131
|
+
|
|
132
|
+
display: flex;
|
|
133
|
+
flex-direction: column;
|
|
134
|
+
gap: 8px;
|
|
135
|
+
align-items: center;
|
|
136
|
+
justify-content: center;
|
|
137
|
+
|
|
138
|
+
color: ${cssVar.colorTextSecondary};
|
|
139
|
+
|
|
140
|
+
background: color-mix(in srgb, ${cssVar.colorBgContainer} 70%, transparent);
|
|
141
|
+
`,
|
|
142
|
+
ring: css`
|
|
143
|
+
rotate: -90deg;
|
|
144
|
+
`,
|
|
145
|
+
ringProgress: css`
|
|
146
|
+
stroke: ${cssVar.colorPrimary};
|
|
147
|
+
`,
|
|
148
|
+
ringTrack: css`
|
|
149
|
+
stroke: ${cssVar.colorFillTertiary};
|
|
150
|
+
`,
|
|
151
|
+
root: css`
|
|
152
|
+
display: inline-flex;
|
|
153
|
+
align-items: center;
|
|
154
|
+
`,
|
|
155
|
+
tip: css`
|
|
156
|
+
font-size: ${cssVar.fontSizeSM};
|
|
157
|
+
color: ${cssVar.colorTextSecondary};
|
|
158
|
+
`,
|
|
159
|
+
wrapper: css`
|
|
160
|
+
position: relative;
|
|
161
|
+
`
|
|
162
|
+
}));
|
|
163
|
+
//#endregion
|
|
164
|
+
export { styles };
|
|
165
|
+
|
|
166
|
+
//# sourceMappingURL=style.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Spin/style.ts"],"sourcesContent":["import { createStaticStyles, keyframes } from 'antd-style';\n\nconst nodePulse = keyframes`\n 0%, 100% {\n opacity: 0.3;\n }\n 50% {\n opacity: 1;\n }\n`;\n\nconst particleFlow = keyframes`\n 0% {\n transform: translateX(0);\n opacity: 0.5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateX(50px);\n opacity: 0.5;\n }\n`;\n\nconst coreBreath = keyframes`\n 0%, 100% {\n transform: scale(0.8);\n opacity: 0.5;\n }\n 50% {\n transform: scale(1);\n opacity: 1;\n }\n`;\n\nconst ringSpin = keyframes`\n to {\n transform: rotate(360deg);\n }\n`;\n\nconst reducedMotion = `\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n glyph: css`\n display: inline-flex;\n color: ${cssVar.colorTextSecondary};\n `,\n network: css`\n position: relative;\n display: inline-block;\n color: ${cssVar.colorTextSecondary};\n `,\n networkBox: css`\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n transform-origin: 0 0;\n\n width: 100px;\n height: 100px;\n `,\n networkCore: css`\n position: absolute;\n inset-block-start: 47px;\n inset-inline-start: 47px;\n\n width: 6px;\n height: 6px;\n\n background: currentcolor;\n\n animation: ${coreBreath} 2s infinite;\n ${reducedMotion}\n `,\n networkLines: css`\n position: absolute;\n inset: 0;\n width: 100px;\n height: 100px;\n\n line {\n opacity: 0.3;\n stroke: currentcolor;\n stroke-width: 0.5;\n }\n `,\n networkNode: css`\n position: absolute;\n\n margin: calc(var(--spin-node-size) / -2);\n border-radius: 50%;\n width: var(--spin-node-size);\n height: var(--spin-node-size);\n\n background: currentcolor;\n\n animation: ${nodePulse} 2s infinite;\n ${reducedMotion}\n `,\n networkParticle: css`\n position: absolute;\n inset-block-start: 50px;\n inset-inline-start: 25px;\n\n margin: calc(var(--spin-particle-size) / -2);\n border-radius: 50%;\n width: var(--spin-particle-size);\n height: var(--spin-particle-size);\n\n background: currentcolor;\n\n animation: ${particleFlow} 2s infinite;\n ${reducedMotion}\n `,\n networkRing: css`\n position: absolute;\n inset: 10px;\n\n border: 1px dashed currentcolor;\n border-radius: 50%;\n\n opacity: 0.4;\n\n animation: ${ringSpin} 20s linear infinite;\n ${reducedMotion}\n `,\n overlay: css`\n position: absolute;\n inset: 0;\n\n display: flex;\n flex-direction: column;\n gap: 8px;\n align-items: center;\n justify-content: center;\n\n color: ${cssVar.colorTextSecondary};\n\n background: color-mix(in srgb, ${cssVar.colorBgContainer} 70%, transparent);\n `,\n ring: css`\n rotate: -90deg;\n `,\n ringProgress: css`\n stroke: ${cssVar.colorPrimary};\n `,\n ringTrack: css`\n stroke: ${cssVar.colorFillTertiary};\n `,\n root: css`\n display: inline-flex;\n align-items: center;\n `,\n tip: css`\n font-size: ${cssVar.fontSizeSM};\n color: ${cssVar.colorTextSecondary};\n `,\n wrapper: css`\n position: relative;\n `,\n}));\n"],"mappings":";;AAEA,MAAM,YAAY,SAAS;;;;;;;;AAS3B,MAAM,eAAe,SAAS;;;;;;;;;;;;;AAc9B,MAAM,aAAa,SAAS;;;;;;;;;;AAW5B,MAAM,WAAW,SAAS;;;;;AAM1B,MAAM,gBAAgB;;;;;AAMtB,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;aAEC,OAAO,mBAAmB;;CAErC,SAAS,GAAG;;;aAGD,OAAO,mBAAmB;;CAErC,YAAY,GAAG;;;;;;;;;CASf,aAAa,GAAG;;;;;;;;;;iBAUD,WAAW;MACtB,cAAc;;CAElB,cAAc,GAAG;;;;;;;;;;;;CAYjB,aAAa,GAAG;;;;;;;;;;iBAUD,UAAU;MACrB,cAAc;;CAElB,iBAAiB,GAAG;;;;;;;;;;;;iBAYL,aAAa;MACxB,cAAc;;CAElB,aAAa,GAAG;;;;;;;;;iBASD,SAAS;MACpB,cAAc;;CAElB,SAAS,GAAG;;;;;;;;;;aAUD,OAAO,mBAAmB;;qCAEF,OAAO,iBAAiB;;CAE3D,MAAM,GAAG;;;CAGT,cAAc,GAAG;cACL,OAAO,aAAa;;CAEhC,WAAW,GAAG;cACF,OAAO,kBAAkB;;CAErC,MAAM,GAAG;;;;CAIT,KAAK,GAAG;iBACO,OAAO,WAAW;aACtB,OAAO,mBAAmB;;CAErC,SAAS,GAAG;;;AAGd,EAAE"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
|
|
2
|
+
//#region src/base-ui/Spin/type.d.ts
|
|
3
|
+
type SpinSize = 'small' | 'middle' | 'large' | number;
|
|
4
|
+
type SpinVariant = 'default' | 'network';
|
|
5
|
+
interface SpinProps extends Omit<ComponentProps<'div'>, 'children'> {
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
indicator?: ReactNode;
|
|
8
|
+
percent?: number;
|
|
9
|
+
ref?: Ref<HTMLDivElement>;
|
|
10
|
+
size?: SpinSize;
|
|
11
|
+
spinning?: boolean;
|
|
12
|
+
style?: CSSProperties;
|
|
13
|
+
tip?: ReactNode;
|
|
14
|
+
variant?: SpinVariant;
|
|
15
|
+
}
|
|
16
|
+
//#endregion
|
|
17
|
+
export { SpinProps, SpinSize, SpinVariant };
|
|
18
|
+
//# sourceMappingURL=type.d.mts.map
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import Icon from "../../Icon/Icon.mjs";
|
|
3
|
+
import { filterFilesByAccept } from "./helpers.mjs";
|
|
4
|
+
import { styles } from "./style.mjs";
|
|
5
|
+
import { memo, useCallback, useRef, useState } from "react";
|
|
6
|
+
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { cx } from "antd-style";
|
|
8
|
+
import { Upload } from "lucide-react";
|
|
9
|
+
//#region src/base-ui/Upload/Upload.tsx
|
|
10
|
+
const resolveAcceptedFiles = async (files, beforeUpload) => {
|
|
11
|
+
if (!beforeUpload) return files;
|
|
12
|
+
const accepted = [];
|
|
13
|
+
for (const file of files) {
|
|
14
|
+
let result;
|
|
15
|
+
try {
|
|
16
|
+
result = await beforeUpload(file, files);
|
|
17
|
+
} catch {
|
|
18
|
+
result = false;
|
|
19
|
+
}
|
|
20
|
+
if (result !== false) accepted.push(file);
|
|
21
|
+
}
|
|
22
|
+
return accepted;
|
|
23
|
+
};
|
|
24
|
+
const Upload$1 = memo(({ accept, beforeUpload, children, className, description, directory, disabled, dragger, maxCount, multiple, onChange, onFiles, openFileDialogOnClick = true, ref, style, title, ...rest }) => {
|
|
25
|
+
const inputRef = useRef(null);
|
|
26
|
+
const [isDragOver, setIsDragOver] = useState(false);
|
|
27
|
+
const handleFiles = useCallback(async (rawFiles) => {
|
|
28
|
+
const filtered = filterFilesByAccept(rawFiles, accept);
|
|
29
|
+
const accepted = await resolveAcceptedFiles(filtered, beforeUpload);
|
|
30
|
+
const sliced = maxCount ? accepted.slice(0, maxCount) : accepted;
|
|
31
|
+
if (sliced.length === 0) return;
|
|
32
|
+
onFiles?.(sliced);
|
|
33
|
+
for (const file of sliced) onChange?.({
|
|
34
|
+
file,
|
|
35
|
+
fileList: sliced
|
|
36
|
+
});
|
|
37
|
+
}, [
|
|
38
|
+
accept,
|
|
39
|
+
beforeUpload,
|
|
40
|
+
maxCount,
|
|
41
|
+
onFiles,
|
|
42
|
+
onChange
|
|
43
|
+
]);
|
|
44
|
+
const openDialog = useCallback(() => {
|
|
45
|
+
if (disabled) return;
|
|
46
|
+
inputRef.current?.click();
|
|
47
|
+
}, [disabled]);
|
|
48
|
+
const handleInputChange = useCallback((event) => {
|
|
49
|
+
const files = event.target.files ? [...event.target.files] : [];
|
|
50
|
+
event.target.value = "";
|
|
51
|
+
if (files.length > 0) handleFiles(files);
|
|
52
|
+
}, [handleFiles]);
|
|
53
|
+
const handleClick = useCallback((event) => {
|
|
54
|
+
if (event.target === inputRef.current) return;
|
|
55
|
+
if (disabled || !openFileDialogOnClick) return;
|
|
56
|
+
openDialog();
|
|
57
|
+
}, [
|
|
58
|
+
disabled,
|
|
59
|
+
openFileDialogOnClick,
|
|
60
|
+
openDialog
|
|
61
|
+
]);
|
|
62
|
+
const handleKeyDown = useCallback((event) => {
|
|
63
|
+
if (disabled || !openFileDialogOnClick) return;
|
|
64
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
openDialog();
|
|
67
|
+
}
|
|
68
|
+
}, [
|
|
69
|
+
disabled,
|
|
70
|
+
openFileDialogOnClick,
|
|
71
|
+
openDialog
|
|
72
|
+
]);
|
|
73
|
+
const handleDragOver = useCallback((event) => {
|
|
74
|
+
event.preventDefault();
|
|
75
|
+
}, []);
|
|
76
|
+
const handleDragEnter = useCallback((event) => {
|
|
77
|
+
event.preventDefault();
|
|
78
|
+
if (!disabled) setIsDragOver(true);
|
|
79
|
+
}, [disabled]);
|
|
80
|
+
const handleDragLeave = useCallback((event) => {
|
|
81
|
+
event.preventDefault();
|
|
82
|
+
setIsDragOver(false);
|
|
83
|
+
}, []);
|
|
84
|
+
const handleDrop = useCallback((event) => {
|
|
85
|
+
event.preventDefault();
|
|
86
|
+
setIsDragOver(false);
|
|
87
|
+
if (disabled) return;
|
|
88
|
+
const files = event.dataTransfer.files ? [...event.dataTransfer.files] : [];
|
|
89
|
+
if (files.length > 0) handleFiles(files);
|
|
90
|
+
}, [disabled, handleFiles]);
|
|
91
|
+
const inputEl = /* @__PURE__ */ jsx("input", {
|
|
92
|
+
accept,
|
|
93
|
+
disabled,
|
|
94
|
+
multiple,
|
|
95
|
+
ref: inputRef,
|
|
96
|
+
style: { display: "none" },
|
|
97
|
+
type: "file",
|
|
98
|
+
onChange: handleInputChange,
|
|
99
|
+
...directory ? { webkitdirectory: "" } : {}
|
|
100
|
+
});
|
|
101
|
+
if (dragger) return /* @__PURE__ */ jsxs("div", {
|
|
102
|
+
"aria-disabled": disabled,
|
|
103
|
+
className: cx(styles.dragger, isDragOver && styles.draggerOver, className),
|
|
104
|
+
ref,
|
|
105
|
+
role: "button",
|
|
106
|
+
style,
|
|
107
|
+
tabIndex: disabled ? -1 : 0,
|
|
108
|
+
onClick: handleClick,
|
|
109
|
+
onDragEnter: handleDragEnter,
|
|
110
|
+
onDragLeave: handleDragLeave,
|
|
111
|
+
onDragOver: handleDragOver,
|
|
112
|
+
onDrop: handleDrop,
|
|
113
|
+
onKeyDown: handleKeyDown,
|
|
114
|
+
...rest,
|
|
115
|
+
children: [inputEl, children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
|
|
116
|
+
/* @__PURE__ */ jsx(Icon, {
|
|
117
|
+
className: styles.draggerIcon,
|
|
118
|
+
icon: Upload,
|
|
119
|
+
size: 24
|
|
120
|
+
}),
|
|
121
|
+
/* @__PURE__ */ jsx("b", {
|
|
122
|
+
className: styles.draggerTitle,
|
|
123
|
+
children: title ?? "Click or drag file to this area to upload"
|
|
124
|
+
}),
|
|
125
|
+
description && /* @__PURE__ */ jsx("span", {
|
|
126
|
+
className: styles.draggerDescription,
|
|
127
|
+
children: description
|
|
128
|
+
})
|
|
129
|
+
] })]
|
|
130
|
+
});
|
|
131
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
132
|
+
"aria-disabled": disabled,
|
|
133
|
+
className: cx(styles.trigger, className),
|
|
134
|
+
ref,
|
|
135
|
+
role: "button",
|
|
136
|
+
style,
|
|
137
|
+
tabIndex: disabled ? -1 : 0,
|
|
138
|
+
onClick: handleClick,
|
|
139
|
+
onKeyDown: handleKeyDown,
|
|
140
|
+
...rest,
|
|
141
|
+
children: [inputEl, children]
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
Upload$1.displayName = "Upload";
|
|
145
|
+
//#endregion
|
|
146
|
+
export { Upload$1 as default };
|
|
147
|
+
|
|
148
|
+
//# sourceMappingURL=Upload.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Upload.mjs","names":["Upload","UploadIcon"],"sources":["../../../src/base-ui/Upload/Upload.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Upload as UploadIcon } from 'lucide-react';\nimport type { ChangeEvent, DragEvent, KeyboardEvent, MouseEvent, Ref } from 'react';\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { filterFilesByAccept } from './helpers';\nimport { styles } from './style';\nimport type { UploadProps } from './type';\n\nconst resolveAcceptedFiles = async (\n files: File[],\n beforeUpload: UploadProps['beforeUpload'],\n): Promise<File[]> => {\n if (!beforeUpload) return files;\n\n const accepted: File[] = [];\n for (const file of files) {\n let result: boolean | void;\n try {\n result = await beforeUpload(file, files);\n } catch {\n result = false;\n }\n if (result !== false) accepted.push(file);\n }\n return accepted;\n};\n\nconst Upload = memo<UploadProps>(\n ({\n accept,\n beforeUpload,\n children,\n className,\n description,\n directory,\n disabled,\n dragger,\n maxCount,\n multiple,\n onChange,\n onFiles,\n openFileDialogOnClick = true,\n ref,\n style,\n title,\n ...rest\n }) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const [isDragOver, setIsDragOver] = useState(false);\n\n const handleFiles = useCallback(\n async (rawFiles: File[]) => {\n const filtered = filterFilesByAccept(rawFiles, accept);\n const accepted = await resolveAcceptedFiles(filtered, beforeUpload);\n const sliced = maxCount ? accepted.slice(0, maxCount) : accepted;\n\n if (sliced.length === 0) return;\n\n onFiles?.(sliced);\n for (const file of sliced) onChange?.({ file, fileList: sliced });\n },\n [accept, beforeUpload, maxCount, onFiles, onChange],\n );\n\n const openDialog = useCallback(() => {\n if (disabled) return;\n inputRef.current?.click();\n }, [disabled]);\n\n const handleInputChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n const files = event.target.files ? [...event.target.files] : [];\n event.target.value = '';\n if (files.length > 0) void handleFiles(files);\n },\n [handleFiles],\n );\n\n const handleClick = useCallback(\n (event: MouseEvent) => {\n if (event.target === inputRef.current) return;\n if (disabled || !openFileDialogOnClick) return;\n openDialog();\n },\n [disabled, openFileDialogOnClick, openDialog],\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (disabled || !openFileDialogOnClick) return;\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n openDialog();\n }\n },\n [disabled, openFileDialogOnClick, openDialog],\n );\n\n const handleDragOver = useCallback((event: DragEvent) => {\n event.preventDefault();\n }, []);\n\n const handleDragEnter = useCallback(\n (event: DragEvent) => {\n event.preventDefault();\n if (!disabled) setIsDragOver(true);\n },\n [disabled],\n );\n\n const handleDragLeave = useCallback((event: DragEvent) => {\n event.preventDefault();\n setIsDragOver(false);\n }, []);\n\n const handleDrop = useCallback(\n (event: DragEvent) => {\n event.preventDefault();\n setIsDragOver(false);\n if (disabled) return;\n const files = event.dataTransfer.files ? [...event.dataTransfer.files] : [];\n if (files.length > 0) void handleFiles(files);\n },\n [disabled, handleFiles],\n );\n\n const directoryProps: Record<string, string> = directory ? { webkitdirectory: '' } : {};\n\n const inputEl = (\n <input\n accept={accept}\n disabled={disabled}\n multiple={multiple}\n ref={inputRef}\n style={{ display: 'none' }}\n type=\"file\"\n onChange={handleInputChange}\n {...directoryProps}\n />\n );\n\n if (dragger) {\n return (\n <div\n aria-disabled={disabled}\n className={cx(styles.dragger, isDragOver && styles.draggerOver, className)}\n ref={ref as Ref<HTMLDivElement>}\n role=\"button\"\n style={style}\n tabIndex={disabled ? -1 : 0}\n onClick={handleClick}\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n {inputEl}\n {children ?? (\n <>\n <Icon className={styles.draggerIcon} icon={UploadIcon} size={24} />\n <b className={styles.draggerTitle}>\n {title ?? 'Click or drag file to this area to upload'}\n </b>\n {description && <span className={styles.draggerDescription}>{description}</span>}\n </>\n )}\n </div>\n );\n }\n\n return (\n <span\n aria-disabled={disabled}\n className={cx(styles.trigger, className)}\n ref={ref as Ref<HTMLSpanElement>}\n role=\"button\"\n style={style}\n tabIndex={disabled ? -1 : 0}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n {inputEl}\n {children}\n </span>\n );\n },\n);\n\nUpload.displayName = 'Upload';\n\nexport default Upload;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { UploadProps } from "./type.mjs";
|
|
2
|
+
//#region src/base-ui/Upload/UploadDragger.d.ts
|
|
3
|
+
declare const UploadDragger: import("react").NamedExoticComponent<UploadProps>;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { UploadDragger as default };
|
|
6
|
+
//# sourceMappingURL=UploadDragger.d.mts.map
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import Upload from "./Upload.mjs";
|
|
3
|
+
import { memo } from "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
//#region src/base-ui/Upload/UploadDragger.tsx
|
|
6
|
+
const UploadDragger = memo((props) => /* @__PURE__ */ jsx(Upload, {
|
|
7
|
+
dragger: true,
|
|
8
|
+
...props
|
|
9
|
+
}));
|
|
10
|
+
UploadDragger.displayName = "UploadDragger";
|
|
11
|
+
//#endregion
|
|
12
|
+
export { UploadDragger as default };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=UploadDragger.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadDragger.mjs","names":[],"sources":["../../../src/base-ui/Upload/UploadDragger.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport type { UploadProps } from './type';\nimport Upload from './Upload';\n\nconst UploadDragger = memo<UploadProps>((props) => <Upload dragger {...props} />);\n\nUploadDragger.displayName = 'UploadDragger';\n\nexport default UploadDragger;\n"],"mappings":";;;;;AAOA,MAAM,gBAAgB,MAAmB,UAAU,oBAAC,QAAD;CAAQ,SAAA;CAAQ,GAAI;AAAQ,CAAA,CAAC;AAEhF,cAAc,cAAc"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
//#region src/base-ui/Upload/helpers.ts
|
|
2
|
+
const matchesAccept = (file, accept) => {
|
|
3
|
+
const patterns = accept?.split(",").map((pattern) => pattern.trim().toLowerCase()).filter(Boolean);
|
|
4
|
+
if (!patterns || patterns.length === 0) return true;
|
|
5
|
+
const fileName = file.name.toLowerCase();
|
|
6
|
+
const fileType = (file.type || "").toLowerCase();
|
|
7
|
+
return patterns.some((pattern) => {
|
|
8
|
+
if (pattern.startsWith(".")) return fileName.endsWith(pattern);
|
|
9
|
+
if (pattern.endsWith("/*")) return fileType.startsWith(pattern.slice(0, -1));
|
|
10
|
+
return fileType === pattern;
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
const filterFilesByAccept = (files, accept) => accept ? files.filter((file) => matchesAccept(file, accept)) : files;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { filterFilesByAccept, matchesAccept };
|
|
16
|
+
|
|
17
|
+
//# sourceMappingURL=helpers.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/base-ui/Upload/helpers.ts"],"sourcesContent":["export const matchesAccept = (file: File, accept?: string): boolean => {\n const patterns = accept\n ?.split(',')\n .map((pattern) => pattern.trim().toLowerCase())\n .filter(Boolean);\n\n if (!patterns || patterns.length === 0) return true;\n\n const fileName = file.name.toLowerCase();\n const fileType = (file.type || '').toLowerCase();\n\n return patterns.some((pattern) => {\n if (pattern.startsWith('.')) return fileName.endsWith(pattern);\n if (pattern.endsWith('/*')) return fileType.startsWith(pattern.slice(0, -1));\n return fileType === pattern;\n });\n};\n\nexport const filterFilesByAccept = (files: File[], accept?: string): File[] =>\n accept ? files.filter((file) => matchesAccept(file, accept)) : files;\n"],"mappings":";AAAA,MAAa,iBAAiB,MAAY,WAA6B;CACrE,MAAM,WAAW,QACb,MAAM,GAAG,CAAC,CACX,KAAK,YAAY,QAAQ,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAC9C,OAAO,OAAO;CAEjB,IAAI,CAAC,YAAY,SAAS,WAAW,GAAG,OAAO;CAE/C,MAAM,WAAW,KAAK,KAAK,YAAY;CACvC,MAAM,YAAY,KAAK,QAAQ,GAAA,CAAI,YAAY;CAE/C,OAAO,SAAS,MAAM,YAAY;EAChC,IAAI,QAAQ,WAAW,GAAG,GAAG,OAAO,SAAS,SAAS,OAAO;EAC7D,IAAI,QAAQ,SAAS,IAAI,GAAG,OAAO,SAAS,WAAW,QAAQ,MAAM,GAAG,EAAE,CAAC;EAC3E,OAAO,aAAa;CACtB,CAAC;AACH;AAEA,MAAa,uBAAuB,OAAe,WACjD,SAAS,MAAM,QAAQ,SAAS,cAAc,MAAM,MAAM,CAAC,IAAI"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { createStaticStyles } from "antd-style";
|
|
2
|
+
//#region src/base-ui/Upload/style.ts
|
|
3
|
+
const styles = createStaticStyles(({ css, cssVar }) => ({
|
|
4
|
+
dragger: css`
|
|
5
|
+
cursor: pointer;
|
|
6
|
+
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 6px;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
|
|
13
|
+
padding-block: 28px;
|
|
14
|
+
padding-inline: 20px;
|
|
15
|
+
border: 1px dashed ${cssVar.colorBorder};
|
|
16
|
+
border-radius: ${cssVar.borderRadiusLG};
|
|
17
|
+
|
|
18
|
+
text-align: center;
|
|
19
|
+
|
|
20
|
+
background: ${cssVar.colorFillQuaternary};
|
|
21
|
+
|
|
22
|
+
transition:
|
|
23
|
+
border-color 0.15s,
|
|
24
|
+
background 0.15s;
|
|
25
|
+
|
|
26
|
+
&:hover {
|
|
27
|
+
border-color: ${cssVar.colorTextTertiary};
|
|
28
|
+
background: ${cssVar.colorFillTertiary};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&:focus-visible {
|
|
32
|
+
outline: 2px solid ${cssVar.colorPrimary};
|
|
33
|
+
outline-offset: 2px;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
&[aria-disabled='true'] {
|
|
37
|
+
cursor: not-allowed;
|
|
38
|
+
opacity: 0.5;
|
|
39
|
+
}
|
|
40
|
+
`,
|
|
41
|
+
draggerDescription: css`
|
|
42
|
+
font-size: 12px;
|
|
43
|
+
color: ${cssVar.colorTextTertiary};
|
|
44
|
+
`,
|
|
45
|
+
draggerIcon: css`
|
|
46
|
+
color: ${cssVar.colorTextTertiary};
|
|
47
|
+
`,
|
|
48
|
+
draggerOver: css`
|
|
49
|
+
border-color: ${cssVar.colorTextTertiary};
|
|
50
|
+
background: ${cssVar.colorFillTertiary};
|
|
51
|
+
`,
|
|
52
|
+
draggerTitle: css`
|
|
53
|
+
font-weight: 500;
|
|
54
|
+
color: ${cssVar.colorText};
|
|
55
|
+
`,
|
|
56
|
+
trigger: css`
|
|
57
|
+
cursor: pointer;
|
|
58
|
+
display: inline-block;
|
|
59
|
+
|
|
60
|
+
&[aria-disabled='true'] {
|
|
61
|
+
cursor: not-allowed;
|
|
62
|
+
opacity: 0.5;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&:focus-visible {
|
|
66
|
+
outline: 2px solid ${cssVar.colorPrimary};
|
|
67
|
+
outline-offset: 2px;
|
|
68
|
+
}
|
|
69
|
+
`
|
|
70
|
+
}));
|
|
71
|
+
//#endregion
|
|
72
|
+
export { styles };
|
|
73
|
+
|
|
74
|
+
//# sourceMappingURL=style.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Upload/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n dragger: css`\n cursor: pointer;\n\n display: flex;\n flex-direction: column;\n gap: 6px;\n align-items: center;\n justify-content: center;\n\n padding-block: 28px;\n padding-inline: 20px;\n border: 1px dashed ${cssVar.colorBorder};\n border-radius: ${cssVar.borderRadiusLG};\n\n text-align: center;\n\n background: ${cssVar.colorFillQuaternary};\n\n transition:\n border-color 0.15s,\n background 0.15s;\n\n &:hover {\n border-color: ${cssVar.colorTextTertiary};\n background: ${cssVar.colorFillTertiary};\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 2px;\n }\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n opacity: 0.5;\n }\n `,\n draggerDescription: css`\n font-size: 12px;\n color: ${cssVar.colorTextTertiary};\n `,\n draggerIcon: css`\n color: ${cssVar.colorTextTertiary};\n `,\n draggerOver: css`\n border-color: ${cssVar.colorTextTertiary};\n background: ${cssVar.colorFillTertiary};\n `,\n draggerTitle: css`\n font-weight: 500;\n color: ${cssVar.colorText};\n `,\n trigger: css`\n cursor: pointer;\n display: inline-block;\n\n &[aria-disabled='true'] {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n &:focus-visible {\n outline: 2px solid ${cssVar.colorPrimary};\n outline-offset: 2px;\n }\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;;;;yBAWW,OAAO,YAAY;qBACvB,OAAO,eAAe;;;;kBAIzB,OAAO,oBAAoB;;;;;;;sBAOvB,OAAO,kBAAkB;oBAC3B,OAAO,kBAAkB;;;;2BAIlB,OAAO,aAAa;;;;;;;;;CAS7C,oBAAoB,GAAG;;aAEZ,OAAO,kBAAkB;;CAEpC,aAAa,GAAG;aACL,OAAO,kBAAkB;;CAEpC,aAAa,GAAG;oBACE,OAAO,kBAAkB;kBAC3B,OAAO,kBAAkB;;CAEzC,cAAc,GAAG;;aAEN,OAAO,UAAU;;CAE5B,SAAS,GAAG;;;;;;;;;;2BAUa,OAAO,aAAa;;;;AAI/C,EAAE"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentProps, ReactNode, Ref } from "react";
|
|
2
|
+
//#region src/base-ui/Upload/type.d.ts
|
|
3
|
+
interface UploadChangeInfo {
|
|
4
|
+
file: File;
|
|
5
|
+
fileList: File[];
|
|
6
|
+
}
|
|
7
|
+
interface UploadProps extends Omit<ComponentProps<'span'>, 'onChange' | 'title'> {
|
|
8
|
+
accept?: string;
|
|
9
|
+
beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean | void> | void;
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
directory?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
dragger?: boolean;
|
|
14
|
+
maxCount?: number;
|
|
15
|
+
multiple?: boolean;
|
|
16
|
+
onChange?: (info: UploadChangeInfo) => void;
|
|
17
|
+
onFiles?: (files: File[]) => void;
|
|
18
|
+
openFileDialogOnClick?: boolean;
|
|
19
|
+
ref?: Ref<HTMLElement>;
|
|
20
|
+
title?: ReactNode;
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
export { UploadChangeInfo, UploadProps };
|
|
24
|
+
//# sourceMappingURL=type.d.mts.map
|
package/es/base-ui/index.d.mts
CHANGED
|
@@ -30,6 +30,25 @@ import Popover from "./Popover/Popover.mjs";
|
|
|
30
30
|
import PopoverGroup from "./Popover/PopoverGroup.mjs";
|
|
31
31
|
import { usePopoverPortalContainer } from "./Popover/PopoverPortal.mjs";
|
|
32
32
|
import "./Popover/index.mjs";
|
|
33
|
+
import { BadgeProps, BadgeSize, BadgeStatus } from "./Badge/type.mjs";
|
|
34
|
+
import Badge from "./Badge/Badge.mjs";
|
|
35
|
+
import "./Badge/index.mjs";
|
|
36
|
+
import { PaginationProps, PaginationSize } from "./Pagination/type.mjs";
|
|
37
|
+
import Pagination from "./Pagination/Pagination.mjs";
|
|
38
|
+
import "./Pagination/index.mjs";
|
|
39
|
+
import { ProgressProps, ProgressSize, ProgressStatus, ProgressType, ProgressVariant } from "./Progress/type.mjs";
|
|
40
|
+
import Progress from "./Progress/Progress.mjs";
|
|
41
|
+
import "./Progress/index.mjs";
|
|
42
|
+
import { ResultProps, ResultStatus } from "./Result/type.mjs";
|
|
43
|
+
import Result from "./Result/Result.mjs";
|
|
44
|
+
import "./Result/index.mjs";
|
|
45
|
+
import { SpinProps, SpinSize, SpinVariant } from "./Spin/type.mjs";
|
|
46
|
+
import Spin from "./Spin/Spin.mjs";
|
|
47
|
+
import "./Spin/index.mjs";
|
|
48
|
+
import { UploadChangeInfo, UploadProps } from "./Upload/type.mjs";
|
|
49
|
+
import Upload from "./Upload/Upload.mjs";
|
|
50
|
+
import UploadDragger from "./Upload/UploadDragger.mjs";
|
|
51
|
+
import "./Upload/index.mjs";
|
|
33
52
|
import { ScrollAreaProps } from "./ScrollArea/type.mjs";
|
|
34
53
|
import { ScrollArea } from "./ScrollArea/ScrollArea.mjs";
|
|
35
54
|
import "./ScrollArea/index.mjs";
|
|
@@ -164,4 +183,4 @@ import { TreeClassNames, TreeDataNode, TreeFlatRow, TreeProps, TreeStyles } from
|
|
|
164
183
|
import Tree from "./Tree/Tree.mjs";
|
|
165
184
|
import { conductCheck, flattenVisible, getAllKeys } from "./Tree/utils.mjs";
|
|
166
185
|
import "./Tree/index.mjs";
|
|
167
|
-
export { Accordion, type AccordionClassNames, AccordionHeader, type AccordionHeaderProps, type AccordionIndicatorPlacement, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionRoot, type AccordionRootProps, type AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, ActionIcon, type ActionIconClassNames, type ActionIconOutdent, type ActionIconProps, type ActionIconSize, type ActionIconStyles, type ActionIconVariant, Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, type BaseModalProps, Button, type ButtonIconPosition, type ButtonOutdent, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, Collapsible, type CollapsibleProps, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelContent, type DraggablePanelContentProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHandle, type DraggablePanelHandleProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelPlacement, type DraggablePanelProps, DraggablePanelRoot, type DraggablePanelRootProps, type DraggablePanelSize, DraggablePanelToggle, type DraggablePanelToggleProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, type FloatingCollisionPadding, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, FocusScope, type FocusScopeProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type IconSpaceMode, type ImperativeModalProps, Input, type InputClassNames, InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, _default as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, Text, TextArea, type TextAreaAutoSize, type TextAreaProps, type TextClassNames, type TextProps, type TextStyles, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, ToggleGroup, type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tree, type TreeClassNames, type TreeDataNode, type TreeFlatRow, type TreeProps, type TreeStyles, type UseScopeArrowNavOptions, type UseScopeSwitcherOptions, type VirtualListProps, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };
|
|
186
|
+
export { Accordion, type AccordionClassNames, AccordionHeader, type AccordionHeaderProps, type AccordionIndicatorPlacement, AccordionItem, type AccordionItemProps, type AccordionItemType, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionRoot, type AccordionRootProps, type AccordionStyles, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, ActionIcon, type ActionIconClassNames, type ActionIconOutdent, type ActionIconProps, type ActionIconSize, type ActionIconStyles, type ActionIconVariant, Alert, type AlertClassNames, type AlertCloseConfig, type AlertProps, type AlertRef, type AlertStyles, type AlertType, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, type AvatarClassNames, AvatarGroup, type AvatarGroupItemType, type AvatarGroupProps, type AvatarProps, type AvatarStyles, Badge, type BadgeProps, type BadgeSize, type BadgeStatus, type BaseModalProps, Button, type ButtonIconPosition, type ButtonOutdent, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonType, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, Collapsible, type CollapsibleProps, type ContextMenuCheckboxItem, ContextMenuHost, type ContextMenuInterceptor, type ContextMenuItem, ContextMenuTrigger, type ControlSize, DraggablePanel, DraggablePanelBody, type DraggablePanelBodyProps, DraggablePanelContainer, type DraggablePanelContainerProps, DraggablePanelContent, type DraggablePanelContentProps, DraggablePanelFooter, type DraggablePanelFooterProps, DraggablePanelHandle, type DraggablePanelHandleProps, DraggablePanelHeader, type DraggablePanelHeaderProps, type DraggablePanelPlacement, type DraggablePanelProps, DraggablePanelRoot, type DraggablePanelRootProps, type DraggablePanelSize, DraggablePanelToggle, type DraggablePanelToggleProps, Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, type DrawerProps, type DrawerPush, DrawerRoot, type DrawerRootProps, type DrawerSemanticNames, type DrawerSemanticStyles, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, type DropdownItem, DropdownMenu, type DropdownMenuCheckboxItem, DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, type DropdownMenuCheckboxItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, DropdownMenuHeader, type DropdownMenuHeaderProps, DropdownMenuItem, DropdownMenuItemContent, type DropdownMenuItemContentProps, DropdownMenuItemDesc, type DropdownMenuItemDescProps, DropdownMenuItemExtra, type DropdownMenuItemExtraProps, DropdownMenuItemIcon, type DropdownMenuItemIconProps, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, type DropdownMenuItemLabelGroupProps, type DropdownMenuItemLabelProps, type DropdownMenuItemProps, type DropdownMenuPlacement, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuScrollViewport, type DropdownMenuScrollViewportProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSubmenuArrow, type DropdownMenuSubmenuArrowProps, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, type DropdownMenuSubmenuTriggerProps, DropdownMenuSwitchItem, type DropdownMenuSwitchItemProps, type DropdownMenuSwitchItem$1 as DropdownMenuSwitchItemType, DropdownMenuTrigger, type DropdownMenuTriggerProps, type FloatingCollisionPadding, FloatingPanel, type FloatingPanelOffset, type FloatingPanelPlacement, type FloatingPanelProps, FloatingSheet, type FloatingSheetProps, FocusScope, type FocusScopeProps, Form, type FormContextValue, FormDivider, type FormDividerProps, FormField, type FormFieldProps, FormFlatGroup, type FormFlatGroupProps, FormFooter, type FormFooterProps, FormGroup, type FormGroupItemType, type FormGroupProps, type FormLayout, type FormProps, FormSubmitFooter, type FormSubmitFooterProps, FormTitle, type FormTitleProps, type FormValues, type FormVariant, type IconSpaceMode, type ImperativeModalProps, Input, type InputClassNames, InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, type ItemsType, Modal, ModalBackdrop, type ModalBackdropProps, ModalClose, type ModalCloseProps, type ModalComponentProps, type ModalConfirmConfig, ModalContent, type ModalContentProps, ModalContext, type ModalContextValue, ModalDescription, type ModalDescriptionProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, ModalHost, type ModalHostProps, type ModalInstance, ModalPopup, type ModalPopupProps, ModalPortal, type ModalPortalProps, ModalRoot, type ModalRootProps, type ModalSystem, ModalTitle, type ModalTitleProps, ModalTrigger, type ModalTriggerProps, ModalViewport, type ModalViewportProps, Pagination, type PaginationProps, type PaginationSize, Popover, PopoverArrow, type PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, type PopoverBackdropProps, type PopoverContextValue, PopoverGroup, type PopoverGroupHandle, type PopoverGroupItem, type PopoverPlacement, PopoverPopup, type PopoverPopupAtomProps, type PopoverPopupProps, PopoverPortal, type PopoverPortalAtomProps, type PopoverPortalProps, PopoverPositioner, type PopoverPositionerAtomProps, type PopoverPositionerProps, type PopoverProps, PopoverProvider, PopoverRoot, type PopoverTrigger, type PopoverTriggerComponentProps, PopoverTriggerElement, type PopoverTriggerElementProps, PopoverViewport, type PopoverViewportAtomProps, Progress, type ProgressProps, type ProgressSize, type ProgressStatus, type ProgressType, type ProgressVariant, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, Result, type ResultProps, type ResultStatus, ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, type ScrollAreaProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps, Segmented, type SegmentedClassNames, SegmentedIndicator, type SegmentedIndicatorProps, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, type SegmentedItemProps, type SegmentedOption, type SegmentedOptions, type SegmentedOrientation, type SegmentedProps, SegmentedRoot, type SegmentedRootProps, type SegmentedSize, type SegmentedStyles, type SegmentedVariant, Select, SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBehaviorVariant, type SelectClassNames, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, type SelectIndicatorVariant, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, type SelectOption, type SelectOptionGroup, type SelectOptions, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, type SelectProps, SelectRoot, type SelectRootChangeEventDetails, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSize, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, Skeleton, type SkeletonAnimation, SkeletonAvatar, type SkeletonAvatarProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, Slider, type SliderProps, SliderWithInput, type SliderWithInputProps, Spin, type SpinProps, type SpinSize, type SpinVariant, _default as SplitButton, type SplitButtonMenuProps, type SplitButtonProps, Switch, type SwitchChangeEventHandler, type SwitchClassNames, type SwitchClickEventHandler, type SwitchContextType, SwitchIcon, type SwitchIconPosition, type SwitchIconProps, type SwitchProps, SwitchRoot, type SwitchRootProps, type SwitchSize, type SwitchStyles, SwitchThumb, type SwitchThumbProps, Tabs, type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagClassNames, type TagProps, type TagShape, type TagSize, type TagStyles, type TagVariant, Text, TextArea, type TextAreaAutoSize, type TextAreaProps, type TextClassNames, type TextProps, type TextStyles, type ToastAPI, ToastHost, type ToastHostProps, type ToastInstance, type ToastOptions, type ToastPosition, type ToastPromiseOptions, type ToastProps, type ToastType, ToggleGroup, type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, Tooltip, TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tree, type TreeClassNames, type TreeDataNode, type TreeFlatRow, type TreeProps, type TreeStyles, Upload, type UploadChangeInfo, UploadDragger, type UploadProps, type UseScopeArrowNavOptions, type UseScopeSwitcherOptions, type VirtualListProps, styles as accordionStyles, styles$1 as actionIconStyles, styles$2 as alertStyles, styles$3 as autoCompleteStyles, backdropTransition, buttonPaddingInline, styles$4 as buttonStyles, styles$5 as checkboxStyles, closeContextMenu, colorsPreset, colorsPresetSystem, conductCheck, confirmModal, controlHeight, createModal, createModalSystem, drawerBackdropTransition, flattenVisible, focusScopeItem, styles$6 as focusScopeStyles, getActiveScopeId, getAllKeys, getDrawerMotionConfig, getFloatingCollisionPadding, getLastFocusedItem, styles$7 as inputStyles, rootVariants as inputVariants, modalMotionConfig, notifyScopeItemFocus, parseTrigger, presetColors, presetSystemColors, styles$8 as radioStyles, registerScope, renderDropdownMenuItems, setActiveScope, setContextMenuInterceptor, setFloatingCollisionPadding, setLastFocusedItem, showContextMenu, styles$9 as sliderStyles, styles$10 as switchStyles, styles$11 as tabsStyles, groupStyles as textGroupStyles, styles$12 as textStyles, variants as textVariants, toast, styles$13 as toggleGroupStyles, styles$14 as treeStyles, updateContextMenuItems, useAccordionContext, useActiveScopeId, useDraggablePanelContext, useDrawerActions, useDrawerOpen, useFocusScopeActive, useFocusScopeId, useFormContext, useModalActions, useModalContext, useModalOpen, usePopoverContext, usePopoverGroupHandle, usePopoverPortalContainer, useScopeArrowNav, useScopeSwitcher, useSwitchContext, useTabsContext, useToast };
|