@parrot-co/parrot-ui 0.1.11 → 0.1.13

package/dist/module.js

@@ -675,10 +675,11 @@ function $095d89378519ff08$export$a455218a85c89869({ label: label, description:
 $095d89378519ff08$export$a455218a85c89869.displayName = "Field";
 
 
-function $ef10b8551376ecd8$export$f5b8910cec6cf069({ className: className, classNames: classNames, style: style, styles: styles, inputRef: inputRef, ...props }) {
+function $ef10b8551376ecd8$export$f5b8910cec6cf069({ className: className, classNames: classNames, style: style, styles: styles, onChange: onChange, inputRef: inputRef, ...props }) {
     const internalInputRef = (0, $hgUW1$react).useRef(null);
     const { labelProps: labelProps, inputProps: inputProps, errorMessageProps: errorMessageProps, descriptionProps: descriptionProps } = (0, $hgUW1$useTextField)({
         ...props,
+        onChange: onChange,
         inputElementType: "input"
     }, internalInputRef);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $095d89378519ff08$export$a455218a85c89869), {
@@ -691,7 +692,7 @@ function $ef10b8551376ecd8$export$f5b8910cec6cf069({ className: className, class
         style: style,
         ...props,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
-            ref: (0, $cce662c1d2ec881b$export$c9058316764c140e)(internalInputRef, inputRef),
+            ref: (0, $cce662c1d2ec881b$export$c9058316764c140e)(inputRef, internalInputRef),
             "data-has-left-addon": !!props.prepend,
             "data-has-right-addon": !!props.append,
             className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-text-input-el"),
@@ -922,12 +923,13 @@ $e3f71af5eaf1c216$export$c25acd513dcc8062.displayName = "IconButton";
 
 
 
-function $2e89c7375b40283e$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 $2e89c7375b40283e$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, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
@@ -3267,17 +3269,29 @@ function $727b3a4d9b39464f$export$e6a97ba2cae5bb94({ items: items, render: rende
 
 
 
-function $4bad2c10a2b6e638$export$c6fdb837b070b4ff({ children: children, state: state, ...props }) {
+function $4bad2c10a2b6e638$export$c6fdb837b070b4ff({ children: children, state: state, classNames: classNames, styles: styles, variant: variant = "modal", isDismissable: isDismissable = true, ...props }) {
     const modalRef = $hgUW1$useRef(null);
-    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $hgUW1$useModalOverlay)(props, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $hgUW1$useModalOverlay)({
+        ...props,
+        isDismissable: isDismissable
+    }, // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     state, modalRef);
     if (!state?.isOpen) return null;
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Overlay), {
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-            className: "p-modal-underlay",
+            style: styles?.underlay,
+            className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                "p-modal-underlay",
+                classNames?.underlay
+            ]),
             ...underlayProps,
             children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "p-modal-container",
+                "data-variant": variant,
+                style: styles?.wrapper,
+                className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                    "p-modal-container",
+                    classNames?.wrapper
+                ]),
                 ...modalProps,
                 ref: modalRef,
                 children: children
@@ -3285,23 +3299,23 @@ function $4bad2c10a2b6e638$export$c6fdb837b070b4ff({ children: children, state:
         })
     });
 }
-function $4bad2c10a2b6e638$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 $4bad2c10a2b6e638$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 = $hgUW1$useRef(null);
     const { dialogProps: dialogProps, titleProps: titleProps } = (0, $hgUW1$useDialog)({
         role: "dialog",
         ...props
     }, dialogRef);
     function handleClose() {
-        onOpenChange?.(false);
+        state?.close();
         onClose?.();
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         "data-radius": "md",
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-modal-content", className),
-        "data-variant": variant,
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-modal-content", className, classNames?.content),
         style: {
-            minWidth: width,
-            ...style
+            width: width,
+            ...style,
+            ...styles?.content
         },
         ref: dialogRef,
         ...dialogProps,
@@ -3311,18 +3325,27 @@ function $4bad2c10a2b6e638$var$Dialog({ width: width = 400, title: title, onCanc
                 as: "header",
                 justify: "space-between",
                 gap: "2xl",
-                className: "p-modal-head",
+                style: styles?.header,
+                className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                    "p-modal-head",
+                    classNames?.header
+                ]),
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                         stack: true,
                         gap: "3xs",
                         children: [
                             title && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                                style: styles?.title,
+                                className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                                    "p-modal-title",
+                                    classNames?.title
+                                ]),
                                 weight: "medium",
                                 size: "md",
                                 color: "black",
-                                ...titleProps,
                                 as: "div",
+                                ...titleProps,
                                 children: title
                             }),
                             description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
@@ -3350,12 +3373,20 @@ function $4bad2c10a2b6e638$var$Dialog({ width: width = 400, title: title, onCanc
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                 stack: true,
-                className: "p-modal-body",
+                className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                    "p-modal-body",
+                    classNames?.body
+                ]),
+                style: styles?.body,
                 children: children
             }),
             (onConfirm || onCancel) && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                 as: "footer",
-                className: "p-modal-footer",
+                style: styles?.footer,
+                className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+                    "p-modal-footer",
+                    classNames?.footer
+                ]),
                 gap: "xs",
                 justify: "end",
                 stretchX: true,