@saas-ui/react 3.0.0-alpha.23 → 3.0.0-alpha.25

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.25
+
+### Minor Changes
+
+- 8d8ffaa: Translucency and backdrop effect of overlay elements can now be configured
+- 8d8ffaa: Added FileUpload component
+- 8d8ffaa: Added Popover component
+- 8d8ffaa: Added semantic tokens and scales for control, panel and indicator
+
+### Patch Changes
+
+- 8d8ffaa: Added ghost variant to tabs recipe
+
+## 3.0.0-alpha.24
+
+### Minor Changes
+
+- ac2d80d: Improved toaster styles and allow setting global defaults
+
+### Patch Changes
+
+- 9d47676: Improved tabs recipe, new pills variant and xs size
+
 ## 3.0.0-alpha.23
 
 ### Patch Changes

package/dist/{chunk-BU7QENBQ.js → chunk-3JZ42NYM.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-BKYGKH3L.js";
+} from "./chunk-YXGJOOMM.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";

package/dist/chunk-52XM5VXJ.js

@@ -0,0 +1,9 @@
+'use client'
+
+// src/components/data-list/index.ts
+import { DataList, useDataListStyles } from "@chakra-ui/react/data-list";
+
+export {
+  DataList,
+  useDataListStyles
+};

package/dist/chunk-6MMPBMKN.js

@@ -0,0 +1,54 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/drawer/drawer.tsx
+var drawer_exports = {};
+__export(drawer_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton2,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import { forwardRef } from "react";
+import { DialogContext } from "@ark-ui/react/dialog";
+import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var Content = forwardRef(
+  function DrawerContent(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    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 }) }) });
+  }
+);
+var CloseButton2 = forwardRef(function DrawerCloseTrigger(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraDrawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children }) });
+});
+var CloseTrigger = ChakraDrawer.CloseTrigger;
+var Trigger = ChakraDrawer.Trigger;
+var Root = ChakraDrawer.Root;
+var Footer = ChakraDrawer.Footer;
+var Header = ChakraDrawer.Header;
+var Body = ChakraDrawer.Body;
+var Backdrop = ChakraDrawer.Backdrop;
+var Description = ChakraDrawer.Description;
+var Title = ChakraDrawer.Title;
+var ActionTrigger = ChakraDrawer.ActionTrigger;
+var Context = DialogContext;
+
+export {
+  drawer_exports
+};

package/dist/chunk-CZVNG73V.js

@@ -0,0 +1,63 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/dialog/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton2,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  DialogContext: () => DialogContext,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import { forwardRef } from "react";
+import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
+import { DialogContext } from "@ark-ui/react/dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Content = forwardRef(
+  function DialogContent(props, ref) {
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      backdrop = true,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
+      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
+    ] });
+  }
+);
+var CloseButton2 = forwardRef(function DialogCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { position: "absolute", ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
+});
+var CloseTrigger = ChakraDialog.CloseTrigger;
+var Root = ChakraDialog.Root;
+var Context = ChakraDialog.Context;
+var Footer = ChakraDialog.Footer;
+var Header = ChakraDialog.Header;
+var Body = ChakraDialog.Body;
+var Backdrop = ChakraDialog.Backdrop;
+var Title = ChakraDialog.Title;
+var Description = ChakraDialog.Description;
+var Trigger = ChakraDialog.Trigger;
+var ActionTrigger = ChakraDialog.ActionTrigger;
+
+export {
+  dialog_exports
+};

package/dist/chunk-GRUMUCSL.js

