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

package/dist/drawer-header.js

@@ -0,0 +1,91 @@
+"use client"
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/drawer-header.tsx
+var drawer_header_exports = {};
+__export(drawer_header_exports, {
+  DrawerHeader: () => DrawerHeader
+});
+module.exports = __toCommonJS(drawer_header_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/modal-context.ts
+var import_utils = require("@yamada-ui/utils");
+var [ModalProvider, useModal] = (0, import_utils.createContext)({
+  name: `ModalContext`,
+  errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in "<Modal />" `
+});
+var [DialogProvider, useDialog] = (0, import_utils.createContext)({
+  name: `DialogContext`,
+  errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in "<Dialog />" `
+});
+var [DrawerProvider, useDrawer] = (0, import_utils.createContext)({
+  name: `DrawerContext`,
+  errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in "<Drawer />" `
+});
+
+// src/modal-header.tsx
+var import_core = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ModalHeader = (0, import_core.forwardRef)(
+  ({ className, __css, ...rest }, ref) => {
+    const { styles } = useModal();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      ...__css ? __css : styles.header
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ui.header,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-modal__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+// src/drawer-header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DrawerHeader = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.header };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalHeader,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-drawer__header", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DrawerHeader
+});
+//# sourceMappingURL=drawer-header.js.map

package/dist/drawer-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-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 { 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","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/drawer-header.mjs

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

package/dist/drawer-header.mjs.map

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

package/dist/drawer-overlay.d.mts

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

package/dist/drawer-overlay.d.ts

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

package/dist/drawer-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/drawer-overlay.tsx
+var drawer_overlay_exports = {};
+__export(drawer_overlay_exports, {
+  DrawerOverlay: () => DrawerOverlay
+});
+module.exports = __toCommonJS(drawer_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/drawer-overlay.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DrawerOverlay = (0, import_motion2.motionForwardRef)(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.overlay };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ModalOverlay,
+      {
+        ref,
+        className: (0, import_utils3.cx)("ui-drawer__overlay", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DrawerOverlay
+});
+//# sourceMappingURL=drawer-overlay.js.map

package/dist/drawer-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-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 { 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","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/drawer-overlay.mjs

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

package/dist/drawer-overlay.mjs.map

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

package/dist/drawer.d.mts

@@ -1,19 +1,13 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { ThemeProps, HTMLUIProps, CSSUIObject } from '@yamada-ui/core';
-import * as _yamada_ui_close_button from '@yamada-ui/close-button';
 import * as _yamada_ui_motion from '@yamada-ui/motion';
+import { ThemeProps, CSSUIObject } from '@yamada-ui/core';
 import { SlideProps } from '@yamada-ui/transitions';
-import { FC } from 'react';
 import { ModalProps } from './modal.mjs';
-import { ModalOverlayProps } from './modal-overlay.mjs';
-import { ModalCloseButtonProps } from './modal-close-button.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';
+import 'react';
 
-type DrawerOptions = {
+interface DrawerOptions {
     /**
      * The placement of the drawer.
      *
@@ -64,27 +58,14 @@ type DrawerOptions = {
      * Props for the blank area when `closeOnDrag` is `true`.
      */
     blankForDragProps?: CSSUIObject;
-};
-type DrawerProps = Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | "placement" | "dragConstraints" | "dragElastic" | keyof ThemeProps> & ThemeProps<"Drawer"> & DrawerOptions;
+}
+interface DrawerProps extends Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | "placement" | "dragConstraints" | "dragElastic" | keyof ThemeProps>, ThemeProps<"Drawer">, DrawerOptions {
+}
 /**
  * `Drawer` is a component for a panel that appears from the edge of the screen.
  *
  * @see Docs https://yamada-ui.com/components/overlay/drawer
  */
 declare const Drawer: _yamada_ui_motion.MotionComponent<"div", DrawerProps>;
-type DrawerContentProps = Omit<DrawerProps, "isOpen" | "placement" | keyof ThemeProps> & Required<Pick<DrawerProps, "placement" | "dragConstraints" | "dragElastic" | "dragOffset" | "dragVelocity" | "placement">>;
-declare const DrawerContent: _yamada_ui_motion.MotionComponent<"div", DrawerContentProps>;
-type DrawerOverlayProps = ModalOverlayProps;
-declare const DrawerOverlay: _yamada_ui_motion.MotionComponent<"div", ModalOverlayProps>;
-type DrawerDragBarProps = HTMLUIProps<"div">;
-declare const DrawerDragBar: FC<DrawerDragBarProps>;
-type DrawerCloseButtonProps = ModalCloseButtonProps;
-declare const DrawerCloseButton: _yamada_ui_core.Component<"button", _yamada_ui_close_button.CloseButtonProps>;
-type DrawerHeaderProps = ModalHeaderProps;
-declare const DrawerHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
-type DrawerBodyProps = ModalBodyProps;
-declare const DrawerBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
-type DrawerFooterProps = ModalFooterProps;
-declare const DrawerFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
-export { Drawer, DrawerBody, type DrawerBodyProps, DrawerCloseButton, type DrawerCloseButtonProps, DrawerContent, DrawerDragBar, type DrawerDragBarProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, type DrawerProps };
+export { Drawer, type DrawerProps };

package/dist/drawer.d.ts

@@ -1,19 +1,13 @@
-import * as _yamada_ui_core from '@yamada-ui/core';
-import { ThemeProps, HTMLUIProps, CSSUIObject } from '@yamada-ui/core';
-import * as _yamada_ui_close_button from '@yamada-ui/close-button';
 import * as _yamada_ui_motion from '@yamada-ui/motion';
+import { ThemeProps, CSSUIObject } from '@yamada-ui/core';
 import { SlideProps } from '@yamada-ui/transitions';
-import { FC } from 'react';
 import { ModalProps } from './modal.js';
-import { ModalOverlayProps } from './modal-overlay.js';
-import { ModalCloseButtonProps } from './modal-close-button.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';
+import 'react';
 
-type DrawerOptions = {
+interface DrawerOptions {
     /**
      * The placement of the drawer.
      *
@@ -64,27 +58,14 @@ type DrawerOptions = {
      * Props for the blank area when `closeOnDrag` is `true`.
      */
     blankForDragProps?: CSSUIObject;
-};
-type DrawerProps = Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | "placement" | "dragConstraints" | "dragElastic" | keyof ThemeProps> & ThemeProps<"Drawer"> & DrawerOptions;
+}
+interface DrawerProps extends Omit<ModalProps, "scrollBehavior" | "animation" | "outside" | "placement" | "dragConstraints" | "dragElastic" | keyof ThemeProps>, ThemeProps<"Drawer">, DrawerOptions {
+}
 /**
  * `Drawer` is a component for a panel that appears from the edge of the screen.
  *
  * @see Docs https://yamada-ui.com/components/overlay/drawer
  */
 declare const Drawer: _yamada_ui_motion.MotionComponent<"div", DrawerProps>;
-type DrawerContentProps = Omit<DrawerProps, "isOpen" | "placement" | keyof ThemeProps> & Required<Pick<DrawerProps, "placement" | "dragConstraints" | "dragElastic" | "dragOffset" | "dragVelocity" | "placement">>;
-declare const DrawerContent: _yamada_ui_motion.MotionComponent<"div", DrawerContentProps>;
-type DrawerOverlayProps = ModalOverlayProps;
-declare const DrawerOverlay: _yamada_ui_motion.MotionComponent<"div", ModalOverlayProps>;
-type DrawerDragBarProps = HTMLUIProps<"div">;
-declare const DrawerDragBar: FC<DrawerDragBarProps>;
-type DrawerCloseButtonProps = ModalCloseButtonProps;
-declare const DrawerCloseButton: _yamada_ui_core.Component<"button", _yamada_ui_close_button.CloseButtonProps>;
-type DrawerHeaderProps = ModalHeaderProps;
-declare const DrawerHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
-type DrawerBodyProps = ModalBodyProps;
-declare const DrawerBody: _yamada_ui_core.Component<"main", ModalBodyProps>;
-type DrawerFooterProps = ModalFooterProps;
-declare const DrawerFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
-export { Drawer, DrawerBody, type DrawerBodyProps, DrawerCloseButton, type DrawerCloseButtonProps, DrawerContent, DrawerDragBar, type DrawerDragBarProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerOverlay, type DrawerOverlayProps, type DrawerProps };
+export { Drawer, type DrawerProps };