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

package/dist/dialog-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-header.tsx","../src/modal-context.ts","../src/modal-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","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 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":";;;;;;;;;;;;;;;;;;;;;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-header.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  DialogHeader
+} from "./chunk-3CPIBNSS.mjs";
+import "./chunk-B436JYPR.mjs";
+import "./chunk-4J4ISPN7.mjs";
+export {
+  DialogHeader
+};
+//# sourceMappingURL=dialog-header.mjs.map

package/dist/dialog-header.mjs.map

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

package/dist/dialog-overlay.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_motion from '@yamada-ui/motion';
+import { ModalOverlayProps } from './modal-overlay.mjs';
+
+interface DialogOverlayProps extends ModalOverlayProps {
+}
+declare const DialogOverlay: _yamada_ui_motion.MotionComponent<"div", DialogOverlayProps>;
+
+export { DialogOverlay, type DialogOverlayProps };

package/dist/dialog-overlay.d.ts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_motion from '@yamada-ui/motion';
+import { ModalOverlayProps } from './modal-overlay.js';
+
+interface DialogOverlayProps extends ModalOverlayProps {
+}
+declare const DialogOverlay: _yamada_ui_motion.MotionComponent<"div", DialogOverlayProps>;
+
+export { DialogOverlay, type DialogOverlayProps };

package/dist/dialog-overlay.js

@@ -0,0 +1,108 @@
+"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-overlay.tsx
+var dialog_overlay_exports = {};
+__export(dialog_overlay_exports, {
+  DialogOverlay: () => DialogOverlay
+});
+module.exports = __toCommonJS(dialog_overlay_exports);
+var import_motion2 = require("@yamada-ui/motion");
+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-overlay.tsx
+var import_motion = require("@yamada-ui/motion");
+var import_transitions = require("@yamada-ui/transitions");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalOverlay = (0, import_motion.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" ? import_transitions.fadeProps : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_motion.motion.div,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__overlay", className),
+        custom: { duration },
+        __css: css,
+        onClick: (0, import_utils2.handlerAll)(onClick, onOverlayClick, (ev) => {
+          ev.stopPropagation();
+          if (closeOnOverlay) onClose == null ? void 0 : onClose();
+        }),
+        ...props,
+        ...rest
+      }
+    );
+  }
+);
+
+// src/dialog-overlay.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DialogOverlay = (0, import_motion2.motionForwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.overlay };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalOverlay,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-dialog__overlay", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DialogOverlay
+});
+//# sourceMappingURL=dialog-overlay.js.map

