@saas-ui/react 3.0.0-alpha.9 → 3.0.0-next.0

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

@@ -1,27 +1,46 @@
+import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
-import { Dialog } from '@chakra-ui/react';
+import { Dialog } from '@chakra-ui/react/dialog';
 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 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, 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,10 +1,13 @@
 'use client'
 import {
-  namespace_exports
-} from "../../chunk-CB52LBJK.js";
-import "../../chunk-FZW2DYK3.js";
-import "../../chunk-VDXTEASE.js";
+  dialog_exports
+} from "../../chunk-EYOHLXWQ.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Dialog
+  dialog_exports as Dialog
 };

package/dist/components/drawer/index.cjs

@@ -19,42 +19,63 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/drawer/index.ts
-var drawer_exports = {};
-__export(drawer_exports, {
-  Drawer: () => namespace_exports
-});
-module.exports = __toCommonJS(drawer_exports);
-
-// src/components/drawer/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DrawerActionTrigger,
-  Backdrop: () => DrawerBackdrop,
-  Body: () => DrawerBody,
-  CloseTrigger: () => DrawerCloseTrigger,
-  Content: () => DrawerContent,
-  Context: () => DrawerContext,
-  Description: () => DrawerDescription,
-  Footer: () => DrawerFooter,
-  Header: () => DrawerHeader,
-  Root: () => DrawerRoot,
-  Title: () => DrawerTitle,
-  Trigger: () => DrawerTrigger
+var drawer_exports2 = {};
+__export(drawer_exports2, {
+  Drawer: () => drawer_exports
 });
+module.exports = __toCommonJS(drawer_exports2);
 
 // src/components/drawer/drawer.tsx
-var import_react4 = require("react");
+var drawer_exports = {};
+__export(drawer_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton3,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+var import_react3 = require("react");
 var import_dialog = require("@ark-ui/react/dialog");
-var import_react5 = require("@chakra-ui/react");
+var import_react4 = require("@chakra-ui/react");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
-var import_react3 = require("@chakra-ui/react");
+
+// src/components/icon-button/icon-button.tsx
+var import_react = require("react");
+
+// src/components/button/index.ts
+var import_button = require("@chakra-ui/react/button");
+
+// src/components/icon-button/icon-button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
 
 // src/components/icons/create-icon.tsx
-var import_react = require("@chakra-ui/react");
+var import_icon = require("@chakra-ui/react/icon");
 var createIcon = (props) => {
-  return (0, import_react.createIcon)({
+  return (0, import_icon.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -68,128 +89,143 @@ var createIcon = (props) => {
 };
 
 // src/components/icons/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ChevronUpIcon = createIcon({
   displayName: "ChevronUpIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "18 15 12 9 6 15" })
 });
 var ChevronDownIcon = createIcon({
   displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "6 9 12 15 18 9" })
 });
 var ChevronLeftIcon = createIcon({
   displayName: "ChevronLeftIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "15 18 9 12 15 6" })
 });
 var ChevronRightIcon = createIcon({
   displayName: "ChevronRightIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "9 18 15 12 9 6" })
 });
 var HamburgerIcon = createIcon({
   displayName: "ChevronDownIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
   ] })
 });
 var CloseIcon = createIcon({
   displayName: "CloseIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] })
 });
 var FilterIcon = createIcon({
   displayName: "FilterIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
 });
 var CalendarIcon = createIcon({
   displayName: "CalendarIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
   ] })
 });
 var PlusIcon = createIcon({
   displayName: "PlusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
   ] })
 });
 var MinusIcon = createIcon({
   displayName: "MinusIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
 });
 var ViewOffIcon = createIcon({
   displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] })
 });
 var ViewIcon = createIcon({
   displayName: "ViewOffIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "3" })
   ] })
 });
 var SearchIcon = createIcon({
   displayName: "SearchIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] })
 });
 var CheckIcon = createIcon({
   displayName: "CheckIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
+  ] })
 });
 
 // src/components/close-button/close-button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var CloseButton = (0, import_react2.forwardRef)(
   function CloseButton2(props, ref) {
     var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseIcon, {}) });
   }
 );
 
 // src/components/drawer/drawer.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var DrawerContent = (0, import_react4.forwardRef)(
-  function DrawerContent2(props, ref) {
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Content = (0, import_react3.forwardRef)(
+  function DrawerContent(props, ref) {
     const { children, portalled = true, portalRef, offset, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
   }
 );
-var DrawerCloseTrigger = (0, import_react4.forwardRef)(function DrawerCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react5.Drawer.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref })
-    }
-  );
-});
-var DrawerTrigger = import_react5.Drawer.Trigger;
-var DrawerRoot = import_react5.Drawer.Root;
-var DrawerFooter = import_react5.Drawer.Footer;
-var DrawerHeader = import_react5.Drawer.Header;
-var DrawerBody = import_react5.Drawer.Body;
-var DrawerBackdrop = import_react5.Drawer.Backdrop;
-var DrawerDescription = import_react5.Drawer.Description;
-var DrawerTitle = import_react5.Drawer.Title;
-var DrawerActionTrigger = import_react5.Drawer.ActionTrigger;
-var DrawerContext = import_dialog.DialogContext;
+var CloseButton3 = (0, import_react3.forwardRef)(function DrawerCloseTrigger(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Drawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { size: "sm", ref, children }) });
+});
+var CloseTrigger = import_react4.Drawer.CloseTrigger;
+var Trigger = import_react4.Drawer.Trigger;
+var Root = import_react4.Drawer.Root;
+var Footer = import_react4.Drawer.Footer;
+var Header = import_react4.Drawer.Header;
+var Body = import_react4.Drawer.Body;
+var Backdrop = import_react4.Drawer.Backdrop;
+var Description = import_react4.Drawer.Description;
+var Title = import_react4.Drawer.Title;
+var ActionTrigger = import_react4.Drawer.ActionTrigger;
+var Context = import_dialog.DialogContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Drawer

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

