@parrot-co/parrot-ui 0.1.11 → 0.1.13

package/dist/main.js

@@ -742,10 +742,11 @@ function $ec2376a5dd0d13e6$export$a455218a85c89869({ label: label, description:
 $ec2376a5dd0d13e6$export$a455218a85c89869.displayName = "Field";
 
 
-function $d9ffc65197682590$export$f5b8910cec6cf069({ className: className, classNames: classNames, style: style, styles: styles, inputRef: inputRef, ...props }) {
+function $d9ffc65197682590$export$f5b8910cec6cf069({ className: className, classNames: classNames, style: style, styles: styles, onChange: onChange, inputRef: inputRef, ...props }) {
     const internalInputRef = (0, ($parcel$interopDefault($8zHUo$react))).useRef(null);
     const { labelProps: labelProps, inputProps: inputProps, errorMessageProps: errorMessageProps, descriptionProps: descriptionProps } = (0, $8zHUo$reactaria.useTextField)({
         ...props,
+        onChange: onChange,
         inputElementType: "input"
     }, internalInputRef);
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $ec2376a5dd0d13e6$export$a455218a85c89869), {
@@ -758,7 +759,7 @@ function $d9ffc65197682590$export$f5b8910cec6cf069({ className: className, class
         style: style,
         ...props,
         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("input", {
-            ref: (0, $62f1c614c0962470$export$c9058316764c140e)(internalInputRef, inputRef),
+            ref: (0, $62f1c614c0962470$export$c9058316764c140e)(inputRef, internalInputRef),
             "data-has-left-addon": !!props.prepend,
             "data-has-right-addon": !!props.append,
             className: (0, $62f1c614c0962470$export$a274e22fb40f762e)("p-text-input-el"),
@@ -989,12 +990,13 @@ $3af04cd154cf4de1$export$c25acd513dcc8062.displayName = "IconButton";
 
 
 
-function $77c71203b3212c65$export$6bf0cd3a219bbade({ appearance: appearance = "outline", size: size = "md", color: color = "gray", classNames: classNames, styles: styles, append: append, prepend: prepend, placeholder: placeholder, showSteppers: showSteppers = false, error: error, label: label, minValue: minValue, maxValue: maxValue, formatOptions: formatOptions, inputRef: inputRef, incrementIcon: incrementIcon, decrementIcon: decrementIcon, ...props }) {
+function $77c71203b3212c65$export$6bf0cd3a219bbade({ appearance: appearance = "outline", size: size = "md", color: color = "gray", classNames: classNames, styles: styles, append: append, prepend: prepend, placeholder: placeholder, showSteppers: showSteppers = false, error: error, label: label, minValue: minValue, maxValue: maxValue, formatOptions: formatOptions, inputRef: inputRef, incrementIcon: incrementIcon, decrementIcon: decrementIcon, onChange: onChange, ...props }) {
     const ariaProps = {
         ...props,
         maxValue: maxValue,
         formatOptions: formatOptions,
         minValue: minValue,
+        onChange: onChange,
         "aria-label": props["aria-label"] ?? "number input"
     };
     const space = (0, $eae337549f49a5a2$export$450c36e0b0e62ccd)();
@@ -3334,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
@@ -3352,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,
@@ -3378,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), {
@@ -3417,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,