@yamada-ui/modal 0.4.16 → 0.4.18

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
 };

package/dist/modal-close-button.js

@@ -74,7 +74,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 ModalHeader = (0, import_core2.forwardRef)(
       import_core2.ui.header,
       {
         ref,
-        className: (0, import_utils2.cx)("ui-modal-header", className),
+        className: (0, import_utils2.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }
@@ -132,7 +132,7 @@ var ModalBody = (0, import_core3.forwardRef)(
       import_core3.ui.main,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-modal-body", className),
+        className: (0, import_utils3.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -157,7 +157,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
       }
@@ -277,7 +277,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
       }
@@ -292,7 +292,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
       }
@@ -307,7 +307,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
       }
@@ -322,7 +322,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
       }
@@ -337,7 +337,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
       }
@@ -458,7 +458,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
       }
@@ -473,7 +473,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
       }
@@ -488,7 +488,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
       }
@@ -503,7 +503,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
       }
@@ -518,7 +518,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
       }
@@ -734,7 +734,7 @@ var ModalCloseButton = (0, import_core8.forwardRef)(
       import_close_button.CloseButton,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-modal-close-button"),
+        className: (0, import_utils8.cx)("ui-modal__close-button"),
         __css: css,
         onClick: (0, import_utils8.handlerAll)(onClick, (ev) => {
           ev.stopPropagation();

package/dist/modal-close-button.mjs

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

package/dist/modal-footer.d.mts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ModalFooterProps = HTMLUIProps<'footer'>;
+type ModalFooterProps = HTMLUIProps<"footer">;
 declare const ModalFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
 export { ModalFooter, ModalFooterProps };

package/dist/modal-footer.d.ts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ModalFooterProps = HTMLUIProps<'footer'>;
+type ModalFooterProps = HTMLUIProps<"footer">;
 declare const ModalFooter: _yamada_ui_core.Component<"footer", ModalFooterProps>;
 
 export { ModalFooter, ModalFooterProps };

package/dist/modal-footer.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
       }
@@ -159,7 +159,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
       }
@@ -279,7 +279,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
       }
@@ -294,7 +294,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
       }
@@ -309,7 +309,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
       }
@@ -324,7 +324,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
       }
@@ -339,7 +339,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
       }
@@ -460,7 +460,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
       }
@@ -475,7 +475,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
       }
@@ -490,7 +490,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
       }
@@ -505,7 +505,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
       }
@@ -520,7 +520,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 ModalFooter = (0, import_core8.forwardRef)(
       import_core8.ui.footer,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-modal-footer", className),
+        className: (0, import_utils8.cx)("ui-modal__footer", className),
         __css: css,
         ...rest
       }

package/dist/modal-footer.mjs

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

package/dist/modal-header.d.mts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ModalHeaderProps = HTMLUIProps<'header'>;
+type ModalHeaderProps = HTMLUIProps<"header">;
 declare const ModalHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
 
 export { ModalHeader, ModalHeaderProps };

package/dist/modal-header.d.ts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ModalHeaderProps = HTMLUIProps<'header'>;
+type ModalHeaderProps = HTMLUIProps<"header">;
 declare const ModalHeader: _yamada_ui_core.Component<"header", ModalHeaderProps>;
 
 export { ModalHeader, ModalHeaderProps };

package/dist/modal-header.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();
@@ -134,7 +134,7 @@ var ModalBody = (0, import_core3.forwardRef)(
       import_core3.ui.main,
       {
         ref,
-        className: (0, import_utils3.cx)("ui-modal-body", className),
+        className: (0, import_utils3.cx)("ui-modal__body", className),
         __css: css,
         ...rest
       }
@@ -159,7 +159,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
       }
@@ -279,7 +279,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
       }
@@ -294,7 +294,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
       }
@@ -309,7 +309,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
       }
@@ -324,7 +324,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
       }
@@ -339,7 +339,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
       }
@@ -460,7 +460,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
       }
@@ -475,7 +475,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
       }
@@ -490,7 +490,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
       }
@@ -505,7 +505,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
       }
@@ -520,7 +520,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 ModalHeader = (0, import_core8.forwardRef)(
       import_core8.ui.header,
       {
         ref,
-        className: (0, import_utils8.cx)("ui-modal-header", className),
+        className: (0, import_utils8.cx)("ui-modal__header", className),
         __css: css,
         ...rest
       }

package/dist/modal-header.mjs

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

package/dist/modal-overlay.d.mts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 import { HTMLMotionProps } from '@yamada-ui/motion';
 
-type ModalOverlayProps = HTMLUIProps<'div'> & Omit<HTMLMotionProps<'div'>, 'color' | 'transition'>;
+type ModalOverlayProps = HTMLUIProps<"div"> & Omit<HTMLMotionProps<"div">, "color" | "transition">;
 declare const ModalOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
 
 export { ModalOverlay, ModalOverlayProps };

package/dist/modal-overlay.d.ts

@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 import { HTMLMotionProps } from '@yamada-ui/motion';
 
-type ModalOverlayProps = HTMLUIProps<'div'> & Omit<HTMLMotionProps<'div'>, 'color' | 'transition'>;
+type ModalOverlayProps = HTMLUIProps<"div"> & Omit<HTMLMotionProps<"div">, "color" | "transition">;
 declare const ModalOverlay: _yamada_ui_core.Component<"div", ModalOverlayProps>;
 
 export { ModalOverlay, ModalOverlayProps };