package/dist/dialog-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-overlay.tsx","../src/modal-context.ts","../src/modal-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","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 { 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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,IAAAA,iBAAiC;AACjC,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;;;AC3BD,oBAAyC;AACzC,yBAA0B;AAC1B,IAAAC,gBAA+B;AA4BzB;AAvBC,IAAM,mBAAe;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,+BAAY,CAAC;AAElD,WACE;AAAA,MAAC,qBAAO;AAAA,MAAP;AAAA,QACC;AAAA,QACA,eAAW,kBAAG,qBAAqB,SAAS;AAAA,QAC5C,QAAQ,EAAE,SAAS;AAAA,QACnB,OAAO;AAAA,QACP,aAAS,0BAAW,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;;;AF9BM,IAAAC,sBAAA;AAPC,IAAM,oBAAgB;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,eAAW,kBAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_motion","import_utils","import_utils","import_jsx_runtime"]}

package/dist/dialog-overlay.mjs

@@ -0,0 +1,10 @@
+"use client"
+import {
+  DialogOverlay
+} from "./chunk-OFDDT2JT.mjs";
+import "./chunk-4G6PCQ4G.mjs";
+import "./chunk-4J4ISPN7.mjs";
+export {
+  DialogOverlay
+};
+//# sourceMappingURL=dialog-overlay.mjs.map

package/dist/dialog-overlay.mjs.map

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

package/dist/dialog.d.mts

@@ -1,18 +1,13 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { ThemeProps } from '@yamada-ui/core';
 import * as _yamada_ui_motion from '@yamada-ui/motion';
 import { ButtonProps } from '@yamada-ui/button';
-import { CloseButtonProps } from '@yamada-ui/close-button';
+import { ThemeProps } from '@yamada-ui/core';
 import { ReactNode } from 'react';
 import { ModalProps } from './modal.mjs';
-import { ModalOverlayProps } from './modal-overlay.mjs';
-import { ModalHeaderProps } from './modal-header.mjs';
-import { ModalBodyProps } from './modal-body.mjs';
-import { ModalFooterProps } from './modal-footer.mjs';
 import '@yamada-ui/focus-lock';
 import '@yamada-ui/portal';
+import './modal-content.mjs';
 
-type DialogOptions = {
+interface DialogOptions {
     /**
      * The dialog header to use.
      */
@@ -45,23 +40,14 @@ type DialogOptions = {
      * The callback invoked when success button clicked.
      */
     onSuccess?: (onClose: (() => void) | undefined) => void;
-};
-type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<"Dialog"> & DialogOptions;
+}
+interface DialogProps extends Omit<ModalProps, keyof ThemeProps>, ThemeProps<"Dialog">, DialogOptions {
+}
 /**
  * `Dialog` is a component used to confirm or interrupt user actions.
  *
  * @see Docs https://yamada-ui.com/components/overlay/dialog
  */
 declare const Dialog: _yamada_ui_motion.MotionComponent<"section", DialogProps>;
-type DialogOverlayProps = ModalOverlayProps;
-declare const DialogOverlay: _yamada_ui_motion.MotionComponent<"div", ModalOverlayProps>;
-type DialogCloseButtonProps = CloseButtonProps;
-declare const DialogCloseButton: _yamada_ui_core.Component<"button", CloseButtonProps>;
-type DialogHeaderProps = ModalHeaderProps;
-declare const DialogHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
-type DialogBodyProps = ModalBodyProps;
-declare const DialogBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
-type DialogFooterProps = ModalFooterProps;
-declare const DialogFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
-export { Dialog, DialogBody, type DialogBodyProps, DialogCloseButton, type DialogCloseButtonProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps };
+export { Dialog, type DialogProps };

package/dist/dialog.d.ts

@@ -1,18 +1,13 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { ThemeProps } from '@yamada-ui/core';
 import * as _yamada_ui_motion from '@yamada-ui/motion';
 import { ButtonProps } from '@yamada-ui/button';
-import { CloseButtonProps } from '@yamada-ui/close-button';
+import { ThemeProps } from '@yamada-ui/core';
 import { ReactNode } from 'react';
 import { ModalProps } from './modal.js';
-import { ModalOverlayProps } from './modal-overlay.js';
-import { ModalHeaderProps } from './modal-header.js';
-import { ModalBodyProps } from './modal-body.js';
-import { ModalFooterProps } from './modal-footer.js';
 import '@yamada-ui/focus-lock';
 import '@yamada-ui/portal';
+import './modal-content.js';
 
-type DialogOptions = {
+interface DialogOptions {
     /**
      * The dialog header to use.
      */
@@ -45,23 +40,14 @@ type DialogOptions = {
      * The callback invoked when success button clicked.
      */
     onSuccess?: (onClose: (() => void) | undefined) => void;
-};
-type DialogProps = Omit<ModalProps, keyof ThemeProps> & ThemeProps<"Dialog"> & DialogOptions;
+}
+interface DialogProps extends Omit<ModalProps, keyof ThemeProps>, ThemeProps<"Dialog">, DialogOptions {
+}
 /**
  * `Dialog` is a component used to confirm or interrupt user actions.
  *
  * @see Docs https://yamada-ui.com/components/overlay/dialog
  */
 declare const Dialog: _yamada_ui_motion.MotionComponent<"section", DialogProps>;
-type DialogOverlayProps = ModalOverlayProps;
-declare const DialogOverlay: _yamada_ui_motion.MotionComponent<"div", ModalOverlayProps>;
-type DialogCloseButtonProps = CloseButtonProps;
-declare const DialogCloseButton: _yamada_ui_core.Component<"button", CloseButtonProps>;
-type DialogHeaderProps = ModalHeaderProps;
-declare const DialogHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
-type DialogBodyProps = ModalBodyProps;
-declare const DialogBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
-type DialogFooterProps = ModalFooterProps;
-declare const DialogFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
-export { Dialog, DialogBody, type DialogBodyProps, DialogCloseButton, type DialogCloseButtonProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogOverlay, type DialogOverlayProps, type DialogProps };
+export { Dialog, type DialogProps };