@parrot-co/parrot-ui 0.1.12 → 0.1.14

package/dist/module.js

@@ -1,5 +1,5 @@
 import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs} from "react/jsx-runtime";
-import $hgUW1$react, {forwardRef as $hgUW1$forwardRef, createContext as $hgUW1$createContext, Children as $hgUW1$Children, useMemo as $hgUW1$useMemo, isValidElement as $hgUW1$isValidElement, useContext as $hgUW1$useContext, useRef as $hgUW1$useRef, cloneElement as $hgUW1$cloneElement, createElement as $hgUW1$createElement, useState as $hgUW1$useState, useEffect as $hgUW1$useEffect, useCallback as $hgUW1$useCallback} from "react";
+import $hgUW1$react, {forwardRef as $hgUW1$forwardRef, createContext as $hgUW1$createContext, Children as $hgUW1$Children, useMemo as $hgUW1$useMemo, isValidElement as $hgUW1$isValidElement, useContext as $hgUW1$useContext, useEffect as $hgUW1$useEffect, useRef as $hgUW1$useRef, cloneElement as $hgUW1$cloneElement, createElement as $hgUW1$createElement, useState as $hgUW1$useState, useCallback as $hgUW1$useCallback} from "react";
 import {useTextField as $hgUW1$useTextField, useLocale as $hgUW1$useLocale, useNumberField as $hgUW1$useNumberField, useToggleButton as $hgUW1$useToggleButton, useButton as $hgUW1$useButton, useCheckbox as $hgUW1$useCheckbox, useCheckboxGroupItem as $hgUW1$useCheckboxGroupItem, useFocusRing as $hgUW1$useFocusRing, VisuallyHidden as $hgUW1$VisuallyHidden, useCheckboxGroup as $hgUW1$useCheckboxGroup, useMenuTrigger as $hgUW1$useMenuTrigger, usePress as $hgUW1$usePress, mergeProps as $hgUW1$mergeProps, useMenu as $hgUW1$useMenu, useMenuItem as $hgUW1$useMenuItem, useMenuSection as $hgUW1$useMenuSection, useSeparator as $hgUW1$useSeparator, usePopover as $hgUW1$usePopover, Overlay as $hgUW1$Overlay, useFilter as $hgUW1$useFilter, useComboBox as $hgUW1$useComboBox, useListBox as $hgUW1$useListBox, useOption as $hgUW1$useOption, useListBoxSection as $hgUW1$useListBoxSection, useRadio as $hgUW1$useRadio, useRadioGroup as $hgUW1$useRadioGroup, useDatePicker as $hgUW1$useDatePicker, useDateField as $hgUW1$useDateField, useDateSegment as $hgUW1$useDateSegment, useCalendar as $hgUW1$useCalendar, useCalendarGrid as $hgUW1$useCalendarGrid, useCalendarCell as $hgUW1$useCalendarCell, useDrop as $hgUW1$useDrop, useProgressBar as $hgUW1$useProgressBar, useHover as $hgUW1$useHover, useSwitch as $hgUW1$useSwitch, useNumberFormatter as $hgUW1$useNumberFormatter, useSlider as $hgUW1$useSlider, useSliderThumb as $hgUW1$useSliderThumb, useTabList as $hgUW1$useTabList, useTab as $hgUW1$useTab, useTabPanel as $hgUW1$useTabPanel, useModalOverlay as $hgUW1$useModalOverlay, useDialog as $hgUW1$useDialog, useOverlayTrigger as $hgUW1$useOverlayTrigger, useTag as $hgUW1$useTag, useTagGroup as $hgUW1$useTagGroup} from "react-aria";
 import {useNumberFieldState as $hgUW1$useNumberFieldState, useToggleState as $hgUW1$useToggleState, useCheckboxGroupState as $hgUW1$useCheckboxGroupState, useMenuTriggerState as $hgUW1$useMenuTriggerState, useTreeState as $hgUW1$useTreeState, Item as $hgUW1$Item, Section as $hgUW1$Section, useComboBoxState as $hgUW1$useComboBoxState, useListState as $hgUW1$useListState, useRadioGroupState as $hgUW1$useRadioGroupState, useDatePickerState as $hgUW1$useDatePickerState, useDateFieldState as $hgUW1$useDateFieldState, useCalendarState as $hgUW1$useCalendarState, useSliderState as $hgUW1$useSliderState, useTabListState as $hgUW1$useTabListState, useOverlayTriggerState as $hgUW1$useOverlayTriggerState} from "react-stately";
 import {HiEye as $hgUW1$HiEye, HiCheck as $hgUW1$HiCheck, HiSelector as $hgUW1$HiSelector, HiOutlineCalendar as $hgUW1$HiOutlineCalendar, HiChevronLeft as $hgUW1$HiChevronLeft, HiChevronRight as $hgUW1$HiChevronRight, HiOutlineDocumentAdd as $hgUW1$HiOutlineDocumentAdd, HiOutlineCheckCircle as $hgUW1$HiOutlineCheckCircle, HiOutlineTrash as $hgUW1$HiOutlineTrash, HiOutlineExclamationCircle as $hgUW1$HiOutlineExclamationCircle, HiOutlineRefresh as $hgUW1$HiOutlineRefresh, HiOutlinePaperClip as $hgUW1$HiOutlinePaperClip, HiX as $hgUW1$HiX} from "react-icons/hi";
