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

package/dist/chunk-2EF6C34T.mjs

@@ -0,0 +1,35 @@
+"use client"
+import {
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal-body.tsx
+import { ui, forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var ModalBody = 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__ */ jsx(
+      ui.div,
+      {
+        ref,
+        className: cx("ui-modal__body", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  ModalBody
+};
+//# sourceMappingURL=chunk-2EF6C34T.mjs.map

package/dist/chunk-2EF6C34T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-body.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAkBb;AAbC,IAAM,YAAY;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,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,kBAAkB,SAAS;AAAA,QACzC,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-2GGZOTUT.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalFooter
+} from "./chunk-CW5ZZAAV.mjs";
+import {
+  useDialog
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/dialog-footer.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DialogFooter = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.footer };
+    return /* @__PURE__ */ jsx(
+      ModalFooter,
+      {
+        ref,
+        className: cx("ui-dialog__footer", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DialogFooter
+};
+//# sourceMappingURL=chunk-2GGZOTUT.mjs.map

package/dist/chunk-2GGZOTUT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-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"],"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;","names":[]}

package/dist/chunk-2UHL64SV.mjs

@@ -0,0 +1,150 @@
+"use client"
+import {
+  ModalContent
+} from "./chunk-I6LPF3F6.mjs";
+import {
+  DrawerContent
+} from "./chunk-G646NVHY.mjs";
+import {
+  DrawerOverlay
+} from "./chunk-Y5NCRCDU.mjs";
+import {
+  DialogOverlay
+} from "./chunk-OFDDT2JT.mjs";
+import {
+  ModalOverlay
+} from "./chunk-4G6PCQ4G.mjs";
+import {
+  ModalProvider
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal.tsx
+import { ui, omitThemeProps, 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 } from "@yamada-ui/utils";
+import { cloneElement, useCallback } from "react";
+import { RemoveScroll } from "react-remove-scroll";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Modal = motionForwardRef(
+  ({ size, ...props }, ref) => {
+    const [styles, mergedProps] = useComponentMultiStyle("Modal", {
+      size,
+      ...props
+    });
+    const {
+      className,
+      children,
+      isOpen,
+      onClose,
+      onOverlayClick,
+      onEsc,
+      onCloseComplete,
+      placement: _placement = "center",
+      outside = "fallback(4, 1rem)",
+      withCloseButton = true,
+      withOverlay = true,
+      allowPinchZoom = false,
+      scrollBehavior = "inside",
+      autoFocus,
+      restoreFocus,
+      initialFocusRef,
+      finalFocusRef,
+      blockScrollOnMount = true,
+      closeOnOverlay = true,
+      closeOnEsc = true,
+      lockFocusAcrossFrames = true,
+      animation = "scale",
+      duration,
+      portalProps,
+      containerProps,
+      ...rest
+    } = omitThemeProps(mergedProps);
+    const onKeyDown = useCallback(
+      (ev) => {
+        if (ev.key !== "Escape") return;
+        ev.stopPropagation();
+        if (closeOnEsc) onClose == null ? void 0 : onClose();
+        onEsc == null ? void 0 : onEsc();
+      },
+      [closeOnEsc, onClose, onEsc]
+    );
+    const validChildren = getValidChildren(children);
+    const [customModalOverlay, ...cloneChildren] = findChildren(
+      validChildren,
+      ModalOverlay,
+      DialogOverlay,
+      DrawerOverlay
+    );
+    let [drawerContent] = findChildren(validChildren, DrawerContent);
+    if (drawerContent)
+      drawerContent = cloneElement(drawerContent, { onKeyDown });
+    const placement = useValue(_placement);
+    const css = {
+      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"
+    };
+    return /* @__PURE__ */ jsx(
+      ModalProvider,
+      {
+        value: {
+          isOpen,
+          onClose,
+          onOverlayClick,
+          withCloseButton,
+          scrollBehavior,
+          closeOnOverlay,
+          animation,
+          duration,
+          styles
+        },
+        children: /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: onCloseComplete, children: isOpen ? /* @__PURE__ */ jsx(Portal, { ...portalProps, children: /* @__PURE__ */ jsx(
+          FocusLock,
+          {
+            autoFocus,
+            initialFocusRef,
+            finalFocusRef,
+            restoreFocus,
+            lockFocusAcrossFrames,
+            children: /* @__PURE__ */ jsx(
+              RemoveScroll,
+              {
+                allowPinchZoom,
+                enabled: blockScrollOnMount,
+                forwardProps: true,
+                children: /* @__PURE__ */ jsxs(ui.div, { __css: css, ...containerProps, children: [
+                  customModalOverlay != null ? customModalOverlay : withOverlay && size !== "full" ? /* @__PURE__ */ jsx(ModalOverlay, {}) : null,
+                  drawerContent != null ? drawerContent : /* @__PURE__ */ jsx(
+                    ModalContent,
+                    {
+                      ref,
+                      className,
+                      onKeyDown,
+                      ...rest,
+                      children: cloneChildren
+                    }
+                  )
+                ] })
+              }
+            )
+          }
+        ) }) : null })
+      }
+    );
+  }
+);
+
+export {
+  Modal
+};
+//# sourceMappingURL=chunk-2UHL64SV.mjs.map

package/dist/chunk-2UHL64SV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal.tsx"],"sourcesContent":["import type {\n  ThemeProps,\n  CSSUIObject,\n  CSSUIProps,\n  Token,\n  HTMLUIProps,\n} from \"@yamada-ui/core\"\nimport { ui, omitThemeProps, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport type { FocusLockProps } from \"@yamada-ui/focus-lock\"\nimport { FocusLock } from \"@yamada-ui/focus-lock\"\nimport type { MotionTransitionProps } from \"@yamada-ui/motion\"\nimport { AnimatePresence, motionForwardRef } from \"@yamada-ui/motion\"\nimport type { PortalProps } from \"@yamada-ui/portal\"\nimport { Portal } from \"@yamada-ui/portal\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { getValidChildren, findChildren } from \"@yamada-ui/utils\"\nimport type { KeyboardEvent } from \"react\"\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 type { ModalContentProps } from \"./modal-content\"\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    | \"initialFocusRef\"\n    | \"finalFocusRef\"\n    | \"restoreFocus\"\n    | \"lockFocusAcrossFrames\"\n  > {\n  /**\n   * If `true`, the open will be opened.\n   */\n  isOpen: boolean\n  /**\n   * Callback invoked to close the modal.\n   */\n  onClose?: () => void\n  /**\n   * Callback fired when the overlay is clicked.\n   */\n  onOverlayClick?: () => void\n  /**\n   * Callback fired when the escape key is pressed and focus is within modal.\n   */\n  onEsc?(): void\n  /**\n   * Callback function to run side effects after the modal has closed.\n   */\n  onCloseComplete?: () => void\n  /**\n   * The placement of the modal.\n   *\n   * @default 'center'\n   */\n  placement?: Token<\n    | \"center\"\n    | \"top\"\n    | \"right\"\n    | \"bottom\"\n    | \"left\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n  >\n  /**\n   * The CSS `padding` property.\n   */\n  outside?: CSSUIProps[\"p\"]\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   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\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`, 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 overlay is clicked.\n   *\n   * @default true\n   */\n  closeOnOverlay?: 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   * The animation of the tooltip.\n   *\n   * @default 'scale'\n   */\n  animation?: \"scale\" | \"top\" | \"right\" | \"left\" | \"bottom\" | \"none\"\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Props for modal container element.\n   */\n  containerProps?: HTMLUIProps\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      children,\n      isOpen,\n      onClose,\n      onOverlayClick,\n      onEsc,\n      onCloseComplete,\n      placement: _placement = \"center\",\n      outside = \"fallback(4, 1rem)\",\n      withCloseButton = true,\n      withOverlay = true,\n      allowPinchZoom = false,\n      scrollBehavior = \"inside\",\n      autoFocus,\n      restoreFocus,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount = true,\n      closeOnOverlay = true,\n      closeOnEsc = true,\n      lockFocusAcrossFrames = true,\n      animation = \"scale\",\n      duration,\n      portalProps,\n      containerProps,\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] = findChildren(validChildren, DrawerContent)\n\n    if (drawerContent)\n      drawerContent = cloneElement(drawerContent, { onKeyDown })\n\n    const placement = useValue(_placement)\n\n    const css: CSSUIObject = {\n      position: \"fixed\",\n      top: 0,\n      left: 0,\n      zIndex: \"fallback(jeice, 110)\",\n      w: \"100vw\",\n      h: \"100dvh\",\n      p: size !== \"full\" ? outside : undefined,\n      display: \"flex\",\n      justifyContent: placement.includes(\"left\")\n        ? \"flex-start\"\n        : placement.includes(\"right\")\n          ? \"flex-end\"\n          : \"center\",\n      alignItems: placement.includes(\"top\")\n        ? \"flex-start\"\n        : placement.includes(\"bottom\")\n          ? \"flex-end\"\n          : \"center\",\n    }\n\n    return (\n      <ModalProvider\n        value={{\n          isOpen,\n          onClose,\n          onOverlayClick,\n          withCloseButton,\n          scrollBehavior,\n          closeOnOverlay,\n          animation,\n          duration,\n          styles,\n        }}\n      >\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {isOpen ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                initialFocusRef={initialFocusRef}\n                finalFocusRef={finalFocusRef}\n                restoreFocus={restoreFocus}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\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-2XQPQIQG.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalFooter
+} from "./chunk-CW5ZZAAV.mjs";
+import {
+  useDrawer
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-footer.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DrawerFooter = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.footer };
+    return /* @__PURE__ */ jsx(
+      ModalFooter,
+      {
+        ref,
+        className: cx("ui-drawer__footer", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DrawerFooter
+};
+//# sourceMappingURL=chunk-2XQPQIQG.mjs.map

package/dist/chunk-2XQPQIQG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-footer.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 { ModalFooterProps } from \"./modal-footer\"\nimport { ModalFooter } from \"./modal-footer\"\n\nexport interface DrawerFooterProps extends ModalFooterProps {}\n\nexport const DrawerFooter = forwardRef<DrawerFooterProps, \"footer\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.footer }\n\n    return (\n      <ModalFooter\n        ref={ref}\n        className={cx(\"ui-drawer__footer\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\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;","names":[]}

package/dist/chunk-3CPIBNSS.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalHeader
+} from "./chunk-B436JYPR.mjs";
+import {
+  useDialog
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/dialog-header.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DialogHeader = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.header };
+    return /* @__PURE__ */ jsx(
+      ModalHeader,
+      {
+        ref,
+        className: cx("ui-dialog__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DialogHeader
+};
+//# sourceMappingURL=chunk-3CPIBNSS.mjs.map

package/dist/chunk-3CPIBNSS.mjs.map

@@ -0,0 +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"],"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;","names":[]}

package/dist/chunk-3S4JQQU3.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalCloseButton
+} from "./chunk-5OKOSAXO.mjs";
+import {
+  useDialog
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/dialog-close-button.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DialogCloseButton = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.closeButton };
+    return /* @__PURE__ */ jsx(
+      ModalCloseButton,
+      {
+        ref,
+        className: cx("ui-dialog__close-button", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DialogCloseButton
+};
+//# sourceMappingURL=chunk-3S4JQQU3.mjs.map

package/dist/chunk-3S4JQQU3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-close-button.tsx"],"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"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,oBAAoB;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,WAAW,GAAG,2BAA2B,SAAS;AAAA,QAClD,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-4G6PCQ4G.mjs

@@ -0,0 +1,51 @@
+"use client"
+import {
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal-overlay.tsx
+import { motion, motionForwardRef } from "@yamada-ui/motion";
+import { fadeProps } from "@yamada-ui/transitions";
+import { cx, handlerAll } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var ModalOverlay = motionForwardRef(
+  ({ className, __css, onClick, ...rest }, ref) => {
+    const {
+      styles,
+      closeOnOverlay,
+      onOverlayClick,
+      onClose,
+      animation,
+      duration
+    } = useModal();
+    const css = {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      w: "100vw",
+      h: "100vh",
+      ...__css ? __css : styles.overlay
+    };
+    const props = animation !== "none" ? fadeProps : {};
+    return /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        ref,
+        className: cx("ui-modal__overlay", className),
+        custom: { duration },
+        __css: css,
+        onClick: handlerAll(onClick, onOverlayClick, (ev) => {
+          ev.stopPropagation();
+          if (closeOnOverlay) onClose == null ? void 0 : onClose();
+        }),
+        ...props,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  ModalOverlay
+};
+//# sourceMappingURL=chunk-4G6PCQ4G.mjs.map

package/dist/chunk-4G6PCQ4G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { MotionProps } from \"@yamada-ui/motion\"\nimport { motion, motionForwardRef } from \"@yamada-ui/motion\"\nimport { fadeProps } from \"@yamada-ui/transitions\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { useModal } from \"./modal-context\"\n\nexport interface ModalOverlayProps extends MotionProps {}\n\nexport const ModalOverlay = motionForwardRef<ModalOverlayProps, \"div\">(\n  ({ className, __css, onClick, ...rest }, ref) => {\n    const {\n      styles,\n      closeOnOverlay,\n      onOverlayClick,\n      onClose,\n      animation,\n      duration,\n    } = useModal()\n\n    const css: CSSUIObject = {\n      position: \"fixed\",\n      top: 0,\n      left: 0,\n      w: \"100vw\",\n      h: \"100vh\",\n      ...(__css ? __css : styles.overlay),\n    }\n\n    const props = animation !== \"none\" ? fadeProps : {}\n\n    return (\n      <motion.div\n        ref={ref}\n        className={cx(\"ui-modal__overlay\", className)}\n        custom={{ duration }}\n        __css={css}\n        onClick={handlerAll(onClick, onOverlayClick, (ev) => {\n          ev.stopPropagation()\n          if (closeOnOverlay) onClose?.()\n        })}\n        {...props}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AAEA,SAAS,QAAQ,wBAAwB;AACzC,SAAS,iBAAiB;AAC1B,SAAS,IAAI,kBAAkB;AA4BzB;AAvBC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,OAAO,SAAS,GAAG,KAAK,GAAG,QAAQ;AAC/C,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,SAAS;AAEb,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,UAAM,QAAQ,cAAc,SAAS,YAAY,CAAC;AAElD,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,QAAQ,EAAE,SAAS;AAAA,QACnB,OAAO;AAAA,QACP,SAAS,WAAW,SAAS,gBAAgB,CAAC,OAAO;AACnD,aAAG,gBAAgB;AACnB,cAAI,eAAgB;AAAA,QACtB,CAAC;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-4J4ISPN7.mjs

@@ -0,0 +1,26 @@
+"use client"
+
+// src/modal-context.ts
+import { createContext } from "@yamada-ui/utils";
+var [ModalProvider, useModal] = createContext({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = createContext({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = createContext({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+export {
+  ModalProvider,
+  useModal,
+  DialogProvider,
+  useDialog,
+  DrawerProvider,
+  useDrawer
+};
+//# sourceMappingURL=chunk-4J4ISPN7.mjs.map

package/dist/chunk-4J4ISPN7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-context.ts"],"sourcesContent":["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":";;;AACA,SAAS,qBAAqB;AAOvB,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-5OKOSAXO.mjs

@@ -0,0 +1,37 @@
+"use client"
+import {
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal-close-button.tsx
+import { CloseButton } from "@yamada-ui/close-button";
+import { forwardRef } from "@yamada-ui/core";
+import { cx, handlerAll } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var ModalCloseButton = forwardRef(
+  ({ onClick, __css, ...rest }, ref) => {
+    const { styles, onClose } = useModal();
+    const css = {
+      position: "absolute",
+      ...__css ? __css : styles.closeButton
+    };
+    return /* @__PURE__ */ jsx(
+      CloseButton,
+      {
+        ref,
+        className: cx("ui-modal__close-button"),
+        __css: css,
+        onClick: handlerAll(onClick, (ev) => {
+          ev.stopPropagation();
+          onClose == null ? void 0 : onClose();
+        }),
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  ModalCloseButton
+};
+//# sourceMappingURL=chunk-5OKOSAXO.mjs.map

package/dist/chunk-5OKOSAXO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-close-button.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AACA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAC3B,SAAS,IAAI,kBAAkB;AAezB;AAVC,IAAM,mBAAmB;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,WAAW,GAAG,wBAAwB;AAAA,QACtC,OAAO;AAAA,QACP,SAAS,WAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACA,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-B2LUOR6L.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalHeader
+} from "./chunk-B436JYPR.mjs";
+import {
+  useDrawer
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-header.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DrawerHeader = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.header };
+    return /* @__PURE__ */ jsx(
+      ModalHeader,
+      {
+        ref,
+        className: cx("ui-drawer__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DrawerHeader
+};
+//# sourceMappingURL=chunk-B2LUOR6L.mjs.map

package/dist/chunk-B2LUOR6L.mjs.map

@@ -0,0 +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"],"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;","names":[]}

package/dist/chunk-B436JYPR.mjs

@@ -0,0 +1,34 @@
+"use client"
+import {
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal-header.tsx
+import { ui, forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var ModalHeader = forwardRef(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles } = useModal();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      ...__css ? __css : styles.header
+    };
+    return /* @__PURE__ */ jsx(
+      ui.header,
+      {
+        ref,
+        className: cx("ui-modal__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  ModalHeader
+};
+//# sourceMappingURL=chunk-B436JYPR.mjs.map

package/dist/chunk-B436JYPR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-header.tsx"],"sourcesContent":["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 ModalHeaderProps extends HTMLUIProps<\"header\"> {}\n\nexport const ModalHeader = forwardRef<ModalHeaderProps, \"header\">(\n  ({ className, __css, ...rest }, ref) => {\n    const { styles } = useModal()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"flex-start\",\n      ...(__css ? __css : styles.header),\n    }\n\n    return (\n      <ui.header\n        ref={ref}\n        className={cx(\"ui-modal__header\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,cAAc;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,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-CW5ZZAAV.mjs

@@ -0,0 +1,34 @@
+"use client"
+import {
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/modal-footer.tsx
+import { ui, forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var ModalFooter = forwardRef(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles } = useModal();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      ...__css ? __css : styles.footer
+    };
+    return /* @__PURE__ */ jsx(
+      ui.footer,
+      {
+        ref,
+        className: cx("ui-modal__footer", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  ModalFooter
+};
+//# sourceMappingURL=chunk-CW5ZZAAV.mjs.map

package/dist/chunk-CW5ZZAAV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal-footer.tsx"],"sourcesContent":["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":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,cAAc;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,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-DV6BTDBZ.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalCloseButton
+} from "./chunk-5OKOSAXO.mjs";
+import {
+  useDrawer
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-close-button.tsx
+import { forwardRef } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DrawerCloseButton = forwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.closeButton };
+    return /* @__PURE__ */ jsx(
+      ModalCloseButton,
+      {
+        ref,
+        className: cx("ui-drawer__close-button", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DrawerCloseButton
+};
+//# sourceMappingURL=chunk-DV6BTDBZ.mjs.map