@yamada-ui/modal 1.3.9 → 1.3.10-dev-20240917033401

package/dist/chunk-ZR2AEIGZ.mjs

@@ -0,0 +1,116 @@
+"use client"
+import {
+  Modal
+} from "./chunk-2UHL64SV.mjs";
+import {
+  DrawerContent
+} from "./chunk-G646NVHY.mjs";
+import {
+  DrawerOverlay
+} from "./chunk-Y5NCRCDU.mjs";
+import {
+  DrawerProvider
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer.tsx
+import { useComponentMultiStyle, omitThemeProps } from "@yamada-ui/core";
+import { motionForwardRef } from "@yamada-ui/motion";
+import { getValidChildren, findChildren } from "@yamada-ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Drawer = motionForwardRef(
+  ({ size, placement = "right", closeOnDrag = false, ...props }, ref) => {
+    const [styles, mergedProps] = useComponentMultiStyle("Drawer", {
+      size,
+      placement,
+      closeOnDrag,
+      ...props
+    });
+    const {
+      children,
+      isOpen,
+      onClose,
+      onOverlayClick,
+      onEsc,
+      onCloseComplete,
+      withCloseButton = !closeOnDrag,
+      withOverlay = true,
+      withDragBar = true,
+      allowPinchZoom,
+      autoFocus,
+      restoreFocus,
+      initialFocusRef,
+      finalFocusRef,
+      blockScrollOnMount,
+      closeOnOverlay,
+      closeOnEsc,
+      lockFocusAcrossFrames,
+      duration = { enter: 0.4, exit: 0.3 },
+      dragConstraints = 0,
+      dragElastic = 0.1,
+      dragOffset = 80,
+      dragVelocity = 100,
+      blankForDragProps,
+      portalProps,
+      containerProps,
+      ...rest
+    } = omitThemeProps(mergedProps, ["isFullHeight"]);
+    const validChildren = getValidChildren(children);
+    const [customDrawerOverlay, ...cloneChildren] = findChildren(
+      validChildren,
+      DrawerOverlay
+    );
+    return /* @__PURE__ */ jsx(DrawerProvider, { value: styles, children: /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        ref,
+        ...{
+          isOpen,
+          onClose,
+          onOverlayClick,
+          onEsc,
+          onCloseComplete,
+          withCloseButton: false,
+          withOverlay: false,
+          allowPinchZoom,
+          autoFocus,
+          restoreFocus,
+          initialFocusRef,
+          finalFocusRef,
+          blockScrollOnMount,
+          closeOnOverlay,
+          closeOnEsc,
+          lockFocusAcrossFrames,
+          duration,
+          portalProps,
+          containerProps
+        },
+        children: [
+          customDrawerOverlay != null ? customDrawerOverlay : withOverlay ? /* @__PURE__ */ jsx(DrawerOverlay, {}) : null,
+          /* @__PURE__ */ jsx(
+            DrawerContent,
+            {
+              ...{
+                dragConstraints,
+                dragElastic,
+                dragOffset,
+                dragVelocity,
+                withCloseButton,
+                withDragBar,
+                blankForDragProps,
+                ...rest,
+                placement,
+                closeOnDrag
+              },
+              children: cloneChildren
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+
+export {
+  Drawer
+};
+//# sourceMappingURL=chunk-ZR2AEIGZ.mjs.map

package/dist/chunk-ZR2AEIGZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer.tsx"],"sourcesContent":["import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useComponentMultiStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport type { SlideProps } from \"@yamada-ui/transitions\"\nimport { getValidChildren, findChildren } from \"@yamada-ui/utils\"\nimport { DrawerContent } from \"./drawer-content\"\nimport { DrawerOverlay } from \"./drawer-overlay\"\nimport { Modal } from \"./modal\"\nimport type { ModalProps } from \"./modal\"\nimport { DrawerProvider } from \"./modal-context\"\n\ninterface DrawerOptions {\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'right'\n   */\n  placement?: SlideProps[\"placement\"]\n  /**\n   * If `true` and drawer's placement is `top` or `bottom`, the drawer will occupy the viewport height (100dvh).\n   */\n  isFullHeight?: boolean\n  /**\n   * If `true`, then the drawer will close on drag.\n   *\n   * @default false\n   */\n  closeOnDrag?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * Applies constraints on the permitted draggable area.\n   *\n   * @default 0\n   */\n  dragConstraints?: number\n  /**\n   * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement.\n   *\n   * @default 0.1\n   */\n  dragElastic?: number\n  /**\n   * Offset from being dragged to closing.\n   *\n   * @default 80\n   */\n  dragOffset?: number\n  /**\n   * Velocity of the drag that triggers close.\n   *\n   * @default 100\n   */\n  dragVelocity?: number\n  /**\n   * Props for the blank area when `closeOnDrag` is `true`.\n   */\n  blankForDragProps?: CSSUIObject\n}\n\nexport interface DrawerProps\n  extends Omit<\n      ModalProps,\n      | \"scrollBehavior\"\n      | \"animation\"\n      | \"outside\"\n      | \"placement\"\n      | \"dragConstraints\"\n      | \"dragElastic\"\n      | keyof ThemeProps\n    >,\n    ThemeProps<\"Drawer\">,\n    DrawerOptions {}\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see Docs https://yamada-ui.com/components/overlay/drawer\n */\nexport const Drawer = motionForwardRef<DrawerProps, \"div\">(\n  ({ size, placement = \"right\", closeOnDrag = false, ...props }, ref) => {\n    const [styles, mergedProps] = useComponentMultiStyle(\"Drawer\", {\n      size,\n      placement,\n      closeOnDrag,\n      ...props,\n    })\n    const {\n      children,\n      isOpen,\n      onClose,\n      onOverlayClick,\n      onEsc,\n      onCloseComplete,\n      withCloseButton = !closeOnDrag,\n      withOverlay = true,\n      withDragBar = true,\n      allowPinchZoom,\n      autoFocus,\n      restoreFocus,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount,\n      closeOnOverlay,\n      closeOnEsc,\n      lockFocusAcrossFrames,\n      duration = { enter: 0.4, exit: 0.3 },\n      dragConstraints = 0,\n      dragElastic = 0.1,\n      dragOffset = 80,\n      dragVelocity = 100,\n      blankForDragProps,\n      portalProps,\n      containerProps,\n      ...rest\n    } = omitThemeProps(mergedProps, [\"isFullHeight\"])\n\n    const validChildren = getValidChildren(children)\n\n    const [customDrawerOverlay, ...cloneChildren] = findChildren(\n      validChildren,\n      DrawerOverlay,\n    )\n\n    return (\n      <DrawerProvider value={styles}>\n        <Modal\n          ref={ref}\n          {...{\n            isOpen,\n            onClose,\n            onOverlayClick,\n            onEsc,\n            onCloseComplete,\n            withCloseButton: false,\n            withOverlay: false,\n            allowPinchZoom,\n            autoFocus,\n            restoreFocus,\n            initialFocusRef,\n            finalFocusRef,\n            blockScrollOnMount,\n            closeOnOverlay,\n            closeOnEsc,\n            lockFocusAcrossFrames,\n            duration,\n            portalProps,\n            containerProps,\n          }}\n        >\n          {customDrawerOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n          <DrawerContent\n            {...{\n              dragConstraints,\n              dragElastic,\n              dragOffset,\n              dragVelocity,\n              withCloseButton,\n              withDragBar,\n              blankForDragProps,\n              ...rest,\n              placement,\n              closeOnDrag,\n            }}\n          >\n            {cloneChildren}\n          </DrawerContent>\n        </Modal>\n      </DrawerProvider>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;AACA,SAAS,wBAAwB,sBAAsB;AACvD,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB,oBAAoB;AA8HvC,SAwByC,KAxBzC;AA/CD,IAAM,SAAS;AAAA,EACpB,CAAC,EAAE,MAAM,YAAY,SAAS,cAAc,OAAO,GAAG,MAAM,GAAG,QAAQ;AACrE,UAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,UAAU;AAAA,MAC7D;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,CAAC;AACD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,kBAAkB,CAAC;AAAA,MACnB,cAAc;AAAA,MACd,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,MACnC,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MACb,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,eAAe,aAAa,CAAC,cAAc,CAAC;AAEhD,UAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,UAAM,CAAC,qBAAqB,GAAG,aAAa,IAAI;AAAA,MAC9C;AAAA,MACA;AAAA,IACF;AAEA,WACE,oBAAC,kBAAe,OAAO,QACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEC;AAAA,8DAAwB,cAAc,oBAAC,iBAAc,IAAK;AAAA,UAE3D;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,gBACF;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,GAAG;AAAA,gBACH;AAAA,gBACA;AAAA,cACF;AAAA,cAEC;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;","names":[]}

package/dist/dialog-body.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalBodyProps } from './modal-body.mjs';
+
+interface DialogBodyProps extends ModalBodyProps {
+}
+declare const DialogBody: _yamada_ui_core.Component<"main", DialogBodyProps>;
+
+export { DialogBody, type DialogBodyProps };

package/dist/dialog-body.d.ts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalBodyProps } from './modal-body.js';
+
+interface DialogBodyProps extends ModalBodyProps {
+}
+declare const DialogBody: _yamada_ui_core.Component<"main", DialogBodyProps>;
+
+export { DialogBody, type DialogBodyProps };

package/dist/dialog-body.js

@@ -0,0 +1,94 @@
+"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/dialog-body.tsx
+var dialog_body_exports = {};
+__export(dialog_body_exports, {
+  DialogBody: () => DialogBody
+});
+module.exports = __toCommonJS(dialog_body_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/modal-body.tsx
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/modal-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [ModalProvider, useModal] = (0, import_utils.createContext)({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = (0, import_utils.createContext)({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = (0, import_utils.createContext)({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+// src/modal-body.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalBody = (0, import_core.forwardRef)(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles, scrollBehavior } = useModal();
+    const css = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      overflow: scrollBehavior === "inside" ? "auto" : void 0,
+      ...__css ? __css : styles.body
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.div,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__body", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+// src/dialog-body.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogBody = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.body };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalBody,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-dialog__body", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogBody
+});
+//# sourceMappingURL=dialog-body.js.map

package/dist/dialog-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-body.tsx","../src/modal-body.tsx","../src/modal-context.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { ModalBodyProps } from \"./modal-body\"\nimport { ModalBody } from \"./modal-body\"\nimport { useDialog } from \"./modal-context\"\n\nexport interface DialogBodyProps extends ModalBodyProps {}\n\nexport const DialogBody = forwardRef<DialogBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.body }\n\n    return (\n      <ModalBody\n        ref={ref}\n        className={cx(\"ui-dialog__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useModal } from \"./modal-context\"\n\nexport interface ModalBodyProps extends HTMLUIProps {}\n\nexport const ModalBody = forwardRef<ModalBodyProps, \"div\">(\n  ({ className, __css, ...rest }, ref) => {\n    const { styles, scrollBehavior } = useModal()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"flex-start\",\n      overflow: scrollBehavior === \"inside\" ? \"auto\" : undefined,\n      ...(__css ? __css : styles.body),\n    }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-modal__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type { ModalOptions } from \"./modal\"\n\ninterface ModalContext extends ModalOptions {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ModalProvider, useModal] = createContext<ModalContext>({\n  name: `ModalContext`,\n  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in \"<Modal />\" `,\n})\n\ninterface DialogContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DialogProvider, useDialog] = createContext<DialogContext>({\n  name: `DialogContext`,\n  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in \"<Dialog />\" `,\n})\n\ninterface DrawerContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DrawerProvider, useDrawer] = createContext<DrawerContext>({\n  name: `DrawerContext`,\n  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in \"<Drawer />\" `,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,eAA2B;AAC3B,IAAAC,gBAAmB;;;ACDnB,kBAA+B;AAC/B,IAAAC,gBAAmB;;;ACDnB,mBAA8B;AAOvB,IAAM,CAAC,eAAe,QAAQ,QAAI,4BAA4B;AAAA,EACnE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;ADTK;AAbC,IAAM,gBAAY;AAAA,EACvB,CAAC,EAAE,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AACtC,UAAM,EAAE,QAAQ,eAAe,IAAI,SAAS;AAE5C,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,UAAU,mBAAmB,WAAW,SAAS;AAAA,MACjD,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,kBAAkB,SAAS;AAAA,QACzC,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;;;ADZM,IAAAC,sBAAA;AAPC,IAAM,iBAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,KAAK;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_utils","import_jsx_runtime"]}

package/dist/dialog-body.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  DialogBody
+} from "./chunk-RSAJUBWR.mjs";
+import "./chunk-2EF6C34T.mjs";
+import "./chunk-4J4ISPN7.mjs";
+export {
+  DialogBody
+};
+//# sourceMappingURL=dialog-body.mjs.map

package/dist/dialog-body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/dialog-close-button.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CloseButtonProps } from '@yamada-ui/close-button';
+
+interface DialogCloseButtonProps extends CloseButtonProps {
+}
+declare const DialogCloseButton: _yamada_ui_core.Component<"button", DialogCloseButtonProps>;
+
+export { DialogCloseButton, type DialogCloseButtonProps };

package/dist/dialog-close-button.d.ts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CloseButtonProps } from '@yamada-ui/close-button';
+
+interface DialogCloseButtonProps extends CloseButtonProps {
+}
+declare const DialogCloseButton: _yamada_ui_core.Component<"button", DialogCloseButtonProps>;
+
+export { DialogCloseButton, type DialogCloseButtonProps };

package/dist/dialog-close-button.js

@@ -0,0 +1,96 @@
+"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/dialog-close-button.tsx
+var dialog_close_button_exports = {};
+__export(dialog_close_button_exports, {
+  DialogCloseButton: () => DialogCloseButton
+});
+module.exports = __toCommonJS(dialog_close_button_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/modal-close-button.tsx
+var import_close_button = require("@yamada-ui/close-button");
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/modal-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [ModalProvider, useModal] = (0, import_utils.createContext)({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = (0, import_utils.createContext)({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = (0, import_utils.createContext)({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+// src/modal-close-button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalCloseButton = (0, import_core.forwardRef)(
+  ({ onClick, __css, ...rest }, ref) => {
+    const { styles, onClose } = useModal();
+    const css = {
+      position: "absolute",
+      ...__css ? __css : styles.closeButton
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_close_button.CloseButton,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__close-button"),
+        __css: css,
+        onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
+          ev.stopPropagation();
+          onClose == null ? void 0 : onClose();
+        }),
+        ...rest
+      }
+    );
+  }
+);
+
+// src/dialog-close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogCloseButton = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.closeButton };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalCloseButton,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-dialog__close-button", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogCloseButton
+});
+//# sourceMappingURL=dialog-close-button.js.map

package/dist/dialog-close-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-close-button.tsx","../src/modal-close-button.tsx","../src/modal-context.ts"],"sourcesContent":["import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ModalCloseButton } from \"./modal-close-button\"\nimport { useDialog } from \"./modal-context\"\n\nexport interface DialogCloseButtonProps extends CloseButtonProps {}\n\nexport const DialogCloseButton = forwardRef<DialogCloseButtonProps, \"button\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.closeButton }\n\n    return (\n      <ModalCloseButton\n        ref={ref}\n        className={cx(\"ui-dialog__close-button\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { useModal } from \"./modal-context\"\n\nexport interface ModalCloseButtonProps extends CloseButtonProps {}\n\nexport const ModalCloseButton = forwardRef<ModalCloseButtonProps, \"button\">(\n  ({ onClick, __css, ...rest }, ref) => {\n    const { styles, onClose } = useModal()\n\n    const css: CSSUIObject = {\n      position: \"absolute\",\n      ...(__css ? __css : styles.closeButton),\n    }\n\n    return (\n      <CloseButton\n        ref={ref}\n        className={cx(\"ui-modal__close-button\")}\n        __css={css}\n        onClick={handlerAll(onClick, (ev) => {\n          ev.stopPropagation()\n          onClose?.()\n        })}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type { ModalOptions } from \"./modal\"\n\ninterface ModalContext extends ModalOptions {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ModalProvider, useModal] = createContext<ModalContext>({\n  name: `ModalContext`,\n  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in \"<Modal />\" `,\n})\n\ninterface DialogContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DialogProvider, useDialog] = createContext<DialogContext>({\n  name: `DialogContext`,\n  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in \"<Dialog />\" `,\n})\n\ninterface DrawerContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DrawerProvider, useDrawer] = createContext<DrawerContext>({\n  name: `DrawerContext`,\n  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in \"<Drawer />\" `,\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,IAAAA,eAA2B;AAC3B,IAAAC,gBAAmB;;;ACFnB,0BAA4B;AAE5B,kBAA2B;AAC3B,IAAAC,gBAA+B;;;ACH/B,mBAA8B;AAOvB,IAAM,CAAC,eAAe,QAAQ,QAAI,4BAA4B;AAAA,EACnE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;ADVK;AAVC,IAAM,uBAAmB;AAAA,EAC9B,CAAC,EAAE,SAAS,OAAO,GAAG,KAAK,GAAG,QAAQ;AACpC,UAAM,EAAE,QAAQ,QAAQ,IAAI,SAAS;AAErC,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,wBAAwB;AAAA,QACtC,OAAO;AAAA,QACP,aAAS,0BAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;;;ADfM,IAAAC,sBAAA;AAPC,IAAM,wBAAoB;AAAA,EAC/B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,YAAY;AAEjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,2BAA2B,SAAS;AAAA,QAClD,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_utils","import_jsx_runtime"]}

package/dist/dialog-close-button.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  DialogCloseButton
+} from "./chunk-3S4JQQU3.mjs";
+import "./chunk-5OKOSAXO.mjs";
+import "./chunk-4J4ISPN7.mjs";
+export {
+  DialogCloseButton
+};
+//# sourceMappingURL=dialog-close-button.mjs.map

package/dist/dialog-close-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/dialog-footer.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalFooterProps } from './modal-footer.mjs';
+
+interface DialogFooterProps extends ModalFooterProps {
+}
+declare const DialogFooter: _yamada_ui_core.Component<"footer", DialogFooterProps>;
+
+export { DialogFooter, type DialogFooterProps };

