@yamada-ui/modal 1.3.12-dev-20241005220629 → 1.3.12-dev-20241006000212

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/dist/{chunk-KNCDANWW.mjs → chunk-37MTMX5B.mjs} +3 -3
  2. package/dist/{chunk-KNCDANWW.mjs.map → chunk-37MTMX5B.mjs.map} +1 -1
  3. package/dist/{chunk-3BTHYYAS.mjs → chunk-526BQ7SZ.mjs} +36 -32
  4. package/dist/chunk-526BQ7SZ.mjs.map +1 -0
  5. package/dist/{chunk-SHVXETTC.mjs → chunk-6XAWCUQQ.mjs} +3 -3
  6. package/dist/{chunk-SHVXETTC.mjs.map → chunk-6XAWCUQQ.mjs.map} +1 -1
  7. package/dist/{chunk-4J4ISPN7.mjs → chunk-A7WOQJCA.mjs} +1 -1
  8. package/dist/chunk-A7WOQJCA.mjs.map +1 -0
  9. package/dist/{chunk-2LLDUYTG.mjs → chunk-BNRFPNWF.mjs} +3 -3
  10. package/dist/{chunk-2LLDUYTG.mjs.map → chunk-BNRFPNWF.mjs.map} +1 -1
  11. package/dist/{chunk-HUI5FLPV.mjs → chunk-EDCPPJBS.mjs} +3 -3
  12. package/dist/{chunk-HUI5FLPV.mjs.map → chunk-EDCPPJBS.mjs.map} +1 -1
  13. package/dist/{chunk-IIKFZB3M.mjs → chunk-FBAFH2NL.mjs} +43 -43
  14. package/dist/chunk-FBAFH2NL.mjs.map +1 -0
  15. package/dist/{chunk-XKKFTAXR.mjs → chunk-G7R3GU24.mjs} +3 -3
  16. package/dist/{chunk-XKKFTAXR.mjs.map → chunk-G7R3GU24.mjs.map} +1 -1
  17. package/dist/{chunk-LG73B7RP.mjs → chunk-L353QQ6S.mjs} +4 -4
  18. package/dist/{chunk-LG73B7RP.mjs.map → chunk-L353QQ6S.mjs.map} +1 -1
  19. package/dist/{chunk-BQAR3Q4F.mjs → chunk-LUSTM3GA.mjs} +3 -3
  20. package/dist/{chunk-SIKHBBVB.mjs → chunk-LYMMHCHF.mjs} +4 -4
  21. package/dist/{chunk-SIKHBBVB.mjs.map → chunk-LYMMHCHF.mjs.map} +1 -1
  22. package/dist/{chunk-K4MJNSAV.mjs → chunk-OAECULYV.mjs} +2 -2
  23. package/dist/{chunk-LK36SQZ5.mjs → chunk-P5SCGBP7.mjs} +19 -19
  24. package/dist/{chunk-LK36SQZ5.mjs.map → chunk-P5SCGBP7.mjs.map} +1 -1
  25. package/dist/{chunk-VSX32COP.mjs → chunk-PDW7A62B.mjs} +3 -3
  26. package/dist/{chunk-VSX32COP.mjs.map → chunk-PDW7A62B.mjs.map} +1 -1
  27. package/dist/{chunk-3K5JY6KM.mjs → chunk-QZP7RUJ4.mjs} +19 -19
  28. package/dist/chunk-QZP7RUJ4.mjs.map +1 -0
  29. package/dist/{chunk-ZRQKYX2B.mjs → chunk-SXQ2EUZJ.mjs} +41 -41
  30. package/dist/chunk-SXQ2EUZJ.mjs.map +1 -0
  31. package/dist/{chunk-LD26U4D3.mjs → chunk-TXXRGDQR.mjs} +3 -3
  32. package/dist/{chunk-LD26U4D3.mjs.map → chunk-TXXRGDQR.mjs.map} +1 -1
  33. package/dist/{chunk-LTFXOP3I.mjs → chunk-VB44U6WY.mjs} +10 -10
  34. package/dist/{chunk-LTFXOP3I.mjs.map → chunk-VB44U6WY.mjs.map} +1 -1
  35. package/dist/{chunk-XFLVRTWU.mjs → chunk-VMTMWWII.mjs} +3 -3
  36. package/dist/{chunk-XFLVRTWU.mjs.map → chunk-VMTMWWII.mjs.map} +1 -1
  37. package/dist/{chunk-6NMJJILM.mjs → chunk-VNQHFTL2.mjs} +3 -3
  38. package/dist/{chunk-6NMJJILM.mjs.map → chunk-VNQHFTL2.mjs.map} +1 -1
  39. package/dist/{chunk-WK6DQSTW.mjs → chunk-W7WF42SC.mjs} +3 -3
  40. package/dist/{chunk-WK6DQSTW.mjs.map → chunk-W7WF42SC.mjs.map} +1 -1
  41. package/dist/{chunk-TLLVKBMP.mjs → chunk-ZDEVCYYC.mjs} +5 -5
  42. package/dist/{chunk-TLLVKBMP.mjs.map → chunk-ZDEVCYYC.mjs.map} +1 -1
  43. package/dist/dialog-body.js +2 -2
  44. package/dist/dialog-body.js.map +1 -1
  45. package/dist/dialog-body.mjs +3 -3
  46. package/dist/dialog-close-button.js +1 -1
  47. package/dist/dialog-close-button.js.map +1 -1
  48. package/dist/dialog-close-button.mjs +3 -3
  49. package/dist/dialog-footer.js +1 -1
  50. package/dist/dialog-footer.js.map +1 -1
  51. package/dist/dialog-footer.mjs +3 -3
  52. package/dist/dialog-header.js +1 -1
  53. package/dist/dialog-header.js.map +1 -1
  54. package/dist/dialog-header.mjs +3 -3
  55. package/dist/dialog-overlay.js +8 -8
  56. package/dist/dialog-overlay.js.map +1 -1
  57. package/dist/dialog-overlay.mjs +3 -3
  58. package/dist/dialog.d.mts +6 -6
  59. package/dist/dialog.d.ts +6 -6
  60. package/dist/dialog.js +97 -94
  61. package/dist/dialog.js.map +1 -1
  62. package/dist/dialog.mjs +18 -18
  63. package/dist/drawer-body.js +2 -2
  64. package/dist/drawer-body.js.map +1 -1
  65. package/dist/drawer-body.mjs +3 -3
  66. package/dist/drawer-close-button.js +1 -1
  67. package/dist/drawer-close-button.js.map +1 -1
  68. package/dist/drawer-close-button.mjs +3 -3
  69. package/dist/drawer-content.d.mts +1 -1
  70. package/dist/drawer-content.d.ts +1 -1
  71. package/dist/drawer-content.js +15 -15
  72. package/dist/drawer-content.js.map +1 -1
  73. package/dist/drawer-content.mjs +5 -5
  74. package/dist/drawer-drag-bar.js.map +1 -1
  75. package/dist/drawer-drag-bar.mjs +2 -2
  76. package/dist/drawer-footer.js +1 -1
  77. package/dist/drawer-footer.js.map +1 -1
  78. package/dist/drawer-footer.mjs +3 -3
  79. package/dist/drawer-header.js +1 -1
  80. package/dist/drawer-header.js.map +1 -1
  81. package/dist/drawer-header.mjs +3 -3
  82. package/dist/drawer-overlay.js +8 -8
  83. package/dist/drawer-overlay.js.map +1 -1
  84. package/dist/drawer-overlay.mjs +3 -3
  85. package/dist/drawer.d.mts +17 -17
  86. package/dist/drawer.d.ts +17 -17
  87. package/dist/drawer.js +105 -105
  88. package/dist/drawer.js.map +1 -1
  89. package/dist/drawer.mjs +12 -12
  90. package/dist/index.d.mts +16 -16
  91. package/dist/index.d.ts +16 -16
  92. package/dist/index.js +432 -423
  93. package/dist/index.js.map +1 -1
  94. package/dist/index.mjs +22 -22
  95. package/dist/modal-body.js +2 -2
  96. package/dist/modal-body.js.map +1 -1
  97. package/dist/modal-body.mjs +2 -2
  98. package/dist/modal-close-button.js +1 -1
  99. package/dist/modal-close-button.js.map +1 -1
  100. package/dist/modal-close-button.mjs +2 -2
  101. package/dist/modal-content.d.mts +1 -1
  102. package/dist/modal-content.d.ts +1 -1
  103. package/dist/modal-content.js +15 -15
  104. package/dist/modal-content.js.map +1 -1
  105. package/dist/modal-content.mjs +4 -4
  106. package/dist/modal-context.d.mts +3 -3
  107. package/dist/modal-context.d.ts +3 -3
  108. package/dist/modal-context.js.map +1 -1
  109. package/dist/modal-context.mjs +1 -1
  110. package/dist/modal-footer.js +1 -1
  111. package/dist/modal-footer.js.map +1 -1
  112. package/dist/modal-footer.mjs +2 -2
  113. package/dist/modal-header.js +1 -1
  114. package/dist/modal-header.js.map +1 -1
  115. package/dist/modal-header.mjs +2 -2
  116. package/dist/modal-overlay.js +8 -8
  117. package/dist/modal-overlay.js.map +1 -1
  118. package/dist/modal-overlay.mjs +2 -2
  119. package/dist/modal.d.mts +46 -46
  120. package/dist/modal.d.ts +46 -46
  121. package/dist/modal.js +71 -71
  122. package/dist/modal.js.map +1 -1
  123. package/dist/modal.mjs +11 -11
  124. package/package.json +10 -10
  125. package/dist/chunk-3BTHYYAS.mjs.map +0 -1
  126. package/dist/chunk-3K5JY6KM.mjs.map +0 -1
  127. package/dist/chunk-4J4ISPN7.mjs.map +0 -1
  128. package/dist/chunk-IIKFZB3M.mjs.map +0 -1
  129. package/dist/chunk-ZRQKYX2B.mjs.map +0 -1
  130. /package/dist/{chunk-BQAR3Q4F.mjs.map → chunk-LUSTM3GA.mjs.map} +0 -0
  131. /package/dist/{chunk-K4MJNSAV.mjs.map → chunk-OAECULYV.mjs.map} +0 -0
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalHeader
4
- } from "./chunk-SIKHBBVB.mjs";
4
+ } from "./chunk-LYMMHCHF.mjs";
5
5
  import {
6
6
  useDialog
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/dialog-header.tsx
10
10
  import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DialogHeader.__ui__ = "DialogHeader";
31
31
  export {
32
32
  DialogHeader
33
33
  };
34
- //# sourceMappingURL=chunk-KNCDANWW.mjs.map
34
+ //# sourceMappingURL=chunk-37MTMX5B.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/dialog-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DialogHeaderProps extends ModalHeaderProps {}\n\nexport const DialogHeader = forwardRef<DialogHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const styles = useDialog()\n\n const css: CSSUIObject = { ...styles.header }\n\n return (\n <ModalHeader\n ref={ref}\n className={cx(\"ui-dialog__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDialogHeader.displayName = \"DialogHeader\"\nDialogHeader.__ui__ = \"DialogHeader\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,OAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/dialog-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DialogHeaderProps extends ModalHeaderProps {}\n\nexport const DialogHeader = forwardRef<DialogHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const styles = useDialog()\n\n const css: CSSUIObject = { ...styles.header }\n\n return (\n <ModalHeader\n ref={ref}\n className={cx(\"ui-dialog__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDialogHeader.displayName = \"DialogHeader\"\nDialogHeader.__ui__ = \"DialogHeader\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,OAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
@@ -1,37 +1,38 @@
1
1
  "use client"
2
2
  import {
3
3
  Modal
4
- } from "./chunk-IIKFZB3M.mjs";
4
+ } from "./chunk-FBAFH2NL.mjs";
5
5
  import {
6
6
  DialogBody
7
- } from "./chunk-XFLVRTWU.mjs";
7
+ } from "./chunk-VMTMWWII.mjs";
8
8
  import {
9
9
  DialogCloseButton
10
- } from "./chunk-BQAR3Q4F.mjs";
10
+ } from "./chunk-LUSTM3GA.mjs";
11
11
  import {
12
12
  DialogFooter
13
- } from "./chunk-WK6DQSTW.mjs";
13
+ } from "./chunk-W7WF42SC.mjs";
14
14
  import {
15
15
  DialogHeader
16
- } from "./chunk-KNCDANWW.mjs";
16
+ } from "./chunk-37MTMX5B.mjs";
17
17
  import {
18
18
  DialogOverlay
19
- } from "./chunk-HUI5FLPV.mjs";
19
+ } from "./chunk-EDCPPJBS.mjs";
20
20
  import {
21
21
  DialogProvider
22
- } from "./chunk-4J4ISPN7.mjs";
22
+ } from "./chunk-A7WOQJCA.mjs";
23
23
 
