@saas-ui/react 3.0.0-alpha.23 → 3.0.0-alpha.25
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/CHANGELOG.md +23 -0
- package/dist/{chunk-BU7QENBQ.js → chunk-3JZ42NYM.js} +1 -1
- package/dist/chunk-52XM5VXJ.js +9 -0
- package/dist/chunk-6MMPBMKN.js +54 -0
- package/dist/chunk-CZVNG73V.js +63 -0
- package/dist/chunk-GRUMUCSL.js +109 -0
- package/dist/chunk-IVLUAUU5.js +10 -0
- package/dist/chunk-JMYI6YXR.js +1 -0
- package/dist/{chunk-CD2JUFI2.js → chunk-K2SPPLAY.js} +2 -2
- package/dist/chunk-KE5AC3TZ.js +63 -0
- package/dist/{chunk-FJFNGSPL.js → chunk-NGGISORT.js} +12 -6
- package/dist/chunk-RLIAFHVM.js +66 -0
- package/dist/components/badge/index.d.cts +2 -0
- package/dist/components/badge/index.d.ts +2 -0
- package/dist/components/close-button/index.js +2 -1
- package/dist/components/data-list/index.cjs +33 -0
- package/dist/components/data-list/index.d.cts +1 -0
- package/dist/components/data-list/index.d.ts +1 -0
- package/dist/components/data-list/index.js +10 -0
- package/dist/components/dialog/index.cjs +35 -35
- package/dist/components/dialog/index.d.cts +35 -17
- package/dist/components/dialog/index.d.ts +35 -17
- package/dist/components/dialog/index.js +5 -4
- package/dist/components/drawer/index.cjs +34 -36
- package/dist/components/drawer/index.d.cts +33 -18
- package/dist/components/drawer/index.d.ts +33 -18
- package/dist/components/drawer/index.js +5 -4
- package/dist/components/empty-state/index.cjs +12 -10
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/file-upload/index.cjs +254 -0
- package/dist/components/file-upload/index.d.cts +43 -0
- package/dist/components/file-upload/index.d.ts +43 -0
- package/dist/components/file-upload/index.js +10 -0
- package/dist/components/grid-list/index.d.cts +1 -1
- package/dist/components/grid-list/index.d.ts +1 -1
- package/dist/components/navbar/index.d.cts +3 -3
- package/dist/components/navbar/index.d.ts +3 -3
- package/dist/components/password-input/index.cjs +2 -2
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/persona/index.d.cts +4 -9
- package/dist/components/persona/index.d.ts +4 -9
- package/dist/components/popover/index.cjs +214 -0
- package/dist/components/popover/index.d.cts +37 -0
- package/dist/components/popover/index.d.ts +37 -0
- package/dist/components/popover/index.js +11 -0
- package/dist/components/select/index.js +3 -2
- package/dist/components/sidebar/index.d.cts +11 -11
- package/dist/components/sidebar/index.d.ts +11 -11
- package/dist/components/tabs/index.cjs +35 -0
- package/dist/components/tabs/index.d.cts +1 -0
- package/dist/components/tabs/index.d.ts +1 -0
- package/dist/components/tabs/index.js +12 -0
- package/dist/components/toaster/index.cjs +161 -11
- package/dist/components/toaster/index.d.cts +6 -5
- package/dist/components/toaster/index.d.ts +6 -5
- package/dist/components/toaster/index.js +3 -1
- package/dist/index.cjs +2253 -1968
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +1531 -1415
- package/package.json +2 -2
- package/dist/chunk-EQ7Q6HRE.js +0 -63
- package/dist/chunk-HELHPHIQ.js +0 -35
- package/dist/chunk-VJ4NCA6R.js +0 -56
- /package/dist/{chunk-BKYGKH3L.js → chunk-YXGJOOMM.js} +0 -0
@@ -0,0 +1,254 @@
|
|
1
|
+
'use client'
|
2
|
+
"use strict";
|
3
|
+
var __create = Object.create;
|
4
|
+
var __defProp = Object.defineProperty;
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
9
|
+
var __export = (target, all) => {
|
10
|
+
for (var name in all)
|
11
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
12
|
+
};
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
15
|
+
for (let key of __getOwnPropNames(from))
|
16
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
17
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
18
|
+
}
|
19
|
+
return to;
|
20
|
+
};
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
27
|
+
mod
|
28
|
+
));
|
29
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
30
|
+
|
31
|
+
// src/components/file-upload/index.ts
|
32
|
+
var file_upload_exports2 = {};
|
33
|
+
__export(file_upload_exports2, {
|
34
|
+
FileUpload: () => file_upload_exports
|
35
|
+
});
|
36
|
+
module.exports = __toCommonJS(file_upload_exports2);
|
37
|
+
|
38
|
+
// src/components/file-upload/file-upload.tsx
|
39
|
+
var file_upload_exports = {};
|
40
|
+
__export(file_upload_exports, {
|
41
|
+
ClearTrigger: () => ClearTrigger,
|
42
|
+
Dropzone: () => Dropzone,
|
43
|
+
Input: () => Input,
|
44
|
+
Label: () => Label,
|
45
|
+
List: () => List,
|
46
|
+
Root: () => Root,
|
47
|
+
Trigger: () => Trigger
|
48
|
+
});
|
49
|
+
var React = __toESM(require("react"), 1);
|
50
|
+
var import_react4 = require("@chakra-ui/react");
|
51
|
+
|
52
|
+
// src/components/close-button/close-button.tsx
|
53
|
+
var import_react2 = require("react");
|
54
|
+
var import_react3 = require("@chakra-ui/react");
|
55
|
+
|
56
|
+
// src/components/icons/create-icon.tsx
|
57
|
+
var import_react = require("@chakra-ui/react");
|
58
|
+
var createIcon = (props) => {
|
59
|
+
return (0, import_react.createIcon)({
|
60
|
+
viewBox: "0 0 24 24",
|
61
|
+
defaultProps: {
|
62
|
+
fill: "none",
|
63
|
+
stroke: "currentColor",
|
64
|
+
strokeWidth: "2",
|
65
|
+
strokeLinecap: "round",
|
66
|
+
strokeLinejoin: "round"
|
67
|
+
},
|
68
|
+
...props
|
69
|
+
});
|
70
|
+
};
|
71
|
+
|
72
|
+
// src/components/icons/icons.tsx
|
73
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
74
|
+
var ChevronUpIcon = createIcon({
|
75
|
+
displayName: "ChevronUpIcon",
|
76
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
|
77
|
+
});
|
78
|
+
var ChevronDownIcon = createIcon({
|
79
|
+
displayName: "ChevronDownIcon",
|
80
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
|
81
|
+
});
|
82
|
+
var ChevronLeftIcon = createIcon({
|
83
|
+
displayName: "ChevronLeftIcon",
|
84
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
|
85
|
+
});
|
86
|
+
var ChevronRightIcon = createIcon({
|
87
|
+
displayName: "ChevronRightIcon",
|
88
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
|
89
|
+
});
|
90
|
+
var HamburgerIcon = createIcon({
|
91
|
+
displayName: "ChevronDownIcon",
|
92
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
|
93
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
|
94
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
|
95
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
|
96
|
+
] })
|
97
|
+
});
|
98
|
+
var CloseIcon = createIcon({
|
99
|
+
displayName: "CloseIcon",
|
100
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
103
|
+
] })
|
104
|
+
});
|
105
|
+
var FilterIcon = createIcon({
|
106
|
+
displayName: "FilterIcon",
|
107
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
|
108
|
+
});
|
109
|
+
var CalendarIcon = createIcon({
|
110
|
+
displayName: "CalendarIcon",
|
111
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
112
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
|
113
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
|
114
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
|
115
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
|
116
|
+
] })
|
117
|
+
});
|
118
|
+
var PlusIcon = createIcon({
|
119
|
+
displayName: "PlusIcon",
|
120
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
121
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
|
122
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
|
123
|
+
] })
|
124
|
+
});
|
125
|
+
var MinusIcon = createIcon({
|
126
|
+
displayName: "MinusIcon",
|
127
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
|
128
|
+
});
|
129
|
+
var ViewOffIcon = createIcon({
|
130
|
+
displayName: "ViewOffIcon",
|
131
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
132
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
|
133
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
|
134
|
+
] })
|
135
|
+
});
|
136
|
+
var ViewIcon = createIcon({
|
137
|
+
displayName: "ViewOffIcon",
|
138
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
139
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
|
140
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
141
|
+
] })
|
142
|
+
});
|
143
|
+
var SearchIcon = createIcon({
|
144
|
+
displayName: "SearchIcon",
|
145
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
|
147
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
|
148
|
+
] })
|
149
|
+
});
|
150
|
+
var CheckIcon = createIcon({
|
151
|
+
displayName: "CheckIcon",
|
152
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
|
153
|
+
});
|
154
|
+
var EllipsisIcon = createIcon({
|
155
|
+
displayName: "EllipsisIcon",
|
156
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
157
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
158
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
160
|
+
] })
|
161
|
+
});
|
162
|
+
|
163
|
+
// src/components/close-button/close-button.tsx
|
164
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
165
|
+
var CloseButton = (0, import_react2.forwardRef)(
|
166
|
+
function CloseButton2(props, ref) {
|
167
|
+
var _a;
|
168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
|
169
|
+
}
|
170
|
+
);
|
171
|
+
|
172
|
+
// src/components/file-upload/file-upload.tsx
|
173
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
174
|
+
var Root = React.forwardRef(
|
175
|
+
function FileUploadRoot(props, ref) {
|
176
|
+
const { children, inputProps, ...rest } = props;
|
177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.Root, { ...rest, children: [
|
178
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.HiddenInput, { ref, ...inputProps }),
|
179
|
+
children
|
180
|
+
] });
|
181
|
+
}
|
182
|
+
);
|
183
|
+
var Dropzone = React.forwardRef(
|
184
|
+
function FileUploadDropzone(props, ref) {
|
185
|
+
const { children, ...rest } = props;
|
186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.DropzoneContent, { children }) });
|
187
|
+
}
|
188
|
+
);
|
189
|
+
var Item = React.forwardRef(
|
190
|
+
function FileUploadItem(props, ref) {
|
191
|
+
const { file, showSize, icon, clearable } = props;
|
192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.Item, { file, ref, children: [
|
193
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemPreview, { children: icon }),
|
194
|
+
showSize ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.ItemContent, { children: [
|
195
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemName, {}),
|
196
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemSizeText, {})
|
197
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemName, { flex: "1" }),
|
198
|
+
clearable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "xs" }) })
|
199
|
+
] });
|
200
|
+
}
|
201
|
+
);
|
202
|
+
var List = React.forwardRef(
|
203
|
+
function FileUploadList(props, ref) {
|
204
|
+
const { showSize, clearable, files, ...rest } = props;
|
205
|
+
const fileUpload = (0, import_react4.useFileUploadContext)();
|
206
|
+
const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
|
207
|
+
if (acceptedFiles.length === 0) return null;
|
208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
209
|
+
Item,
|
210
|
+
{
|
211
|
+
file,
|
212
|
+
showSize,
|
213
|
+
clearable
|
214
|
+
},
|
215
|
+
file.name
|
216
|
+
)) });
|
217
|
+
}
|
218
|
+
);
|
219
|
+
var Input = React.forwardRef(
|
220
|
+
function FileInput(props, ref) {
|
221
|
+
const inputRecipe = (0, import_react4.useRecipe)({ key: "input" });
|
222
|
+
const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
|
223
|
+
const { placeholder = "Select file(s)", ...rest } = restProps;
|
224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
225
|
+
import_react4.Button,
|
226
|
+
{
|
227
|
+
unstyled: true,
|
228
|
+
py: "0",
|
229
|
+
ref,
|
230
|
+
...rest,
|
231
|
+
css: [inputRecipe(recipeProps), props.css],
|
232
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Context, { children: ({ acceptedFiles }) => {
|
233
|
+
if (acceptedFiles.length === 1) {
|
234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: acceptedFiles[0].name });
|
235
|
+
}
|
236
|
+
if (acceptedFiles.length > 1) {
|
237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
|
238
|
+
acceptedFiles.length,
|
239
|
+
" files"
|
240
|
+
] });
|
241
|
+
}
|
242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Span, { color: "fg.subtle", children: placeholder });
|
243
|
+
} })
|
244
|
+
}
|
245
|
+
) });
|
246
|
+
}
|
247
|
+
);
|
248
|
+
var Label = import_react4.FileUpload.Label;
|
249
|
+
var ClearTrigger = import_react4.FileUpload.ClearTrigger;
|
250
|
+
var Trigger = import_react4.FileUpload.Trigger;
|
251
|
+
// Annotate the CommonJS export names for ESM import in node:
|
252
|
+
0 && (module.exports = {
|
253
|
+
FileUpload
|
254
|
+
});
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import * as _chakra_ui_react from '@chakra-ui/react';
|
2
|
+
import { FileUpload, ButtonProps, RecipeProps } from '@chakra-ui/react';
|
3
|
+
import * as react from 'react';
|
4
|
+
|
5
|
+
interface RootProps extends FileUpload.RootProps {
|
6
|
+
inputProps?: react.InputHTMLAttributes<HTMLInputElement>;
|
7
|
+
}
|
8
|
+
declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLInputElement>>;
|
9
|
+
interface DropzoneProps extends FileUpload.DropzoneProps {
|
10
|
+
}
|
11
|
+
declare const Dropzone: react.ForwardRefExoticComponent<DropzoneProps & react.RefAttributes<HTMLInputElement>>;
|
12
|
+
interface VisibilityProps {
|
13
|
+
showSize?: boolean;
|
14
|
+
clearable?: boolean;
|
15
|
+
}
|
16
|
+
interface ListProps extends VisibilityProps, FileUpload.ItemGroupProps {
|
17
|
+
files?: File[];
|
18
|
+
}
|
19
|
+
declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLUListElement>>;
|
20
|
+
type Assign<T, U> = Omit<T, keyof U> & U;
|
21
|
+
interface InputProps extends Assign<ButtonProps, RecipeProps<'input'>> {
|
22
|
+
placeholder?: react.ReactNode;
|
23
|
+
}
|
24
|
+
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLButtonElement>>;
|
25
|
+
declare const Label: react.ForwardRefExoticComponent<FileUpload.LabelProps & react.RefAttributes<HTMLLabelElement>>;
|
26
|
+
declare const ClearTrigger: react.ForwardRefExoticComponent<_chakra_ui_react.FileUploadClearTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
27
|
+
declare const Trigger: react.ForwardRefExoticComponent<FileUpload.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
28
|
+
|
29
|
+
declare const fileUpload_ClearTrigger: typeof ClearTrigger;
|
30
|
+
declare const fileUpload_Dropzone: typeof Dropzone;
|
31
|
+
type fileUpload_DropzoneProps = DropzoneProps;
|
32
|
+
declare const fileUpload_Input: typeof Input;
|
33
|
+
type fileUpload_InputProps = InputProps;
|
34
|
+
declare const fileUpload_Label: typeof Label;
|
35
|
+
declare const fileUpload_List: typeof List;
|
36
|
+
declare const fileUpload_Root: typeof Root;
|
37
|
+
type fileUpload_RootProps = RootProps;
|
38
|
+
declare const fileUpload_Trigger: typeof Trigger;
|
39
|
+
declare namespace fileUpload {
|
40
|
+
export { fileUpload_ClearTrigger as ClearTrigger, fileUpload_Dropzone as Dropzone, type fileUpload_DropzoneProps as DropzoneProps, fileUpload_Input as Input, type fileUpload_InputProps as InputProps, fileUpload_Label as Label, fileUpload_List as List, fileUpload_Root as Root, type fileUpload_RootProps as RootProps, fileUpload_Trigger as Trigger };
|
41
|
+
}
|
42
|
+
|
43
|
+
export { fileUpload as FileUpload };
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import * as _chakra_ui_react from '@chakra-ui/react';
|
2
|
+
import { FileUpload, ButtonProps, RecipeProps } from '@chakra-ui/react';
|
3
|
+
import * as react from 'react';
|
4
|
+
|
5
|
+
interface RootProps extends FileUpload.RootProps {
|
6
|
+
inputProps?: react.InputHTMLAttributes<HTMLInputElement>;
|
7
|
+
}
|
8
|
+
declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLInputElement>>;
|
9
|
+
interface DropzoneProps extends FileUpload.DropzoneProps {
|
10
|
+
}
|
11
|
+
declare const Dropzone: react.ForwardRefExoticComponent<DropzoneProps & react.RefAttributes<HTMLInputElement>>;
|
12
|
+
interface VisibilityProps {
|
13
|
+
showSize?: boolean;
|
14
|
+
clearable?: boolean;
|
15
|
+
}
|
16
|
+
interface ListProps extends VisibilityProps, FileUpload.ItemGroupProps {
|
17
|
+
files?: File[];
|
18
|
+
}
|
19
|
+
declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLUListElement>>;
|
20
|
+
type Assign<T, U> = Omit<T, keyof U> & U;
|
21
|
+
interface InputProps extends Assign<ButtonProps, RecipeProps<'input'>> {
|
22
|
+
placeholder?: react.ReactNode;
|
23
|
+
}
|
24
|
+
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLButtonElement>>;
|
25
|
+
declare const Label: react.ForwardRefExoticComponent<FileUpload.LabelProps & react.RefAttributes<HTMLLabelElement>>;
|
26
|
+
declare const ClearTrigger: react.ForwardRefExoticComponent<_chakra_ui_react.FileUploadClearTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
27
|
+
declare const Trigger: react.ForwardRefExoticComponent<FileUpload.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
28
|
+
|
29
|
+
declare const fileUpload_ClearTrigger: typeof ClearTrigger;
|
30
|
+
declare const fileUpload_Dropzone: typeof Dropzone;
|
31
|
+
type fileUpload_DropzoneProps = DropzoneProps;
|
32
|
+
declare const fileUpload_Input: typeof Input;
|
33
|
+
type fileUpload_InputProps = InputProps;
|
34
|
+
declare const fileUpload_Label: typeof Label;
|
35
|
+
declare const fileUpload_List: typeof List;
|
36
|
+
declare const fileUpload_Root: typeof Root;
|
37
|
+
type fileUpload_RootProps = RootProps;
|
38
|
+
declare const fileUpload_Trigger: typeof Trigger;
|
39
|
+
declare namespace fileUpload {
|
40
|
+
export { fileUpload_ClearTrigger as ClearTrigger, fileUpload_Dropzone as Dropzone, type fileUpload_DropzoneProps as DropzoneProps, fileUpload_Input as Input, type fileUpload_InputProps as InputProps, fileUpload_Label as Label, fileUpload_List as List, fileUpload_Root as Root, type fileUpload_RootProps as RootProps, fileUpload_Trigger as Trigger };
|
41
|
+
}
|
42
|
+
|
43
|
+
export { fileUpload as FileUpload };
|
@@ -4,7 +4,7 @@ import { RecipeVariantProps, HTMLChakraProps } from '@chakra-ui/react';
|
|
4
4
|
import { GridList } from '@saas-ui/core/grid-list';
|
5
5
|
import { S as SlotRecipeProps } from '../../types-DnFoUudY.cjs';
|
6
6
|
|
7
|
-
declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "
|
7
|
+
declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
|
8
8
|
interactive: {
|
9
9
|
true: {
|
10
10
|
item: {
|
@@ -4,7 +4,7 @@ import { RecipeVariantProps, HTMLChakraProps } from '@chakra-ui/react';
|
|
4
4
|
import { GridList } from '@saas-ui/core/grid-list';
|
5
5
|
import { S as SlotRecipeProps } from '../../types-DnFoUudY.js';
|
6
6
|
|
7
|
-
declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "
|
7
|
+
declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
|
8
8
|
interactive: {
|
9
9
|
true: {
|
10
10
|
item: {
|