@@ -351,10 +351,6 @@ const $074ec3363f6c932f$export$b4e0e71242920c6a = {
     pill: "full",
     rounded: undefined
 };
-function $074ec3363f6c932f$var$ps(styles) {
-// 1. iterate over the keys of the styles object
-// 2. for each key, check is is valid css property
-}
 
 
 function $0ad0bc75b5eb16a6$export$1c4d39b152e0f791(deprecatedProp, newProp, value) {
@@ -586,6 +582,9 @@ function $41cc567ab0625f8f$export$450c36e0b0e62ccd() {
 const $5fc28f26e128d5c0$var$ThemeContext = /*#__PURE__*/ $hgUW1$createContext(null);
 function $5fc28f26e128d5c0$export$d8964aec282183a3(props) {
     const { children: children, className: className, scaling: scaling = "100%", ...themeProps } = props;
+    $hgUW1$useEffect(()=>{
+        document.body.classList.add("dark");
+    });
     return /*#__PURE__*/ (0, $hgUW1$jsx)($5fc28f26e128d5c0$var$ThemeContext.Provider, {
         value: themeProps,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
@@ -2014,15 +2013,15 @@ $e3711da06539818f$export$f8afaea2e9656b91.displayName = "RadioCard";
 
 
 
-
-const $c700d45659d35204$export$3288d34c523a1192 = /*#__PURE__*/ (0, $hgUW1$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 $c700d45659d35204$export$3288d34c523a1192 = /*#__PURE__*/ (0, $hgUW1$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, $0ad0bc75b5eb16a6$export$1c4d39b152e0f791)("shape", "radius", shape);
     const randomColor = (0, $hgUW1$react).useMemo(()=>{
         if (hashValue) return (0, $0ad0bc75b5eb16a6$export$e4369cabd7e84cd9)(hashValue);
         return "gray";
     }, []);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
         className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-tag"),
-        "data-radius": (0, $074ec3363f6c932f$export$b4e0e71242920c6a)[shape],
+        "data-radius": radius,
         "data-size": size,
         "data-color": color ?? randomColor,
         "data-variant": variant,
@@ -2562,7 +2561,7 @@ $48aceaf3289ec325$export$7edc06cf1783b30f.displayName = "DateInput";
 
 
 
-const $55bcc0e5986993c4$export$e2255cf6045e8d47 = /*#__PURE__*/ $hgUW1$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 $55bcc0e5986993c4$export$e2255cf6045e8d47 = /*#__PURE__*/ $hgUW1$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] = $hgUW1$useState(false);
     const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
     function getAvatarRadius() {
@@ -3269,17 +3268,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
@@ -3287,23 +3298,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,
@@ -3313,18 +3324,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), {
@@ -3352,12 +3372,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,