@@ -0,0 +1,109 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/file-upload/file-upload.tsx
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  ClearTrigger: () => ClearTrigger,
+  Dropzone: () => Dropzone,
+  Input: () => Input,
+  Label: () => Label,
+  List: () => List,
+  Root: () => Root,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import {
+  Button,
+  FileUpload as ChakraFileUpload,
+  Span,
+  useFileUploadContext,
+  useRecipe
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ jsx(ChakraFileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ jsxs(ChakraFileUpload.ItemContent, { children: [
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, {}),
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ jsx(ChakraFileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = useFileUploadContext();
+    const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ jsx(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = useRecipe({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ jsx(ChakraFileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ jsx("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ jsxs("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ jsx(Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = ChakraFileUpload.Label;
+var ClearTrigger = ChakraFileUpload.ClearTrigger;
+var Trigger = ChakraFileUpload.Trigger;
+
+export {
+  file_upload_exports
+};

package/dist/chunk-IVLUAUU5.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/tabs/index.ts
+import { Tabs, useTabsContext, useTabsStyles } from "@chakra-ui/react/tabs";
+
+export {
+  Tabs,
+  useTabsContext,
+  useTabsStyles
+};

package/dist/chunk-JMYI6YXR.js

@@ -0,0 +1 @@
+'use client'

package/dist/{chunk-CD2JUFI2.js → chunk-K2SPPLAY.js}

@@ -152,10 +152,10 @@ function IconBase(props) {
 
 // ../../node_modules/react-icons/lu/index.mjs
 function LuEyeOff(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
 }
 function LuEye(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
 }
 
 // src/components/password-input/password-input.tsx

package/dist/chunk-KE5AC3TZ.js

@@ -0,0 +1,63 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/popover/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Arrow: () => Arrow,
+  Body: () => Body,
+  CloseButton: () => CloseButton2,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import { Popover as ChakraPopover, Portal } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var Content = React.forwardRef(
+  function PopoverContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...rest }) }) });
+  }
+);
+var Arrow = React.forwardRef(
+  function PopoverArrow(props, ref) {
+    return /* @__PURE__ */ jsx(ChakraPopover.Arrow, { ...props, ref, children: /* @__PURE__ */ jsx(ChakraPopover.ArrowTip, {}) });
+  }
+);
+var CloseButton2 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx(
+    ChakraPopover.CloseTrigger,
+    {
+      position: "absolute",
+      top: "1",
+      insetEnd: "1",
+      ...props,
+      asChild: true,
+      ref,
+      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm" })
+    }
+  );
+});
+var CloseTrigger = ChakraPopover.CloseTrigger;
+var Title = ChakraPopover.Title;
+var Description = ChakraPopover.Description;
+var Footer = ChakraPopover.Footer;
+var Header = ChakraPopover.Header;
+var Root = ChakraPopover.Root;
+var Body = ChakraPopover.Body;
+var Trigger = ChakraPopover.Trigger;
+
+export {
+  popover_exports
+};

package/dist/{chunk-FJFNGSPL.js → chunk-NGGISORT.js}

@@ -1,19 +1,25 @@
 'use client'
 
 // src/components/empty-state/empty-state.tsx
-import { EmptyState as ChakraEmptyState, VStack } from "@chakra-ui/react";
 import { forwardRef } from "react";
+import {
+  Box,
+  EmptyState as ChakraEmptyState,
+  useEmptyStateStyles
+} from "@chakra-ui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyStateActions = (props) => {
+  const { actions } = useEmptyStateStyles();
+  return /* @__PURE__ */ jsx(Box, { ...props, css: [actions, props.css] });
+};
 var EmptyState = forwardRef(
   function EmptyState2(props, ref) {
     const { title, description, icon, children, ...rest } = props;
     return /* @__PURE__ */ jsx(ChakraEmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ jsxs(ChakraEmptyState.Content, { children: [
       icon && /* @__PURE__ */ jsx(ChakraEmptyState.Indicator, { children: icon }),
-      description ? /* @__PURE__ */ jsxs(VStack, { textAlign: "center", children: [
-        /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
-        /* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description })
-      ] }) : /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
-      children
+      /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
+      description ? /* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description }) : null,
+      /* @__PURE__ */ jsx(EmptyStateActions, { children })
     ] }) });
   }
 );

package/dist/chunk-RLIAFHVM.js

@@ -0,0 +1,66 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+
+// src/components/toaster/toaster.tsx
+import { useCallback, useMemo, useState } from "react";
+import {
+  Toaster as ChakraToaster,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultOptions = {
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+};
+var toast = createToaster(defaultOptions);
+var Toaster = (props) => {
+  const { closable: defaultClosable = true, ...options } = props || {};
+  const toaster = useMemo(() => {
+    toast = createToaster({
+      ...defaultOptions,
+      ...options
+    });
+    return toast;
+  }, [options]);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+    var _a;
+    const closable = ((_a = toast2.meta) == null ? void 0 : _a.closable) === false ? false : defaultClosable && toast2.type !== "loading";
+    return /* @__PURE__ */ jsxs(ToastRoot, { children: [
+      toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
+      /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description }),
+        toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast2.action.label })
+      ] }),
+      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  } }) });
+};
+function ToastRoot(props) {
+  const [rect, setRect] = useState();
+  const rectCallbackRef = useCallback((el) => {
+    setRect(el == null ? void 0 : el.getBoundingClientRect());
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Toast.Root,
+    {
+      ref: rectCallbackRef,
+      width: { md: "sm" },
+      css: {
+        "--toast-height": `${rect == null ? void 0 : rect.height}px`
+      },
+      children: props.children
+    }
+  );
+}
+
+export {
+  toast,
+  Toaster
+};

package/dist/components/badge/index.d.cts

@@ -1 +1,3 @@
 export { Badge, BadgeProps } from '@chakra-ui/react';
+import '@chakra-ui/react/data-list';
+import '@chakra-ui/react/tabs';

package/dist/components/badge/index.d.ts

@@ -1 +1,3 @@
 export { Badge, BadgeProps } from '@chakra-ui/react';
+import '@chakra-ui/react/data-list';
+import '@chakra-ui/react/tabs';

package/dist/components/close-button/index.js

@@ -1,7 +1,8 @@
 'use client'
+import "../../chunk-JMYI6YXR.js";
 import {
   CloseButton
-} from "../../chunk-BKYGKH3L.js";
+} from "../../chunk-YXGJOOMM.js";
 import "../../chunk-4TPVIHNO.js";
 import "../../chunk-RTMS5TJN.js";
 export {

package/dist/components/data-list/index.cjs

@@ -0,0 +1,33 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/data-list/index.ts
+var data_list_exports = {};
+__export(data_list_exports, {
+  DataList: () => import_data_list.DataList,
+  useDataListStyles: () => import_data_list.useDataListStyles
+});
+module.exports = __toCommonJS(data_list_exports);
+var import_data_list = require("@chakra-ui/react/data-list");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataList,
+  useDataListStyles
+});

