@yamada-ui/modal 0.4.16 → 0.4.17

package/dist/{chunk-DBAELNWY.mjs → chunk-F3SQ4LXC.mjs}

@@ -68,7 +68,7 @@ var ModalOverlay = forwardRef(
       {
         as: motion.div,
         ref,
-        className: cx("ui-modal-overlay", className),
+        className: cx("ui-modal__overlay", className),
         custom: { duration },
         __css: css,
         onClick: handlerAll(onClick, onOverlayClick, (ev) => {
@@ -99,7 +99,7 @@ var ModalCloseButton = forwardRef2(
       CloseButton,
       {
         ref,
-        className: cx2("ui-modal-close-button"),
+        className: cx2("ui-modal__close-button"),
         __css: css,
         onClick: handlerAll2(onClick, (ev) => {
           ev.stopPropagation();
@@ -128,7 +128,7 @@ var ModalHeader = forwardRef3(
       ui2.header,
       {
         ref,
-        className: cx3("ui-modal-header", className),
+        className: cx3("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -154,7 +154,7 @@ var ModalBody = forwardRef4(
       ui3.main,
       {
         ref,
-        className: cx4("ui-modal-body", className),
+        className: cx4("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -179,7 +179,7 @@ var ModalFooter = forwardRef5(
       ui4.footer,
       {
         ref,
-        className: cx5("ui-modal-footer", className),
+        className: cx5("ui-modal__footer", className),
         __css: css,
         ...rest
       }
@@ -311,7 +311,7 @@ var DialogOverlay = forwardRef6(
       ModalOverlay,
       {
         ref,
-        className: cx6("ui-dialog-overlay", className),
+        className: cx6("ui-dialog__overlay", className),
         __css: css,
         ...rest
       }
@@ -326,7 +326,7 @@ var DialogCloseButton = forwardRef6(
       ModalCloseButton,
       {
         ref,
-        className: cx6("ui-dialog-close-button", className),
+        className: cx6("ui-dialog__close-button", className),
         __css: css,
         ...rest
       }
@@ -341,7 +341,7 @@ var DialogHeader = forwardRef6(
       ModalHeader,
       {
         ref,
-        className: cx6("ui-dialog-header", className),
+        className: cx6("ui-dialog__header", className),
         __css: css,
         ...rest
       }
@@ -356,7 +356,7 @@ var DialogBody = forwardRef6(
       ModalBody,
       {
         ref,
-        className: cx6("ui-dialog-body", className),
+        className: cx6("ui-dialog__body", className),
         __css: css,
         ...rest
       }
@@ -371,7 +371,7 @@ var DialogFooter = forwardRef6(
       ModalFooter,
       {
         ref,
-        className: cx6("ui-dialog-footer", className),
+        className: cx6("ui-dialog__footer", className),
         __css: css,
         ...rest
       }
@@ -687,7 +687,7 @@ var DrawerOverlay = forwardRef8(
       ModalOverlay,
       {
         ref,
-        className: cx8("ui-drawer-overlay", className),
+        className: cx8("ui-drawer__overlay", className),
         __css: css,
         ...rest
       }
@@ -702,7 +702,7 @@ var DrawerCloseButton = forwardRef8(
       ModalCloseButton,
       {
         ref,
-        className: cx8("ui-drawer-close-button", className),
+        className: cx8("ui-drawer__close-button", className),
         __css: css,
         ...rest
       }
@@ -717,7 +717,7 @@ var DrawerHeader = forwardRef8(
       ModalHeader,
       {
         ref,
-        className: cx8("ui-drawer-header", className),
+        className: cx8("ui-drawer__header", className),
         __css: css,
         ...rest
       }
@@ -732,7 +732,7 @@ var DrawerBody = forwardRef8(
       ModalBody,
       {
         ref,
-        className: cx8("ui-drawer-body", className),
+        className: cx8("ui-drawer__body", className),
         __css: css,
         ...rest
       }
@@ -747,7 +747,7 @@ var DrawerFooter = forwardRef8(
       ModalFooter,
       {
         ref,
-        className: cx8("ui-drawer-footer", className),
+        className: cx8("ui-drawer__footer", className),
         __css: css,
         ...rest
       }

package/dist/dialog.js

@@ -160,7 +160,7 @@ var DrawerOverlay = (0, import_core.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-overlay", className),
+        className: (0, import_utils.cx)("ui-drawer__overlay", className),
         __css: css,
         ...rest
       }
@@ -175,7 +175,7 @@ var DrawerCloseButton = (0, import_core.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-close-button", className),
+        className: (0, import_utils.cx)("ui-drawer__close-button", className),
         __css: css,
         ...rest
       }
@@ -190,7 +190,7 @@ var DrawerHeader = (0, import_core.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-header", className),
+        className: (0, import_utils.cx)("ui-drawer__header", className),
         __css: css,
         ...rest
       }
@@ -205,7 +205,7 @@ var DrawerBody = (0, import_core.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-body", className),
+        className: (0, import_utils.cx)("ui-drawer__body", className),
         __css: css,
         ...rest
       }
@@ -220,7 +220,7 @@ var DrawerFooter = (0, import_core.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-footer", className),
+        className: (0, import_utils.cx)("ui-drawer__footer", className),
         __css: css,
         ...rest
       }
@@ -453,7 +453,7 @@ var ModalOverlay = (0, import_core3.forwardRef)(
       {
         as: import_motion2.motion.div,
         ref,
-        className: (0, import_utils3.cx)("ui-modal-overlay", className),
+        className: (0, import_utils3.cx)("ui-modal__overlay", className),
         custom: { duration },
         __css: css,
         onClick: (0, import_utils3.handlerAll)(onClick, onOverlayClick, (ev) => {
@@ -484,7 +484,7 @@ var ModalCloseButton = (0, import_core4.forwardRef)(
       import_close_button.CloseButton,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-modal-close-button"),
+        className: (0, import_utils4.cx)("ui-modal__close-button"),
         __css: css,
         onClick: (0, import_utils4.handlerAll)(onClick, (ev) => {
           ev.stopPropagation();
@@ -513,7 +513,7 @@ var ModalHeader = (0, import_core5.forwardRef)(
       import_core5.ui.header,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-modal-header", className),
+        className: (0, import_utils5.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -539,7 +539,7 @@ var ModalBody = (0, import_core6.forwardRef)(
       import_core6.ui.main,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-modal-body", className),
+        className: (0, import_utils6.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -564,7 +564,7 @@ var ModalFooter = (0, import_core7.forwardRef)(
       import_core7.ui.footer,
       {
         ref,
-        className: (0, import_utils7.cx)("ui-modal-footer", className),
+        className: (0, import_utils7.cx)("ui-modal__footer", className),
         __css: css,
         ...rest
       }
@@ -681,7 +681,7 @@ var DialogOverlay = (0, import_core8.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-overlay", className),
+        className: (0, import_utils8.cx)("ui-dialog__overlay", className),
         __css: css,
         ...rest
       }
@@ -696,7 +696,7 @@ var DialogCloseButton = (0, import_core8.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-close-button", className),
+        className: (0, import_utils8.cx)("ui-dialog__close-button", className),
         __css: css,
         ...rest
       }
@@ -711,7 +711,7 @@ var DialogHeader = (0, import_core8.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-header", className),
+        className: (0, import_utils8.cx)("ui-dialog__header", className),
         __css: css,
         ...rest
       }
@@ -726,7 +726,7 @@ var DialogBody = (0, import_core8.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-body", className),
+        className: (0, import_utils8.cx)("ui-dialog__body", className),
         __css: css,
         ...rest
       }
@@ -741,7 +741,7 @@ var DialogFooter = (0, import_core8.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-footer", className),
+        className: (0, import_utils8.cx)("ui-dialog__footer", className),
         __css: css,
         ...rest
       }

package/dist/dialog.mjs

@@ -6,7 +6,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogOverlay
-} from "./chunk-DBAELNWY.mjs";
+} from "./chunk-F3SQ4LXC.mjs";
 export {
   Dialog,
   DialogBody,

package/dist/drawer.js

@@ -75,7 +75,7 @@ var ModalOverlay = (0, import_core.forwardRef)(
       {
         as: import_motion.motion.div,
         ref,
-        className: (0, import_utils.cx)("ui-modal-overlay", className),
+        className: (0, import_utils.cx)("ui-modal__overlay", className),
         custom: { duration },
         __css: css,
         onClick: (0, import_utils.handlerAll)(onClick, onOverlayClick, (ev) => {
@@ -106,7 +106,7 @@ var ModalCloseButton = (0, import_core2.forwardRef)(
       import_close_button.CloseButton,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-modal-close-button"),
+        className: (0, import_utils2.cx)("ui-modal__close-button"),
         __css: css,
         onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
           ev.stopPropagation();
@@ -135,7 +135,7 @@ var ModalHeader = (0, import_core3.forwardRef)(
       import_core3.ui.header,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-modal-header", className),
+        className: (0, import_utils3.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -161,7 +161,7 @@ var ModalBody = (0, import_core4.forwardRef)(
       import_core4.ui.main,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-modal-body", className),
+        className: (0, import_utils4.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -186,7 +186,7 @@ var ModalFooter = (0, import_core5.forwardRef)(
       import_core5.ui.footer,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-modal-footer", className),
+        className: (0, import_utils5.cx)("ui-modal__footer", className),
         __css: css,
         ...rest
       }
@@ -306,7 +306,7 @@ var DialogOverlay = (0, import_core6.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-dialog-overlay", className),
+        className: (0, import_utils6.cx)("ui-dialog__overlay", className),
         __css: css,
         ...rest
       }
@@ -321,7 +321,7 @@ var DialogCloseButton = (0, import_core6.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-dialog-close-button", className),
+        className: (0, import_utils6.cx)("ui-dialog__close-button", className),
         __css: css,
         ...rest
       }
@@ -336,7 +336,7 @@ var DialogHeader = (0, import_core6.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-dialog-header", className),
+        className: (0, import_utils6.cx)("ui-dialog__header", className),
         __css: css,
         ...rest
       }
@@ -351,7 +351,7 @@ var DialogBody = (0, import_core6.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-dialog-body", className),
+        className: (0, import_utils6.cx)("ui-dialog__body", className),
         __css: css,
         ...rest
       }
@@ -366,7 +366,7 @@ var DialogFooter = (0, import_core6.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-dialog-footer", className),
+        className: (0, import_utils6.cx)("ui-dialog__footer", className),
         __css: css,
         ...rest
       }
@@ -682,7 +682,7 @@ var DrawerOverlay = (0, import_core8.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-drawer-overlay", className),
+        className: (0, import_utils8.cx)("ui-drawer__overlay", className),
         __css: css,
         ...rest
       }
@@ -697,7 +697,7 @@ var DrawerCloseButton = (0, import_core8.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-drawer-close-button", className),
+        className: (0, import_utils8.cx)("ui-drawer__close-button", className),
         __css: css,
         ...rest
       }
@@ -712,7 +712,7 @@ var DrawerHeader = (0, import_core8.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-drawer-header", className),
+        className: (0, import_utils8.cx)("ui-drawer__header", className),
         __css: css,
         ...rest
       }
@@ -727,7 +727,7 @@ var DrawerBody = (0, import_core8.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-drawer-body", className),
+        className: (0, import_utils8.cx)("ui-drawer__body", className),
         __css: css,
         ...rest
       }
@@ -742,7 +742,7 @@ var DrawerFooter = (0, import_core8.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-drawer-footer", className),
+        className: (0, import_utils8.cx)("ui-drawer__footer", className),
         __css: css,
         ...rest
       }

package/dist/drawer.mjs

@@ -7,7 +7,7 @@ import {
   DrawerFooter,
   DrawerHeader,
   DrawerOverlay
-} from "./chunk-DBAELNWY.mjs";
+} from "./chunk-F3SQ4LXC.mjs";
 export {
   Drawer,
   DrawerBody,

package/dist/index.js

@@ -169,7 +169,7 @@ var DrawerOverlay = (0, import_core.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-overlay", className),
+        className: (0, import_utils.cx)("ui-drawer__overlay", className),
         __css: css,
         ...rest
       }
@@ -184,7 +184,7 @@ var DrawerCloseButton = (0, import_core.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-close-button", className),
+        className: (0, import_utils.cx)("ui-drawer__close-button", className),
         __css: css,
         ...rest
       }
@@ -199,7 +199,7 @@ var DrawerHeader = (0, import_core.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-header", className),
+        className: (0, import_utils.cx)("ui-drawer__header", className),
         __css: css,
         ...rest
       }
@@ -214,7 +214,7 @@ var DrawerBody = (0, import_core.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-body", className),
+        className: (0, import_utils.cx)("ui-drawer__body", className),
         __css: css,
         ...rest
       }
@@ -229,7 +229,7 @@ var DrawerFooter = (0, import_core.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils.cx)("ui-drawer-footer", className),
+        className: (0, import_utils.cx)("ui-drawer__footer", className),
         __css: css,
         ...rest
       }
@@ -462,7 +462,7 @@ var ModalOverlay = (0, import_core3.forwardRef)(
       {
         as: import_motion2.motion.div,
         ref,
-        className: (0, import_utils3.cx)("ui-modal-overlay", className),
+        className: (0, import_utils3.cx)("ui-modal__overlay", className),
         custom: { duration },
         __css: css,
         onClick: (0, import_utils3.handlerAll)(onClick, onOverlayClick, (ev) => {
@@ -493,7 +493,7 @@ var ModalCloseButton = (0, import_core4.forwardRef)(
       import_close_button.CloseButton,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-modal-close-button"),
+        className: (0, import_utils4.cx)("ui-modal__close-button"),
         __css: css,
         onClick: (0, import_utils4.handlerAll)(onClick, (ev) => {
           ev.stopPropagation();
@@ -522,7 +522,7 @@ var ModalHeader = (0, import_core5.forwardRef)(
       import_core5.ui.header,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-modal-header", className),
+        className: (0, import_utils5.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -548,7 +548,7 @@ var ModalBody = (0, import_core6.forwardRef)(
       import_core6.ui.main,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-modal-body", className),
+        className: (0, import_utils6.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -573,7 +573,7 @@ var ModalFooter = (0, import_core7.forwardRef)(
       import_core7.ui.footer,
       {
         ref,
-        className: (0, import_utils7.cx)("ui-modal-footer", className),
+        className: (0, import_utils7.cx)("ui-modal__footer", className),
         __css: css,
         ...rest
       }
@@ -693,7 +693,7 @@ var DialogOverlay = (0, import_core8.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-overlay", className),
+        className: (0, import_utils8.cx)("ui-dialog__overlay", className),
         __css: css,
         ...rest
       }
@@ -708,7 +708,7 @@ var DialogCloseButton = (0, import_core8.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-close-button", className),
+        className: (0, import_utils8.cx)("ui-dialog__close-button", className),
         __css: css,
         ...rest
       }
@@ -723,7 +723,7 @@ var DialogHeader = (0, import_core8.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-header", className),
+        className: (0, import_utils8.cx)("ui-dialog__header", className),
         __css: css,
         ...rest
       }
@@ -738,7 +738,7 @@ var DialogBody = (0, import_core8.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-body", className),
+        className: (0, import_utils8.cx)("ui-dialog__body", className),
         __css: css,
         ...rest
       }
@@ -753,7 +753,7 @@ var DialogFooter = (0, import_core8.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-dialog-footer", className),
+        className: (0, import_utils8.cx)("ui-dialog__footer", className),
         __css: css,
         ...rest
       }

package/dist/index.mjs

@@ -18,7 +18,7 @@ import {
   ModalFooter,
   ModalHeader,
   ModalOverlay
-} from "./chunk-DBAELNWY.mjs";
+} from "./chunk-F3SQ4LXC.mjs";
 export {
   Dialog,
   DialogBody,

package/dist/modal-body.js

@@ -73,7 +73,7 @@ var ModalOverlay = (0, import_core.forwardRef)(
       {
         as: import_motion.motion.div,
         ref,
-        className: (0, import_utils.cx)("ui-modal-overlay", className),
+        className: (0, import_utils.cx)("ui-modal__overlay", className),
         custom: { duration },
         __css: css,
         onClick: (0, import_utils.handlerAll)(onClick, onOverlayClick, (ev) => {
@@ -104,7 +104,7 @@ var ModalCloseButton = (0, import_core2.forwardRef)(
       import_close_button.CloseButton,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-modal-close-button"),
+        className: (0, import_utils2.cx)("ui-modal__close-button"),
         __css: css,
         onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
           ev.stopPropagation();
@@ -133,7 +133,7 @@ var ModalHeader = (0, import_core3.forwardRef)(
       import_core3.ui.header,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-modal-header", className),
+        className: (0, import_utils3.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -158,7 +158,7 @@ var ModalFooter = (0, import_core4.forwardRef)(
       import_core4.ui.footer,
       {
         ref,
-        className: (0, import_utils4.cx)("ui-modal-footer", className),
+        className: (0, import_utils4.cx)("ui-modal__footer", className),
         __css: css,
         ...rest
       }
@@ -278,7 +278,7 @@ var DialogOverlay = (0, import_core5.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-dialog-overlay", className),
+        className: (0, import_utils5.cx)("ui-dialog__overlay", className),
         __css: css,
         ...rest
       }
@@ -293,7 +293,7 @@ var DialogCloseButton = (0, import_core5.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-dialog-close-button", className),
+        className: (0, import_utils5.cx)("ui-dialog__close-button", className),
         __css: css,
         ...rest
       }
@@ -308,7 +308,7 @@ var DialogHeader = (0, import_core5.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-dialog-header", className),
+        className: (0, import_utils5.cx)("ui-dialog__header", className),
         __css: css,
         ...rest
       }
@@ -323,7 +323,7 @@ var DialogBody = (0, import_core5.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-dialog-body", className),
+        className: (0, import_utils5.cx)("ui-dialog__body", className),
         __css: css,
         ...rest
       }
@@ -338,7 +338,7 @@ var DialogFooter = (0, import_core5.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils5.cx)("ui-dialog-footer", className),
+        className: (0, import_utils5.cx)("ui-dialog__footer", className),
         __css: css,
         ...rest
       }
@@ -459,7 +459,7 @@ var DrawerOverlay = (0, import_core6.forwardRef)(
       ModalOverlay,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-drawer-overlay", className),
+        className: (0, import_utils6.cx)("ui-drawer__overlay", className),
         __css: css,
         ...rest
       }
@@ -474,7 +474,7 @@ var DrawerCloseButton = (0, import_core6.forwardRef)(
       ModalCloseButton,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-drawer-close-button", className),
+        className: (0, import_utils6.cx)("ui-drawer__close-button", className),
         __css: css,
         ...rest
       }
@@ -489,7 +489,7 @@ var DrawerHeader = (0, import_core6.forwardRef)(
       ModalHeader,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-drawer-header", className),
+        className: (0, import_utils6.cx)("ui-drawer__header", className),
         __css: css,
         ...rest
       }
@@ -504,7 +504,7 @@ var DrawerBody = (0, import_core6.forwardRef)(
       ModalBody,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-drawer-body", className),
+        className: (0, import_utils6.cx)("ui-drawer__body", className),
         __css: css,
         ...rest
       }
@@ -519,7 +519,7 @@ var DrawerFooter = (0, import_core6.forwardRef)(
       ModalFooter,
       {
         ref,
-        className: (0, import_utils6.cx)("ui-drawer-footer", className),
+        className: (0, import_utils6.cx)("ui-drawer__footer", className),
         __css: css,
         ...rest
       }
@@ -738,7 +738,7 @@ var ModalBody = (0, import_core8.forwardRef)(
       import_core8.ui.main,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-modal-body", className),
+        className: (0, import_utils8.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }

package/dist/modal-body.mjs

@@ -1,7 +1,7 @@
 "use client"
 import {
   ModalBody
-} from "./chunk-DBAELNWY.mjs";
+} from "./chunk-F3SQ4LXC.mjs";
 export {
   ModalBody
 };