24
24
  // src/dialog.tsx
25
25
  import { Button } from "@yamada-ui/button";
26
- import { useComponentMultiStyle, omitThemeProps } from "@yamada-ui/core";
26
+ import { omitThemeProps, useComponentMultiStyle } from "@yamada-ui/core";
27
27
  import { motionForwardRef } from "@yamada-ui/motion";
28
28
  import {
29
+ cx,
30
+ findChild,
29
31
  getValidChildren,
30
- omitChildren,
31
- isValidElement,
32
32
  isEmpty,
33
- cx,
34
- findChild
33
+ isUndefined,
34
+ isValidElement,
35
+ omitChildren
35
36
  } from "@yamada-ui/utils";
36
37
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
37
38
  var Dialog = motionForwardRef(
@@ -42,19 +43,19 @@ var Dialog = motionForwardRef(
42
43
  });
43
44
  const {
44
45
  className,
46
+ cancel,
45
47
  children,
46
- withOverlay = true,
47
- withCloseButton = true,
48
- header,
49
48
  footer,
50
- cancel,
49
+ header,
51
50
  other,
52
51
  success,
53
- onClose,
52
+ withCloseButton = true,
53
+ withOverlay = true,
54
+ containerProps,
54
55
  onCancel,
56
+ onClose,
55
57
  onOther,
56
58
  onSuccess,
57
- containerProps,
58
59
  ...rest
59
60
  } = omitThemeProps(mergedProps);