package/dist/dialog-footer.d.ts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalFooterProps } from './modal-footer.js';
+
+interface DialogFooterProps extends ModalFooterProps {
+}
+declare const DialogFooter: _yamada_ui_core.Component<"footer", DialogFooterProps>;
+
+export { DialogFooter, type DialogFooterProps };

package/dist/dialog-footer.js

@@ -0,0 +1,91 @@
+"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/dialog-footer.tsx
+var dialog_footer_exports = {};
+__export(dialog_footer_exports, {
+  DialogFooter: () => DialogFooter
+});
+module.exports = __toCommonJS(dialog_footer_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/modal-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [ModalProvider, useModal] = (0, import_utils.createContext)({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = (0, import_utils.createContext)({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = (0, import_utils.createContext)({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+// src/modal-footer.tsx
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalFooter = (0, import_core.forwardRef)(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles } = useModal();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      ...__css ? __css : styles.footer
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.footer,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__footer", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+// src/dialog-footer.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogFooter = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.footer };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalFooter,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-dialog__footer", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogFooter
+});
+//# sourceMappingURL=dialog-footer.js.map

package/dist/dialog-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-footer.tsx","../src/modal-context.ts","../src/modal-footer.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport type { ModalFooterProps } from \"./modal-footer\"\nimport { ModalFooter } from \"./modal-footer\"\n\nexport interface DialogFooterProps extends ModalFooterProps {}\n\nexport const DialogFooter = forwardRef<DialogFooterProps, \"footer\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.footer }\n\n    return (\n      <ModalFooter\n        ref={ref}\n        className={cx(\"ui-dialog__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n","import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { createContext } from \"@yamada-ui/utils\"\nimport type { ModalOptions } from \"./modal\"\n\ninterface ModalContext extends ModalOptions {\n  styles: { [key: string]: CSSUIObject }\n}\n\nexport const [ModalProvider, useModal] = createContext<ModalContext>({\n  name: `ModalContext`,\n  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in \"<Modal />\" `,\n})\n\ninterface DialogContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DialogProvider, useDialog] = createContext<DialogContext>({\n  name: `DialogContext`,\n  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in \"<Dialog />\" `,\n})\n\ninterface DrawerContext {\n  [key: string]: CSSUIObject\n}\n\nexport const [DrawerProvider, useDrawer] = createContext<DrawerContext>({\n  name: `DrawerContext`,\n  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in \"<Drawer />\" `,\n})\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useModal } from \"./modal-context\"\n\nexport interface ModalFooterProps extends HTMLUIProps<\"footer\"> {}\n\nexport const ModalFooter = forwardRef<ModalFooterProps, \"footer\">(\n  ({ className, __css, ...rest }, ref) => {\n    const { styles } = useModal()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-end\",\n      ...(__css ? __css : styles.footer),\n    }\n\n    return (\n      <ui.footer\n        ref={ref}\n        className={cx(\"ui-modal__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,eAA2B;AAC3B,IAAAC,gBAAmB;;;ACDnB,mBAA8B;AAOvB,IAAM,CAAC,eAAe,QAAQ,QAAI,4BAA4B;AAAA,EACnE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,QAAI,4BAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;AC5BD,kBAA+B;AAC/B,IAAAC,gBAAmB;AAiBb;AAZC,IAAM,kBAAc;AAAA,EACzB,CAAC,EAAE,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AACtC,UAAM,EAAE,OAAO,IAAI,SAAS;AAE5B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,WACE;AAAA,MAAC,eAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;;;AFXM,IAAAC,sBAAA;AAPC,IAAM,mBAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,OAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_core","import_utils","import_utils","import_jsx_runtime"]}

package/dist/dialog-footer.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  DialogFooter
+} from "./chunk-2GGZOTUT.mjs";
+import "./chunk-CW5ZZAAV.mjs";
+import "./chunk-4J4ISPN7.mjs";
+export {
+  DialogFooter
+};
+//# sourceMappingURL=dialog-footer.mjs.map

package/dist/dialog-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/dialog-header.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalHeaderProps } from './modal-header.mjs';
+
+interface DialogHeaderProps extends ModalHeaderProps {
+}
+declare const DialogHeader: _yamada_ui_core.Component<"header", DialogHeaderProps>;
+
+export { DialogHeader, type DialogHeaderProps };

package/dist/dialog-header.d.ts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { ModalHeaderProps } from './modal-header.js';
+
+interface DialogHeaderProps extends ModalHeaderProps {
+}
+declare const DialogHeader: _yamada_ui_core.Component<"header", DialogHeaderProps>;
+
+export { DialogHeader, type DialogHeaderProps };

package/dist/dialog-header.js

@@ -0,0 +1,91 @@
+"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/dialog-header.tsx
+var dialog_header_exports = {};
+__export(dialog_header_exports, {
+  DialogHeader: () => DialogHeader
+});
+module.exports = __toCommonJS(dialog_header_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/modal-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [ModalProvider, useModal] = (0, import_utils.createContext)({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = (0, import_utils.createContext)({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = (0, import_utils.createContext)({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+// src/modal-header.tsx
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalHeader = (0, import_core.forwardRef)(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles } = useModal();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      ...__css ? __css : styles.header
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.header,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+// src/dialog-header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogHeader = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.header };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalHeader,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-dialog__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogHeader
+});
+//# sourceMappingURL=dialog-header.js.map