@saas-ui/react 3.0.0-alpha.4 → 3.0.0-alpha.6
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 +19 -0
- package/dist/chunk-2EUACKRH.js +26 -0
- package/dist/chunk-3Z2C27LI.js +51 -0
- package/dist/chunk-4TR3AOMG.js +33 -0
- package/dist/chunk-6LOMIKR5.js +69 -0
- package/dist/chunk-6ZNR6N2K.js +45 -0
- package/dist/chunk-7C3IZBNJ.js +38 -0
- package/dist/chunk-BCNPBZZK.js +45 -0
- package/dist/{chunk-KHRLZUV4.js → chunk-BFA5FCA2.js} +16 -1
- package/dist/chunk-CTOVNZVS.js +1 -0
- package/dist/chunk-DPMEXCSG.js +137 -0
- package/dist/chunk-F3CVOMG5.js +160 -0
- package/dist/chunk-FJFNGSPL.js +23 -0
- package/dist/chunk-GEPWRHHH.js +65 -0
- package/dist/chunk-HELHPHIQ.js +35 -0
- package/dist/chunk-I2RXEKTB.js +38 -0
- package/dist/chunk-L356FPLY.js +20 -0
- package/dist/chunk-LIYUBUOP.js +119 -0
- package/dist/chunk-M7FOBCOV.js +184 -0
- package/dist/chunk-NSD5HRIP.js +46 -0
- package/dist/chunk-QMG6HP7Z.js +87 -0
- package/dist/chunk-QSNSWCTM.js +32 -0
- package/dist/chunk-S3CQW7GD.js +100 -0
- package/dist/chunk-SA3OGTOO.js +23 -0
- package/dist/chunk-UCQ3LZIE.js +43 -0
- package/dist/chunk-ULAJ3JEO.js +32 -0
- package/dist/chunk-VF3BV2BY.js +87 -0
- package/dist/chunk-WYLMBMAH.js +22 -0
- package/dist/chunk-YWJZWB6I.js +1892 -0
- package/dist/chunk-ZWSZQZ5G.js +73 -0
- package/dist/components/app-shell/index.js +3 -40
- package/dist/components/avatar/index.cjs +69 -0
- package/dist/components/avatar/index.d.cts +18 -0
- package/dist/components/avatar/index.d.ts +18 -0
- package/dist/components/avatar/index.js +10 -0
- package/dist/components/breadcrumbs/index.js +3 -32
- package/dist/components/button/index.js +3 -40
- package/dist/components/checkbox/index.js +3 -15
- package/dist/components/command/index.js +3 -28
- package/dist/components/dialog/index.js +5 -67
- package/dist/components/drawer/index.d.cts +2 -2
- package/dist/components/drawer/index.d.ts +2 -2
- package/dist/components/drawer/index.js +5 -59
- package/dist/components/empty-state/index.js +3 -18
- package/dist/components/grid-list/index.js +3 -40
- package/dist/components/icon-badge/index.js +3 -33
- package/dist/components/link/index.js +2 -14
- package/dist/components/loading-overlay/index.js +5 -1885
- package/dist/components/menu/index.cjs +263 -0
- package/dist/components/menu/index.d.cts +30 -0
- package/dist/components/menu/index.d.ts +30 -0
- package/dist/components/menu/index.js +9 -0
- package/dist/components/navbar/index.d.cts +4 -4
- package/dist/components/navbar/index.d.ts +4 -4
- package/dist/components/navbar/index.js +3 -45
- package/dist/components/number-input/index.js +3 -26
- package/dist/components/password-input/index.js +4 -225
- package/dist/components/persona/index.js +6 -178
- package/dist/components/pin-input/index.js +3 -21
- package/dist/components/radio/index.js +4 -16
- package/dist/components/search-input/index.js +4 -114
- package/dist/components/segmented-control/index.cjs +2 -0
- package/dist/components/segmented-control/index.d.cts +2 -0
- package/dist/components/segmented-control/index.d.ts +2 -0
- package/dist/components/segmented-control/index.js +2 -0
- package/dist/components/select/index.js +4 -94
- package/dist/components/sidebar/index.d.cts +11 -11
- package/dist/components/sidebar/index.d.ts +11 -11
- package/dist/components/sidebar/index.js +7 -129
- package/dist/components/steps/index.js +5 -64
- package/dist/components/switch/index.js +3 -18
- package/dist/components/toaster/index.cjs +54 -0
- package/dist/components/toaster/index.d.cts +10 -0
- package/dist/components/toaster/index.d.ts +10 -0
- package/dist/components/toaster/index.js +10 -0
- package/dist/components/tooltip/index.cjs +57 -0
- package/dist/components/tooltip/index.d.cts +14 -0
- package/dist/components/tooltip/index.d.ts +14 -0
- package/dist/components/tooltip/index.js +8 -0
- package/dist/index.cjs +3707 -8
- package/dist/index.d.cts +37 -2
- package/dist/index.d.ts +37 -2
- package/dist/index.js +285 -4
- package/package.json +4 -4
@@ -0,0 +1,73 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
DialogContext
|
4
|
+
} from "./chunk-VBIVLREP.js";
|
5
|
+
import {
|
6
|
+
CloseButton
|
7
|
+
} from "./chunk-FZW2DYK3.js";
|
8
|
+
import {
|
9
|
+
__export
|
10
|
+
} from "./chunk-RTMS5TJN.js";
|
11
|
+
|
12
|
+
// src/components/dialog/namespace.ts
|
13
|
+
var namespace_exports = {};
|
14
|
+
__export(namespace_exports, {
|
15
|
+
ActionTrigger: () => DialogActionTrigger,
|
16
|
+
Backdrop: () => DialogBackdrop,
|
17
|
+
Body: () => DialogBody,
|
18
|
+
CloseTrigger: () => DialogCloseTrigger,
|
19
|
+
Content: () => DialogContent,
|
20
|
+
Context: () => DialogContext,
|
21
|
+
Description: () => DialogDescription,
|
22
|
+
Footer: () => DialogFooter,
|
23
|
+
Header: () => DialogHeader,
|
24
|
+
Root: () => DialogRoot,
|
25
|
+
Title: () => DialogTitle,
|
26
|
+
Trigger: () => DialogTrigger
|
27
|
+
});
|
28
|
+
|
29
|
+
// src/components/dialog/dialog.tsx
|
30
|
+
import { forwardRef } from "react";
|
31
|
+
import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
|
32
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
33
|
+
var DialogContent = forwardRef(
|
34
|
+
function DialogContent2(props, ref) {
|
35
|
+
const {
|
36
|
+
children,
|
37
|
+
portalled = true,
|
38
|
+
portalRef,
|
39
|
+
backdrop = true,
|
40
|
+
...rest
|
41
|
+
} = props;
|
42
|
+
return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
|
43
|
+
backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
|
44
|
+
/* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
|
45
|
+
] });
|
46
|
+
}
|
47
|
+
);
|
48
|
+
var DialogCloseTrigger = forwardRef(function DialogCloseTrigger2(props, ref) {
|
49
|
+
return /* @__PURE__ */ jsx(
|
50
|
+
ChakraDialog.CloseTrigger,
|
51
|
+
{
|
52
|
+
position: "absolute",
|
53
|
+
top: "2",
|
54
|
+
insetEnd: "2",
|
55
|
+
...props,
|
56
|
+
asChild: true,
|
57
|
+
children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children })
|
58
|
+
}
|
59
|
+
);
|
60
|
+
});
|
61
|
+
var DialogRoot = ChakraDialog.Root;
|
62
|
+
var DialogFooter = ChakraDialog.Footer;
|
63
|
+
var DialogHeader = ChakraDialog.Header;
|
64
|
+
var DialogBody = ChakraDialog.Body;
|
65
|
+
var DialogBackdrop = ChakraDialog.Backdrop;
|
66
|
+
var DialogTitle = ChakraDialog.Title;
|
67
|
+
var DialogDescription = ChakraDialog.Description;
|
68
|
+
var DialogTrigger = ChakraDialog.Trigger;
|
69
|
+
var DialogActionTrigger = ChakraDialog.ActionTrigger;
|
70
|
+
|
71
|
+
export {
|
72
|
+
namespace_exports
|
73
|
+
};
|
@@ -1,45 +1,8 @@
|
|
1
1
|
'use client'
|
2
|
-
import "../../chunk-RTMS5TJN.js";
|
3
|
-
|
4
|
-
// src/components/app-shell/app-shell.tsx
|
5
|
-
import { forwardRef } from "react";
|
6
2
|
import {
|
7
|
-
|
8
|
-
} from "
|
9
|
-
import
|
10
|
-
var {
|
11
|
-
withProvider,
|
12
|
-
withContext,
|
13
|
-
useStyles: useAppShellStyles
|
14
|
-
} = createSlotRecipeContext({
|
15
|
-
key: "suiAppShell"
|
16
|
-
});
|
17
|
-
var AppShellRoot = withProvider(
|
18
|
-
"div",
|
19
|
-
"root",
|
20
|
-
{ forwardAsChild: true }
|
21
|
-
);
|
22
|
-
var AppShellContent = withContext("div", "content", { forwardAsChild: true });
|
23
|
-
var AppShellMain = withContext(
|
24
|
-
"div",
|
25
|
-
"main",
|
26
|
-
{ forwardAsChild: true }
|
27
|
-
);
|
28
|
-
var AppShell = forwardRef(
|
29
|
-
(props, ref) => {
|
30
|
-
const { header, sidebar, aside, footer, children, ...rootProps } = props;
|
31
|
-
return /* @__PURE__ */ jsxs(AppShellRoot, { ref, ...rootProps, children: [
|
32
|
-
header,
|
33
|
-
/* @__PURE__ */ jsxs(AppShellContent, { children: [
|
34
|
-
sidebar,
|
35
|
-
/* @__PURE__ */ jsx(AppShellMain, { children }),
|
36
|
-
aside
|
37
|
-
] }),
|
38
|
-
footer
|
39
|
-
] });
|
40
|
-
}
|
41
|
-
);
|
42
|
-
AppShell.displayName = "AppShell";
|
3
|
+
AppShell
|
4
|
+
} from "../../chunk-6ZNR6N2K.js";
|
5
|
+
import "../../chunk-RTMS5TJN.js";
|
43
6
|
export {
|
44
7
|
AppShell
|
45
8
|
};
|
@@ -0,0 +1,69 @@
|
|
1
|
+
'use client'
|
2
|
+
"use strict";
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
7
|
+
var __export = (target, all) => {
|
8
|
+
for (var name in all)
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
10
|
+
};
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
13
|
+
for (let key of __getOwnPropNames(from))
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
16
|
+
}
|
17
|
+
return to;
|
18
|
+
};
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
20
|
+
|
21
|
+
// src/components/avatar/index.ts
|
22
|
+
var avatar_exports = {};
|
23
|
+
__export(avatar_exports, {
|
24
|
+
Avatar: () => Avatar,
|
25
|
+
AvatarGroup: () => AvatarGroup
|
26
|
+
});
|
27
|
+
module.exports = __toCommonJS(avatar_exports);
|
28
|
+
|
29
|
+
// src/components/avatar/avatar.tsx
|
30
|
+
var import_react = require("react");
|
31
|
+
var import_react2 = require("@chakra-ui/react");
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
33
|
+
var Avatar = (0, import_react.forwardRef)(
|
34
|
+
function Avatar2(props, ref) {
|
35
|
+
const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
|
36
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Root, { ref, ...rest, children: [
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { name, icon, children: fallback }),
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Image, { src, srcSet, loading }),
|
39
|
+
children
|
40
|
+
] });
|
41
|
+
}
|
42
|
+
);
|
43
|
+
var AvatarFallback = (0, import_react.forwardRef)(
|
44
|
+
function AvatarFallback2(props, ref) {
|
45
|
+
const { name, icon, children, ...rest } = props;
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Fallback, { ref, ...rest, children: [
|
47
|
+
children,
|
48
|
+
name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: getInitials(name) }),
|
49
|
+
name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Icon, { asChild: !!icon, children: icon })
|
50
|
+
] });
|
51
|
+
}
|
52
|
+
);
|
53
|
+
function getInitials(name) {
|
54
|
+
const names = name.trim().split(" ");
|
55
|
+
const firstName = names[0] != null ? names[0] : "";
|
56
|
+
const lastName = names.length > 1 ? names[names.length - 1] : "";
|
57
|
+
return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
|
58
|
+
}
|
59
|
+
var AvatarGroup = (0, import_react.forwardRef)(
|
60
|
+
function AvatarGroup2(props, ref) {
|
61
|
+
const { size, variant, borderless, ...rest } = props;
|
62
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
|
63
|
+
}
|
64
|
+
);
|
65
|
+
// Annotate the CommonJS export names for ESM import in node:
|
66
|
+
0 && (module.exports = {
|
67
|
+
Avatar,
|
68
|
+
AvatarGroup
|
69
|
+
});
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as react from 'react';
|
2
|
+
import { Avatar as Avatar$1, GroupProps, SlotRecipeProps } from '@chakra-ui/react';
|
3
|
+
|
4
|
+
type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
|
5
|
+
interface AvatarProps extends Avatar$1.RootProps {
|
6
|
+
name?: string;
|
7
|
+
src?: string;
|
8
|
+
srcSet?: string;
|
9
|
+
loading?: ImageProps['loading'];
|
10
|
+
icon?: React.ReactElement;
|
11
|
+
fallback?: React.ReactNode;
|
12
|
+
}
|
13
|
+
declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
|
14
|
+
interface AvatarGroupProps extends GroupProps, SlotRecipeProps<'avatar'> {
|
15
|
+
}
|
16
|
+
declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
|
17
|
+
|
18
|
+
export { Avatar, AvatarGroup, type AvatarProps };
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as react from 'react';
|
2
|
+
import { Avatar as Avatar$1, GroupProps, SlotRecipeProps } from '@chakra-ui/react';
|
3
|
+
|
4
|
+
type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
|
5
|
+
interface AvatarProps extends Avatar$1.RootProps {
|
6
|
+
name?: string;
|
7
|
+
src?: string;
|
8
|
+
srcSet?: string;
|
9
|
+
loading?: ImageProps['loading'];
|
10
|
+
icon?: React.ReactElement;
|
11
|
+
fallback?: React.ReactNode;
|
12
|
+
}
|
13
|
+
declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
|
14
|
+
interface AvatarGroupProps extends GroupProps, SlotRecipeProps<'avatar'> {
|
15
|
+
}
|
16
|
+
declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
|
17
|
+
|
18
|
+
export { Avatar, AvatarGroup, type AvatarProps };
|
@@ -1,37 +1,8 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
|
-
|
4
|
-
} from "../../chunk-
|
5
|
-
|
6
|
-
// src/components/breadcrumbs/namespace.ts
|
7
|
-
var namespace_exports = {};
|
8
|
-
__export(namespace_exports, {
|
9
|
-
CurrentLink: () => BreadcrumbCurrentLink,
|
10
|
-
Ellipsis: () => BreadcrumbEllipsis,
|
11
|
-
Link: () => BreadcrumbLink,
|
12
|
-
Root: () => BreadcrumbRoot
|
13
|
-
});
|
14
|
-
|
15
|
-
// src/components/breadcrumbs/breadcrumb.tsx
|
16
|
-
import { Children, Fragment, forwardRef, isValidElement } from "react";
|
17
|
-
import { Breadcrumb } from "@chakra-ui/react";
|
18
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
19
|
-
var BreadcrumbRoot = forwardRef(
|
20
|
-
function BreadcrumbRoot2(props, ref) {
|
21
|
-
const { separator = "/", separatorGap, children, ...rest } = props;
|
22
|
-
const validChildren = Children.toArray(children).filter(isValidElement);
|
23
|
-
return /* @__PURE__ */ jsx(Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ jsx(Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
|
24
|
-
const last = index === validChildren.length - 1;
|
25
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
26
|
-
/* @__PURE__ */ jsx(Breadcrumb.Item, { children: child }),
|
27
|
-
!last && /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: separator })
|
28
|
-
] }, index);
|
29
|
-
}) }) });
|
30
|
-
}
|
31
|
-
);
|
32
|
-
var BreadcrumbLink = Breadcrumb.Link;
|
33
|
-
var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
|
34
|
-
var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
|
3
|
+
namespace_exports
|
4
|
+
} from "../../chunk-7C3IZBNJ.js";
|
5
|
+
import "../../chunk-RTMS5TJN.js";
|
35
6
|
export {
|
36
7
|
namespace_exports as Breadcrumb
|
37
8
|
};
|
@@ -1,45 +1,8 @@
|
|
1
1
|
'use client'
|
2
|
-
import "../../chunk-RTMS5TJN.js";
|
3
|
-
|
4
|
-
// src/components/button/button.tsx
|
5
|
-
import { forwardRef } from "react";
|
6
2
|
import {
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
Spinner
|
11
|
-
} from "@chakra-ui/react";
|
12
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
13
|
-
var Button = forwardRef(
|
14
|
-
function Button2(props, ref) {
|
15
|
-
const {
|
16
|
-
loading,
|
17
|
-
disabled,
|
18
|
-
loadingText,
|
19
|
-
children,
|
20
|
-
variant = "glass",
|
21
|
-
colorPalette = variant === "glass" ? "accent" : "gray",
|
22
|
-
...rest
|
23
|
-
} = props;
|
24
|
-
return /* @__PURE__ */ jsx(
|
25
|
-
ButtonPrimitive,
|
26
|
-
{
|
27
|
-
colorPalette,
|
28
|
-
disabled: loading || disabled,
|
29
|
-
variant,
|
30
|
-
ref,
|
31
|
-
...rest,
|
32
|
-
children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
33
|
-
/* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
|
34
|
-
/* @__PURE__ */ jsx(Span, { opacity: 0, children })
|
35
|
-
] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
36
|
-
/* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
|
37
|
-
loadingText
|
38
|
-
] }) : children
|
39
|
-
}
|
40
|
-
);
|
41
|
-
}
|
42
|
-
);
|
3
|
+
Button
|
4
|
+
} from "../../chunk-BCNPBZZK.js";
|
5
|
+
import "../../chunk-RTMS5TJN.js";
|
43
6
|
export {
|
44
7
|
Button
|
45
8
|
};
|
@@ -1,20 +1,8 @@
|
|
1
1
|
'use client'
|
2
|
+
import {
|
3
|
+
Checkbox
|
4
|
+
} from "../../chunk-L356FPLY.js";
|
2
5
|
import "../../chunk-RTMS5TJN.js";
|
3
|
-
|
4
|
-
// src/components/checkbox/checkbox.tsx
|
5
|
-
import { forwardRef } from "react";
|
6
|
-
import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
|
7
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
8
|
-
var Checkbox = forwardRef(
|
9
|
-
function Checkbox2(props, ref) {
|
10
|
-
const { icon, children, inputProps, rootRef, ...rest } = props;
|
11
|
-
return /* @__PURE__ */ jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
|
12
|
-
/* @__PURE__ */ jsx(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
|
13
|
-
/* @__PURE__ */ jsx(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx(ChakraCheckbox.Indicator, {}) }),
|
14
|
-
children != null && /* @__PURE__ */ jsx(ChakraCheckbox.Label, { children })
|
15
|
-
] });
|
16
|
-
}
|
17
|
-
);
|
18
6
|
export {
|
19
7
|
Checkbox
|
20
8
|
};
|
@@ -1,33 +1,8 @@
|
|
1
1
|
'use client'
|
2
|
-
import "../../chunk-RTMS5TJN.js";
|
3
|
-
|
4
|
-
// src/components/command/command.tsx
|
5
|
-
import { Kbd } from "@chakra-ui/react";
|
6
2
|
import {
|
7
|
-
|
8
|
-
} from "
|
9
|
-
import
|
10
|
-
var { withContext } = createRecipeContext({
|
11
|
-
key: "suiCommand"
|
12
|
-
});
|
13
|
-
var Key = ({ children }) => {
|
14
|
-
if (typeof children !== "string") {
|
15
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
16
|
-
}
|
17
|
-
if (["then", "or", "+"].includes(children)) {
|
18
|
-
return /* @__PURE__ */ jsx("span", { children });
|
19
|
-
}
|
20
|
-
return /* @__PURE__ */ jsx(Kbd, { children });
|
21
|
-
};
|
22
|
-
var Command = (props) => {
|
23
|
-
const { children, ...rest } = props;
|
24
|
-
if (typeof children !== "string") {
|
25
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
26
|
-
}
|
27
|
-
const keys = children.split(/\s|\+/);
|
28
|
-
return /* @__PURE__ */ jsx(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { children: key }, key)) });
|
29
|
-
};
|
30
|
-
var CommandRoot = withContext("span");
|
3
|
+
Command
|
4
|
+
} from "../../chunk-4TR3AOMG.js";
|
5
|
+
import "../../chunk-RTMS5TJN.js";
|
31
6
|
export {
|
32
7
|
Command
|
33
8
|
};
|
@@ -1,73 +1,11 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
|
-
|
4
|
-
} from "../../chunk-
|
5
|
-
import
|
6
|
-
|
7
|
-
} from "../../chunk-FZW2DYK3.js";
|
3
|
+
namespace_exports
|
4
|
+
} from "../../chunk-ZWSZQZ5G.js";
|
5
|
+
import "../../chunk-VBIVLREP.js";
|
6
|
+
import "../../chunk-FZW2DYK3.js";
|
8
7
|
import "../../chunk-VDXTEASE.js";
|
9
|
-
import
|
10
|
-
__export
|
11
|
-
} from "../../chunk-RTMS5TJN.js";
|
12
|
-
|
13
|
-
// src/components/dialog/namespace.ts
|
14
|
-
var namespace_exports = {};
|
15
|
-
__export(namespace_exports, {
|
16
|
-
ActionTrigger: () => DialogActionTrigger,
|
17
|
-
Backdrop: () => DialogBackdrop,
|
18
|
-
Body: () => DialogBody,
|
19
|
-
CloseTrigger: () => DialogCloseTrigger,
|
20
|
-
Content: () => DialogContent,
|
21
|
-
Context: () => DialogContext,
|
22
|
-
Description: () => DialogDescription,
|
23
|
-
Footer: () => DialogFooter,
|
24
|
-
Header: () => DialogHeader,
|
25
|
-
Root: () => DialogRoot,
|
26
|
-
Title: () => DialogTitle,
|
27
|
-
Trigger: () => DialogTrigger
|
28
|
-
});
|
29
|
-
|
30
|
-
// src/components/dialog/dialog.tsx
|
31
|
-
import { forwardRef } from "react";
|
32
|
-
import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
|
33
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
34
|
-
var DialogContent = forwardRef(
|
35
|
-
function DialogContent2(props, ref) {
|
36
|
-
const {
|
37
|
-
children,
|
38
|
-
portalled = true,
|
39
|
-
portalRef,
|
40
|
-
backdrop = true,
|
41
|
-
...rest
|
42
|
-
} = props;
|
43
|
-
return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
|
44
|
-
backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
|
45
|
-
/* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
|
46
|
-
] });
|
47
|
-
}
|
48
|
-
);
|
49
|
-
var DialogCloseTrigger = forwardRef(function DialogCloseTrigger2(props, ref) {
|
50
|
-
return /* @__PURE__ */ jsx(
|
51
|
-
ChakraDialog.CloseTrigger,
|
52
|
-
{
|
53
|
-
position: "absolute",
|
54
|
-
top: "2",
|
55
|
-
insetEnd: "2",
|
56
|
-
...props,
|
57
|
-
asChild: true,
|
58
|
-
children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children })
|
59
|
-
}
|
60
|
-
);
|
61
|
-
});
|
62
|
-
var DialogRoot = ChakraDialog.Root;
|
63
|
-
var DialogFooter = ChakraDialog.Footer;
|
64
|
-
var DialogHeader = ChakraDialog.Header;
|
65
|
-
var DialogBody = ChakraDialog.Body;
|
66
|
-
var DialogBackdrop = ChakraDialog.Backdrop;
|
67
|
-
var DialogTitle = ChakraDialog.Title;
|
68
|
-
var DialogDescription = ChakraDialog.Description;
|
69
|
-
var DialogTrigger = ChakraDialog.Trigger;
|
70
|
-
var DialogActionTrigger = ChakraDialog.ActionTrigger;
|
8
|
+
import "../../chunk-RTMS5TJN.js";
|
71
9
|
export {
|
72
10
|
namespace_exports as Dialog
|
73
11
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import * as
|
1
|
+
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
|
|
@@ -18,7 +18,7 @@ declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropPro
|
|
18
18
|
declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
19
19
|
declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
|
20
20
|
declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
21
|
-
declare const DrawerContext: (props:
|
21
|
+
declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
|
22
22
|
type DrawerRootProps = Drawer.RootProps;
|
23
23
|
|
24
24
|
declare namespace namespace {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import * as
|
1
|
+
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
|
|
@@ -18,7 +18,7 @@ declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropPro
|
|
18
18
|
declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
|
19
19
|
declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
|
20
20
|
declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
21
|
-
declare const DrawerContext: (props:
|
21
|
+
declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
|
22
22
|
type DrawerRootProps = Drawer.RootProps;
|
23
23
|
|
24
24
|
declare namespace namespace {
|
@@ -1,65 +1,11 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
|
-
|
4
|
-
} from "../../chunk-
|
5
|
-
import
|
6
|
-
|
7
|
-
} from "../../chunk-FZW2DYK3.js";
|
3
|
+
namespace_exports
|
4
|
+
} from "../../chunk-GEPWRHHH.js";
|
5
|
+
import "../../chunk-VBIVLREP.js";
|
6
|
+
import "../../chunk-FZW2DYK3.js";
|
8
7
|
import "../../chunk-VDXTEASE.js";
|
9
|
-
import
|
10
|
-
__export
|
11
|
-
} from "../../chunk-RTMS5TJN.js";
|
12
|
-
|
13
|
-
// src/components/drawer/namespace.ts
|
14
|
-
var namespace_exports = {};
|
15
|
-
__export(namespace_exports, {
|
16
|
-
ActionTrigger: () => DrawerActionTrigger,
|
17
|
-
Backdrop: () => DrawerBackdrop,
|
18
|
-
Body: () => DrawerBody,
|
19
|
-
CloseTrigger: () => DrawerCloseTrigger,
|
20
|
-
Content: () => DrawerContent,
|
21
|
-
Context: () => DrawerContext,
|
22
|
-
Description: () => DrawerDescription,
|
23
|
-
Footer: () => DrawerFooter,
|
24
|
-
Header: () => DrawerHeader,
|
25
|
-
Root: () => DrawerRoot,
|
26
|
-
Title: () => DrawerTitle,
|
27
|
-
Trigger: () => DrawerTrigger
|
28
|
-
});
|
29
|
-
|
30
|
-
// src/components/drawer/drawer.tsx
|
31
|
-
import { forwardRef } from "react";
|
32
|
-
import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
|
33
|
-
import { jsx } from "react/jsx-runtime";
|
34
|
-
var DrawerContent = forwardRef(
|
35
|
-
function DrawerContent2(props, ref) {
|
36
|
-
const { children, portalled = true, portalRef, offset, ...rest } = props;
|
37
|
-
return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraDrawer.Positioner, { padding: offset, children: /* @__PURE__ */ jsx(ChakraDrawer.Content, { ref, ...rest, asChild: false, children }) }) });
|
38
|
-
}
|
39
|
-
);
|
40
|
-
var DrawerCloseTrigger = forwardRef(function DrawerCloseTrigger2(props, ref) {
|
41
|
-
return /* @__PURE__ */ jsx(
|
42
|
-
ChakraDrawer.CloseTrigger,
|
43
|
-
{
|
44
|
-
position: "absolute",
|
45
|
-
top: "2",
|
46
|
-
insetEnd: "2",
|
47
|
-
...props,
|
48
|
-
asChild: true,
|
49
|
-
children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref })
|
50
|
-
}
|
51
|
-
);
|
52
|
-
});
|
53
|
-
var DrawerTrigger = ChakraDrawer.Trigger;
|
54
|
-
var DrawerRoot = ChakraDrawer.Root;
|
55
|
-
var DrawerFooter = ChakraDrawer.Footer;
|
56
|
-
var DrawerHeader = ChakraDrawer.Header;
|
57
|
-
var DrawerBody = ChakraDrawer.Body;
|
58
|
-
var DrawerBackdrop = ChakraDrawer.Backdrop;
|
59
|
-
var DrawerDescription = ChakraDrawer.Description;
|
60
|
-
var DrawerTitle = ChakraDrawer.Title;
|
61
|
-
var DrawerActionTrigger = ChakraDrawer.ActionTrigger;
|
62
|
-
var DrawerContext = DialogContext;
|
8
|
+
import "../../chunk-RTMS5TJN.js";
|
63
9
|
export {
|
64
10
|
namespace_exports as Drawer
|
65
11
|
};
|
@@ -1,23 +1,8 @@
|
|
1
1
|
'use client'
|
2
|
+
import {
|
3
|
+
EmptyState
|
4
|
+
} from "../../chunk-FJFNGSPL.js";
|
2
5
|
import "../../chunk-RTMS5TJN.js";
|
3
|
-
|
4
|
-
// src/components/empty-state/empty-state.tsx
|
5
|
-
import { EmptyState as ChakraEmptyState, VStack } from "@chakra-ui/react";
|
6
|
-
import { forwardRef } from "react";
|
7
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
8
|
-
var EmptyState = forwardRef(
|
9
|
-
function EmptyState2(props, ref) {
|
10
|
-
const { title, description, icon, children, ...rest } = props;
|
11
|
-
return /* @__PURE__ */ jsx(ChakraEmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ jsxs(ChakraEmptyState.Content, { children: [
|
12
|
-
icon && /* @__PURE__ */ jsx(ChakraEmptyState.Indicator, { children: icon }),
|
13
|
-
description ? /* @__PURE__ */ jsxs(VStack, { textAlign: "center", children: [
|
14
|
-
/* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
|
15
|
-
/* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description })
|
16
|
-
] }) : /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
|
17
|
-
children
|
18
|
-
] }) });
|
19
|
-
}
|
20
|
-
);
|
21
6
|
export {
|
22
7
|
EmptyState
|
23
8
|
};
|
@@ -1,45 +1,8 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
|
-
|
4
|
-
} from "../../chunk-
|
5
|
-
|
6
|
-
// src/components/grid-list/grid-list.tsx
|
7
|
-
var grid_list_exports = {};
|
8
|
-
__export(grid_list_exports, {
|
9
|
-
Cell: () => GridListCell,
|
10
|
-
Header: () => GridListHeader,
|
11
|
-
Item: () => GridListItem,
|
12
|
-
Root: () => GridListRoot
|
13
|
-
});
|
14
|
-
import { GridList } from "@saas-ui/core/grid-list";
|
15
|
-
|
16
|
-
// src/components/grid-list/grid-list.context.ts
|
17
|
-
import { createSlotRecipeContext } from "@chakra-ui/react";
|
18
|
-
var {
|
19
|
-
withProvider,
|
20
|
-
withContext,
|
21
|
-
useStyles: useGridListStyles
|
22
|
-
} = createSlotRecipeContext({
|
23
|
-
key: "suiGridList"
|
24
|
-
});
|
25
|
-
|
26
|
-
// src/components/grid-list/grid-list.tsx
|
27
|
-
var GridListRoot = withProvider(
|
28
|
-
GridList.Root,
|
29
|
-
"root"
|
30
|
-
);
|
31
|
-
var GridListItem = withContext(
|
32
|
-
GridList.Item,
|
33
|
-
"item"
|
34
|
-
);
|
35
|
-
var GridListHeader = withContext(
|
36
|
-
GridList.Header,
|
37
|
-
"header"
|
38
|
-
);
|
39
|
-
var GridListCell = withContext(
|
40
|
-
GridList.Cell,
|
41
|
-
"cell"
|
42
|
-
);
|
3
|
+
grid_list_exports
|
4
|
+
} from "../../chunk-NSD5HRIP.js";
|
5
|
+
import "../../chunk-RTMS5TJN.js";
|
43
6
|
export {
|
44
7
|
grid_list_exports as GridList
|
45
8
|
};
|