60
61
  const validChildren = getValidChildren(children);
@@ -72,15 +73,18 @@ var Dialog = motionForwardRef(
72
73
  DialogFooter
73
74
  ) : children;
74
75
  const css = { ...styles.container };
75
- const cancelButtonProps = isValidElement(cancel) ? { children: cancel } : cancel;
76
- const otherButtonProps = isValidElement(other) ? { children: other } : other;
77
- const successButtonProps = isValidElement(success) ? { children: success } : success;
78
- if (cancelButtonProps && !cancelButtonProps.variant)
79
- cancelButtonProps.variant = "ghost";
80
- if (otherButtonProps && !otherButtonProps.colorScheme)
76
+ const cancelButtonProps = isValidElement(cancel) || isUndefined(cancel) ? { children: cancel } : cancel;
77
+ const otherButtonProps = isValidElement(other) || isUndefined(other) ? { children: other } : other;
78
+ const successButtonProps = isValidElement(success) || isUndefined(success) ? { children: success } : success;
79
+ if (!cancelButtonProps.variant) cancelButtonProps.variant = "ghost";
80
+ if (!otherButtonProps.colorScheme)
81
81
  otherButtonProps.colorScheme = "secondary";
82
- if (successButtonProps && !successButtonProps.colorScheme)
82
+ if (!successButtonProps.colorScheme)
83
83
  successButtonProps.colorScheme = "primary";
