@saas-ui/react 3.0.0-alpha.3 → 3.0.0-alpha.30

package/dist/components/{breadcrumbs → breadcrumb}/index.d.ts

@@ -10,9 +10,8 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkPro
 declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
 declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
 
-type namespace_BreadcrumbRootProps = BreadcrumbRootProps;
-declare namespace namespace {
-  export { type namespace_BreadcrumbRootProps as BreadcrumbRootProps, BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root };
+declare namespace breadcrumb {
+  export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
 }
 
-export { namespace as Breadcrumb };
+export { breadcrumb as Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  breadcrumb_exports
+} from "../../chunk-TT4C5VXB.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  breadcrumb_exports as Breadcrumb
+};

package/dist/components/button/index.cjs

@@ -31,32 +31,14 @@ var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Button = (0, import_react.forwardRef)(
   function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react2.Button,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Button, { disabled: loading || disabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+    ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+      loadingText
+    ] }) : children });
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/button/index.js

@@ -1,45 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/button/button.tsx
-import { forwardRef } from "react";
 import {
-  AbsoluteCenter,
-  Button as ButtonPrimitive,
-  Span,
-  Spinner
-} from "@chakra-ui/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Button = forwardRef(
-  function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsx(
-      ButtonPrimitive,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ jsx(Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
-  }
-);
+  Button
+} from "../../chunk-NGSHWY7E.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   Button
 };

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

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

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

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

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

package/dist/components/card/index.js

@@ -0,0 +1,8 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/card/index.ts
+import { Card } from "@chakra-ui/react";
+export {
+  Card
+};

package/dist/components/checkbox/index.js

@@ -1,20 +1,8 @@
 'use client'
+import {
+  Checkbox
+} from "../../chunk-L356FPLY.js";
 import "../../chunk-RTMS5TJN.js";
-
-// src/components/checkbox/checkbox.tsx
-import { forwardRef } from "react";
-import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Checkbox = forwardRef(
-  function Checkbox2(props, ref) {
-    const { icon, children, inputProps, rootRef, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
-      /* @__PURE__ */ jsx(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsx(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx(ChakraCheckbox.Indicator, {}) }),
-      children != null && /* @__PURE__ */ jsx(ChakraCheckbox.Label, { children })
-    ] });
-  }
-);
 export {
   Checkbox
 };

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

@@ -127,6 +127,14 @@ 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" }) })
 });
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");

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

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

package/dist/components/command/index.cjs

@@ -27,29 +27,29 @@ 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_jsx_runtime = require("react/jsx-runtime");
-var { withContext } = (0, import_react2.createRecipeContext)({
-  key: "command"
+var { withContext } = (0, import_react.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_react.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 * as _chakra_ui_react from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, UnstyledProp } from '@chakra-ui/react';
+import { R as RecipeProps } from '../../types-DnFoUudY.cjs';
 
-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 * as _chakra_ui_react from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, UnstyledProp } from '@chakra-ui/react';
+import { R as RecipeProps } from '../../types-DnFoUudY.js';
 
-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,33 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/command/command.tsx
-import { Kbd } from "@chakra-ui/react";
 import {
-  createRecipeContext
-} from "@chakra-ui/react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var { withContext } = createRecipeContext({
-  key: "command"
-});
-var Key = ({ children }) => {
-  if (typeof children !== "string") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  if (["then", "or", "+"].includes(children)) {
-    return /* @__PURE__ */ jsx("span", { children });
-  }
-  return /* @__PURE__ */ jsx(Kbd, { children });
-};
-var Command = (props) => {
-  const { children, ...rest } = props;
-  if (typeof children !== "string") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const keys = children.split(/\s|\+/);
-  return /* @__PURE__ */ jsx(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { children: key }, key)) });
-};
-var CommandRoot = withContext("span");
+  Command
+} from "../../chunk-UASXI64E.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   Command
 };

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,32 +19,32 @@ 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: () => 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_react5 = require("react");
-var import_react6 = 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_dialog.DialogContext,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
@@ -148,6 +148,14 @@ 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" }) })
 });
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -158,50 +166,11 @@ var CloseButton = (0, import_react2.forwardRef)(
   }
 );
 
-// ../../node_modules/@ark-ui/react/dist/utils/create-context.js
-var import_react4 = require("react");
-function getErrorMessage(hook, provider) {
-  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
-}
-function createContext(options = {}) {
-  const {
-    name,
-    strict = true,
-    hookName = "useContext",
-    providerName = "Provider",
-    errorMessage,
-    defaultValue
-  } = options;
-  const Context = (0, import_react4.createContext)(defaultValue);
-  Context.displayName = name;
-  function useContext$1() {
-    var _a;
-    const context = (0, import_react4.useContext)(Context);
-    if (!context && strict) {
-      const error = new Error(errorMessage != null ? errorMessage : getErrorMessage(hookName, providerName));
-      error.name = "ContextError";
-      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext$1);
-      throw error;
-    }
-    return context;
-  }
-  return [Context.Provider, useContext$1, Context];
-}
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js
-var [DialogProvider, useDialogContext] = createContext({
-  name: "DialogContext",
-  hookName: "useDialogContext",
-  providerName: "<DialogProvider />"
-});
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js
-var DialogContext = (props) => props.children(useDialogContext());
-
 // 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_react5.forwardRef)(
-  function DialogContent2(props, ref) {
+var Content = (0, import_react4.forwardRef)(
+  function DialogContent(props, ref) {
     const {
       children,
       portalled = true,
@@ -209,34 +178,26 @@ var DialogContent = (0, import_react5.forwardRef)(
       backdrop = true,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Backdrop, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Content, { ref, ...rest, asChild: false, children }) })
+    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 }) })
     ] });
   }
 );
-var DialogCloseTrigger = (0, import_react5.forwardRef)(function DialogCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react6.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_react6.Dialog.Root;
-var DialogFooter = import_react6.Dialog.Footer;
-var DialogHeader = import_react6.Dialog.Header;
-var DialogBody = import_react6.Dialog.Body;
-var DialogBackdrop = import_react6.Dialog.Backdrop;
-var DialogTitle = import_react6.Dialog.Title;
-var DialogDescription = import_react6.Dialog.Description;
-var DialogTrigger = import_react6.Dialog.Trigger;
-var DialogActionTrigger = import_react6.Dialog.ActionTrigger;
+var CloseButton3 = (0, import_react4.forwardRef)(function DialogCloseTrigger(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
+});
+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