@saas-ui/react 3.0.0-alpha.24 → 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 +13 -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-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/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 +3 -3
- 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 +3 -3
- 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/password-input/index.cjs +2 -2
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/persona/index.d.cts +1 -1
- package/dist/components/persona/index.d.ts +1 -1
- 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/index.cjs +1559 -1340
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +919 -840
- package/package.json +2 -2
- package/dist/chunk-3Y67QIZ7.js +0 -56
- package/dist/chunk-OIOBGO3Y.js +0 -63
@@ -19,31 +19,29 @@ var __copyProps = (to, from, except, desc) => {
|
|
19
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
20
20
|
|
21
21
|
// src/components/drawer/index.ts
|
22
|
-
var
|
23
|
-
__export(
|
24
|
-
Drawer: () =>
|
25
|
-
});
|
26
|
-
module.exports = __toCommonJS(drawer_exports);
|
27
|
-
|
28
|
-
// src/components/drawer/namespace.ts
|
29
|
-
var namespace_exports = {};
|
30
|
-
__export(namespace_exports, {
|
31
|
-
ActionTrigger: () => DrawerActionTrigger,
|
32
|
-
Backdrop: () => DrawerBackdrop,
|
33
|
-
Body: () => DrawerBody,
|
34
|
-
CloseButton: () => DrawerCloseButton,
|
35
|
-
CloseTrigger: () => DrawerCloseTrigger2,
|
36
|
-
Content: () => DrawerContent,
|
37
|
-
Context: () => DrawerContext,
|
38
|
-
Description: () => DrawerDescription,
|
39
|
-
Footer: () => DrawerFooter,
|
40
|
-
Header: () => DrawerHeader,
|
41
|
-
Root: () => DrawerRoot,
|
42
|
-
Title: () => DrawerTitle,
|
43
|
-
Trigger: () => DrawerTrigger
|
22
|
+
var drawer_exports2 = {};
|
23
|
+
__export(drawer_exports2, {
|
24
|
+
Drawer: () => drawer_exports
|
44
25
|
});
|
26
|
+
module.exports = __toCommonJS(drawer_exports2);
|
45
27
|
|
46
28
|
// src/components/drawer/drawer.tsx
|
29
|
+
var drawer_exports = {};
|
30
|
+
__export(drawer_exports, {
|
31
|
+
ActionTrigger: () => ActionTrigger,
|
32
|
+
Backdrop: () => Backdrop,
|
33
|
+
Body: () => Body,
|
34
|
+
CloseButton: () => CloseButton3,
|
35
|
+
CloseTrigger: () => CloseTrigger,
|
36
|
+
Content: () => Content,
|
37
|
+
Context: () => Context,
|
38
|
+
Description: () => Description,
|
39
|
+
Footer: () => Footer,
|
40
|
+
Header: () => Header,
|
41
|
+
Root: () => Root,
|
42
|
+
Title: () => Title,
|
43
|
+
Trigger: () => Trigger
|
44
|
+
});
|
47
45
|
var import_react4 = require("react");
|
48
46
|
var import_dialog = require("@ark-ui/react/dialog");
|
49
47
|
var import_react5 = require("@chakra-ui/react");
|
@@ -170,27 +168,27 @@ var CloseButton = (0, import_react2.forwardRef)(
|
|
170
168
|
|
171
169
|
// src/components/drawer/drawer.tsx
|
172
170
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
173
|
-
var
|
174
|
-
function
|
171
|
+
var Content = (0, import_react4.forwardRef)(
|
172
|
+
function DrawerContent(props, ref) {
|
175
173
|
const { children, portalled = true, portalRef, offset, ...rest } = props;
|
176
174
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
|
177
175
|
}
|
178
176
|
);
|
179
|
-
var
|
177
|
+
var CloseButton3 = (0, import_react4.forwardRef)(function DrawerCloseTrigger(props, ref) {
|
180
178
|
const { children, ...rest } = props;
|
181
179
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children }) });
|
182
180
|
});
|
183
|
-
var
|
184
|
-
var
|
185
|
-
var
|
186
|
-
var
|
187
|
-
var
|
188
|
-
var
|
189
|
-
var
|
190
|
-
var
|
191
|
-
var
|
192
|
-
var
|
193
|
-
var
|
181
|
+
var CloseTrigger = import_react5.Drawer.CloseTrigger;
|
182
|
+
var Trigger = import_react5.Drawer.Trigger;
|
183
|
+
var Root = import_react5.Drawer.Root;
|
184
|
+
var Footer = import_react5.Drawer.Footer;
|
185
|
+
var Header = import_react5.Drawer.Header;
|
186
|
+
var Body = import_react5.Drawer.Body;
|
187
|
+
var Backdrop = import_react5.Drawer.Backdrop;
|
188
|
+
var Description = import_react5.Drawer.Description;
|
189
|
+
var Title = import_react5.Drawer.Title;
|
190
|
+
var ActionTrigger = import_react5.Drawer.ActionTrigger;
|
191
|
+
var Context = import_dialog.DialogContext;
|
194
192
|
// Annotate the CommonJS export names for ESM import in node:
|
195
193
|
0 && (module.exports = {
|
196
194
|
Drawer
|
@@ -2,28 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
|
|
2
2
|
import * as react from 'react';
|
3
3
|
import { Drawer } from '@chakra-ui/react';
|
4
4
|
|
5
|
-
interface
|
5
|
+
interface ContentProps extends Drawer.ContentProps {
|
6
6
|
portalled?: boolean;
|
7
7
|
portalRef?: React.RefObject<HTMLElement>;
|
8
8
|
offset?: Drawer.ContentProps['padding'];
|
9
9
|
}
|
10
|
-
declare const
|
11
|
-
declare const
|
12
|
-
declare const
|
13
|
-
declare const
|
14
|
-
declare const
|
15
|
-
declare const
|
16
|
-
declare const
|
17
|
-
declare const
|
18
|
-
declare const
|
19
|
-
declare const
|
20
|
-
declare const
|
21
|
-
declare const
|
22
|
-
declare const
|
23
|
-
type
|
10
|
+
declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
|
11
|
+
declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
12
|
+
declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
13
|
+
declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
14
|
+
declare const Root: react.FC<Drawer.RootProps>;
|
15
|
+
declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
|
16
|
+
declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
|
17
|
+
declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
|
18
|
+
declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
|
19
|
+
declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
20
|
+
declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
|
21
|
+
declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
22
|
+
declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
|
23
|
+
type RootProps = Drawer.RootProps;
|
24
24
|
|
25
|
-
declare
|
26
|
-
|
25
|
+
declare const drawer_ActionTrigger: typeof ActionTrigger;
|
26
|
+
declare const drawer_Backdrop: typeof Backdrop;
|
27
|
+
declare const drawer_Body: typeof Body;
|
28
|
+
declare const drawer_CloseButton: typeof CloseButton;
|
29
|
+
declare const drawer_CloseTrigger: typeof CloseTrigger;
|
30
|
+
declare const drawer_Content: typeof Content;
|
31
|
+
type drawer_ContentProps = ContentProps;
|
32
|
+
declare const drawer_Context: typeof Context;
|
33
|
+
declare const drawer_Description: typeof Description;
|
34
|
+
declare const drawer_Footer: typeof Footer;
|
35
|
+
declare const drawer_Header: typeof Header;
|
36
|
+
declare const drawer_Root: typeof Root;
|
37
|
+
type drawer_RootProps = RootProps;
|
38
|
+
declare const drawer_Title: typeof Title;
|
39
|
+
declare const drawer_Trigger: typeof Trigger;
|
40
|
+
declare namespace drawer {
|
41
|
+
export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
|
27
42
|
}
|
28
43
|
|
29
|
-
export {
|
44
|
+
export { drawer as Drawer };
|
@@ -2,28 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
|
|
2
2
|
import * as react from 'react';
|
3
3
|
import { Drawer } from '@chakra-ui/react';
|
4
4
|
|
5
|
-
interface
|
5
|
+
interface ContentProps extends Drawer.ContentProps {
|
6
6
|
portalled?: boolean;
|
7
7
|
portalRef?: React.RefObject<HTMLElement>;
|
8
8
|
offset?: Drawer.ContentProps['padding'];
|
9
9
|
}
|
10
|
-
declare const
|
11
|
-
declare const
|
12
|
-
declare const
|
13
|
-
declare const
|
14
|
-
declare const
|
15
|
-
declare const
|
16
|
-
declare const
|
17
|
-
declare const
|
18
|
-
declare const
|
19
|
-
declare const
|
20
|
-
declare const
|
21
|
-
declare const
|
22
|
-
declare const
|
23
|
-
type
|
10
|
+
declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
|
11
|
+
declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
12
|
+
declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
13
|
+
declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
14
|
+
declare const Root: react.FC<Drawer.RootProps>;
|
15
|
+
declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
|
16
|
+
declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
|
17
|
+
declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
|
18
|
+
declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
|
19
|
+
declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
20
|
+
declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
|
21
|
+
declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
22
|
+
declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
|
23
|
+
type RootProps = Drawer.RootProps;
|
24
24
|
|
25
|
-
declare
|
26
|
-
|
25
|
+
declare const drawer_ActionTrigger: typeof ActionTrigger;
|
26
|
+
declare const drawer_Backdrop: typeof Backdrop;
|
27
|
+
declare const drawer_Body: typeof Body;
|
28
|
+
declare const drawer_CloseButton: typeof CloseButton;
|
29
|
+
declare const drawer_CloseTrigger: typeof CloseTrigger;
|
30
|
+
declare const drawer_Content: typeof Content;
|
31
|
+
type drawer_ContentProps = ContentProps;
|
32
|
+
declare const drawer_Context: typeof Context;
|
33
|
+
declare const drawer_Description: typeof Description;
|
34
|
+
declare const drawer_Footer: typeof Footer;
|
35
|
+
declare const drawer_Header: typeof Header;
|
36
|
+
declare const drawer_Root: typeof Root;
|
37
|
+
type drawer_RootProps = RootProps;
|
38
|
+
declare const drawer_Title: typeof Title;
|
39
|
+
declare const drawer_Trigger: typeof Trigger;
|
40
|
+
declare namespace drawer {
|
41
|
+
export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
|
27
42
|
}
|
28
43
|
|
29
|
-
export {
|
44
|
+
export { drawer as Drawer };
|
@@ -1,11 +1,11 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
|
-
|
4
|
-
} from "../../chunk-
|
3
|
+
drawer_exports
|
4
|
+
} from "../../chunk-6MMPBMKN.js";
|
5
5
|
import "../../chunk-JMYI6YXR.js";
|
6
6
|
import "../../chunk-YXGJOOMM.js";
|
7
7
|
import "../../chunk-4TPVIHNO.js";
|
8
8
|
import "../../chunk-RTMS5TJN.js";
|
9
9
|
export {
|
10
|
-
|
10
|
+
drawer_exports as Drawer
|
11
11
|
};
|
@@ -26,19 +26,21 @@ __export(empty_state_exports, {
|
|
26
26
|
module.exports = __toCommonJS(empty_state_exports);
|
27
27
|
|
28
28
|
// src/components/empty-state/empty-state.tsx
|
29
|
-
var import_react = require("
|
30
|
-
var import_react2 = require("react");
|
29
|
+
var import_react = require("react");
|
30
|
+
var import_react2 = require("@chakra-ui/react");
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
32
|
-
var
|
32
|
+
var EmptyStateActions = (props) => {
|
33
|
+
const { actions } = (0, import_react2.useEmptyStateStyles)();
|
34
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Box, { ...props, css: [actions, props.css] });
|
35
|
+
};
|
36
|
+
var EmptyState = (0, import_react.forwardRef)(
|
33
37
|
function EmptyState2(props, ref) {
|
34
38
|
const { title, description, icon, children, ...rest } = props;
|
35
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
36
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Title, { children: title }),
|
41
|
-
children
|
39
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.EmptyState.Content, { children: [
|
40
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Indicator, { children: icon }),
|
41
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Title, { children: title }),
|
42
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Description, { children: description }) : null,
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyStateActions, { children })
|
42
44
|
] }) });
|
43
45
|
}
|
44
46
|
);
|
@@ -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: {
|