package/dist/components/data-list/index.d.cts

@@ -0,0 +1 @@
+export { DataList, useDataListStyles } from '@chakra-ui/react/data-list';

package/dist/components/data-list/index.d.ts

@@ -0,0 +1 @@
+export { DataList, useDataListStyles } from '@chakra-ui/react/data-list';

package/dist/components/data-list/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  DataList,
+  useDataListStyles
+} from "../../chunk-52XM5VXJ.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  DataList,
+  useDataListStyles
+};

package/dist/components/dialog/index.cjs

@@ -19,31 +19,30 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/dialog/index.ts
-var dialog_exports = {};
-__export(dialog_exports, {
-  Dialog: () => namespace_exports
-});
-module.exports = __toCommonJS(dialog_exports);
-
-// src/components/dialog/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DialogActionTrigger,
-  Backdrop: () => DialogBackdrop,
-  Body: () => DialogBody,
-  CloseButton: () => DialogCloseButton,
-  CloseTrigger: () => DialogCloseTrigger2,
-  Content: () => DialogContent,
-  Context: () => import_dialog.DialogContext,
-  Description: () => DialogDescription,
-  Footer: () => DialogFooter,
-  Header: () => DialogHeader,
-  Root: () => DialogRoot,
-  Title: () => DialogTitle,
-  Trigger: () => DialogTrigger
+var dialog_exports2 = {};
+__export(dialog_exports2, {
+  Dialog: () => dialog_exports
 });
+module.exports = __toCommonJS(dialog_exports2);
 
 // src/components/dialog/dialog.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton3,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  DialogContext: () => import_dialog.DialogContext,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
 var import_react4 = require("react");
 var import_react5 = require("@chakra-ui/react");
 
@@ -170,8 +169,8 @@ var CloseButton = (0, import_react2.forwardRef)(
 // src/components/dialog/dialog.tsx
 var import_dialog = require("@ark-ui/react/dialog");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var DialogContent = (0, import_react4.forwardRef)(
-  function DialogContent2(props, ref) {
+var Content = (0, import_react4.forwardRef)(
+  function DialogContent(props, ref) {
     const {
       children,
       portalled = true,
@@ -185,19 +184,20 @@ var DialogContent = (0, import_react4.forwardRef)(
     ] });
   }
 );
-var DialogCloseButton = (0, import_react4.forwardRef)(function DialogCloseTrigger(props, ref) {
+var CloseButton3 = (0, import_react4.forwardRef)(function DialogCloseTrigger(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.CloseTrigger, { position: "absolute", ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
 });
-var DialogCloseTrigger2 = import_react5.Dialog.CloseTrigger;
-var DialogRoot = import_react5.Dialog.Root;
-var DialogFooter = import_react5.Dialog.Footer;
-var DialogHeader = import_react5.Dialog.Header;
-var DialogBody = import_react5.Dialog.Body;
-var DialogBackdrop = import_react5.Dialog.Backdrop;
-var DialogTitle = import_react5.Dialog.Title;
-var DialogDescription = import_react5.Dialog.Description;
-var DialogTrigger = import_react5.Dialog.Trigger;
-var DialogActionTrigger = import_react5.Dialog.ActionTrigger;
+var CloseTrigger = import_react5.Dialog.CloseTrigger;
+var Root = import_react5.Dialog.Root;
+var Context = import_react5.Dialog.Context;
+var Footer = import_react5.Dialog.Footer;
+var Header = import_react5.Dialog.Header;
+var Body = import_react5.Dialog.Body;
+var Backdrop = import_react5.Dialog.Backdrop;
+var Title = import_react5.Dialog.Title;
+var Description = import_react5.Dialog.Description;
+var Trigger = import_react5.Dialog.Trigger;
+var ActionTrigger = import_react5.Dialog.ActionTrigger;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Dialog