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

package/dist/chunk-DV6BTDBZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-close-button.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { ModalCloseButtonProps } from \"./modal-close-button\"\nimport { ModalCloseButton } from \"./modal-close-button\"\nimport { useDrawer } from \"./modal-context\"\n\nexport interface DrawerCloseButtonProps extends ModalCloseButtonProps {}\n\nexport const DrawerCloseButton = forwardRef<DrawerCloseButtonProps, \"button\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.closeButton }\n\n    return (\n      <ModalCloseButton\n        ref={ref}\n        className={cx(\"ui-drawer__close-button\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;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-G646NVHY.mjs

@@ -0,0 +1,176 @@
+"use client"
+import {
+  DrawerDragBar
+} from "./chunk-WEDZHILB.mjs";
+import {
+  DrawerCloseButton
+} from "./chunk-DV6BTDBZ.mjs";
+import {
+  useDrawer,
+  useModal
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-content.tsx
+import { ui } from "@yamada-ui/core";
+import { motionForwardRef } from "@yamada-ui/motion";
+import { Slide } from "@yamada-ui/transitions";
+import { useValue } from "@yamada-ui/use-value";
+import { getValidChildren, findChildren, cx, isArray } from "@yamada-ui/utils";
+import { useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DrawerContent = motionForwardRef(
+  ({
+    className,
+    children,
+    placement: _placement,
+    withCloseButton,
+    withDragBar,
+    closeOnDrag,
+    dragConstraints,
+    dragElastic,
+    dragOffset,
+    dragVelocity,
+    blankForDragProps,
+    ...rest
+  }, ref) => {
+    const { isOpen, onClose, duration } = useModal();
+    const styles = useDrawer();
+    const placement = useValue(_placement);
+    const validChildren = getValidChildren(children);
+    const [customDrawerCloseButton, ...cloneChildren] = findChildren(
+      validChildren,
+      DrawerCloseButton
+    );
+    const blankForDragBg = useMemo(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      const propBg = (_c = (_b = (_a = rest.backgroundColor) != null ? _a : rest.bgColor) != null ? _b : rest.background) != null ? _c : rest.bg;
+      const styleBg = (_j = (_h = (_f = (_d = styles.container) == null ? void 0 : _d.backgroundColor) != null ? _f : (_e = styles.container) == null ? void 0 : _e.bgColor) != null ? _h : (_g = styles.container) == null ? void 0 : _g.background) != null ? _j : (_i = styles.container) == null ? void 0 : _i.bg;
+      const computedBg = propBg != null ? propBg : styleBg;
+      return isArray(computedBg) ? computedBg : [computedBg];
+    }, [rest, styles]);
+    const blankForDrag = useMemo(() => {
+      let position = {};
+      switch (placement) {
+        case "top":
+          position = { top: "calc(-100dvh + 1px)", left: 0, right: 0 };
+          break;
+        case "bottom":
+          position = { bottom: "calc(-100dvh + 1px)", left: 0, right: 0 };
+          break;
+        case "left":
+          position = { left: "calc(-100% + 1px)", top: 0, bottom: 0 };
+          break;
+        case "right":
+          position = { right: "calc(-100% + 1px)", top: 0, bottom: 0 };
+          break;
+      }
+      const [lightBg, darkBg] = blankForDragBg;
+      return {
+        _after: {
+          content: '""',
+          display: "block",
+          w: "100%",
+          h: "100dvh",
+          bg: lightBg,
+          position: "absolute",
+          ...position,
+          ...blankForDragProps
+        },
+        _dark: {
+          _after: {
+            bg: darkBg
+          }
+        }
+      };
+    }, [placement, blankForDragBg, blankForDragProps]);
+    const css = useMemo(
+      () => ({
+        display: "flex",
+        flexDirection: placement === "top" || placement === "bottom" ? "column" : "row",
+        outline: 0,
+        ...closeOnDrag ? blankForDrag : {},
+        ...styles.container
+      }),
+      [blankForDrag, closeOnDrag, placement, styles]
+    );
+    const getDragDirectionRestriction = useCallback(
+      (value) => {
+        switch (placement) {
+          case "top":
+            return { bottom: value };
+          case "bottom":
+            return { top: value };
+          case "left":
+            return { right: value };
+          case "right":
+            return { left: value };
+        }
+      },
+      [placement]
+    );
+    const getDragDirection = useCallback(() => {
+      switch (placement) {
+        case "top":
+        case "bottom":
+          return "y";
+        case "left":
+        case "right":
+          return "x";
+      }
+    }, [placement]);
+    const isCloseByDragInfo = useCallback(
+      (info) => {
+        switch (placement) {
+          case "top":
+            return info.velocity.y <= dragVelocity * -1 || info.offset.y <= dragOffset * -1;
+          case "bottom":
+            return info.velocity.y >= dragVelocity || info.offset.y >= dragOffset;
+          case "left":
+            return info.velocity.x <= dragVelocity * -1 || info.offset.x <= dragOffset * -1;
+          case "right":
+            return info.velocity.x >= dragVelocity || info.offset.x >= dragOffset;
+        }
+      },
+      [placement, dragVelocity, dragOffset]
+    );
+    return /* @__PURE__ */ jsxs(
+      Slide,
+      {
+        ref,
+        className: cx("ui-drawer", className),
+        isOpen,
+        placement,
+        duration,
+        drag: closeOnDrag ? getDragDirection() : false,
+        dragConstraints: getDragDirectionRestriction(dragConstraints),
+        dragElastic: getDragDirectionRestriction(dragElastic),
+        dragSnapToOrigin: true,
+        dragMomentum: false,
+        onDragEnd: (_, info) => {
+          if (isCloseByDragInfo(info)) onClose == null ? void 0 : onClose();
+        },
+        tabIndex: -1,
+        __css: css,
+        ...rest,
+        children: [
+          customDrawerCloseButton != null ? customDrawerCloseButton : withCloseButton && onClose ? /* @__PURE__ */ jsx(DrawerCloseButton, {}) : null,
+          withDragBar && closeOnDrag && (placement === "bottom" || placement === "right") ? /* @__PURE__ */ jsx(DrawerDragBar, {}) : null,
+          /* @__PURE__ */ jsx(
+            ui.div,
+            {
+              className: "ui-drawer__inner",
+              __css: { display: "flex", flexDirection: "column", ...styles.inner },
+              children: cloneChildren
+            }
+          ),
+          withDragBar && closeOnDrag && (placement === "top" || placement === "left") ? /* @__PURE__ */ jsx(DrawerDragBar, {}) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  DrawerContent
+};
+//# sourceMappingURL=chunk-G646NVHY.mjs.map

package/dist/chunk-G646NVHY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-content.tsx"],"sourcesContent":["import type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport type { MotionPanInfo } from \"@yamada-ui/motion\"\nimport { Slide } from \"@yamada-ui/transitions\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport { getValidChildren, findChildren, cx, isArray } from \"@yamada-ui/utils\"\nimport { useCallback, useMemo } from \"react\"\nimport type { DrawerProps } from \"./drawer\"\nimport { DrawerCloseButton } from \"./drawer-close-button\"\nimport { DrawerDragBar } from \"./drawer-drag-bar\"\nimport { useDrawer, useModal } from \"./modal-context\"\n\nexport interface DrawerContentProps\n  extends Merge<\n    Omit<DrawerProps, \"isOpen\" | \"placement\" | keyof ThemeProps>,\n    Required<\n      Pick<\n        DrawerProps,\n        | \"placement\"\n        | \"dragConstraints\"\n        | \"dragElastic\"\n        | \"dragOffset\"\n        | \"dragVelocity\"\n        | \"placement\"\n      >\n    >\n  > {}\n\nexport const DrawerContent = motionForwardRef<DrawerContentProps, \"div\">(\n  (\n    {\n      className,\n      children,\n      placement: _placement,\n      withCloseButton,\n      withDragBar,\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragOffset,\n      dragVelocity,\n      blankForDragProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isOpen, onClose, duration } = useModal()\n    const styles = useDrawer()\n    const placement = useValue(_placement)\n\n    const validChildren = getValidChildren(children)\n\n    const [customDrawerCloseButton, ...cloneChildren] = findChildren(\n      validChildren,\n      DrawerCloseButton,\n    )\n\n    const blankForDragBg = useMemo(() => {\n      const propBg =\n        rest.backgroundColor ?? rest.bgColor ?? rest.background ?? rest.bg\n      const styleBg =\n        styles.container?.backgroundColor ??\n        styles.container?.bgColor ??\n        styles.container?.background ??\n        styles.container?.bg\n      const computedBg = propBg ?? styleBg\n\n      return isArray(computedBg) ? computedBg : [computedBg]\n    }, [rest, styles])\n\n    const blankForDrag = useMemo<CSSUIObject>(() => {\n      let position: CSSUIObject = {}\n\n      switch (placement) {\n        case \"top\":\n          position = { top: \"calc(-100dvh + 1px)\", left: 0, right: 0 }\n          break\n\n        case \"bottom\":\n          position = { bottom: \"calc(-100dvh + 1px)\", left: 0, right: 0 }\n          break\n\n        case \"left\":\n          position = { left: \"calc(-100% + 1px)\", top: 0, bottom: 0 }\n          break\n\n        case \"right\":\n          position = { right: \"calc(-100% + 1px)\", top: 0, bottom: 0 }\n          break\n      }\n\n      const [lightBg, darkBg] = blankForDragBg\n\n      return {\n        _after: {\n          content: '\"\"',\n          display: \"block\",\n          w: \"100%\",\n          h: \"100dvh\",\n          bg: lightBg,\n          position: \"absolute\",\n          ...position,\n          ...blankForDragProps,\n        },\n        _dark: {\n          _after: {\n            bg: darkBg,\n          },\n        },\n      }\n    }, [placement, blankForDragBg, blankForDragProps])\n\n    const css = useMemo<CSSUIObject>(\n      () => ({\n        display: \"flex\",\n        flexDirection:\n          placement === \"top\" || placement === \"bottom\" ? \"column\" : \"row\",\n        outline: 0,\n        ...(closeOnDrag ? blankForDrag : {}),\n        ...styles.container,\n      }),\n      [blankForDrag, closeOnDrag, placement, styles],\n    )\n\n    const getDragDirectionRestriction = useCallback(\n      (value: number) => {\n        switch (placement) {\n          case \"top\":\n            return { bottom: value }\n          case \"bottom\":\n            return { top: value }\n          case \"left\":\n            return { right: value }\n          case \"right\":\n            return { left: value }\n        }\n      },\n      [placement],\n    )\n\n    const getDragDirection = useCallback(() => {\n      switch (placement) {\n        case \"top\":\n        case \"bottom\":\n          return \"y\"\n        case \"left\":\n        case \"right\":\n          return \"x\"\n      }\n    }, [placement])\n\n    const isCloseByDragInfo = useCallback(\n      (info: MotionPanInfo) => {\n        switch (placement) {\n          case \"top\":\n            return (\n              info.velocity.y <= dragVelocity * -1 ||\n              info.offset.y <= dragOffset * -1\n            )\n          case \"bottom\":\n            return (\n              info.velocity.y >= dragVelocity || info.offset.y >= dragOffset\n            )\n          case \"left\":\n            return (\n              info.velocity.x <= dragVelocity * -1 ||\n              info.offset.x <= dragOffset * -1\n            )\n          case \"right\":\n            return (\n              info.velocity.x >= dragVelocity || info.offset.x >= dragOffset\n            )\n        }\n      },\n      [placement, dragVelocity, dragOffset],\n    )\n\n    return (\n      <Slide\n        ref={ref}\n        className={cx(\"ui-drawer\", className)}\n        isOpen={isOpen}\n        placement={placement}\n        duration={duration}\n        drag={closeOnDrag ? getDragDirection() : false}\n        dragConstraints={getDragDirectionRestriction(dragConstraints)}\n        dragElastic={getDragDirectionRestriction(dragElastic)}\n        dragSnapToOrigin\n        dragMomentum={false}\n        onDragEnd={(_, info) => {\n          if (isCloseByDragInfo(info)) onClose?.()\n        }}\n        tabIndex={-1}\n        __css={css}\n        {...rest}\n      >\n        {customDrawerCloseButton ??\n          (withCloseButton && onClose ? <DrawerCloseButton /> : null)}\n\n        {withDragBar &&\n        closeOnDrag &&\n        (placement === \"bottom\" || placement === \"right\") ? (\n          <DrawerDragBar />\n        ) : null}\n\n        <ui.div\n          className=\"ui-drawer__inner\"\n          __css={{ display: \"flex\", flexDirection: \"column\", ...styles.inner }}\n        >\n          {cloneChildren}\n        </ui.div>\n\n        {withDragBar &&\n        closeOnDrag &&\n        (placement === \"top\" || placement === \"left\") ? (\n          <DrawerDragBar />\n        ) : null}\n      </Slide>\n    )\n  },\n)\n"],"mappings":"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","names":[]}

package/dist/chunk-HM447TIY.mjs

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

package/dist/chunk-HM447TIY.mjs.map

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

package/dist/chunk-I6LPF3F6.mjs

@@ -0,0 +1,95 @@
+"use client"
+import {
+  DialogCloseButton
+} from "./chunk-3S4JQQU3.mjs";
+import {
+  ModalCloseButton
+} from "./chunk-5OKOSAXO.mjs";
+import {
+  useModal
+} from "./chunk-4J4ISPN7.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 { jsx, jsxs } from "react/jsx-runtime";
+var getModalContentProps = (animation = "scale", duration) => {
+  switch (animation) {
+    case "scale":
+      return {
+        ...scaleFadeProps,
+        custom: { scale: 0.95, reverse: true, duration }
+      };
+    case "top":
+      return {
+        ...slideFadeProps,
+        custom: { offsetY: -16, reverse: true, duration }
+      };
+    case "right":
+      return {
+        ...slideFadeProps,
+        custom: { offsetX: 16, reverse: true, duration }
+      };
+    case "left":
+      return {
+        ...slideFadeProps,
+        custom: { offsetX: -16, reverse: true, duration }
+      };
+    case "bottom":
+      return {
+        ...slideFadeProps,
+        custom: { offsetY: 16, reverse: true, duration }
+      };
+  }
+};
+var ModalContent = motionForwardRef(
+  ({ className, children, __css, ...rest }, ref) => {
+    const {
+      styles,
+      scrollBehavior,
+      withCloseButton,
+      onClose,
+      animation,
+      duration
+    } = useModal();
+    const validChildren = getValidChildren(children);
+    const [customModalCloseButton, ...cloneChildren] = findChildren(
+      validChildren,
+      ModalCloseButton,
+      DialogCloseButton
+    );
+    const props = animation !== "none" ? getModalContentProps(animation, duration) : {};
+    const css = {
+      position: "relative",
+      maxH: "100%",
+      display: "flex",
+      flexDirection: "column",
+      overflow: scrollBehavior === "inside" ? "hidden" : "auto",
+      outline: 0,
+      ...__css ? __css : styles.container
+    };
+    return /* @__PURE__ */ jsxs(
+      motion.section,
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        ref,
+        className: cx("ui-modal", className),
+        tabIndex: -1,
+        __css: css,
+        ...props,
+        ...rest,
+        children: [
+          customModalCloseButton != null ? customModalCloseButton : withCloseButton && onClose ? /* @__PURE__ */ jsx(ModalCloseButton, {}) : null,
+          cloneChildren
+        ]
+      }
+    );
+  }
+);
+
+export {
+  ModalContent
+};
+//# sourceMappingURL=chunk-I6LPF3F6.mjs.map

package/dist/chunk-I6LPF3F6.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 { motion, motionForwardRef } from \"@yamada-ui/motion\"\nimport { scaleFadeProps, slideFadeProps } from \"@yamada-ui/transitions\"\nimport { cx, getValidChildren, findChildren } from \"@yamada-ui/utils\"\nimport type { PropsWithChildren } from \"react\"\nimport { DialogCloseButton } from \"./dialog-close-button\"\nimport type { ModalProps } from \"./modal\"\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: { scale: 0.95, reverse: true, duration },\n      }\n    case \"top\":\n      return {\n        ...slideFadeProps,\n        custom: { offsetY: -16, reverse: true, duration },\n      }\n    case \"right\":\n      return {\n        ...slideFadeProps,\n        custom: { offsetX: 16, reverse: true, duration },\n      }\n    case \"left\":\n      return {\n        ...slideFadeProps,\n        custom: { offsetX: -16, reverse: true, duration },\n      }\n    case \"bottom\":\n      return {\n        ...slideFadeProps,\n        custom: { offsetY: 16, reverse: true, duration },\n      }\n  }\n}\n\nexport interface ModalContentProps\n  extends Omit<\n      MotionProps<\"section\">,\n      \"transition\" | \"scrollBehavior\" | \"animation\" | \"children\"\n    >,\n    PropsWithChildren {}\n\nexport const ModalContent = motionForwardRef<ModalContentProps, \"section\">(\n  ({ className, children, __css, ...rest }, ref) => {\n    const {\n      styles,\n      scrollBehavior,\n      withCloseButton,\n      onClose,\n      animation,\n      duration,\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      position: \"relative\",\n      maxH: \"100%\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      overflow: scrollBehavior === \"inside\" ? \"hidden\" : \"auto\",\n      outline: 0,\n      ...(__css ? __css : styles.container),\n    }\n\n    return (\n      <motion.section\n        role=\"dialog\"\n        aria-modal=\"true\"\n        ref={ref}\n        className={cx(\"ui-modal\", className)}\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"],"mappings":";;;;;;;;;;;;AAEA,SAAS,QAAQ,wBAAwB;AACzC,SAAS,gBAAgB,sBAAsB;AAC/C,SAAS,IAAI,kBAAkB,oBAAoB;AAgF7C,SAWkC,KAXlC;AAzEN,IAAM,uBAAuB,CAC3B,YAAqC,SACrC,aACG;AACH,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,OAAO,MAAM,SAAS,MAAM,SAAS;AAAA,MACjD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,SAAS,KAAK,SAAS,MAAM,SAAS;AAAA,MAClD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,SAAS,IAAI,SAAS,MAAM,SAAS;AAAA,MACjD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,SAAS,KAAK,SAAS,MAAM,SAAS;AAAA,MAClD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,SAAS,IAAI,SAAS,MAAM,SAAS;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,UAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,MACT,eAAe;AAAA,MACf,UAAU,mBAAmB,WAAW,WAAW;AAAA,MACnD,SAAS;AAAA,MACT,GAAI,QAAQ,QAAQ,OAAO;AAAA,IAC7B;AAEA,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX;AAAA,QACA,WAAW,GAAG,YAAY,SAAS;AAAA,QACnC,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;","names":[]}

