@saas-ui/react 3.0.0-alpha.3 → 3.0.0-alpha.30
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 +402 -1
- package/dist/chunk-2EUACKRH.js +26 -0
- package/dist/chunk-32DD6PHF.js +63 -0
- package/dist/chunk-3JZ42NYM.js +100 -0
- package/dist/chunk-3MO37LYW.js +326 -0
- package/dist/chunk-46ISJZBS.js +119 -0
- package/dist/{chunk-VDXTEASE.js → chunk-4TPVIHNO.js} +10 -1
- package/dist/chunk-52XM5VXJ.js +9 -0
- package/dist/chunk-6ZNR6N2K.js +45 -0
- package/dist/chunk-7VSTNV2B.js +53 -0
- package/dist/chunk-GRUMUCSL.js +109 -0
- package/dist/chunk-GWC5GCMW.js +177 -0
- package/dist/chunk-I2RXEKTB.js +38 -0
- package/dist/chunk-IEWHAXXU.js +28 -0
- package/dist/chunk-INV6RT5B.js +8 -0
- package/dist/chunk-IVLUAUU5.js +10 -0
- package/dist/chunk-JMYI6YXR.js +1 -0
- package/dist/chunk-JO4WJVYO.js +43 -0
- package/dist/chunk-K2SPPLAY.js +231 -0
- package/dist/chunk-KE5AC3TZ.js +63 -0
- package/dist/chunk-KFXNVUEZ.js +102 -0
- package/dist/chunk-L356FPLY.js +20 -0
- package/dist/chunk-LTVFG6UC.js +54 -0
- package/dist/chunk-MLJN6IOJ.js +96 -0
- package/dist/chunk-MS2ELLDY.js +26 -0
- package/dist/chunk-NGGISORT.js +29 -0
- package/dist/chunk-NGSHWY7E.js +27 -0
- package/dist/chunk-NSD5HRIP.js +46 -0
- package/dist/chunk-Q6SNJJO2.js +63 -0
- package/dist/chunk-QSNSWCTM.js +32 -0
- package/dist/chunk-RLIAFHVM.js +66 -0
- package/dist/chunk-S5J6REMC.js +40 -0
- package/dist/chunk-SA3OGTOO.js +23 -0
- package/dist/chunk-SKXSBAOS.js +35 -0
- package/dist/{components/breadcrumbs/index.js → chunk-TT4C5VXB.js} +6 -7
- package/dist/chunk-TZBAM4AD.js +20 -0
- package/dist/chunk-U23VDAWJ.js +143 -0
- package/dist/chunk-UASXI64E.js +34 -0
- package/dist/chunk-VZG7EJ64.js +70 -0
- package/dist/chunk-WYLMBMAH.js +22 -0
- package/dist/chunk-YHQ5JGCC.js +1 -0
- package/dist/chunk-YKSY7UOM.js +20 -0
- package/dist/{chunk-FZW2DYK3.js → chunk-YXGJOOMM.js} +1 -1
- package/dist/components/app-shell/index.cjs +1 -1
- package/dist/components/app-shell/index.d.cts +1 -1
- package/dist/components/app-shell/index.d.ts +1 -1
- 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 +11 -0
- package/dist/components/badge/index.cjs +31 -0
- package/dist/components/badge/index.d.cts +3 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.js +8 -0
- package/dist/components/{breadcrumbs → breadcrumb}/index.cjs +8 -10
- package/dist/components/{breadcrumbs → breadcrumb}/index.d.cts +3 -4
- package/dist/components/{breadcrumbs → breadcrumb}/index.d.ts +3 -4
- package/dist/components/breadcrumb/index.js +8 -0
- package/dist/components/button/index.cjs +8 -26
- package/dist/components/button/index.js +3 -40
- package/dist/components/card/index.cjs +31 -0
- package/dist/components/card/index.d.cts +1 -0
- package/dist/components/card/index.d.ts +1 -0
- package/dist/components/card/index.js +8 -0
- package/dist/components/checkbox/index.js +3 -15
- package/dist/components/close-button/index.cjs +8 -0
- package/dist/components/close-button/index.js +3 -2
- package/dist/components/command/index.cjs +13 -13
- package/dist/components/command/index.d.cts +28 -2
- package/dist/components/command/index.d.ts +28 -2
- package/dist/components/command/index.js +3 -28
- 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 +51 -90
- package/dist/components/dialog/index.d.cts +35 -16
- package/dist/components/dialog/index.d.ts +35 -16
- package/dist/components/dialog/index.js +7 -69
- package/dist/components/drawer/index.cjs +55 -97
- package/dist/components/drawer/index.d.cts +34 -18
- package/dist/components/drawer/index.d.ts +34 -18
- package/dist/components/drawer/index.js +7 -61
- package/dist/components/empty-state/index.cjs +50 -0
- package/dist/components/empty-state/index.d.cts +11 -0
- package/dist/components/empty-state/index.d.ts +11 -0
- package/dist/components/empty-state/index.js +8 -0
- 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.cjs +68 -0
- package/dist/components/grid-list/index.d.cts +84 -0
- package/dist/components/grid-list/index.d.ts +84 -0
- package/dist/components/grid-list/index.js +8 -0
- package/dist/components/icon-badge/index.cjs +1 -1
- package/dist/components/icon-badge/index.d.cts +1 -1
- package/dist/components/icon-badge/index.d.ts +1 -1
- package/dist/components/icon-badge/index.js +3 -33
- package/dist/components/icon-button/index.cjs +67 -0
- package/dist/components/icon-button/index.d.cts +9 -0
- package/dist/components/icon-button/index.d.ts +9 -0
- package/dist/components/icon-button/index.js +9 -0
- package/dist/components/icons/index.cjs +10 -0
- package/dist/components/icons/index.d.cts +2 -1
- package/dist/components/icons/index.d.ts +2 -1
- package/dist/components/icons/index.js +3 -1
- package/dist/components/link/index.js +3 -14
- package/dist/components/loading-overlay/index.cjs +42 -1879
- package/dist/components/loading-overlay/index.d.cts +19 -6
- package/dist/components/loading-overlay/index.d.ts +19 -6
- package/dist/components/loading-overlay/index.js +7 -1874
- package/dist/components/menu/index.cjs +239 -0
- package/dist/components/menu/index.d.cts +39 -0
- package/dist/components/menu/index.d.ts +39 -0
- package/dist/components/menu/index.js +11 -0
- package/dist/components/navbar/index.cjs +61 -15
- package/dist/components/navbar/index.d.cts +12 -9
- package/dist/components/navbar/index.d.ts +12 -9
- package/dist/components/navbar/index.js +5 -38
- package/dist/components/number-input/index.cjs +9 -1
- package/dist/components/number-input/index.js +3 -26
- package/dist/components/pagination/index.cjs +215 -0
- package/dist/components/pagination/index.d.cts +41 -0
- package/dist/components/pagination/index.d.ts +41 -0
- package/dist/components/pagination/index.js +9 -0
- package/dist/components/password-input/index.cjs +2 -2
- package/dist/components/password-input/index.js +3 -225
- package/dist/components/persona/index.cjs +101 -36
- package/dist/components/persona/index.d.cts +131 -5
- package/dist/components/persona/index.d.ts +131 -5
- package/dist/components/persona/index.js +8 -144
- package/dist/components/pin-input/index.js +3 -21
- 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/radio/index.js +4 -16
- package/dist/components/search-input/index.cjs +8 -0
- package/dist/components/search-input/index.js +4 -114
- package/dist/components/segmented-control/index.cjs +60 -0
- package/dist/components/segmented-control/index.d.cts +14 -0
- package/dist/components/segmented-control/index.d.ts +14 -0
- package/dist/components/segmented-control/index.js +8 -0
- package/dist/components/select/index.cjs +8 -0
- package/dist/components/select/index.js +6 -95
- package/dist/components/sidebar/index.cjs +66 -32
- package/dist/components/sidebar/index.d.cts +30 -25
- package/dist/components/sidebar/index.d.ts +30 -25
- package/dist/components/sidebar/index.js +7 -101
- package/dist/components/status/index.cjs +45 -0
- package/dist/components/status/index.d.cts +17 -0
- package/dist/components/status/index.d.ts +17 -0
- package/dist/components/status/index.js +8 -0
- package/dist/components/steps/index.cjs +17 -10
- package/dist/components/steps/index.d.cts +4 -4
- package/dist/components/steps/index.d.ts +4 -4
- package/dist/components/steps/index.js +6 -67
- package/dist/components/switch/index.js +3 -18
- 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/tag/index.cjs +53 -0
- package/dist/components/tag/index.d.cts +12 -0
- package/dist/components/tag/index.d.ts +12 -0
- package/dist/components/tag/index.js +8 -0
- package/dist/components/toaster/index.cjs +204 -0
- package/dist/components/toaster/index.d.cts +11 -0
- package/dist/components/toaster/index.d.ts +11 -0
- package/dist/components/toaster/index.js +12 -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 +8277 -5428
- package/dist/index.d.cts +47 -2
- package/dist/index.d.ts +47 -2
- package/dist/index.js +5416 -4732
- package/dist/theme/tokens/colors.cjs +349 -0
- package/dist/theme/tokens/colors.d.cts +856 -0
- package/dist/theme/tokens/colors.d.ts +856 -0
- package/dist/theme/tokens/colors.js +8 -0
- package/dist/types-DnFoUudY.d.cts +10 -0
- package/dist/types-DnFoUudY.d.ts +10 -0
- package/package.json +11 -4
- package/dist/chunk-VBIVLREP.js +0 -45
- /package/dist/{chunk-KHRLZUV4.js → chunk-O2WVT2BP.js} +0 -0
@@ -1,18 +1,16 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
3
|
__export
|
4
|
-
} from "
|
4
|
+
} from "./chunk-RTMS5TJN.js";
|
5
5
|
|
6
|
-
// src/components/
|
7
|
-
var
|
8
|
-
__export(
|
6
|
+
// src/components/breadcrumb/breadcrumb.tsx
|
7
|
+
var breadcrumb_exports = {};
|
8
|
+
__export(breadcrumb_exports, {
|
9
9
|
CurrentLink: () => BreadcrumbCurrentLink,
|
10
10
|
Ellipsis: () => BreadcrumbEllipsis,
|
11
11
|
Link: () => BreadcrumbLink,
|
12
12
|
Root: () => BreadcrumbRoot
|
13
13
|
});
|
14
|
-
|
15
|
-
// src/components/breadcrumbs/breadcrumb.tsx
|
16
14
|
import { Children, Fragment, forwardRef, isValidElement } from "react";
|
17
15
|
import { Breadcrumb } from "@chakra-ui/react";
|
18
16
|
import { jsx, jsxs } from "react/jsx-runtime";
|
@@ -32,6 +30,7 @@ var BreadcrumbRoot = forwardRef(
|
|
32
30
|
var BreadcrumbLink = Breadcrumb.Link;
|
33
31
|
var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
|
34
32
|
var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
|
33
|
+
|
35
34
|
export {
|
36
|
-
|
35
|
+
breadcrumb_exports
|
37
36
|
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
useLink
|
4
|
+
} from "./chunk-O2WVT2BP.js";
|
5
|
+
|
6
|
+
// src/components/link/link.tsx
|
7
|
+
import React from "react";
|
8
|
+
import { Link as ChakraLink } from "@chakra-ui/react";
|
9
|
+
import { jsx } from "react/jsx-runtime";
|
10
|
+
var Link = React.forwardRef(
|
11
|
+
(props, ref) => {
|
12
|
+
const LinkComponent = useLink();
|
13
|
+
return /* @__PURE__ */ jsx(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { ref, ...props }) });
|
14
|
+
}
|
15
|
+
);
|
16
|
+
Link.displayName = "Link";
|
17
|
+
|
18
|
+
export {
|
19
|
+
Link
|
20
|
+
};
|
@@ -0,0 +1,143 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
__export
|
4
|
+
} from "./chunk-RTMS5TJN.js";
|
5
|
+
|
6
|
+
// src/components/sidebar/sidebar.tsx
|
7
|
+
var sidebar_exports = {};
|
8
|
+
__export(sidebar_exports, {
|
9
|
+
Backdrop: () => SidebarBackdrop,
|
10
|
+
Body: () => SidebarBody,
|
11
|
+
Context: () => SidebarContext,
|
12
|
+
FlyoutTrigger: () => SidebarFlyoutTrigger,
|
13
|
+
Footer: () => SidebarFooter,
|
14
|
+
Group: () => SidebarGroup,
|
15
|
+
GroupContent: () => SidebarGroupContent,
|
16
|
+
GroupEndElement: () => SidebarGroupEndElement,
|
17
|
+
GroupHeader: () => SidebarGroupHeader,
|
18
|
+
GroupTitle: () => SidebarGroupTitle,
|
19
|
+
Header: () => SidebarHeader,
|
20
|
+
NavButton: () => SidebarNavButton,
|
21
|
+
NavButtonEndElement: () => SidebarNavButtonEndElement,
|
22
|
+
NavItem: () => SidebarNavItem,
|
23
|
+
Provider: () => SidebarProvider,
|
24
|
+
Root: () => SidebarRoot,
|
25
|
+
Track: () => SidebarTrack,
|
26
|
+
Trigger: () => SidebarTrigger
|
27
|
+
});
|
28
|
+
import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
|
29
|
+
|
30
|
+
// src/components/sidebar/sidebar.context.ts
|
31
|
+
import { createSlotRecipeContext } from "@chakra-ui/react";
|
32
|
+
var {
|
33
|
+
withContext,
|
34
|
+
useRecipeResult,
|
35
|
+
StylesProvider,
|
36
|
+
ClassNamesProvider,
|
37
|
+
useStyles: useSidebarStyles
|
38
|
+
} = createSlotRecipeContext({
|
39
|
+
key: "suiSidebar"
|
40
|
+
});
|
41
|
+
var {
|
42
|
+
withProvider: withItemProvider,
|
43
|
+
withContext: withItemContext,
|
44
|
+
useStyles: useSidebarItemStyles
|
45
|
+
} = createSlotRecipeContext({
|
46
|
+
key: "suiSidebarNavItem"
|
47
|
+
});
|
48
|
+
|
49
|
+
// src/components/sidebar/sidebar.tsx
|
50
|
+
import { jsx } from "react/jsx-runtime";
|
51
|
+
var SidebarProvider = function SidebarProvider2(props) {
|
52
|
+
return /* @__PURE__ */ jsx(Sidebar.Provider, { ...props, children: /* @__PURE__ */ jsx(RecipeProvider, { ...props, children: props.children }) });
|
53
|
+
};
|
54
|
+
function RecipeProvider(props) {
|
55
|
+
const { mode } = useSidebar();
|
56
|
+
const { styles, classNames } = useRecipeResult({
|
57
|
+
...props,
|
58
|
+
mode
|
59
|
+
});
|
60
|
+
return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: props.children }) });
|
61
|
+
}
|
62
|
+
var SidebarRoot = withContext(
|
63
|
+
Sidebar.Root,
|
64
|
+
"root"
|
65
|
+
);
|
66
|
+
var SidebarTrigger = withContext(
|
67
|
+
Sidebar.Trigger,
|
68
|
+
"trigger",
|
69
|
+
{
|
70
|
+
forwardAsChild: true
|
71
|
+
}
|
72
|
+
);
|
73
|
+
var SidebarFlyoutTrigger = withContext(Sidebar.FlyoutTrigger, "flyoutTrigger", {
|
74
|
+
forwardAsChild: true
|
75
|
+
});
|
76
|
+
var SidebarBackdrop = withContext(
|
77
|
+
Sidebar.Backdrop,
|
78
|
+
"backdrop",
|
79
|
+
{
|
80
|
+
forwardAsChild: true
|
81
|
+
}
|
82
|
+
);
|
83
|
+
var SidebarHeader = withContext(
|
84
|
+
Sidebar.Header,
|
85
|
+
"header"
|
86
|
+
);
|
87
|
+
var SidebarBody = withContext(
|
88
|
+
Sidebar.Body,
|
89
|
+
"body"
|
90
|
+
);
|
91
|
+
var SidebarFooter = withContext(
|
92
|
+
Sidebar.Footer,
|
93
|
+
"footer"
|
94
|
+
);
|
95
|
+
var SidebarTrack = withContext(
|
96
|
+
Sidebar.Track,
|
97
|
+
"track",
|
98
|
+
{
|
99
|
+
forwardAsChild: true
|
100
|
+
}
|
101
|
+
);
|
102
|
+
var SidebarGroup = withContext(
|
103
|
+
Sidebar.Group,
|
104
|
+
"group",
|
105
|
+
{
|
106
|
+
defaultProps: {
|
107
|
+
role: "group"
|
108
|
+
}
|
109
|
+
}
|
110
|
+
);
|
111
|
+
var SidebarGroupHeader = withContext(
|
112
|
+
Sidebar.GroupHeader,
|
113
|
+
"groupHeader"
|
114
|
+
);
|
115
|
+
var SidebarGroupTitle = withContext(Sidebar.GroupTitle, "groupTitle");
|
116
|
+
var SidebarGroupEndElement = withContext(Sidebar.GroupEndElement, "groupEndElement");
|
117
|
+
var SidebarGroupContent = withContext(
|
118
|
+
Sidebar.GroupContent,
|
119
|
+
"groupContent"
|
120
|
+
);
|
121
|
+
var SidebarNavItem = withItemProvider(
|
122
|
+
Sidebar.NavItem,
|
123
|
+
"item"
|
124
|
+
);
|
125
|
+
var SidebarNavButton = withItemContext(Sidebar.NavButton, "button", {
|
126
|
+
forwardAsChild: true
|
127
|
+
});
|
128
|
+
var SidebarNavButtonEndElement = withItemContext(Sidebar.NavItemEndElement, "endElement", {
|
129
|
+
defaultProps: {
|
130
|
+
"data-slot": "endElement"
|
131
|
+
}
|
132
|
+
});
|
133
|
+
var SidebarContext = Sidebar.Context;
|
134
|
+
|
135
|
+
// src/components/sidebar/index.ts
|
136
|
+
import { useSidebar as useSidebar2 } from "@saas-ui/core/sidebar";
|
137
|
+
|
138
|
+
export {
|
139
|
+
useSidebarStyles,
|
140
|
+
useSidebarItemStyles,
|
141
|
+
sidebar_exports,
|
142
|
+
useSidebar2 as useSidebar
|
143
|
+
};
|
@@ -0,0 +1,34 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/command/command.tsx
|
4
|
+
import {
|
5
|
+
Kbd,
|
6
|
+
createRecipeContext
|
7
|
+
} from "@chakra-ui/react";
|
8
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
9
|
+
var { withContext } = createRecipeContext({
|
10
|
+
key: "suiCommand"
|
11
|
+
});
|
12
|
+
var Command = (props) => {
|
13
|
+
const { children, modifiers, ...rest } = props;
|
14
|
+
if (typeof children !== "string") {
|
15
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
16
|
+
}
|
17
|
+
const keys = children.split(/\s|\+/);
|
18
|
+
return /* @__PURE__ */ jsx(StyledCommand, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { modifiers, size: props.size, children: key }, key)) });
|
19
|
+
};
|
20
|
+
var StyledCommand = withContext("span");
|
21
|
+
var Key = (props) => {
|
22
|
+
const { modifiers = ["then", "or", "+"], children, ...rest } = props;
|
23
|
+
if (typeof children !== "string") {
|
24
|
+
return /* @__PURE__ */ jsx(Fragment, { children });
|
25
|
+
}
|
26
|
+
if (modifiers.includes(children)) {
|
27
|
+
return /* @__PURE__ */ jsx("span", { children });
|
28
|
+
}
|
29
|
+
return /* @__PURE__ */ jsx(Kbd, { ...rest, children });
|
30
|
+
};
|
31
|
+
|
32
|
+
export {
|
33
|
+
Command
|
34
|
+
};
|
@@ -0,0 +1,70 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
CheckIcon
|
4
|
+
} from "./chunk-4TPVIHNO.js";
|
5
|
+
import {
|
6
|
+
__export
|
7
|
+
} from "./chunk-RTMS5TJN.js";
|
8
|
+
|
9
|
+
// src/components/steps/steps.tsx
|
10
|
+
var steps_exports = {};
|
11
|
+
__export(steps_exports, {
|
12
|
+
CompletedContent: () => StepsCompletedContent,
|
13
|
+
Content: () => StepsContent,
|
14
|
+
Indicator: () => StepsIndicator,
|
15
|
+
Item: () => StepsItem,
|
16
|
+
List: () => StepsList,
|
17
|
+
NextTrigger: () => StepsNextTrigger,
|
18
|
+
PrevTrigger: () => StepsPrevTrigger,
|
19
|
+
Root: () => StepsRoot,
|
20
|
+
useContext: () => useStepsContext
|
21
|
+
});
|
22
|
+
import { Box, Steps as ChakraSteps, useStepsContext } from "@chakra-ui/react";
|
23
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
24
|
+
var StepsItem = (props) => {
|
25
|
+
const { title, description, completedIcon, icon, ...rest } = props;
|
26
|
+
return /* @__PURE__ */ jsxs(ChakraSteps.Item, { ...rest, children: [
|
27
|
+
/* @__PURE__ */ jsxs(ChakraSteps.Trigger, { children: [
|
28
|
+
/* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(
|
29
|
+
ChakraSteps.Status,
|
30
|
+
{
|
31
|
+
complete: completedIcon || /* @__PURE__ */ jsx(CheckIcon, {}),
|
32
|
+
incomplete: icon || /* @__PURE__ */ jsx(ChakraSteps.Number, {})
|
33
|
+
}
|
34
|
+
) }),
|
35
|
+
/* @__PURE__ */ jsx(StepInfo, { title, description })
|
36
|
+
] }),
|
37
|
+
/* @__PURE__ */ jsx(ChakraSteps.Separator, {})
|
38
|
+
] });
|
39
|
+
};
|
40
|
+
var StepInfo = (props) => {
|
41
|
+
const { title, description } = props;
|
42
|
+
if (title && description) {
|
43
|
+
return /* @__PURE__ */ jsxs(Box, { children: [
|
44
|
+
/* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
|
45
|
+
/* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
|
46
|
+
] });
|
47
|
+
}
|
48
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
49
|
+
title && /* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
|
50
|
+
description && /* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
|
51
|
+
] });
|
52
|
+
};
|
53
|
+
var StepsIndicator = (props) => {
|
54
|
+
const { icon = /* @__PURE__ */ jsx(ChakraSteps.Number, {}), completedIcon } = props;
|
55
|
+
return /* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(ChakraSteps.Status, { complete: completedIcon, incomplete: icon }) });
|
56
|
+
};
|
57
|
+
var StepsList = ChakraSteps.List;
|
58
|
+
var StepsRoot = ChakraSteps.Root;
|
59
|
+
var StepsContent = ChakraSteps.Content;
|
60
|
+
var StepsCompletedContent = ChakraSteps.CompletedContent;
|
61
|
+
var StepsNextTrigger = (props) => {
|
62
|
+
return /* @__PURE__ */ jsx(ChakraSteps.NextTrigger, { ...props });
|
63
|
+
};
|
64
|
+
var StepsPrevTrigger = (props) => {
|
65
|
+
return /* @__PURE__ */ jsx(ChakraSteps.PrevTrigger, { ...props });
|
66
|
+
};
|
67
|
+
|
68
|
+
export {
|
69
|
+
steps_exports
|
70
|
+
};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/radio/radio.tsx
|
4
|
+
import { forwardRef } from "react";
|
5
|
+
import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
7
|
+
var Radio = forwardRef(
|
8
|
+
function Radio2(props, ref) {
|
9
|
+
const { children, inputProps, rootRef, ...rest } = props;
|
10
|
+
return /* @__PURE__ */ jsxs(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [
|
11
|
+
/* @__PURE__ */ jsx(ChakraRadioGroup.ItemHiddenInput, { ref, ...inputProps }),
|
12
|
+
/* @__PURE__ */ jsx(ChakraRadioGroup.ItemIndicator, {}),
|
13
|
+
children && /* @__PURE__ */ jsx(ChakraRadioGroup.ItemText, { children })
|
14
|
+
] });
|
15
|
+
}
|
16
|
+
);
|
17
|
+
var RadioGroup = ChakraRadioGroup.Root;
|
18
|
+
|
19
|
+
export {
|
20
|
+
Radio,
|
21
|
+
RadioGroup
|
22
|
+
};
|
@@ -0,0 +1 @@
|
|
1
|
+
'use client'
|
@@ -0,0 +1,20 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/status/status.tsx
|
4
|
+
import { forwardRef } from "react";
|
5
|
+
import { Status as ChakraStatus } from "@chakra-ui/react";
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
7
|
+
var Status = forwardRef(
|
8
|
+
function Status2(props, ref) {
|
9
|
+
const { children, value, ...rest } = props;
|
10
|
+
const color = value ? `status.${value}` : void 0;
|
11
|
+
return /* @__PURE__ */ jsxs(ChakraStatus.Root, { ref, ...rest, children: [
|
12
|
+
/* @__PURE__ */ jsx(ChakraStatus.Indicator, { bg: color }),
|
13
|
+
children
|
14
|
+
] });
|
15
|
+
}
|
16
|
+
);
|
17
|
+
|
18
|
+
export {
|
19
|
+
Status
|
20
|
+
};
|
@@ -23,7 +23,7 @@ interface AppShellProps extends HTMLChakraProps<'div'> {
|
|
23
23
|
*/
|
24
24
|
children: React.ReactNode;
|
25
25
|
}
|
26
|
-
interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'
|
26
|
+
interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
|
27
27
|
}
|
28
28
|
declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
|
29
29
|
|
@@ -23,7 +23,7 @@ interface AppShellProps extends HTMLChakraProps<'div'> {
|
|
23
23
|
*/
|
24
24
|
children: React.ReactNode;
|
25
25
|
}
|
26
|
-
interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'
|
26
|
+
interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
|
27
27
|
}
|
28
28
|
declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
|
29
29
|
|
@@ -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: "appShell"
|
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 };
|
@@ -0,0 +1,31 @@
|
|
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/badge/index.ts
|
22
|
+
var badge_exports = {};
|
23
|
+
__export(badge_exports, {
|
24
|
+
Badge: () => import_react.Badge
|
25
|
+
});
|
26
|
+
module.exports = __toCommonJS(badge_exports);
|
27
|
+
var import_react = require("@chakra-ui/react");
|
28
|
+
// Annotate the CommonJS export names for ESM import in node:
|
29
|
+
0 && (module.exports = {
|
30
|
+
Badge
|
31
|
+
});
|
@@ -18,23 +18,21 @@ var __copyProps = (to, from, except, desc) => {
|
|
18
18
|
};
|
19
19
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
20
20
|
|
21
|
-
// src/components/
|
22
|
-
var
|
23
|
-
__export(
|
24
|
-
Breadcrumb: () =>
|
21
|
+
// src/components/breadcrumb/index.ts
|
22
|
+
var breadcrumb_exports2 = {};
|
23
|
+
__export(breadcrumb_exports2, {
|
24
|
+
Breadcrumb: () => breadcrumb_exports
|
25
25
|
});
|
26
|
-
module.exports = __toCommonJS(
|
26
|
+
module.exports = __toCommonJS(breadcrumb_exports2);
|
27
27
|
|
28
|
-
// src/components/
|
29
|
-
var
|
30
|
-
__export(
|
28
|
+
// src/components/breadcrumb/breadcrumb.tsx
|
29
|
+
var breadcrumb_exports = {};
|
30
|
+
__export(breadcrumb_exports, {
|
31
31
|
CurrentLink: () => BreadcrumbCurrentLink,
|
32
32
|
Ellipsis: () => BreadcrumbEllipsis,
|
33
33
|
Link: () => BreadcrumbLink,
|
34
34
|
Root: () => BreadcrumbRoot
|
35
35
|
});
|
36
|
-
|
37
|
-
// src/components/breadcrumbs/breadcrumb.tsx
|
38
36
|
var import_react = require("react");
|
39
37
|
var import_react2 = require("@chakra-ui/react");
|
40
38
|
var import_jsx_runtime = require("react/jsx-runtime");
|
@@ -10,9 +10,8 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkPro
|
|
10
10
|
declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
|
11
11
|
declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
|
12
12
|
|
13
|
-
|
14
|
-
|
15
|
-
export { type namespace_BreadcrumbRootProps as BreadcrumbRootProps, BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root };
|
13
|
+
declare namespace breadcrumb {
|
14
|
+
export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
|
16
15
|
}
|
17
16
|
|
18
|
-
export {
|
17
|
+
export { breadcrumb as Breadcrumb };
|