@@ -2,27 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
-interface DrawerContentProps extends Drawer.ContentProps {
+interface ContentProps extends Drawer.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     offset?: Drawer.ContentProps['padding'];
 }
-declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerRoot: react.FC<Drawer.RootProps>;
-declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
-type DrawerRootProps = Drawer.RootProps;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: react.FC<Drawer.RootProps>;
+declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+type RootProps = Drawer.RootProps;
 
-declare namespace namespace {
-  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+declare const drawer_ActionTrigger: typeof ActionTrigger;
+declare const drawer_Backdrop: typeof Backdrop;
+declare const drawer_Body: typeof Body;
+declare const drawer_CloseButton: typeof CloseButton;
+declare const drawer_CloseTrigger: typeof CloseTrigger;
+declare const drawer_Content: typeof Content;
+type drawer_ContentProps = ContentProps;
+declare const drawer_Context: typeof Context;
+declare const drawer_Description: typeof Description;
+declare const drawer_Footer: typeof Footer;
+declare const drawer_Header: typeof Header;
+declare const drawer_Root: typeof Root;
+type drawer_RootProps = RootProps;
+declare const drawer_Title: typeof Title;
+declare const drawer_Trigger: typeof Trigger;
+declare namespace drawer {
+  export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
 }
 
-export { namespace as Drawer };
+export { drawer as Drawer };

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

@@ -2,27 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
-interface DrawerContentProps extends Drawer.ContentProps {
+interface ContentProps extends Drawer.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     offset?: Drawer.ContentProps['padding'];
 }
-declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerRoot: react.FC<Drawer.RootProps>;
-declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
-type DrawerRootProps = Drawer.RootProps;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: react.FC<Drawer.RootProps>;
+declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+type RootProps = Drawer.RootProps;
 
-declare namespace namespace {
-  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+declare const drawer_ActionTrigger: typeof ActionTrigger;
+declare const drawer_Backdrop: typeof Backdrop;
+declare const drawer_Body: typeof Body;
+declare const drawer_CloseButton: typeof CloseButton;
+declare const drawer_CloseTrigger: typeof CloseTrigger;
+declare const drawer_Content: typeof Content;
+type drawer_ContentProps = ContentProps;
+declare const drawer_Context: typeof Context;
+declare const drawer_Description: typeof Description;
+declare const drawer_Footer: typeof Footer;
+declare const drawer_Header: typeof Header;
+declare const drawer_Root: typeof Root;
+type drawer_RootProps = RootProps;
+declare const drawer_Title: typeof Title;
+declare const drawer_Trigger: typeof Trigger;
+declare namespace drawer {
+  export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
 }
 
-export { namespace as Drawer };
+export { drawer as Drawer };

package/dist/components/drawer/index.js

@@ -1,10 +1,13 @@
 'use client'
 import {
-  namespace_exports
-} from "../../chunk-H6TFEHY4.js";
-import "../../chunk-FZW2DYK3.js";
-import "../../chunk-VDXTEASE.js";
+  drawer_exports
+} from "../../chunk-Z37BQ5VU.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Drawer
+  drawer_exports as Drawer
 };

package/dist/components/editable/index.cjs

@@ -0,0 +1,31 @@
+'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/editable/index.ts
+var editable_exports = {};
+__export(editable_exports, {
+  Editable: () => import_editable.Editable
+});
+module.exports = __toCommonJS(editable_exports);
+var import_editable = require("@chakra-ui/react/editable");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Editable
+});

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

@@ -0,0 +1 @@
+export { Editable } from '@chakra-ui/react/editable';

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

@@ -0,0 +1 @@
+export { Editable } from '@chakra-ui/react/editable';

package/dist/components/editable/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  Editable
+} from "../../chunk-TEQVVR3W.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Editable
+};

package/dist/components/empty-state/index.cjs

@@ -26,19 +26,21 @@ __export(empty_state_exports, {
 module.exports = __toCommonJS(empty_state_exports);
 
 // src/components/empty-state/empty-state.tsx
-var import_react = require("@chakra-ui/react");
-var import_react2 = require("react");
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var EmptyState = (0, import_react2.forwardRef)(
+var EmptyStateActions = (props) => {
+  const { actions } = (0, import_react2.useEmptyStateStyles)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Box, { ...props, css: [actions, props.css] });
+};
+var EmptyState = (0, import_react.forwardRef)(
   function EmptyState2(props, ref) {
     const { title, description, icon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.EmptyState.Content, { children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Indicator, { children: icon }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.VStack, { textAlign: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Title, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Description, { children: description })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Title, { children: title }),
-      children
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.EmptyState.Content, { children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Indicator, { children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Title, { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Description, { children: description }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyStateActions, { children })
     ] }) });
   }
 );

package/dist/components/empty-state/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   EmptyState
-} from "../../chunk-FJFNGSPL.js";
+} from "../../chunk-NGGISORT.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   EmptyState