package/dist/chunk-OFDDT2JT.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalOverlay
+} from "./chunk-4G6PCQ4G.mjs";
+import {
+  useDialog
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/dialog-overlay.tsx
+import { motionForwardRef } from "@yamada-ui/motion";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DialogOverlay = motionForwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDialog();
+    const css = { ...styles.overlay };
+    return /* @__PURE__ */ jsx(
+      ModalOverlay,
+      {
+        ref,
+        className: cx("ui-dialog__overlay", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DialogOverlay
+};
+//# sourceMappingURL=chunk-OFDDT2JT.mjs.map

package/dist/chunk-OFDDT2JT.mjs.map

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

package/dist/chunk-RSAJUBWR.mjs

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

package/dist/chunk-RSAJUBWR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog-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 { useDialog } from \"./modal-context\"\n\nexport interface DialogBodyProps extends ModalBodyProps {}\n\nexport const DialogBody = forwardRef<DialogBodyProps, \"main\">(\n  ({ className, ...rest }, ref) => {\n    const styles = useDialog()\n\n    const css: CSSUIObject = { ...styles.body }\n\n    return (\n      <ModalBody\n        ref={ref}\n        className={cx(\"ui-dialog__body\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"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;","names":[]}

package/dist/chunk-WEDZHILB.mjs

@@ -0,0 +1,29 @@
+"use client"
+import {
+  useDrawer
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-drag-bar.tsx
+import { forwardRef, ui } from "@yamada-ui/core";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DrawerDragBar = forwardRef(
+  ({ className, __css, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.dragBar };
+    return /* @__PURE__ */ jsx(
+      ui.div,
+      {
+        ref,
+        className: cx("ui-drawer__drag-bar", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DrawerDragBar
+};
+//# sourceMappingURL=chunk-WEDZHILB.mjs.map

package/dist/chunk-WEDZHILB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer-drag-bar.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\n\nexport interface DrawerDragBarProps extends HTMLUIProps {}\n\nexport const DrawerDragBar = forwardRef<DrawerDragBarProps, \"div\">(\n  ({ className, __css, ...rest }, ref) => {\n    const styles = useDrawer()\n\n    const css: CSSUIObject = { ...styles.dragBar }\n\n    return (\n      <ui.div\n        ref={ref}\n        className={cx(\"ui-drawer__drag-bar\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAYb;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AACtC,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":[]}

package/dist/chunk-Y2QXIJZA.mjs

@@ -0,0 +1,138 @@
+"use client"
+import {
+  Modal
+} from "./chunk-2UHL64SV.mjs";
+import {
+  DialogBody
+} from "./chunk-RSAJUBWR.mjs";
+import {
+  DialogCloseButton
+} from "./chunk-3S4JQQU3.mjs";
+import {
+  DialogFooter
+} from "./chunk-2GGZOTUT.mjs";
+import {
+  DialogHeader
+} from "./chunk-3CPIBNSS.mjs";
+import {
+  DialogOverlay
+} from "./chunk-OFDDT2JT.mjs";
+import {
+  DialogProvider
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/dialog.tsx
+import { Button } from "@yamada-ui/button";
+import { useComponentMultiStyle, omitThemeProps } from "@yamada-ui/core";
+import { motionForwardRef } from "@yamada-ui/motion";
+import {
+  getValidChildren,
+  findChildren,
+  omitChildren,
+  isValidElement,
+  isEmpty,
+  cx
+} from "@yamada-ui/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Dialog = motionForwardRef(
+  ({ size, ...props }, ref) => {
+    const [styles, mergedProps] = useComponentMultiStyle("Dialog", {
+      size,
+      ...props
+    });
+    const {
+      className,
+      children,
+      withOverlay = true,
+      withCloseButton = true,
+      header,
+      footer,
+      cancel,
+      other,
+      success,
+      onClose,
+      onCancel,
+      onOther,
+      onSuccess,
+      containerProps,
+      ...rest
+    } = omitThemeProps(mergedProps);
+    const validChildren = getValidChildren(children);
+    const [customDialogOverlay] = findChildren(validChildren, DialogOverlay);
+    const [customDialogCloseButton] = findChildren(
+      validChildren,
+      DialogCloseButton
+    );
+    const [customDialogHeader] = findChildren(validChildren, DialogHeader);
+    const [customDialogBody] = findChildren(validChildren, DialogBody);
+    const [customDialogFooter] = findChildren(validChildren, DialogFooter);
+    const cloneChildren = !isEmpty(validChildren) ? omitChildren(
+      validChildren,
+      DialogOverlay,
+      DialogCloseButton,
+      DialogHeader,
+      DialogBody,
+      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)
+      otherButtonProps.colorScheme = "secondary";
+    if (successButtonProps && !successButtonProps.colorScheme)
+      successButtonProps.colorScheme = "primary";
+    return /* @__PURE__ */ jsx(DialogProvider, { value: styles, children: /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        ref,
+        className: cx("ui-dialog", className),
+        __css: css,
+        ...{
+          onClose,
+          withOverlay: false,
+          withCloseButton: false,
+          containerProps,
+          ...rest,
+          size
+        },
+        children: [
+          customDialogOverlay != null ? customDialogOverlay : withOverlay && size !== "full" ? /* @__PURE__ */ jsx(DialogOverlay, {}) : null,
+          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(
+              Button,
+              {
+                onClick: () => onCancel == null ? void 0 : onCancel(onClose),
+                ...cancelButtonProps
+              }
+            ) : null,
+            otherButtonProps ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => onOther == null ? void 0 : onOther(onClose),
+                ...otherButtonProps
+              }
+            ) : null,
+            successButtonProps ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => onSuccess == null ? void 0 : onSuccess(onClose),
+                ...successButtonProps
+              }
+            ) : null
+          ] }) }) : null
+        ]
+      }
+    ) });
+  }
+);
+
+export {
+  Dialog
+};
+//# sourceMappingURL=chunk-Y2QXIJZA.mjs.map

