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

package/dist/components/command/index.cjs

@@ -26,30 +26,35 @@ __export(command_exports, {
 module.exports = __toCommonJS(command_exports);
 
 // src/components/command/command.tsx
-var import_react = require("@chakra-ui/react");
-var import_react2 = require("@chakra-ui/react");
+var import_styled_system = require("@chakra-ui/react/styled-system");
+
+// src/components/kbd/index.ts
+var import_kbd = require("@chakra-ui/react/kbd");
+
+// src/components/command/command.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var { withContext } = (0, import_react2.createRecipeContext)({
+var { withContext } = (0, import_styled_system.createRecipeContext)({
   key: "suiCommand"
 });
-var Key = ({ children }) => {
+var Command = (props) => {
+  const { children, modifiers, ...rest } = props;
   if (typeof children !== "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
   }
-  if (["then", "or", "+"].includes(children)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Kbd, { children });
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledCommand, { ...rest, children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Key, { modifiers, size: props.size, children: key }, key)) });
 };
-var Command = (props) => {
-  const { children, ...rest } = props;
+var StyledCommand = withContext("span");
+var Key = (props) => {
+  const { modifiers = ["then", "or", "+"], children, ...rest } = props;
   if (typeof children !== "string") {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
   }
-  const keys = children.split(/\s|\+/);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Key, { children: key }, key)) });
+  if (modifiers.includes(children)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_kbd.Kbd, { ...rest, children });
 };
-var CommandRoot = withContext("span");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Command

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

@@ -1,6 +1,32 @@
 import * as react from 'react';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+import { R as RecipeProps } from '../../types-DnFoUudY.cjs';
+import * as _chakra_ui_react from '@chakra-ui/react';
 
-declare const Command: react.FC<HTMLChakraProps<'span'>>;
+declare const commandRecipe: _chakra_ui_react.RecipeDefinition<{
+    size: {
+        sm: {
+            fontSize: "xs";
+        };
+        md: {
+            fontSize: "sm";
+        };
+        lg: {
+            fontSize: "md";
+        };
+    };
+}>;
+type CommandVariantProps = RecipeVariantProps<typeof commandRecipe>;
+
+interface CommandBaseProps extends RecipeProps<'suiCommand', CommandVariantProps>, UnstyledProp {
+}
+interface CommandProps extends HTMLChakraProps<'span'>, CommandBaseProps, CommandVariantProps {
+    /**
+     * The modifiers to use for the command.
+     * @default ['then', 'or', '+']
+     */
+    modifiers?: Array<string>;
+}
+declare const Command: react.FC<CommandProps>;
 
 export { Command };

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

@@ -1,6 +1,32 @@
 import * as react from 'react';
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+import { R as RecipeProps } from '../../types-DnFoUudY.js';
+import * as _chakra_ui_react from '@chakra-ui/react';
 
-declare const Command: react.FC<HTMLChakraProps<'span'>>;
+declare const commandRecipe: _chakra_ui_react.RecipeDefinition<{
+    size: {
+        sm: {
+            fontSize: "xs";
+        };
+        md: {
+            fontSize: "sm";
+        };
+        lg: {
+            fontSize: "md";
+        };
+    };
+}>;
+type CommandVariantProps = RecipeVariantProps<typeof commandRecipe>;
+
+interface CommandBaseProps extends RecipeProps<'suiCommand', CommandVariantProps>, UnstyledProp {
+}
+interface CommandProps extends HTMLChakraProps<'span'>, CommandBaseProps, CommandVariantProps {
+    /**
+     * The modifiers to use for the command.
+     * @default ['then', 'or', '+']
+     */
+    modifiers?: Array<string>;
+}
+declare const Command: react.FC<CommandProps>;
 
 export { Command };

package/dist/components/command/index.js

@@ -1,7 +1,8 @@
 'use client'
 import {
   Command
-} from "../../chunk-4TR3AOMG.js";
+} from "../../chunk-5ZKEXMBN.js";
+import "../../chunk-OQU4LWZW.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Command

package/dist/components/container/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/container/index.ts
+var container_exports = {};
+__export(container_exports, {
+  Container: () => import_container.Container
+});
+module.exports = __toCommonJS(container_exports);
+var import_container = require("@chakra-ui/react/container");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});

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

@@ -0,0 +1 @@
+export { Container, ContainerProps } from '@chakra-ui/react/container';

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

@@ -0,0 +1 @@
+export { Container, ContainerProps } from '@chakra-ui/react/container';

package/dist/components/container/index.js

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

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,41 +19,64 @@ 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,
-  CloseTrigger: () => DialogCloseTrigger,
-  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 import_react4 = require("react");
-var import_react5 = require("@chakra-ui/react");
+var dialog_exports = {};
+__export(dialog_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton3,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  DialogContext: () => import_dialog2.DialogContext,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+var import_react3 = require("react");
+var import_dialog = require("@chakra-ui/react/dialog");
+var import_portal = require("@chakra-ui/react/portal");
 
 // 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",
@@ -67,102 +90,125 @@ 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/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 import_dialog2 = require("@ark-ui/react/dialog");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Content = (0, import_react3.forwardRef)(
+  function DialogContent(props, ref) {
     const {
       children,
       portalled = true,
@@ -170,34 +216,26 @@ var DialogContent = (0, import_react4.forwardRef)(
       backdrop = true,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Backdrop, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Content, { ref, ...rest, asChild: false, children }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Backdrop, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.Content, { ref, ...rest, asChild: false, children }) })
     ] });
   }
 );
-var DialogCloseTrigger = (0, import_react4.forwardRef)(function DialogCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react5.Dialog.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children })
-    }
-  );
-});
-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 CloseButton3 = (0, import_react3.forwardRef)(function DialogCloseTrigger(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog.Dialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
+});
+var CloseTrigger = import_dialog.Dialog.CloseTrigger;
+var Root = import_dialog.Dialog.Root;
+var Context = import_dialog.Dialog.Context;
+var Footer = import_dialog.Dialog.Footer;
+var Header = import_dialog.Dialog.Header;
+var Body = import_dialog.Dialog.Body;
+var Backdrop = import_dialog.Dialog.Backdrop;
+var Title = import_dialog.Dialog.Title;
+var Description = import_dialog.Dialog.Description;
+var Trigger = import_dialog.Dialog.Trigger;
+var ActionTrigger = import_dialog.Dialog.ActionTrigger;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Dialog

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

@@ -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 };