@parrot-co/parrot-ui 0.1.12 → 0.1.13

package/dist/main.js

@@ -3336,17 +3336,29 @@ function $9ff025417b0a683c$export$e6a97ba2cae5bb94({ items: items, render: rende
 
 
 
-function $1278141024f0bc4d$export$c6fdb837b070b4ff({ children: children, state: state, ...props }) {
+function $1278141024f0bc4d$export$c6fdb837b070b4ff({ children: children, state: state, classNames: classNames, styles: styles, variant: variant = "modal", isDismissable: isDismissable = true, ...props }) {
     const modalRef = $8zHUo$react.useRef(null);
-    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $8zHUo$reactaria.useModalOverlay)(props, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $8zHUo$reactaria.useModalOverlay)({
+        ...props,
+        isDismissable: isDismissable
+    }, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     state, modalRef);
     if (!state?.isOpen) return null;
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$reactaria.Overlay), {
         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-            className: "p-modal-underlay",
+            style: styles?.underlay,
+            className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                "p-modal-underlay",
+                classNames?.underlay
+            ]),
             ...underlayProps,
             children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-                className: "p-modal-container",
+                "data-variant": variant,
+                style: styles?.wrapper,
+                className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                    "p-modal-container",
+                    classNames?.wrapper
+                ]),
                 ...modalProps,
                 ref: modalRef,
                 children: children
@@ -3354,23 +3366,23 @@ function $1278141024f0bc4d$export$c6fdb837b070b4ff({ children: children, state:
         })
     });
 }
-function $1278141024f0bc4d$var$Dialog({ width: width = 400, title: title, onCancel: onCancel, onConfirm: onConfirm, confirmLabel: confirmLabel = "Confirm", cancelLabel: cancelLabel = "Cancel", description: description, children: children, confirmButtonProps: confirmButtonProps, cancelButtonProps: cancelButtonProps, variant: variant = "modal", showCloseButton: showCloseButton = true, onClose: onClose, onOpenChange: onOpenChange, className: className, style: style, hideTitle: hideTitle, ...props }) {
+function $1278141024f0bc4d$var$Dialog({ width: width = 400, title: title, onCancel: onCancel, onConfirm: onConfirm, confirmLabel: confirmLabel = "Confirm", cancelLabel: cancelLabel = "Cancel", description: description, children: children, confirmButtonProps: confirmButtonProps, cancelButtonProps: cancelButtonProps, showCloseButton: showCloseButton = true, onClose: onClose, className: className, style: style, hideTitle: hideTitle, classNames: classNames, styles: styles, state: state, ...props }) {
     const dialogRef = $8zHUo$react.useRef(null);
     const { dialogProps: dialogProps, titleProps: titleProps } = (0, $8zHUo$reactaria.useDialog)({
         role: "dialog",
         ...props
     }, dialogRef);
     function handleClose() {
-        onOpenChange?.(false);
+        state?.close();
         onClose?.();
     }
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("div", {
         "data-radius": "md",
-        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)("p-modal-content", className),
-        "data-variant": variant,
+        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)("p-modal-content", className, classNames?.content),
         style: {
-            minWidth: width,
-            ...style
+            width: width,
+            ...style,
+            ...styles?.content
         },
         ref: dialogRef,
         ...dialogProps,
@@ -3380,18 +3392,27 @@ function $1278141024f0bc4d$var$Dialog({ width: width = 400, title: title, onCanc
                 as: "header",
                 justify: "space-between",
                 gap: "2xl",
-                className: "p-modal-head",
+                style: styles?.header,
+                className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                    "p-modal-head",
+                    classNames?.header
+                ]),
                 children: [
                     /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
                         stack: true,
                         gap: "3xs",
                         children: [
                             title && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $88fa102d91bf323a$export$5f1af8db9871e1d6), {
+                                style: styles?.title,
+                                className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                                    "p-modal-title",
+                                    classNames?.title
+                                ]),
                                 weight: "medium",
                                 size: "md",
                                 color: "black",
-                                ...titleProps,
                                 as: "div",
+                                ...titleProps,
                                 children: title
                             }),
                             description && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $88fa102d91bf323a$export$5f1af8db9871e1d6), {
@@ -3419,12 +3440,20 @@ function $1278141024f0bc4d$var$Dialog({ width: width = 400, title: title, onCanc
             }),
             /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
                 stack: true,
-                className: "p-modal-body",
+                className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                    "p-modal-body",
+                    classNames?.body
+                ]),
+                style: styles?.body,
                 children: children
             }),
             (onConfirm || onCancel) && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
                 as: "footer",
-                className: "p-modal-footer",
+                style: styles?.footer,
+                className: (0, $62f1c614c0962470$export$a274e22fb40f762e)([
+                    "p-modal-footer",
+                    classNames?.footer
+                ]),
                 gap: "xs",
                 justify: "end",
                 stretchX: true,