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

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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

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-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/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

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

@@ -1,28 +1,46 @@
+import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Dialog } from '@chakra-ui/react';
 import { DialogContext } from '@ark-ui/react/dialog';
 
-interface DialogContentProps extends Dialog.ContentProps {
+interface ContentProps extends Dialog.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     backdrop?: boolean;
 }
-declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogCloseButton: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DialogCloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type DialogRootProps = Dialog.RootProps;
-declare const DialogRoot: react.FC<Dialog.RootProps>;
-declare const DialogFooter: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogBody: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogBackdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogTitle: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogDescription: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogTrigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DialogActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = Dialog.RootProps;
+declare const Root: react.FC<Dialog.RootProps>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+declare const Footer: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare namespace namespace {
-  export { DialogActionTrigger as ActionTrigger, DialogBackdrop as Backdrop, DialogBody as Body, DialogCloseButton as CloseButton, DialogCloseTrigger as CloseTrigger, DialogContent as Content, type DialogContentProps as ContentProps, DialogContext as Context, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, type DialogRootProps as RootProps, DialogTitle as Title, DialogTrigger as Trigger };
+declare const dialog_ActionTrigger: typeof ActionTrigger;
+declare const dialog_Backdrop: typeof Backdrop;
+declare const dialog_Body: typeof Body;
+declare const dialog_CloseButton: typeof CloseButton;
+declare const dialog_CloseTrigger: typeof CloseTrigger;
+declare const dialog_Content: typeof Content;
+type dialog_ContentProps = ContentProps;
+declare const dialog_Context: typeof Context;
+declare const dialog_Description: typeof Description;
+declare const dialog_DialogContext: typeof DialogContext;
+declare const dialog_Footer: typeof Footer;
+declare const dialog_Header: typeof Header;
+declare const dialog_Root: typeof Root;
+type dialog_RootProps = RootProps;
+declare const dialog_Title: typeof Title;
+declare const dialog_Trigger: typeof Trigger;
+declare namespace dialog {
+  export { dialog_ActionTrigger as ActionTrigger, dialog_Backdrop as Backdrop, dialog_Body as Body, dialog_CloseButton as CloseButton, dialog_CloseTrigger as CloseTrigger, dialog_Content as Content, type dialog_ContentProps as ContentProps, dialog_Context as Context, dialog_Description as Description, dialog_DialogContext as DialogContext, dialog_Footer as Footer, dialog_Header as Header, dialog_Root as Root, type dialog_RootProps as RootProps, dialog_Title as Title, dialog_Trigger as Trigger };
 }
 
-export { namespace as Dialog };
+export { dialog as Dialog };

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

@@ -1,28 +1,46 @@
+import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Dialog } from '@chakra-ui/react';
 import { DialogContext } from '@ark-ui/react/dialog';
 
-interface DialogContentProps extends Dialog.ContentProps {
+interface ContentProps extends Dialog.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     backdrop?: boolean;
 }
-declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogCloseButton: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DialogCloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type DialogRootProps = Dialog.RootProps;
-declare const DialogRoot: react.FC<Dialog.RootProps>;
-declare const DialogFooter: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogBody: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogBackdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogTitle: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogDescription: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DialogTrigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DialogActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Dialog.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = Dialog.RootProps;
+declare const Root: react.FC<Dialog.RootProps>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+declare const Footer: react.ForwardRefExoticComponent<Dialog.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Dialog.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Dialog.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Dialog.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Dialog.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Dialog.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Dialog.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Dialog.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 
-declare namespace namespace {
-  export { DialogActionTrigger as ActionTrigger, DialogBackdrop as Backdrop, DialogBody as Body, DialogCloseButton as CloseButton, DialogCloseTrigger as CloseTrigger, DialogContent as Content, type DialogContentProps as ContentProps, DialogContext as Context, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogRoot as Root, type DialogRootProps as RootProps, DialogTitle as Title, DialogTrigger as Trigger };
+declare const dialog_ActionTrigger: typeof ActionTrigger;
+declare const dialog_Backdrop: typeof Backdrop;
+declare const dialog_Body: typeof Body;
+declare const dialog_CloseButton: typeof CloseButton;
+declare const dialog_CloseTrigger: typeof CloseTrigger;
+declare const dialog_Content: typeof Content;
+type dialog_ContentProps = ContentProps;
+declare const dialog_Context: typeof Context;
+declare const dialog_Description: typeof Description;
+declare const dialog_DialogContext: typeof DialogContext;
+declare const dialog_Footer: typeof Footer;
+declare const dialog_Header: typeof Header;
+declare const dialog_Root: typeof Root;
+type dialog_RootProps = RootProps;
+declare const dialog_Title: typeof Title;
+declare const dialog_Trigger: typeof Trigger;
+declare namespace dialog {
+  export { dialog_ActionTrigger as ActionTrigger, dialog_Backdrop as Backdrop, dialog_Body as Body, dialog_CloseButton as CloseButton, dialog_CloseTrigger as CloseTrigger, dialog_Content as Content, type dialog_ContentProps as ContentProps, dialog_Context as Context, dialog_Description as Description, dialog_DialogContext as DialogContext, dialog_Footer as Footer, dialog_Header as Header, dialog_Root as Root, type dialog_RootProps as RootProps, dialog_Title as Title, dialog_Trigger as Trigger };
 }
 
-export { namespace as Dialog };
+export { dialog as Dialog };

package/dist/components/dialog/index.js

@@ -1,11 +1,11 @@
 'use client'
 import {
-  namespace_exports
-} from "../../chunk-OIOBGO3Y.js";
+  dialog_exports
+} from "../../chunk-CZVNG73V.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-YXGJOOMM.js";
 import "../../chunk-4TPVIHNO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Dialog
+  dialog_exports as Dialog
 };