@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.
Files changed (84) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/chunk-2EUACKRH.js +26 -0
  3. package/dist/chunk-3Z2C27LI.js +51 -0
  4. package/dist/chunk-4TR3AOMG.js +33 -0
  5. package/dist/chunk-6LOMIKR5.js +69 -0
  6. package/dist/chunk-6ZNR6N2K.js +45 -0
  7. package/dist/chunk-7C3IZBNJ.js +38 -0
  8. package/dist/chunk-BCNPBZZK.js +45 -0
  9. package/dist/{chunk-KHRLZUV4.js → chunk-BFA5FCA2.js} +16 -1
  10. package/dist/chunk-CTOVNZVS.js +1 -0
  11. package/dist/chunk-DPMEXCSG.js +137 -0
  12. package/dist/chunk-F3CVOMG5.js +160 -0
  13. package/dist/chunk-FJFNGSPL.js +23 -0
  14. package/dist/chunk-GEPWRHHH.js +65 -0
  15. package/dist/chunk-HELHPHIQ.js +35 -0
  16. package/dist/chunk-I2RXEKTB.js +38 -0
  17. package/dist/chunk-L356FPLY.js +20 -0
  18. package/dist/chunk-LIYUBUOP.js +119 -0
  19. package/dist/chunk-M7FOBCOV.js +184 -0
  20. package/dist/chunk-NSD5HRIP.js +46 -0
  21. package/dist/chunk-QMG6HP7Z.js +87 -0
  22. package/dist/chunk-QSNSWCTM.js +32 -0
  23. package/dist/chunk-S3CQW7GD.js +100 -0
  24. package/dist/chunk-SA3OGTOO.js +23 -0
  25. package/dist/chunk-UCQ3LZIE.js +43 -0
  26. package/dist/chunk-ULAJ3JEO.js +32 -0
  27. package/dist/chunk-VF3BV2BY.js +87 -0
  28. package/dist/chunk-WYLMBMAH.js +22 -0
  29. package/dist/chunk-YWJZWB6I.js +1892 -0
  30. package/dist/chunk-ZWSZQZ5G.js +73 -0
  31. package/dist/components/app-shell/index.js +3 -40
  32. package/dist/components/avatar/index.cjs +69 -0
  33. package/dist/components/avatar/index.d.cts +18 -0
  34. package/dist/components/avatar/index.d.ts +18 -0
  35. package/dist/components/avatar/index.js +10 -0
  36. package/dist/components/breadcrumbs/index.js +3 -32
  37. package/dist/components/button/index.js +3 -40
  38. package/dist/components/checkbox/index.js +3 -15
  39. package/dist/components/command/index.js +3 -28
  40. package/dist/components/dialog/index.js +5 -67
  41. package/dist/components/drawer/index.d.cts +2 -2
  42. package/dist/components/drawer/index.d.ts +2 -2
  43. package/dist/components/drawer/index.js +5 -59
  44. package/dist/components/empty-state/index.js +3 -18
  45. package/dist/components/grid-list/index.js +3 -40
  46. package/dist/components/icon-badge/index.js +3 -33
  47. package/dist/components/link/index.js +2 -14
  48. package/dist/components/loading-overlay/index.js +5 -1885
  49. package/dist/components/menu/index.cjs +263 -0
  50. package/dist/components/menu/index.d.cts +30 -0
  51. package/dist/components/menu/index.d.ts +30 -0
  52. package/dist/components/menu/index.js +9 -0
  53. package/dist/components/navbar/index.d.cts +4 -4
  54. package/dist/components/navbar/index.d.ts +4 -4
  55. package/dist/components/navbar/index.js +3 -45
  56. package/dist/components/number-input/index.js +3 -26
  57. package/dist/components/password-input/index.js +4 -225
  58. package/dist/components/persona/index.js +6 -178
  59. package/dist/components/pin-input/index.js +3 -21
  60. package/dist/components/radio/index.js +4 -16
  61. package/dist/components/search-input/index.js +4 -114
  62. package/dist/components/segmented-control/index.cjs +2 -0
  63. package/dist/components/segmented-control/index.d.cts +2 -0
  64. package/dist/components/segmented-control/index.d.ts +2 -0
  65. package/dist/components/segmented-control/index.js +2 -0
  66. package/dist/components/select/index.js +4 -94
  67. package/dist/components/sidebar/index.d.cts +11 -11
  68. package/dist/components/sidebar/index.d.ts +11 -11
  69. package/dist/components/sidebar/index.js +7 -129
  70. package/dist/components/steps/index.js +5 -64
  71. package/dist/components/switch/index.js +3 -18
  72. package/dist/components/toaster/index.cjs +54 -0
  73. package/dist/components/toaster/index.d.cts +10 -0
  74. package/dist/components/toaster/index.d.ts +10 -0
  75. package/dist/components/toaster/index.js +10 -0
  76. package/dist/components/tooltip/index.cjs +57 -0
  77. package/dist/components/tooltip/index.d.cts +14 -0
  78. package/dist/components/tooltip/index.d.ts +14 -0
  79. package/dist/components/tooltip/index.js +8 -0
  80. package/dist/index.cjs +3707 -8
  81. package/dist/index.d.cts +37 -2
  82. package/dist/index.d.ts +37 -2
  83. package/dist/index.js +285 -4
  84. 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
- createSlotRecipeContext
8
- } from "@chakra-ui/react";
9
- import { jsx, jsxs } from "react/jsx-runtime";
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 };
@@ -0,0 +1,10 @@
1
+ 'use client'
2
+ import {
3
+ Avatar,
4
+ AvatarGroup
5
+ } from "../../chunk-UCQ3LZIE.js";
6
+ import "../../chunk-RTMS5TJN.js";
7
+ export {
8
+ Avatar,
9
+ AvatarGroup
10
+ };
@@ -1,37 +1,8 @@
1
1
  'use client'
2
2
  import {
3
- __export
4
- } from "../../chunk-RTMS5TJN.js";
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
- AbsoluteCenter,
8
- Button as ButtonPrimitive,
9
- Span,
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
- createRecipeContext
8
- } from "@chakra-ui/react";
9
- import { Fragment, jsx } from "react/jsx-runtime";
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
- DialogContext
4
- } from "../../chunk-VBIVLREP.js";
5
- import {
6
- CloseButton
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 _ark_ui_react_dialog from '@ark-ui/react/dialog';
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: _ark_ui_react_dialog.DialogContextProps) => react.ReactNode;
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 _ark_ui_react_dialog from '@ark-ui/react/dialog';
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: _ark_ui_react_dialog.DialogContextProps) => react.ReactNode;
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
- DialogContext
4
- } from "../../chunk-VBIVLREP.js";
5
- import {
6
- CloseButton
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
- __export
4
- } from "../../chunk-RTMS5TJN.js";
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
  };