@parrot-co/parrot-ui 0.1.12 → 0.1.14

package/dist/main.js

@@ -418,10 +418,6 @@ const $8ddcc69383feb36a$export$b4e0e71242920c6a = {
     pill: "full",
     rounded: undefined
 };
-function $8ddcc69383feb36a$var$ps(styles) {
-// 1. iterate over the keys of the styles object
-// 2. for each key, check is is valid css property
-}
 
 
 function $4af7da5c7dd0b9c2$export$1c4d39b152e0f791(deprecatedProp, newProp, value) {
@@ -653,6 +649,9 @@ function $eae337549f49a5a2$export$450c36e0b0e62ccd() {
 const $f2fd0cbe11b7f0dd$var$ThemeContext = /*#__PURE__*/ $8zHUo$react.createContext(null);
 function $f2fd0cbe11b7f0dd$export$d8964aec282183a3(props) {
     const { children: children, className: className, scaling: scaling = "100%", ...themeProps } = props;
+    $8zHUo$react.useEffect(()=>{
+        document.body.classList.add("dark");
+    });
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)($f2fd0cbe11b7f0dd$var$ThemeContext.Provider, {
         value: themeProps,
         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
@@ -2081,15 +2080,15 @@ $71fcf48f7e2e9427$export$f8afaea2e9656b91.displayName = "RadioCard";
 
 
 
-
-const $cfadb0728cf907ff$export$3288d34c523a1192 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$react))).forwardRef(({ prepend: prepend, append: append, children: children, hashValue: hashValue, color: color, size: size = "sm", shape: shape = "rounded", variant: variant = "light", className: className, ...props }, ref)=>{
+const $cfadb0728cf907ff$export$3288d34c523a1192 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$react))).forwardRef(({ prepend: prepend, append: append, children: children, hashValue: hashValue, color: color, size: size = "sm", shape: /**@deprecated use radius instead */ shape = "rounded", variant: variant = "light", className: className, radius: radius = "full", ...props }, ref)=>{
+    (0, $4af7da5c7dd0b9c2$export$1c4d39b152e0f791)("shape", "radius", shape);
     const randomColor = (0, ($parcel$interopDefault($8zHUo$react))).useMemo(()=>{
         if (hashValue) return (0, $4af7da5c7dd0b9c2$export$e4369cabd7e84cd9)(hashValue);
         return "gray";
     }, []);
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("span", {
         className: (0, $62f1c614c0962470$export$a274e22fb40f762e)(className, "p-tag"),
-        "data-radius": (0, $8ddcc69383feb36a$export$b4e0e71242920c6a)[shape],
+        "data-radius": radius,
         "data-size": size,
         "data-color": color ?? randomColor,
         "data-variant": variant,
@@ -2629,7 +2628,7 @@ $e0a58c83d4c36e4e$export$7edc06cf1783b30f.displayName = "DateInput";
 
 
 
-const $2fdd5844efb4cca1$export$e2255cf6045e8d47 = /*#__PURE__*/ $8zHUo$react.forwardRef(({ src: src, alt: alt, name: name, color: color, variant: variant = "light", fallback: fallback, children: children, size: size = "md", shape: shape, className: className, radius: radius = "lg", classNames: classNames, styles: styles, style: style, ...props }, ref)=>{
+const $2fdd5844efb4cca1$export$e2255cf6045e8d47 = /*#__PURE__*/ $8zHUo$react.forwardRef(({ src: src, alt: alt, name: name, color: color, variant: variant = "light", fallback: fallback, children: children, size: size = "md", shape: shape, className: className, radius: radius = "full", classNames: classNames, styles: styles, style: style, ...props }, ref)=>{
     const [imageError, setImageError] = $8zHUo$react.useState(false);
     const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
     function getAvatarRadius() {
@@ -3336,17 +3335,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 +3365,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 +3391,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 +3439,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,