package/dist/chunk-Y2QXIJZA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dialog.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport { Button } from \"@yamada-ui/button\"\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport { useComponentMultiStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport {\n  getValidChildren,\n  findChildren,\n  omitChildren,\n  isValidElement,\n  isEmpty,\n  cx,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode } from \"react\"\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 type { ModalProps } from \"./modal\"\nimport { Modal } from \"./modal\"\nimport { DialogProvider } from \"./modal-context\"\n\ninterface DialogOptions {\n  /**\n   * The dialog header to use.\n   */\n  header?: ReactNode\n  /**\n   * The dialog footer to use.\n   */\n  footer?: ReactNode\n  /**\n   * The dialog cancel to use.\n   */\n  cancel?: ReactNode | ButtonProps\n  /**\n   * The dialog other to use.\n   */\n  other?: ReactNode | ButtonProps\n  /**\n   * The dialog success to use.\n   */\n  success?: ReactNode | ButtonProps\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      children,\n      withOverlay = true,\n      withCloseButton = true,\n      header,\n      footer,\n      cancel,\n      other,\n      success,\n      onClose,\n      onCancel,\n      onOther,\n      onSuccess,\n      containerProps,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const validChildren = getValidChildren(children)\n\n    const [customDialogOverlay] = findChildren(validChildren, DialogOverlay)\n    const [customDialogCloseButton] = findChildren(\n      validChildren,\n      DialogCloseButton,\n    )\n    const [customDialogHeader] = findChildren(validChildren, DialogHeader)\n    const [customDialogBody] = findChildren(validChildren, DialogBody)\n    const [customDialogFooter] = findChildren(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 = isValidElement(cancel)\n      ? { children: cancel }\n      : cancel\n    const otherButtonProps: ButtonProps = isValidElement(other)\n      ? { children: other }\n      : other\n    const successButtonProps: ButtonProps = isValidElement(success)\n      ? { children: success }\n      : success\n\n    if (cancelButtonProps && !cancelButtonProps.variant)\n      cancelButtonProps.variant = \"ghost\"\n    if (otherButtonProps && !otherButtonProps.colorScheme)\n      otherButtonProps.colorScheme = \"secondary\"\n    if (successButtonProps && !successButtonProps.colorScheme)\n      successButtonProps.colorScheme = \"primary\"\n\n    return (\n      <DialogProvider value={styles}>\n        <Modal\n          ref={ref}\n          className={cx(\"ui-dialog\", className)}\n          __css={css}\n          {...{\n            onClose,\n            withOverlay: false,\n            withCloseButton: false,\n            containerProps,\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 ||\n            cancelButtonProps ||\n            otherButtonProps ||\n            successButtonProps ? (\n              <DialogFooter>\n                {footer ?? (\n                  <>\n                    {cancelButtonProps ? (\n                      <Button\n                        onClick={() => onCancel?.(onClose)}\n                        {...cancelButtonProps}\n                      />\n                    ) : null}\n                    {otherButtonProps ? (\n                      <Button\n                        onClick={() => onOther?.(onClose)}\n                        {...otherButtonProps}\n                      />\n                    ) : null}\n                    {successButtonProps ? (\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"],"mappings":"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","names":[]}

package/dist/chunk-Y5NCRCDU.mjs

@@ -0,0 +1,32 @@
+"use client"
+import {
+  ModalOverlay
+} from "./chunk-4G6PCQ4G.mjs";
+import {
+  useDrawer
+} from "./chunk-4J4ISPN7.mjs";
+
+// src/drawer-overlay.tsx
+import { motionForwardRef } from "@yamada-ui/motion";
+import { cx } from "@yamada-ui/utils";
+import { jsx } from "react/jsx-runtime";
+var DrawerOverlay = motionForwardRef(
+  ({ className, ...rest }, ref) => {
+    const styles = useDrawer();
+    const css = { ...styles.overlay };
+    return /* @__PURE__ */ jsx(
+      ModalOverlay,
+      {
+        ref,
+        className: cx("ui-drawer__overlay", className),
+        __css: css,
+        ...rest
+      }
+    );
+  }
+);
+
+export {
+  DrawerOverlay
+};
+//# sourceMappingURL=chunk-Y5NCRCDU.mjs.map

package/dist/chunk-Y5NCRCDU.mjs.map

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