84
+ const hasCancelButton = !!cancelButtonProps.children;
85
+ const hasOtherButton = !!otherButtonProps.children;
86
+ const hasSuccessButton = !!successButtonProps.children;
87
+ const hasFooter = hasCancelButton || hasOtherButton || hasSuccessButton;
84
88
  return /* @__PURE__ */ jsx(DialogProvider, { value: styles, children: /* @__PURE__ */ jsxs(
85
89
  Modal,
86
90
  {
@@ -88,10 +92,10 @@ var Dialog = motionForwardRef(
88
92
  className: cx("ui-dialog", className),
89
93
  __css: css,
90
94
  ...{
91
- onClose,
92
- withOverlay: false,
93
95
  withCloseButton: false,
96
+ withOverlay: false,
94
97
  containerProps,
98
+ onClose,
95
99
  ...rest,
96
100
  size
97
101
  },
@@ -100,22 +104,22 @@ var Dialog = motionForwardRef(
100
104
  customDialogCloseButton != null ? customDialogCloseButton : withCloseButton && onClose ? /* @__PURE__ */ jsx(DialogCloseButton, {}) : null,
101
105
  customDialogHeader != null ? customDialogHeader : header ? /* @__PURE__ */ jsx(DialogHeader, { children: header }) : null,
102
106
  customDialogBody != null ? customDialogBody : cloneChildren ? /* @__PURE__ */ jsx(DialogBody, { children: cloneChildren }) : null,
103
- customDialogFooter != null ? customDialogFooter : footer || cancelButtonProps || otherButtonProps || successButtonProps ? /* @__PURE__ */ jsx(DialogFooter, { children: footer != null ? footer : /* @__PURE__ */ jsxs(Fragment, { children: [
104
- cancelButtonProps ? /* @__PURE__ */ jsx(
107
+ customDialogFooter != null ? customDialogFooter : footer || hasFooter ? /* @__PURE__ */ jsx(DialogFooter, { children: footer != null ? footer : /* @__PURE__ */ jsxs(Fragment, { children: [
108
+ hasCancelButton ? /* @__PURE__ */ jsx(
105
109
  Button,
106
110
  {
107
111
  onClick: () => onCancel == null ? void 0 : onCancel(onClose),
108
112
  ...cancelButtonProps
109
113
  }
110
114
  ) : null,
111
- otherButtonProps ? /* @__PURE__ */ jsx(
115
+ hasOtherButton ? /* @__PURE__ */ jsx(
112
116
  Button,
113
117
  {
114
118
  onClick: () => onOther == null ? void 0 : onOther(onClose),
115
119
  ...otherButtonProps
116
120
  }
117
121
  ) : null,
118
- successButtonProps ? /* @__PURE__ */ jsx(
122
+ hasSuccessButton ? /* @__PURE__ */ jsx(
119
123
  Button,
120
124
  {
121
125
  onClick: () => onSuccess == null ? void 0 : onSuccess(onClose),
@@ -134,4 +138,4 @@ Dialog.__ui__ = "Dialog";
134
138
  export {
135
139
  Dialog
136
140
  };
137
- //# sourceMappingURL=chunk-3BTHYYAS.mjs.map
141
+ //# sourceMappingURL=chunk-526BQ7SZ.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/dialog.tsx"],"sourcesContent":["import type { ButtonProps } from \"@yamada-ui/button\"\nimport type { CSSUIObject, ThemeProps } from \"@yamada-ui/core\"\nimport type { ReactNode } from \"react\"\nimport type { ModalProps } from \"./modal\"\nimport { Button } from \"@yamada-ui/button\"\nimport { omitThemeProps, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport {\n cx,\n findChild,\n getValidChildren,\n isEmpty,\n isUndefined,\n isValidElement,\n omitChildren,\n} from \"@yamada-ui/utils\"\nimport { DialogBody } from \"./dialog-body\"\nimport { DialogCloseButton } from \"./dialog-close-button\"\nimport { DialogFooter } from \"./dialog-footer\"\nimport { DialogHeader } from \"./dialog-header\"\nimport { DialogOverlay } from \"./dialog-overlay\"\nimport { Modal } from \"./modal\"\nimport { DialogProvider } from \"./modal-context\"\n\ninterface DialogOptions {\n /**\n * The dialog cancel to use.\n */\n cancel?: ButtonProps | ReactNode\n /**\n * The dialog footer to use.\n */\n footer?: ReactNode\n /**\n * The dialog header to use.\n */\n header?: ReactNode\n /**\n * The dialog other to use.\n */\n other?: ButtonProps | ReactNode\n /**\n * The dialog success to use.\n */\n success?: ButtonProps | ReactNode\n /**\n * The callback invoked when cancel button clicked.\n */\n onCancel?: (onClose: (() => void) | undefined) => void\n /**\n * The callback invoked when other button clicked.\n */\n onOther?: (onClose: (() => void) | undefined) => void\n /**\n * The callback invoked when success button clicked.\n */\n onSuccess?: (onClose: (() => void) | undefined) => void\n}\n\nexport interface DialogProps\n extends Omit<ModalProps, keyof ThemeProps>,\n ThemeProps<\"Dialog\">,\n DialogOptions {}\n\n/**\n * `Dialog` is a component used to confirm or interrupt user actions.\n *\n * @see Docs https://yamada-ui.com/components/overlay/dialog\n */\nexport const Dialog = motionForwardRef<DialogProps, \"section\">(\n ({ size, ...props }, ref) => {\n const [styles, mergedProps] = useComponentMultiStyle(\"Dialog\", {\n size,\n ...props,\n })\n const {\n className,\n cancel,\n children,\n footer,\n header,\n other,\n success,\n withCloseButton = true,\n withOverlay = true,\n containerProps,\n onCancel,\n onClose,\n onOther,\n onSuccess,\n ...rest\n } = omitThemeProps(mergedProps)\n\n const validChildren = getValidChildren(children)\n\n const customDialogOverlay = findChild(validChildren, DialogOverlay)\n const customDialogCloseButton = findChild(validChildren, DialogCloseButton)\n const customDialogHeader = findChild(validChildren, DialogHeader)\n const customDialogBody = findChild(validChildren, DialogBody)\n const customDialogFooter = findChild(validChildren, DialogFooter)\n\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(\n validChildren,\n DialogOverlay,\n DialogCloseButton,\n DialogHeader,\n DialogBody,\n DialogFooter,\n )\n : children\n\n const css: CSSUIObject = { ...styles.container }\n\n const cancelButtonProps: ButtonProps =\n isValidElement(cancel) || isUndefined(cancel)\n ? { children: cancel }\n : cancel\n const otherButtonProps: ButtonProps =\n isValidElement(other) || isUndefined(other) ? { children: other } : other\n const successButtonProps: ButtonProps =\n isValidElement(success) || isUndefined(success)\n ? { children: success }\n : success\n\n if (!cancelButtonProps.variant) cancelButtonProps.variant = \"ghost\"\n if (!otherButtonProps.colorScheme)\n otherButtonProps.colorScheme = \"secondary\"\n if (!successButtonProps.colorScheme)\n successButtonProps.colorScheme = \"primary\"\n\n const hasCancelButton = !!cancelButtonProps.children\n const hasOtherButton = !!otherButtonProps.children\n const hasSuccessButton = !!successButtonProps.children\n const hasFooter = hasCancelButton || hasOtherButton || hasSuccessButton\n\n return (\n <DialogProvider value={styles}>\n <Modal\n ref={ref}\n className={cx(\"ui-dialog\", className)}\n __css={css}\n {...{\n withCloseButton: false,\n withOverlay: false,\n containerProps,\n onClose,\n ...rest,\n size,\n }}\n >\n {customDialogOverlay ??\n (withOverlay && size !== \"full\" ? <DialogOverlay /> : null)}\n {customDialogCloseButton ??\n (withCloseButton && onClose ? <DialogCloseButton /> : null)}\n {customDialogHeader ??\n (header ? <DialogHeader>{header}</DialogHeader> : null)}\n {customDialogBody ??\n (cloneChildren ? <DialogBody>{cloneChildren}</DialogBody> : null)}\n {customDialogFooter ??\n (footer || hasFooter ? (\n <DialogFooter>\n {footer ?? (\n <>\n {hasCancelButton ? (\n <Button\n onClick={() => onCancel?.(onClose)}\n {...cancelButtonProps}\n />\n ) : null}\n {hasOtherButton ? (\n <Button\n onClick={() => onOther?.(onClose)}\n {...otherButtonProps}\n />\n ) : null}\n {hasSuccessButton ? (\n <Button\n onClick={() => onSuccess?.(onClose)}\n {...successButtonProps}\n />\n ) : null}\n </>\n )}\n </DialogFooter>\n ) : null)}\n </Modal>\n </DialogProvider>\n )\n },\n)\n\nDialog.displayName = \"Dialog\"\nDialog.__ui__ = \"Dialog\"\n"],"mappings":"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","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalBody
4
- } from "./chunk-TLLVKBMP.mjs";
4
+ } from "./chunk-ZDEVCYYC.mjs";
5
5
  import {
6
6
  useDrawer
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/drawer-body.tsx
10
10
  import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DrawerBody.__ui__ = "DrawerBody";
31
31
  export {
32
32
  DrawerBody
33
33
  };
34
- //# sourceMappingURL=chunk-SHVXETTC.mjs.map
34
+ //# sourceMappingURL=chunk-6XAWCUQQ.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/drawer-body.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport type { ModalBodyProps } from \"./modal-body\"\nimport { ModalBody } from \"./modal-body\"\nimport { useDrawer } from \"./modal-context\"\n\nexport interface DrawerBodyProps extends ModalBodyProps {}\n\nexport const DrawerBody = forwardRef<DrawerBodyProps, \"main\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.body }\n\n return (\n <ModalBody\n ref={ref}\n className={cx(\"ui-drawer__body\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerBody.displayName = \"DrawerBody\"\nDrawerBody.__ui__ = \"DrawerBody\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,KAAK;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/drawer-body.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalBodyProps } from \"./modal-body\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { ModalBody } from \"./modal-body\"\nimport { useDrawer } from \"./modal-context\"\n\nexport interface DrawerBodyProps extends ModalBodyProps {}\n\nexport const DrawerBody = forwardRef<DrawerBodyProps, \"main\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.body }\n\n return (\n <ModalBody\n ref={ref}\n className={cx(\"ui-drawer__body\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerBody.displayName = \"DrawerBody\"\nDrawerBody.__ui__ = \"DrawerBody\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,KAAK;AAE1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;","names":[]}
@@ -23,4 +23,4 @@ export {
23
23
  DrawerProvider,
24
24
  useDrawer
25
25
  };
26
- //# sourceMappingURL=chunk-4J4ISPN7.mjs.map
26
+ //# sourceMappingURL=chunk-A7WOQJCA.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/modal-context.ts"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOptions } from \"./modal\"\nimport { createContext } from \"@yamada-ui/utils\"\n\ninterface ModalContext extends ModalOptions {\n styles: { [key: string]: CSSUIObject | undefined }\n}\n\nexport const [ModalProvider, useModal] = createContext<ModalContext>({\n name: `ModalContext`,\n errorMessage: `useModal returned is 'undefined'. Seems you forgot to wrap the components in \"<Modal />\" `,\n})\n\ninterface DialogContext {\n [key: string]: CSSUIObject | undefined\n}\n\nexport const [DialogProvider, useDialog] = createContext<DialogContext>({\n name: `DialogContext`,\n errorMessage: `useDialog returned is 'undefined'. Seems you forgot to wrap the components in \"<Dialog />\" `,\n})\n\ninterface DrawerContext {\n [key: string]: CSSUIObject | undefined\n}\n\nexport const [DrawerProvider, useDrawer] = createContext<DrawerContext>({\n name: `DrawerContext`,\n errorMessage: `useDrawer returned is 'undefined'. Seems you forgot to wrap the components in \"<Drawer />\" `,\n})\n"],"mappings":";;;AAEA,SAAS,qBAAqB;AAMvB,IAAM,CAAC,eAAe,QAAQ,IAAI,cAA4B;AAAA,EACnE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,IAAI,cAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAMM,IAAM,CAAC,gBAAgB,SAAS,IAAI,cAA6B;AAAA,EACtE,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalHeader
4
- } from "./chunk-SIKHBBVB.mjs";
4
+ } from "./chunk-LYMMHCHF.mjs";
5
5
  import {
6
6
  useDrawer
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/drawer-header.tsx
10
10
  import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DrawerHeader.__ui__ = "DrawerHeader";
31
31
  export {
32
32
  DrawerHeader
33
33
  };
34
- //# sourceMappingURL=chunk-2LLDUYTG.mjs.map
34
+ //# sourceMappingURL=chunk-BNRFPNWF.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/drawer-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DrawerHeaderProps extends ModalHeaderProps {}\n\nexport const DrawerHeader = forwardRef<DrawerHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.header }\n\n return (\n <ModalHeader\n ref={ref}\n className={cx(\"ui-drawer__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerHeader.displayName = \"DrawerHeader\"\nDrawerHeader.__ui__ = \"DrawerHeader\"\n"],"mappings":";;;;;;;;;AACA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAcb;AAPC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,OAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/drawer-header.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalHeaderProps } from \"./modal-header\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport { ModalHeader } from \"./modal-header\"\n\nexport interface DrawerHeaderProps extends ModalHeaderProps {}\n\nexport const DrawerHeader = forwardRef<DrawerHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.header }\n\n return (\n <ModalHeader\n ref={ref}\n className={cx(\"ui-drawer__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerHeader.displayName = \"DrawerHeader\"\nDrawerHeader.__ui__ = \"DrawerHeader\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAab;AAPC,IAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,OAAO;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,QAC5C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAC3B,aAAa,SAAS;","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalOverlay
4
- } from "./chunk-LTFXOP3I.mjs";
4
+ } from "./chunk-VB44U6WY.mjs";
5
5
  import {
6
6
  useDialog
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/dialog-overlay.tsx
10
10
  import { motionForwardRef } from "@yamada-ui/motion";
@@ -31,4 +31,4 @@ DialogOverlay.__ui__ = "DialogOverlay";
31
31
  export {
32
32
  DialogOverlay
33
33
  };
34
- //# sourceMappingURL=chunk-HUI5FLPV.mjs.map
34
+ //# sourceMappingURL=chunk-EDCPPJBS.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/dialog-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\n\nexport interface DialogOverlayProps extends ModalOverlayProps {}\n\nexport const DialogOverlay = motionForwardRef<DialogOverlayProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const styles = useDialog()\n\n const css: CSSUIObject = { ...styles.overlay }\n\n return (\n <ModalOverlay\n ref={ref}\n className={cx(\"ui-dialog__overlay\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDialogOverlay.displayName = \"DialogOverlay\"\nDialogOverlay.__ui__ = \"DialogOverlay\"\n"],"mappings":";;;;;;;;;AACA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAcb;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/dialog-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDialog } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DialogOverlayProps extends ModalOverlayProps {}\n\nexport const DialogOverlay = motionForwardRef<DialogOverlayProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const styles = useDialog()\n\n const css: CSSUIObject = { ...styles.overlay }\n\n return (\n <ModalOverlay\n ref={ref}\n className={cx(\"ui-dialog__overlay\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDialogOverlay.displayName = \"DialogOverlay\"\nDialogOverlay.__ui__ = \"DialogOverlay\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAab;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
@@ -1,30 +1,30 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalContent
4
- } from "./chunk-3K5JY6KM.mjs";
4
+ } from "./chunk-QZP7RUJ4.mjs";
5
5
  import {
6
6
  DrawerContent
7
- } from "./chunk-LK36SQZ5.mjs";
7
+ } from "./chunk-P5SCGBP7.mjs";
8
8
  import {
9
9
  DrawerOverlay
10
- } from "./chunk-XKKFTAXR.mjs";
10
+ } from "./chunk-G7R3GU24.mjs";
11
11
  import {
12
12
  DialogOverlay
13
- } from "./chunk-HUI5FLPV.mjs";
13
+ } from "./chunk-EDCPPJBS.mjs";
14
14
  import {
15
15
  ModalOverlay
16
- } from "./chunk-LTFXOP3I.mjs";
16
+ } from "./chunk-VB44U6WY.mjs";
17
17
  import {
18
18
  ModalProvider
19
- } from "./chunk-4J4ISPN7.mjs";
19
+ } from "./chunk-A7WOQJCA.mjs";
20
20
 
21
21
  // src/modal.tsx
22
- import { ui, omitThemeProps, useComponentMultiStyle } from "@yamada-ui/core";
22
+ import { omitThemeProps, ui, useComponentMultiStyle } from "@yamada-ui/core";
23
23
  import { FocusLock } from "@yamada-ui/focus-lock";
24
24
  import { AnimatePresence, motionForwardRef } from "@yamada-ui/motion";
25
25
  import { Portal } from "@yamada-ui/portal";
26
26
  import { useValue } from "@yamada-ui/use-value";
27
- import { getValidChildren, findChildren, findChild } from "@yamada-ui/utils";
27
+ import { findChild, findChildren, getValidChildren } from "@yamada-ui/utils";
28
28
  import { cloneElement, useCallback } from "react";
29
29
  import { RemoveScroll } from "react-remove-scroll";
30
30
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -36,30 +36,30 @@ var Modal = motionForwardRef(
36
36
  });
37
37
  const {
38
38
  className,
39
- children,
40
- isOpen,
41
- onClose,
42
- onOverlayClick,
43
- onEsc,
44
- onCloseComplete,
45
- placement: _placement = "center",
46
- outside = "fallback(4, 1rem)",
47
- withCloseButton = true,
48
- withOverlay = true,
49
39
  allowPinchZoom = false,
50
- scrollBehavior = "inside",
40
+ animation = "scale",
51
41
  autoFocus,
52
- restoreFocus,
53
- initialFocusRef,
54
- finalFocusRef,
55
42
  blockScrollOnMount = true,
56
- closeOnOverlay = true,
43
+ children,
57
44
  closeOnEsc = true,
58
- lockFocusAcrossFrames = true,
59
- animation = "scale",
45
+ closeOnOverlay = true,
60
46
  duration,
61
- portalProps,
47
+ finalFocusRef,
48
+ initialFocusRef,
49
+ isOpen,
50
+ lockFocusAcrossFrames = true,
51
+ outside = "fallback(4, 1rem)",
52
+ placement: _placement = "center",
53
+ restoreFocus,
54
+ scrollBehavior = "inside",
55
+ withCloseButton = true,
56
+ withOverlay = true,
62
57
  containerProps,
58
+ portalProps,
59
+ onClose,
60
+ onCloseComplete,
61
+ onEsc,
62
+ onOverlayClick,
63
63
  ...rest
64
64
  } = omitThemeProps(mergedProps);
65
65
  const onKeyDown = useCallback(
@@ -83,39 +83,39 @@ var Modal = motionForwardRef(
83
83
  drawerContent = cloneElement(drawerContent, { onKeyDown });
84
84
  const placement = useValue(_placement);
85
85
  const css = {
86
+ alignItems: placement.includes("top") ? "flex-start" : placement.includes("bottom") ? "flex-end" : "center",
87
+ display: "flex",
88
+ h: "100dvh",
89
+ justifyContent: placement.includes("left") ? "flex-start" : placement.includes("right") ? "flex-end" : "center",
90
+ left: 0,
91
+ p: size !== "full" ? outside : void 0,
86
92
  position: "fixed",
87
93
  top: 0,
88
- left: 0,
89
- zIndex: "fallback(jeice, 110)",
90
94
  w: "100vw",
91
- h: "100dvh",
92
- p: size !== "full" ? outside : void 0,
93
- display: "flex",
94
- justifyContent: placement.includes("left") ? "flex-start" : placement.includes("right") ? "flex-end" : "center",
95
- alignItems: placement.includes("top") ? "flex-start" : placement.includes("bottom") ? "flex-end" : "center"
95
+ zIndex: "fallback(jeice, 110)"
96
96
  };
97
97
  return /* @__PURE__ */ jsx(
98
98
  ModalProvider,
99
99
  {
100
100
  value: {
101
- isOpen,
102
- onClose,
103
- onOverlayClick,
104
- withCloseButton,
105
- scrollBehavior,
106
- closeOnOverlay,
107
101
  animation,
102
+ closeOnOverlay,
108
103
  duration,
109
- styles
104
+ isOpen,
105
+ scrollBehavior,
106
+ styles,
107
+ withCloseButton,
108
+ onClose,
109
+ onOverlayClick
110
110
  },
111
111
  children: /* @__PURE__ */ jsx(AnimatePresence, { onExitComplete: onCloseComplete, children: isOpen ? /* @__PURE__ */ jsx(Portal, { ...portalProps, children: /* @__PURE__ */ jsx(
112
112
  FocusLock,
113
113
  {
114
114
  autoFocus,
115
- initialFocusRef,
116
115
  finalFocusRef,
117
- restoreFocus,
116
+ initialFocusRef,
118
117
  lockFocusAcrossFrames,
118
+ restoreFocus,
119
119
  children: /* @__PURE__ */ jsx(
120
120
  RemoveScroll,
121
121
  {
@@ -147,4 +147,4 @@ var Modal = motionForwardRef(
147
147
  export {
148
148
  Modal
149
149
  };
150
- //# sourceMappingURL=chunk-IIKFZB3M.mjs.map
150
+ //# sourceMappingURL=chunk-FBAFH2NL.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/modal.tsx"],"sourcesContent":["import type {\n CSSUIObject,\n CSSUIProps,\n HTMLUIProps,\n ThemeProps,\n Token,\n} from \"@yamada-ui/core\"\nimport type { FocusLockProps } from \"@yamada-ui/focus-lock\"\nimport type { MotionTransitionProps } from \"@yamada-ui/motion\"\nimport type { PortalProps } from \"@yamada-ui/portal\"\nimport type { KeyboardEvent } from \"react\"\nimport type { ModalContentProps } from \"./modal-content\"\nimport { omitThemeProps, ui, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { FocusLock } from \"@yamada-ui/focus-lock\"\nimport { AnimatePresence, motionForwardRef } from \"@yamada-ui/motion\"\nimport { Portal } from \"@yamada-ui/portal\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport { findChild, findChildren, getValidChildren } from \"@yamada-ui/utils\"\nimport { cloneElement, useCallback } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { DialogOverlay } from \"./dialog-overlay\"\nimport { DrawerContent } from \"./drawer-content\"\nimport { DrawerOverlay } from \"./drawer-overlay\"\nimport { ModalContent } from \"./modal-content\"\nimport { ModalProvider } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface ModalOptions\n extends Pick<\n FocusLockProps,\n | \"autoFocus\"\n | \"finalFocusRef\"\n | \"initialFocusRef\"\n | \"lockFocusAcrossFrames\"\n | \"restoreFocus\"\n > {\n /**\n * If `true`, the open will be opened.\n */\n isOpen: boolean\n /**\n * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n *\n * @default false.\n */\n allowPinchZoom?: boolean\n /**\n * The animation of the tooltip.\n *\n * @default 'scale'\n */\n animation?: \"bottom\" | \"left\" | \"none\" | \"right\" | \"scale\" | \"top\"\n /**\n * If `true`, scrolling will be disabled on the `body` when the modal opens.\n *\n * @default true\n */\n blockScrollOnMount?: boolean\n /**\n * If `true`, the modal will close when the `Esc` key is pressed.\n *\n * @default true\n */\n closeOnEsc?: boolean\n /**\n * If `true`, the modal will close when the overlay is clicked.\n *\n * @default true\n */\n closeOnOverlay?: boolean\n /**\n * The animation duration.\n */\n duration?: MotionTransitionProps[\"duration\"]\n /**\n * The CSS `padding` property.\n */\n outside?: CSSUIProps[\"p\"]\n /**\n * The placement of the modal.\n *\n * @default 'center'\n */\n placement?: Token<\n | \"bottom\"\n | \"bottom-left\"\n | \"bottom-right\"\n | \"center\"\n | \"left\"\n | \"right\"\n | \"top\"\n | \"top-left\"\n | \"top-right\"\n >\n /**\n * Where scroll behavior should originate.\n *\n * - `inside`: scroll only occurs within the `ModalBody`.\n * - `outside`: the entire `ModalContent` will scroll within the viewport.\n *\n * @default 'inside'\n */\n scrollBehavior?: \"inside\" | \"outside\"\n /**\n * If `true`, display the modal close button.\n *\n * @default true\n */\n withCloseButton?: boolean\n /**\n * If `true`, display the modal overlay.\n *\n * @default true\n */\n withOverlay?: boolean\n /**\n * Props for modal container element.\n */\n containerProps?: HTMLUIProps\n /**\n * Props to be forwarded to the portal component.\n */\n portalProps?: Omit<PortalProps, \"children\">\n /**\n * Callback invoked to close the modal.\n */\n onClose?: () => void\n /**\n * Callback function to run side effects after the modal has closed.\n */\n onCloseComplete?: () => void\n /**\n * Callback fired when the escape key is pressed and focus is within modal.\n */\n onEsc?(): void\n /**\n * Callback fired when the overlay is clicked.\n */\n onOverlayClick?: () => void\n}\n\nexport interface ModalProps\n extends ModalContentProps,\n ThemeProps<\"Modal\">,\n ModalOptions {}\n\n/**\n * `Modal` is a component that is displayed over the main content to focus the user's attention solely on the information.\n *\n * @see Docs https://yamada-ui.com/components/overlay/modal\n */\nexport const Modal = motionForwardRef<ModalProps, \"section\">(\n ({ size, ...props }, ref) => {\n const [styles, mergedProps] = useComponentMultiStyle(\"Modal\", {\n size,\n ...props,\n })\n const {\n className,\n allowPinchZoom = false,\n animation = \"scale\",\n autoFocus,\n blockScrollOnMount = true,\n children,\n closeOnEsc = true,\n closeOnOverlay = true,\n duration,\n finalFocusRef,\n initialFocusRef,\n isOpen,\n lockFocusAcrossFrames = true,\n outside = \"fallback(4, 1rem)\",\n placement: _placement = \"center\",\n restoreFocus,\n scrollBehavior = \"inside\",\n withCloseButton = true,\n withOverlay = true,\n containerProps,\n portalProps,\n onClose,\n onCloseComplete,\n onEsc,\n onOverlayClick,\n ...rest\n } = omitThemeProps(mergedProps)\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent) => {\n if (ev.key !== \"Escape\") return\n\n ev.stopPropagation()\n\n if (closeOnEsc) onClose?.()\n\n onEsc?.()\n },\n [closeOnEsc, onClose, onEsc],\n )\n\n const validChildren = getValidChildren(children)\n\n const [customModalOverlay, ...cloneChildren] = findChildren(\n validChildren,\n ModalOverlay,\n DialogOverlay,\n DrawerOverlay,\n )\n\n let drawerContent = findChild(validChildren, DrawerContent)\n\n if (drawerContent)\n drawerContent = cloneElement(drawerContent, { onKeyDown })\n\n const placement = useValue(_placement)\n\n const css: CSSUIObject = {\n alignItems: placement.includes(\"top\")\n ? \"flex-start\"\n : placement.includes(\"bottom\")\n ? \"flex-end\"\n : \"center\",\n display: \"flex\",\n h: \"100dvh\",\n justifyContent: placement.includes(\"left\")\n ? \"flex-start\"\n : placement.includes(\"right\")\n ? \"flex-end\"\n : \"center\",\n left: 0,\n p: size !== \"full\" ? outside : undefined,\n position: \"fixed\",\n top: 0,\n w: \"100vw\",\n zIndex: \"fallback(jeice, 110)\",\n }\n\n return (\n <ModalProvider\n value={{\n animation,\n closeOnOverlay,\n duration,\n isOpen,\n scrollBehavior,\n styles,\n withCloseButton,\n onClose,\n onOverlayClick,\n }}\n >\n <AnimatePresence onExitComplete={onCloseComplete}>\n {isOpen ? (\n <Portal {...portalProps}>\n <FocusLock\n autoFocus={autoFocus}\n finalFocusRef={finalFocusRef}\n initialFocusRef={initialFocusRef}\n lockFocusAcrossFrames={lockFocusAcrossFrames}\n restoreFocus={restoreFocus}\n >\n <RemoveScroll\n allowPinchZoom={allowPinchZoom}\n enabled={blockScrollOnMount}\n forwardProps\n >\n <ui.div __css={css} {...containerProps}>\n {customModalOverlay ??\n (withOverlay && size !== \"full\" ? (\n <ModalOverlay />\n ) : null)}\n\n {drawerContent ?? (\n <ModalContent\n ref={ref}\n className={className}\n onKeyDown={onKeyDown}\n {...rest}\n >\n {cloneChildren}\n </ModalContent>\n )}\n </ui.div>\n </RemoveScroll>\n </FocusLock>\n </Portal>\n ) : null}\n </AnimatePresence>\n </ModalProvider>\n )\n },\n)\n"],"mappings":"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","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalOverlay
4
- } from "./chunk-LTFXOP3I.mjs";
4
+ } from "./chunk-VB44U6WY.mjs";
5
5
  import {
6
6
  useDrawer
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/drawer-overlay.tsx
10
10
  import { motionForwardRef } from "@yamada-ui/motion";
@@ -31,4 +31,4 @@ DrawerOverlay.__ui__ = "DrawerOverlay";
31
31
  export {
32
32
  DrawerOverlay
33
33
  };
34
- //# sourceMappingURL=chunk-XKKFTAXR.mjs.map
34
+ //# sourceMappingURL=chunk-G7R3GU24.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/drawer-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DrawerOverlayProps extends ModalOverlayProps {}\n\nexport const DrawerOverlay = motionForwardRef<DrawerOverlayProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.overlay }\n\n return (\n <ModalOverlay\n ref={ref}\n className={cx(\"ui-drawer__overlay\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerOverlay.displayName = \"DrawerOverlay\"\nDrawerOverlay.__ui__ = \"DrawerOverlay\"\n"],"mappings":";;;;;;;;;AACA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAcb;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/drawer-overlay.tsx"],"sourcesContent":["import type { CSSUIObject } from \"@yamada-ui/core\"\nimport type { ModalOverlayProps } from \"./modal-overlay\"\nimport { motionForwardRef } from \"@yamada-ui/motion\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { useDrawer } from \"./modal-context\"\nimport { ModalOverlay } from \"./modal-overlay\"\n\nexport interface DrawerOverlayProps extends ModalOverlayProps {}\n\nexport const DrawerOverlay = motionForwardRef<DrawerOverlayProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const styles = useDrawer()\n\n const css: CSSUIObject = { ...styles.overlay }\n\n return (\n <ModalOverlay\n ref={ref}\n className={cx(\"ui-drawer__overlay\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nDrawerOverlay.displayName = \"DrawerOverlay\"\nDrawerOverlay.__ui__ = \"DrawerOverlay\"\n"],"mappings":";;;;;;;;;AAEA,SAAS,wBAAwB;AACjC,SAAS,UAAU;AAab;AAPC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,SAAS,UAAU;AAEzB,UAAM,MAAmB,EAAE,GAAG,OAAO,QAAQ;AAE7C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
@@ -1,18 +1,18 @@
1
1
  "use client"
2
2
  import {
3
3
  useModal
4
- } from "./chunk-4J4ISPN7.mjs";
4
+ } from "./chunk-A7WOQJCA.mjs";
5
5
 
6
6
  // src/modal-footer.tsx
7
- import { ui, forwardRef } from "@yamada-ui/core";
7
+ import { forwardRef, ui } from "@yamada-ui/core";
8
8
  import { cx } from "@yamada-ui/utils";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  var ModalFooter = forwardRef(
11
11
  ({ className, __css, ...rest }, ref) => {
12
12
  const { styles } = useModal();
13
13
  const css = {
14
- display: "flex",
15
14
  alignItems: "center",
15
+ display: "flex",
16
16
  justifyContent: "flex-end",
17
17
  ...__css ? __css : styles.footer
18
18
  };
@@ -33,4 +33,4 @@ ModalFooter.__ui__ = "ModalFooter";
33
33
  export {
34
34
  ModalFooter
35
35
  };
36
- //# sourceMappingURL=chunk-LG73B7RP.mjs.map
36
+ //# sourceMappingURL=chunk-L353QQ6S.mjs.map
@@ -1 +1 @@
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\nModalFooter.displayName = \"ModalFooter\"\nModalFooter.__ui__ = \"ModalFooter\"\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;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/modal-footer.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } 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 alignItems: \"center\",\n display: \"flex\",\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\nModalFooter.displayName = \"ModalFooter\"\nModalFooter.__ui__ = \"ModalFooter\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;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,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,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;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  ModalCloseButton
4
- } from "./chunk-VSX32COP.mjs";
4
+ } from "./chunk-PDW7A62B.mjs";
5
5
  import {
6
6
  useDialog
7
- } from "./chunk-4J4ISPN7.mjs";
7
+ } from "./chunk-A7WOQJCA.mjs";
8
8
 
9
9
  // src/dialog-close-button.tsx
10
10
  import { forwardRef } from "@yamada-ui/core";
@@ -31,4 +31,4 @@ DialogCloseButton.__ui__ = "DialogCloseButton";
31
31
  export {
32
32
  DialogCloseButton
33
33
  };
34
- //# sourceMappingURL=chunk-BQAR3Q4F.mjs.map
34
+ //# sourceMappingURL=chunk-LUSTM3GA.mjs.map
@@ -1,18 +1,18 @@
1
1
  "use client"
2
2
  import {
3
3
  useModal
4
- } from "./chunk-4J4ISPN7.mjs";
4
+ } from "./chunk-A7WOQJCA.mjs";
5
5
 
6
6
  // src/modal-header.tsx
7
- import { ui, forwardRef } from "@yamada-ui/core";
7
+ import { forwardRef, ui } from "@yamada-ui/core";
8
8
  import { cx } from "@yamada-ui/utils";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  var ModalHeader = forwardRef(
11
11
  ({ className, __css, ...rest }, ref) => {
12
12
  const { styles } = useModal();
13
13
  const css = {
14
- display: "flex",
15
14
  alignItems: "center",
15
+ display: "flex",
16
16
  justifyContent: "flex-start",
17
17
  ...__css ? __css : styles.header
18
18
  };
@@ -33,4 +33,4 @@ ModalHeader.__ui__ = "ModalHeader";
33
33
  export {
34
34
  ModalHeader
35
35
  };
36
- //# sourceMappingURL=chunk-SIKHBBVB.mjs.map
36
+ //# sourceMappingURL=chunk-LYMMHCHF.mjs.map
@@ -1 +1 @@
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\nModalHeader.displayName = \"ModalHeader\"\nModalHeader.__ui__ = \"ModalHeader\"\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;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/modal-header.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } 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 alignItems: \"center\",\n display: \"flex\",\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\nModalHeader.displayName = \"ModalHeader\"\nModalHeader.__ui__ = \"ModalHeader\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;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,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,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;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  useDrawer
4
- } from "./chunk-4J4ISPN7.mjs";
4
+ } from "./chunk-A7WOQJCA.mjs";
5
5
 
6
6
  // src/drawer-drag-bar.tsx
7
7
  import { forwardRef, ui } from "@yamada-ui/core";
@@ -28,4 +28,4 @@ DrawerDragBar.__ui__ = "DrawerDragBar";
28
28
  export {
29
29
  DrawerDragBar
30
30
  };
31
- //# sourceMappingURL=chunk-K4MJNSAV.mjs.map
31
+ //# sourceMappingURL=chunk-OAECULYV.mjs.map