@yamada-ui/modal 1.3.12-next-20241005220055 → 1.3.12-next-20241008193728

package/dist/{chunk-KNCDANWW.mjs → chunk-37MTMX5B.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalHeader
-} from "./chunk-SIKHBBVB.mjs";
+} from "./chunk-LYMMHCHF.mjs";
 import {
   useDialog
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/dialog-header.tsx
 import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DialogHeader.__ui__ = "DialogHeader";
 export {
   DialogHeader
 };
-//# sourceMappingURL=chunk-KNCDANWW.mjs.map
+//# sourceMappingURL=chunk-37MTMX5B.mjs.map

package/dist/{chunk-KNCDANWW.mjs.map → chunk-37MTMX5B.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dialog-header.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 { ModalHeaderProps } from \"./modal-header\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DialogHeaderProps extends ModalHeaderProps {}\n\nexport const DialogHeader = forwardRef<DialogHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.header }\n\n    return (\n      <ModalHeader\n        ref={ref}\n        className={cx(\"ui-dialog__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDialogHeader.displayName = \"DialogHeader\"\nDialogHeader.__ui__ = \"DialogHeader\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,eAAe;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,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
+{"version":3,"sources":["../src/dialog-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DialogHeaderProps extends ModalHeaderProps {}\n\nexport const DialogHeader = forwardRef<DialogHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.header }\n\n    return (\n      <ModalHeader\n        ref={ref}\n        className={cx(\"ui-dialog__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDialogHeader.displayName = \"DialogHeader\"\nDialogHeader.__ui__ = \"DialogHeader\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,eAAe;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,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}

package/dist/{chunk-SHVXETTC.mjs → chunk-6XAWCUQQ.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalBody
-} from "./chunk-TLLVKBMP.mjs";
+} from "./chunk-ZDEVCYYC.mjs";
 import {
   useDrawer
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/drawer-body.tsx
 import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DrawerBody.__ui__ = "DrawerBody";
 export {
   DrawerBody
 };
-//# sourceMappingURL=chunk-SHVXETTC.mjs.map
+//# sourceMappingURL=chunk-6XAWCUQQ.mjs.map

package/dist/{chunk-SHVXETTC.mjs.map → chunk-6XAWCUQQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer-body.tsx"],"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 { useDrawer } from \"./modal-context\"\n\nexport interface DrawerBodyProps extends ModalBodyProps {}\n\nexport const DrawerBody = forwardRef<DrawerBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.body }\n\n    return (\n      <ModalBody\n        ref={ref}\n        className={cx(\"ui-drawer__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerBody.displayName = \"DrawerBody\"\nDrawerBody.__ui__ = \"DrawerBody\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,aAAa;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,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}
+{"version":3,"sources":["../src/drawer-body.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalBodyProps } from \"./modal-body\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ModalBody } from \"./modal-body\"\nimport { useDrawer } from \"./modal-context\"\n\nexport interface DrawerBodyProps extends ModalBodyProps {}\n\nexport const DrawerBody = forwardRef<DrawerBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.body }\n\n    return (\n      <ModalBody\n        ref={ref}\n        className={cx(\"ui-drawer__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerBody.displayName = \"DrawerBody\"\nDrawerBody.__ui__ = \"DrawerBody\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,aAAa;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,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}

package/dist/{chunk-3K5JY6KM.mjs → chunk-7EVREJIH.mjs}

@@ -1,57 +1,57 @@
 "use client"
 import {
   DialogCloseButton
-} from "./chunk-BQAR3Q4F.mjs";
+} from "./chunk-LUSTM3GA.mjs";
 import {
   ModalCloseButton
-} from "./chunk-VSX32COP.mjs";
+} from "./chunk-PDW7A62B.mjs";
 import {
   useModal
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/modal-content.tsx
 import { motion, motionForwardRef } from "@yamada-ui/motion";
 import { scaleFadeProps, slideFadeProps } from "@yamada-ui/transitions";
-import { cx, getValidChildren, findChildren } from "@yamada-ui/utils";
+import { cx, findChildren, getValidChildren } from "@yamada-ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
 var getModalContentProps = (animation = "scale", duration) => {
   switch (animation) {
     case "scale":
       return {
         ...scaleFadeProps,
-        custom: { scale: 0.95, reverse: true, duration }
+        custom: { duration, reverse: true, scale: 0.95 }
       };
     case "top":
       return {
         ...slideFadeProps,
-        custom: { offsetY: -16, reverse: true, duration }
+        custom: { duration, offsetY: -16, reverse: true }
       };
     case "right":
       return {
         ...slideFadeProps,
-        custom: { offsetX: 16, reverse: true, duration }
+        custom: { duration, offsetX: 16, reverse: true }
       };
     case "left":
       return {
         ...slideFadeProps,
-        custom: { offsetX: -16, reverse: true, duration }
+        custom: { duration, offsetX: -16, reverse: true }
       };
     case "bottom":
       return {
         ...slideFadeProps,
-        custom: { offsetY: 16, reverse: true, duration }
+        custom: { duration, offsetY: 16, reverse: true }
       };
   }
 };
 var ModalContent = motionForwardRef(
   ({ className, children, __css, ...rest }, ref) => {
     const {
-      styles,
+      animation,
+      duration,
       scrollBehavior,
+      styles,
       withCloseButton,
-      onClose,
-      animation,
-      duration
+      onClose
     } = useModal();
     const validChildren = getValidChildren(children);
     const [customModalCloseButton, ...cloneChildren] = findChildren(
@@ -61,21 +61,21 @@ var ModalContent = motionForwardRef(
     );
     const props = animation !== "none" ? getModalContentProps(animation, duration) : {};
     const css = {
-      position: "relative",
-      maxH: "100%",
       display: "flex",
       flexDirection: "column",
-      overflow: scrollBehavior === "inside" ? "hidden" : "auto",
+      maxH: "100%",
       outline: 0,
+      overflow: scrollBehavior === "inside" ? "hidden" : "auto",
+      position: "relative",
       ...__css ? __css : styles.container
     };
     return /* @__PURE__ */ jsxs(
       motion.section,
       {
-        role: "dialog",
-        "aria-modal": "true",
         ref,
         className: cx("ui-modal", className),
+        "aria-modal": "true",
+        role: "dialog",
         tabIndex: -1,
         __css: css,
         ...props,
@@ -94,4 +94,4 @@ ModalContent.__ui__ = "ModalContent";
 export {
   ModalContent
 };
-//# sourceMappingURL=chunk-3K5JY6KM.mjs.map
+//# sourceMappingURL=chunk-7EVREJIH.mjs.map

package/dist/chunk-7EVREJIH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-content.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { MotionProps, MotionTransitionProps } from \"@yamada-ui/motion\"\nimport type { PropsWithChildren } from \"react\"\nimport type { ModalProps } from \"./modal\"\nimport { motion, motionForwardRef } from \"@yamada-ui/motion\"\nimport { scaleFadeProps, slideFadeProps } from \"@yamada-ui/transitions\"\nimport { cx, findChildren, getValidChildren } from \"@yamada-ui/utils\"\nimport { DialogCloseButton } from \"./dialog-close-button\"\nimport { ModalCloseButton } from \"./modal-close-button\"\nimport { useModal } from \"./modal-context\"\n\nconst getModalContentProps = (\n  animation: ModalProps[\"animation\"] = \"scale\",\n  duration?: MotionTransitionProps[\"duration\"],\n) => {\n  switch (animation) {\n    case \"scale\":\n      return {\n        ...scaleFadeProps,\n        custom: { duration, reverse: true, scale: 0.95 },\n      }\n    case \"top\":\n      return {\n        ...slideFadeProps,\n        custom: { duration, offsetY: -16, reverse: true },\n      }\n    case \"right\":\n      return {\n        ...slideFadeProps,\n        custom: { duration, offsetX: 16, reverse: true },\n      }\n    case \"left\":\n      return {\n        ...slideFadeProps,\n        custom: { duration, offsetX: -16, reverse: true },\n      }\n    case \"bottom\":\n      return {\n        ...slideFadeProps,\n        custom: { duration, offsetY: 16, reverse: true },\n      }\n  }\n}\n\nexport interface ModalContentProps\n  extends Omit<\n      MotionProps<\"section\">,\n      \"animation\" | \"children\" | \"scrollBehavior\" | \"transition\"\n    >,\n    PropsWithChildren {}\n\nexport const ModalContent = motionForwardRef<ModalContentProps, \"section\">(\n  ({ className, children, __css, ...rest }, ref) => {\n    const {\n      animation,\n      duration,\n      scrollBehavior,\n      styles,\n      withCloseButton,\n      onClose,\n    } = useModal()\n\n    const validChildren = getValidChildren(children)\n\n    const [customModalCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      ModalCloseButton,\n      DialogCloseButton,\n    )\n\n    const props =\n      animation !== \"none\" ? getModalContentProps(animation, duration) : {}\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxH: \"100%\",\n      outline: 0,\n      overflow: scrollBehavior === \"inside\" ? \"hidden\" : \"auto\",\n      position: \"relative\",\n      ...(__css ? __css : styles.container),\n    }\n\n    return (\n      <motion.section\n        ref={ref}\n        className={cx(\"ui-modal\", className)}\n        aria-modal=\"true\"\n        role=\"dialog\"\n        tabIndex={-1}\n        __css={css}\n        {...props}\n        {...rest}\n      >\n        {customModalCloseButton ??\n          (withCloseButton && onClose ? <ModalCloseButton /> : null)}\n\n        {cloneChildren}\n      </motion.section>\n    )\n  },\n)\n\nModalContent.displayName = \"ModalContent\"\nModalContent.__ui__ = \"ModalContent\"\n"],"mappings":";;;;;;;;;;;;AAIA,SAAS,QAAQ,wBAAwB;AACzC,SAAS,gBAAgB,sBAAsB;AAC/C,SAAS,IAAI,cAAc,wBAAwB;AA8E7C,SAWkC,KAXlC;AAzEN,IAAM,uBAAuB,CAC3B,YAAqC,SACrC,aACG;AACH,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MACjD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,UAAU,SAAS,KAAK,SAAS,KAAK;AAAA,MAClD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,UAAU,SAAS,IAAI,SAAS,KAAK;AAAA,MACjD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,UAAU,SAAS,KAAK,SAAS,KAAK;AAAA,MAClD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,UAAU,SAAS,IAAI,SAAS,KAAK;AAAA,MACjD;AAAA,EACJ;AACF;AASO,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,OAAO,GAAG,KAAK,GAAG,QAAQ;AAChD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,SAAS;AAEb,UAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,UAAM,CAAC,wBAAwB,GAAG,aAAa,IAAI;AAAA,MACjD;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,UAAM,QACJ,cAAc,SAAS,qBAAqB,WAAW,QAAQ,IAAI,CAAC;AAEtE,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU,mBAAmB,WAAW,WAAW;AAAA,MACnD,UAAU;AAAA,MACV,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,WAAW,GAAG,YAAY,SAAS;AAAA,QACnC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,UAAU;AAAA,QACV,OAAO;AAAA,QACN,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA,oEACE,mBAAmB,UAAU,oBAAC,oBAAiB,IAAK;AAAA,UAEtD;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}

package/dist/{chunk-IIKFZB3M.mjs → chunk-7I5LX3VI.mjs}

@@ -1,30 +1,30 @@
 "use client"
 import {
   ModalContent
-} from "./chunk-3K5JY6KM.mjs";
+} from "./chunk-7EVREJIH.mjs";
 import {
   DrawerContent
-} from "./chunk-LK36SQZ5.mjs";
+} from "./chunk-P5SCGBP7.mjs";
 import {
   DrawerOverlay
-} from "./chunk-XKKFTAXR.mjs";
+} from "./chunk-G7R3GU24.mjs";
 import {
   DialogOverlay
-} from "./chunk-HUI5FLPV.mjs";
+} from "./chunk-EDCPPJBS.mjs";
 import {
   ModalOverlay
-} from "./chunk-LTFXOP3I.mjs";
+} from "./chunk-VB44U6WY.mjs";
 import {
   ModalProvider
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/modal.tsx
-import { ui, omitThemeProps, useComponentMultiStyle } from "@yamada-ui/core";
+import { omitThemeProps, ui, useComponentMultiStyle } from "@yamada-ui/core";
 import { FocusLock } from "@yamada-ui/focus-lock";
 import { AnimatePresence, motionForwardRef } from "@yamada-ui/motion";
 import { Portal } from "@yamada-ui/portal";
 import { useValue } from "@yamada-ui/use-value";
-import { getValidChildren, findChildren, findChild } from "@yamada-ui/utils";
+import { findChild, findChildren, getValidChildren } from "@yamada-ui/utils";
 import { cloneElement, useCallback } from "react";
 import { RemoveScroll } from "react-remove-scroll";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,30 +36,30 @@ var Modal = motionForwardRef(
     });
     const {
       className,
-      children,
-      isOpen,
-      onClose,
-      onOverlayClick,
-      onEsc,
-      onCloseComplete,
-      placement: _placement = "center",
-      outside = "fallback(4, 1rem)",
-      withCloseButton = true,
-      withOverlay = true,
       allowPinchZoom = false,
-      scrollBehavior = "inside",
+      animation = "scale",
       autoFocus,
-      restoreFocus,
-      initialFocusRef,
-      finalFocusRef,
       blockScrollOnMount = true,
-      closeOnOverlay = true,
+      children,
       closeOnEsc = true,
-      lockFocusAcrossFrames = true,
-      animation = "scale",
+      closeOnOverlay = true,
       duration,
-      portalProps,
+      finalFocusRef,
+      initialFocusRef,
+      isOpen,
+      lockFocusAcrossFrames = true,
+      outside = "fallback(4, 1rem)",
+      placement: _placement = "center",
+      restoreFocus,
+      scrollBehavior = "inside",
+      withCloseButton = true,
+      withOverlay = true,
       containerProps,
+      portalProps,
+      onClose,
+      onCloseComplete,
+      onEsc,
+      onOverlayClick,
       ...rest
     } = omitThemeProps(mergedProps);
     const onKeyDown = useCallback(
@@ -83,39 +83,39 @@ var Modal = motionForwardRef(
       drawerContent = cloneElement(drawerContent, { onKeyDown });
     const placement = useValue(_placement);
     const css = {
+      alignItems: placement.includes("top") ? "flex-start" : placement.includes("bottom") ? "flex-end" : "center",
+      display: "flex",
+      h: "100dvh",
+      justifyContent: placement.includes("left") ? "flex-start" : placement.includes("right") ? "flex-end" : "center",
+      left: 0,
+      p: size !== "full" ? outside : void 0,
       position: "fixed",
       top: 0,
-      left: 0,
-      zIndex: "fallback(jeice, 110)",
       w: "100vw",
-      h: "100dvh",
-      p: size !== "full" ? outside : void 0,
-      display: "flex",
-      justifyContent: placement.includes("left") ? "flex-start" : placement.includes("right") ? "flex-end" : "center",
-      alignItems: placement.includes("top") ? "flex-start" : placement.includes("bottom") ? "flex-end" : "center"
+      zIndex: "fallback(jeice, 110)"
     };
     return /* @__PURE__ */ jsx(
       ModalProvider,
       {
         value: {
-          isOpen,
-          onClose,
-          onOverlayClick,
-          withCloseButton,
-          scrollBehavior,
-          closeOnOverlay,
           animation,
+          closeOnOverlay,
           duration,
-          styles
+          isOpen,
+          scrollBehavior,
+          styles,
+          withCloseButton,
+          onClose,
+          onOverlayClick
         },
         children: /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: onCloseComplete, children: isOpen ? /* @__PURE__ */ jsx(Portal, { ...portalProps, children: /* @__PURE__ */ jsx(
           FocusLock,
           {
             autoFocus,
-            initialFocusRef,
             finalFocusRef,
-            restoreFocus,
+            initialFocusRef,
             lockFocusAcrossFrames,
+            restoreFocus,
             children: /* @__PURE__ */ jsx(
               RemoveScroll,
               {
@@ -147,4 +147,4 @@ var Modal = motionForwardRef(
 export {
   Modal
 };
-//# sourceMappingURL=chunk-IIKFZB3M.mjs.map
+//# sourceMappingURL=chunk-7I5LX3VI.mjs.map

package/dist/chunk-7I5LX3VI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  CSSUIProps,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { FocusLockProps } from \"@yamada-ui/focus-lock\"\nimport type { MotionTransitionProps } from \"@yamada-ui/motion\"\nimport type { PortalProps } from \"@yamada-ui/portal\"\nimport type { KeyboardEvent } from \"react\"\nimport type { ModalContentProps } from \"./modal-content\"\nimport { omitThemeProps, ui, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { FocusLock } from \"@yamada-ui/focus-lock\"\nimport { AnimatePresence, motionForwardRef } from \"@yamada-ui/motion\"\nimport { Portal } from \"@yamada-ui/portal\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { findChild, findChildren, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement, useCallback } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { DialogOverlay } from \"./dialog-overlay\"\nimport { DrawerContent } from \"./drawer-content\"\nimport { DrawerOverlay } from \"./drawer-overlay\"\nimport { ModalContent } from \"./modal-content\"\nimport { ModalProvider } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface ModalOptions\n  extends Pick<\n    FocusLockProps,\n    | \"autoFocus\"\n    | \"finalFocusRef\"\n    | \"initialFocusRef\"\n    | \"lockFocusAcrossFrames\"\n    | \"restoreFocus\"\n  > {\n  /**\n   * If `true`, the open will be opened.\n   */\n  isOpen: boolean\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * The animation of the tooltip.\n   *\n   * @default 'scale'\n   */\n  animation?: \"bottom\" | \"left\" | \"none\" | \"right\" | \"scale\" | \"top\"\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the modal opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * If `true`, the modal will close when the `Esc` key is pressed.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the modal will close when the overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The CSS `padding` property.\n   */\n  outside?: CSSUIProps[\"p\"]\n  /**\n   * The placement of the modal.\n   *\n   * @default 'center'\n   */\n  placement?: Token<\n    | \"bottom\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"center\"\n    | \"left\"\n    | \"right\"\n    | \"top\"\n    | \"top-left\"\n    | \"top-right\"\n  >\n  /**\n   * Where scroll behavior should originate.\n   *\n   * - `inside`: scroll only occurs within the `ModalBody`.\n   * - `outside`: the entire `ModalContent` will scroll within the viewport.\n   *\n   * @default 'inside'\n   */\n  scrollBehavior?: \"inside\" | \"outside\"\n  /**\n   * If `true`, display the modal close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the modal overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props for modal container element.\n   */\n  containerProps?: HTMLUIProps\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback invoked to close the modal.\n   */\n  onClose?: () => void\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n  /**\n   * Callback fired when the escape key is pressed and focus is within modal.\n   */\n  onEsc?(): void\n  /**\n   * Callback fired when the overlay is clicked.\n   */\n  onOverlayClick?: () => void\n}\n\nexport interface ModalProps\n  extends ModalContentProps,\n    ThemeProps<\"Modal\">,\n    ModalOptions {}\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see Docs https://yamada-ui.com/components/overlay/modal\n */\nexport const Modal = motionForwardRef<ModalProps, \"section\">(\n  ({ size, ...props }, ref) => {\n    const [styles, mergedProps] = useComponentMultiStyle(\"Modal\", {\n      size,\n      ...props,\n    })\n    const {\n      className,\n      allowPinchZoom = false,\n      animation = \"scale\",\n      autoFocus,\n      blockScrollOnMount = true,\n      children,\n      closeOnEsc = true,\n      closeOnOverlay = true,\n      duration,\n      finalFocusRef,\n      initialFocusRef,\n      isOpen,\n      lockFocusAcrossFrames = true,\n      outside = \"fallback(4, 1rem)\",\n      placement: _placement = \"center\",\n      restoreFocus,\n      scrollBehavior = \"inside\",\n      withCloseButton = true,\n      withOverlay = true,\n      containerProps,\n      portalProps,\n      onClose,\n      onCloseComplete,\n      onEsc,\n      onOverlayClick,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const onKeyDown = useCallback(\n      (ev: KeyboardEvent) => {\n        if (ev.key !== \"Escape\") return\n\n        ev.stopPropagation()\n\n        if (closeOnEsc) onClose?.()\n\n        onEsc?.()\n      },\n      [closeOnEsc, onClose, onEsc],\n    )\n\n    const validChildren = getValidChildren(children)\n\n    const [customModalOverlay, ...cloneChildren] = findChildren(\n      validChildren,\n      ModalOverlay,\n      DialogOverlay,\n      DrawerOverlay,\n    )\n\n    let drawerContent = findChild(validChildren, DrawerContent)\n\n    if (drawerContent)\n      drawerContent = cloneElement(drawerContent, { onKeyDown })\n\n    const placement = useValue(_placement)\n\n    const css: CSSUIObject = {\n      alignItems: placement.includes(\"top\")\n        ? \"flex-start\"\n        : placement.includes(\"bottom\")\n          ? \"flex-end\"\n          : \"center\",\n      display: \"flex\",\n      h: \"100dvh\",\n      justifyContent: placement.includes(\"left\")\n        ? \"flex-start\"\n        : placement.includes(\"right\")\n          ? \"flex-end\"\n          : \"center\",\n      left: 0,\n      p: size !== \"full\" ? outside : undefined,\n      position: \"fixed\",\n      top: 0,\n      w: \"100vw\",\n      zIndex: \"fallback(jeice, 110)\",\n    }\n\n    return (\n      <ModalProvider\n        value={{\n          animation,\n          closeOnOverlay,\n          duration,\n          isOpen,\n          scrollBehavior,\n          styles,\n          withCloseButton,\n          onClose,\n          onOverlayClick,\n        }}\n      >\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {isOpen ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <ui.div __css={css} {...containerProps}>\n                    {customModalOverlay ??\n                      (withOverlay && size !== \"full\" ? (\n                        <ModalOverlay />\n                      ) : null)}\n\n                    {drawerContent ?? (\n                      <ModalContent\n                        ref={ref}\n                        className={className}\n                        onKeyDown={onKeyDown}\n                        {...rest}\n                      >\n                        {cloneChildren}\n                      </ModalContent>\n                    )}\n                  </ui.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ModalProvider>\n    )\n  },\n)\n"],"mappings":"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","names":[]}

package/dist/{chunk-3BTHYYAS.mjs → chunk-7THNENCM.mjs}

@@ -1,37 +1,38 @@
 "use client"
 import {
   Modal
-} from "./chunk-IIKFZB3M.mjs";
+} from "./chunk-7I5LX3VI.mjs";
 import {
   DialogBody
-} from "./chunk-XFLVRTWU.mjs";
+} from "./chunk-VMTMWWII.mjs";
 import {
   DialogCloseButton
-} from "./chunk-BQAR3Q4F.mjs";
+} from "./chunk-LUSTM3GA.mjs";
 import {
   DialogFooter
-} from "./chunk-WK6DQSTW.mjs";
+} from "./chunk-W7WF42SC.mjs";
 import {
   DialogHeader
-} from "./chunk-KNCDANWW.mjs";
+} from "./chunk-37MTMX5B.mjs";
 import {
   DialogOverlay
-} from "./chunk-HUI5FLPV.mjs";
+} from "./chunk-EDCPPJBS.mjs";
 import {
   DialogProvider
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/dialog.tsx
 import { Button } from "@yamada-ui/button";
-import { useComponentMultiStyle, omitThemeProps } from "@yamada-ui/core";
+import { omitThemeProps, useComponentMultiStyle } from "@yamada-ui/core";
 import { motionForwardRef } from "@yamada-ui/motion";
 import {
+  cx,
+  findChild,
   getValidChildren,
-  omitChildren,
-  isValidElement,
   isEmpty,
-  cx,
-  findChild
+  isUndefined,
+  isValidElement,
+  omitChildren
 } from "@yamada-ui/utils";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Dialog = motionForwardRef(
@@ -42,19 +43,19 @@ var Dialog = motionForwardRef(
     });
     const {
       className,
+      cancel,
       children,
-      withOverlay = true,
-      withCloseButton = true,
-      header,
       footer,
-      cancel,
+      header,
       other,
       success,
-      onClose,
+      withCloseButton = true,
+      withOverlay = true,
+      containerProps,
       onCancel,
+      onClose,
       onOther,
       onSuccess,
-      containerProps,
       ...rest
     } = omitThemeProps(mergedProps);
     const validChildren = getValidChildren(children);
@@ -72,15 +73,18 @@ var Dialog = motionForwardRef(
       DialogFooter
     ) : children;
     const css = { ...styles.container };
-    const cancelButtonProps = isValidElement(cancel) ? { children: cancel } : cancel;
-    const otherButtonProps = isValidElement(other) ? { children: other } : other;
-    const successButtonProps = isValidElement(success) ? { children: success } : success;
-    if (cancelButtonProps && !cancelButtonProps.variant)
-      cancelButtonProps.variant = "ghost";
-    if (otherButtonProps && !otherButtonProps.colorScheme)
+    const cancelButtonProps = isValidElement(cancel) || isUndefined(cancel) ? { children: cancel } : cancel;
+    const otherButtonProps = isValidElement(other) || isUndefined(other) ? { children: other } : other;
+    const successButtonProps = isValidElement(success) || isUndefined(success) ? { children: success } : success;
+    if (!cancelButtonProps.variant) cancelButtonProps.variant = "ghost";
+    if (!otherButtonProps.colorScheme)
       otherButtonProps.colorScheme = "secondary";
-    if (successButtonProps && !successButtonProps.colorScheme)
+    if (!successButtonProps.colorScheme)
       successButtonProps.colorScheme = "primary";
+    const hasCancelButton = !!cancelButtonProps.children;
+    const hasOtherButton = !!otherButtonProps.children;
+    const hasSuccessButton = !!successButtonProps.children;
+    const hasFooter = hasCancelButton || hasOtherButton || hasSuccessButton;
     return /* @__PURE__ */ jsx(DialogProvider, { value: styles, children: /* @__PURE__ */ jsxs(
       Modal,
       {
@@ -88,10 +92,10 @@ var Dialog = motionForwardRef(
         className: cx("ui-dialog", className),
         __css: css,
         ...{
-          onClose,
-          withOverlay: false,
           withCloseButton: false,
+          withOverlay: false,
           containerProps,
+          onClose,
           ...rest,
           size
         },
@@ -100,22 +104,22 @@ var Dialog = motionForwardRef(
           customDialogCloseButton != null ? customDialogCloseButton : withCloseButton && onClose ? /* @__PURE__ */ jsx(DialogCloseButton, {}) : null,
           customDialogHeader != null ? customDialogHeader : header ? /* @__PURE__ */ jsx(DialogHeader, { children: header }) : null,
           customDialogBody != null ? customDialogBody : cloneChildren ? /* @__PURE__ */ jsx(DialogBody, { children: cloneChildren }) : null,
-          customDialogFooter != null ? customDialogFooter : footer || cancelButtonProps || otherButtonProps || successButtonProps ? /* @__PURE__ */ jsx(DialogFooter, { children: footer != null ? footer : /* @__PURE__ */ jsxs(Fragment, { children: [
-            cancelButtonProps ? /* @__PURE__ */ jsx(
+          customDialogFooter != null ? customDialogFooter : footer || hasFooter ? /* @__PURE__ */ jsx(DialogFooter, { children: footer != null ? footer : /* @__PURE__ */ jsxs(Fragment, { children: [
+            hasCancelButton ? /* @__PURE__ */ jsx(
               Button,
               {
                 onClick: () => onCancel == null ? void 0 : onCancel(onClose),
                 ...cancelButtonProps
               }
             ) : null,
-            otherButtonProps ? /* @__PURE__ */ jsx(
+            hasOtherButton ? /* @__PURE__ */ jsx(
               Button,
               {
                 onClick: () => onOther == null ? void 0 : onOther(onClose),
                 ...otherButtonProps
               }
             ) : null,
-            successButtonProps ? /* @__PURE__ */ jsx(
+            hasSuccessButton ? /* @__PURE__ */ jsx(
               Button,
               {
                 onClick: () => onSuccess == null ? void 0 : onSuccess(onClose),
@@ -134,4 +138,4 @@ Dialog.__ui__ = "Dialog";
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-3BTHYYAS.mjs.map
+//# sourceMappingURL=chunk-7THNENCM.mjs.map

package/dist/chunk-7THNENCM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport type { ModalProps } from \"./modal\"\nimport { Button } from \"@yamada-ui/button\"\nimport { omitThemeProps, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport {\n  cx,\n  findChild,\n  getValidChildren,\n  isEmpty,\n  isUndefined,\n  isValidElement,\n  omitChildren,\n} from \"@yamada-ui/utils\"\nimport { DialogBody } from \"./dialog-body\"\nimport { DialogCloseButton } from \"./dialog-close-button\"\nimport { DialogFooter } from \"./dialog-footer\"\nimport { DialogHeader } from \"./dialog-header\"\nimport { DialogOverlay } from \"./dialog-overlay\"\nimport { Modal } from \"./modal\"\nimport { DialogProvider } from \"./modal-context\"\n\ninterface DialogOptions {\n  /**\n   * The dialog cancel to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The dialog footer to use.\n   */\n  footer?: ReactNode\n  /**\n   * The dialog header to use.\n   */\n  header?: ReactNode\n  /**\n   * The dialog other to use.\n   */\n  other?: ButtonProps | ReactNode\n  /**\n   * The dialog success to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: (() => void) | undefined) => void\n  /**\n   * The callback invoked when other button clicked.\n   */\n  onOther?: (onClose: (() => void) | undefined) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: (() => void) | undefined) => void\n}\n\nexport interface DialogProps\n  extends Omit<ModalProps, keyof ThemeProps>,\n    ThemeProps<\"Dialog\">,\n    DialogOptions {}\n\n/**\n * `Dialog` is a component used to confirm or interrupt user actions.\n *\n * @see Docs https://yamada-ui.com/components/overlay/dialog\n */\nexport const Dialog = motionForwardRef<DialogProps, \"section\">(\n  ({ size, ...props }, ref) => {\n    const [styles, mergedProps] = useComponentMultiStyle(\"Dialog\", {\n      size,\n      ...props,\n    })\n    const {\n      className,\n      cancel,\n      children,\n      footer,\n      header,\n      other,\n      success,\n      withCloseButton = true,\n      withOverlay = true,\n      containerProps,\n      onCancel,\n      onClose,\n      onOther,\n      onSuccess,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const validChildren = getValidChildren(children)\n\n    const customDialogOverlay = findChild(validChildren, DialogOverlay)\n    const customDialogCloseButton = findChild(validChildren, DialogCloseButton)\n    const customDialogHeader = findChild(validChildren, DialogHeader)\n    const customDialogBody = findChild(validChildren, DialogBody)\n    const customDialogFooter = findChild(validChildren, DialogFooter)\n\n    const cloneChildren = !isEmpty(validChildren)\n      ? omitChildren(\n          validChildren,\n          DialogOverlay,\n          DialogCloseButton,\n          DialogHeader,\n          DialogBody,\n          DialogFooter,\n        )\n      : children\n\n    const css: CSSUIObject = { ...styles.container }\n\n    const cancelButtonProps: ButtonProps =\n      isValidElement(cancel) || isUndefined(cancel)\n        ? { children: cancel }\n        : cancel\n    const otherButtonProps: ButtonProps =\n      isValidElement(other) || isUndefined(other) ? { children: other } : other\n    const successButtonProps: ButtonProps =\n      isValidElement(success) || isUndefined(success)\n        ? { children: success }\n        : success\n\n    if (!cancelButtonProps.variant) cancelButtonProps.variant = \"ghost\"\n    if (!otherButtonProps.colorScheme)\n      otherButtonProps.colorScheme = \"secondary\"\n    if (!successButtonProps.colorScheme)\n      successButtonProps.colorScheme = \"primary\"\n\n    const hasCancelButton = !!cancelButtonProps.children\n    const hasOtherButton = !!otherButtonProps.children\n    const hasSuccessButton = !!successButtonProps.children\n    const hasFooter = hasCancelButton || hasOtherButton || hasSuccessButton\n\n    return (\n      <DialogProvider value={styles}>\n        <Modal\n          ref={ref}\n          className={cx(\"ui-dialog\", className)}\n          __css={css}\n          {...{\n            withCloseButton: false,\n            withOverlay: false,\n            containerProps,\n            onClose,\n            ...rest,\n            size,\n          }}\n        >\n          {customDialogOverlay ??\n            (withOverlay && size !== \"full\" ? <DialogOverlay /> : null)}\n          {customDialogCloseButton ??\n            (withCloseButton && onClose ? <DialogCloseButton /> : null)}\n          {customDialogHeader ??\n            (header ? <DialogHeader>{header}</DialogHeader> : null)}\n          {customDialogBody ??\n            (cloneChildren ? <DialogBody>{cloneChildren}</DialogBody> : null)}\n          {customDialogFooter ??\n            (footer || hasFooter ? (\n              <DialogFooter>\n                {footer ?? (\n                  <>\n                    {hasCancelButton ? (\n                      <Button\n                        onClick={() => onCancel?.(onClose)}\n                        {...cancelButtonProps}\n                      />\n                    ) : null}\n                    {hasOtherButton ? (\n                      <Button\n                        onClick={() => onOther?.(onClose)}\n                        {...otherButtonProps}\n                      />\n                    ) : null}\n                    {hasSuccessButton ? (\n                      <Button\n                        onClick={() => onSuccess?.(onClose)}\n                        {...successButtonProps}\n                      />\n                    ) : null}\n                  </>\n                )}\n              </DialogFooter>\n            ) : null)}\n        </Modal>\n      </DialogProvider>\n    )\n  },\n)\n\nDialog.displayName = \"Dialog\"\nDialog.__ui__ = \"Dialog\"\n"],"mappings":"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","names":[]}

package/dist/{chunk-4J4ISPN7.mjs → chunk-A7WOQJCA.mjs}

@@ -23,4 +23,4 @@ export {
   DrawerProvider,
   useDrawer
 };
-//# sourceMappingURL=chunk-4J4ISPN7.mjs.map
+//# sourceMappingURL=chunk-A7WOQJCA.mjs.map

package/dist/chunk-A7WOQJCA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-context.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOptions } from \"./modal\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface ModalContext extends ModalOptions {\n  styles: { [key: string]: CSSUIObject | undefined }\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 | undefined\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 | undefined\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":";;;AAEA,SAAS,qBAAqB;AAMvB,IAAM,CAAC,eAAe,QAAQ,IAAI,cAA4B;AAAA,EACnE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,IAAI,cAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,IAAI,cAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}

package/dist/{chunk-2LLDUYTG.mjs → chunk-BNRFPNWF.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalHeader
-} from "./chunk-SIKHBBVB.mjs";
+} from "./chunk-LYMMHCHF.mjs";
 import {
   useDrawer
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/drawer-header.tsx
 import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DrawerHeader.__ui__ = "DrawerHeader";
 export {
   DrawerHeader
 };
-//# sourceMappingURL=chunk-2LLDUYTG.mjs.map
+//# sourceMappingURL=chunk-BNRFPNWF.mjs.map

package/dist/{chunk-2LLDUYTG.mjs.map → chunk-BNRFPNWF.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DrawerHeaderProps extends ModalHeaderProps {}\n\nexport const DrawerHeader = forwardRef<DrawerHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.header }\n\n    return (\n      <ModalHeader\n        ref={ref}\n        className={cx(\"ui-drawer__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerHeader.displayName = \"DrawerHeader\"\nDrawerHeader.__ui__ = \"DrawerHeader\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,eAAe;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,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
+{"version":3,"sources":["../src/drawer-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DrawerHeaderProps extends ModalHeaderProps {}\n\nexport const DrawerHeader = forwardRef<DrawerHeaderProps, \"header\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.header }\n\n    return (\n      <ModalHeader\n        ref={ref}\n        className={cx(\"ui-drawer__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerHeader.displayName = \"DrawerHeader\"\nDrawerHeader.__ui__ = \"DrawerHeader\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,eAAe;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,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}

package/dist/{chunk-HUI5FLPV.mjs → chunk-EDCPPJBS.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalOverlay
-} from "./chunk-LTFXOP3I.mjs";
+} from "./chunk-VB44U6WY.mjs";
 import {
   useDialog
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/dialog-overlay.tsx
 import { motionForwardRef } from "@yamada-ui/motion";
@@ -31,4 +31,4 @@ DialogOverlay.__ui__ = "DialogOverlay";
 export {
   DialogOverlay
 };
-//# sourceMappingURL=chunk-HUI5FLPV.mjs.map
+//# sourceMappingURL=chunk-EDCPPJBS.mjs.map

package/dist/{chunk-HUI5FLPV.mjs.map → chunk-EDCPPJBS.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dialog-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\n\nexport interface DialogOverlayProps extends ModalOverlayProps {}\n\nexport const DialogOverlay = motionForwardRef<DialogOverlayProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.overlay }\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        className={cx(\"ui-dialog__overlay\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDialogOverlay.displayName = \"DialogOverlay\"\nDialogOverlay.__ui__ = \"DialogOverlay\"\n"],"mappings":";;;;;;;;;AACA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAcb;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
+{"version":3,"sources":["../src/dialog-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DialogOverlayProps extends ModalOverlayProps {}\n\nexport const DialogOverlay = motionForwardRef<DialogOverlayProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.overlay }\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        className={cx(\"ui-dialog__overlay\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDialogOverlay.displayName = \"DialogOverlay\"\nDialogOverlay.__ui__ = \"DialogOverlay\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAab;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}

package/dist/{chunk-XKKFTAXR.mjs → chunk-G7R3GU24.mjs}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalOverlay
-} from "./chunk-LTFXOP3I.mjs";
+} from "./chunk-VB44U6WY.mjs";
 import {
   useDrawer
-} from "./chunk-4J4ISPN7.mjs";
+} from "./chunk-A7WOQJCA.mjs";
 
 // src/drawer-overlay.tsx
 import { motionForwardRef } from "@yamada-ui/motion";
@@ -31,4 +31,4 @@ DrawerOverlay.__ui__ = "DrawerOverlay";
 export {
   DrawerOverlay
 };
-//# sourceMappingURL=chunk-XKKFTAXR.mjs.map
+//# sourceMappingURL=chunk-G7R3GU24.mjs.map

package/dist/{chunk-XKKFTAXR.mjs.map → chunk-G7R3GU24.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DrawerOverlayProps extends ModalOverlayProps {}\n\nexport const DrawerOverlay = motionForwardRef<DrawerOverlayProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.overlay }\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        className={cx(\"ui-drawer__overlay\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerOverlay.displayName = \"DrawerOverlay\"\nDrawerOverlay.__ui__ = \"DrawerOverlay\"\n"],"mappings":";;;;;;;;;AACA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAcb;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
+{"version":3,"sources":["../src/drawer-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DrawerOverlayProps extends ModalOverlayProps {}\n\nexport const DrawerOverlay = motionForwardRef<DrawerOverlayProps, \"div\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.overlay }\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        className={cx(\"ui-drawer__overlay\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nDrawerOverlay.displayName = \"DrawerOverlay\"\nDrawerOverlay.__ui__ = \"DrawerOverlay\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAab;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}