@parrot-co/parrot-ui 0.0.88 → 0.0.90

package/dist/module.js

@@ -1,9 +1,9 @@
 import {jsx as $hgUW1$jsx, jsxs as $hgUW1$jsxs} from "react/jsx-runtime";
-import $hgUW1$react, {forwardRef as $hgUW1$forwardRef, useCallback as $hgUW1$useCallback, createContext as $hgUW1$createContext, Children as $hgUW1$Children, useMemo as $hgUW1$useMemo, isValidElement as $hgUW1$isValidElement, useContext as $hgUW1$useContext, useRef as $hgUW1$useRef, useState as $hgUW1$useState, useEffect as $hgUW1$useEffect} from "react";
-import {useTextField as $hgUW1$useTextField, useLocale as $hgUW1$useLocale, useNumberField as $hgUW1$useNumberField, useToggleButton as $hgUW1$useToggleButton, useCheckbox as $hgUW1$useCheckbox, useCheckboxGroupItem as $hgUW1$useCheckboxGroupItem, useFocusRing as $hgUW1$useFocusRing, VisuallyHidden as $hgUW1$VisuallyHidden, useCheckboxGroup as $hgUW1$useCheckboxGroup, useRadio as $hgUW1$useRadio, useRadioGroup as $hgUW1$useRadioGroup, useMenuTrigger as $hgUW1$useMenuTrigger, usePress as $hgUW1$usePress, HiddenSelect as $hgUW1$HiddenSelect, useListBox as $hgUW1$useListBox, useOption as $hgUW1$useOption, useListBoxSection as $hgUW1$useListBoxSection, usePopover as $hgUW1$usePopover, Overlay as $hgUW1$Overlay, useDatePicker as $hgUW1$useDatePicker, useDateField as $hgUW1$useDateField, useDateSegment as $hgUW1$useDateSegment, useCalendar as $hgUW1$useCalendar, useCalendarGrid as $hgUW1$useCalendarGrid, useCalendarCell as $hgUW1$useCalendarCell, mergeProps as $hgUW1$mergeProps, useDrop as $hgUW1$useDrop, useProgressBar as $hgUW1$useProgressBar, useTabList as $hgUW1$useTabList, useTab as $hgUW1$useTab, useTabPanel as $hgUW1$useTabPanel, useHover as $hgUW1$useHover, useSwitch as $hgUW1$useSwitch, useModalOverlay as $hgUW1$useModalOverlay, useDialog as $hgUW1$useDialog} from "react-aria";
+import $hgUW1$react, {forwardRef as $hgUW1$forwardRef, useCallback as $hgUW1$useCallback, 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} from "react";
+import {useTextField as $hgUW1$useTextField, useLocale as $hgUW1$useLocale, useNumberField as $hgUW1$useNumberField, useToggleButton as $hgUW1$useToggleButton, 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, useRadio as $hgUW1$useRadio, useRadioGroup as $hgUW1$useRadioGroup, HiddenSelect as $hgUW1$HiddenSelect, useListBox as $hgUW1$useListBox, useOption as $hgUW1$useOption, useListBoxSection as $hgUW1$useListBoxSection, 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, useTabList as $hgUW1$useTabList, useTab as $hgUW1$useTab, useTabPanel as $hgUW1$useTabPanel, useHover as $hgUW1$useHover, useSwitch as $hgUW1$useSwitch, useModalOverlay as $hgUW1$useModalOverlay, useDialog as $hgUW1$useDialog} from "react-aria";
 import {HiMinus as $hgUW1$HiMinus, HiPlus as $hgUW1$HiPlus, HiEye as $hgUW1$HiEye, HiX as $hgUW1$HiX, HiSelector as $hgUW1$HiSelector, HiCheck as $hgUW1$HiCheck, 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} from "react-icons/hi";
-import {useNumberFieldState as $hgUW1$useNumberFieldState, useToggleState as $hgUW1$useToggleState, useCheckboxGroupState as $hgUW1$useCheckboxGroupState, useRadioGroupState as $hgUW1$useRadioGroupState, useMenuTriggerState as $hgUW1$useMenuTriggerState, useListState as $hgUW1$useListState, Item as $hgUW1$Item, Section as $hgUW1$Section, useDatePickerState as $hgUW1$useDatePickerState, useDateFieldState as $hgUW1$useDateFieldState, useCalendarState as $hgUW1$useCalendarState, useTabListState as $hgUW1$useTabListState, useOverlayTriggerState as $hgUW1$useOverlayTriggerState} from "react-stately";
-import {createCalendar as $hgUW1$createCalendar, endOfMonth as $hgUW1$endOfMonth, getWeeksInMonth as $hgUW1$getWeeksInMonth, isSameMonth as $hgUW1$isSameMonth, CalendarDate as $hgUW1$CalendarDate} from "@internationalized/date";
+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, useRadioGroupState as $hgUW1$useRadioGroupState, useListState as $hgUW1$useListState, useDatePickerState as $hgUW1$useDatePickerState, useDateFieldState as $hgUW1$useDateFieldState, useCalendarState as $hgUW1$useCalendarState, useTabListState as $hgUW1$useTabListState, useOverlayTriggerState as $hgUW1$useOverlayTriggerState} from "react-stately";
+import {parseDate as $hgUW1$parseDate, GregorianCalendar as $hgUW1$GregorianCalendar, createCalendar as $hgUW1$createCalendar, endOfMonth as $hgUW1$endOfMonth, getWeeksInMonth as $hgUW1$getWeeksInMonth, isSameMonth as $hgUW1$isSameMonth} from "@internationalized/date";
 
 
 
@@ -83,7 +83,7 @@ function $cce662c1d2ec881b$export$c9058316764c140e(...refs) {
 }
 
 
-const $ee0105641360f1c1$export$e71c4d32a2263218 = /*#__PURE__*/ $hgUW1$forwardRef(({ stretchX: stretchX, stretchY: stretchY, stretchXY: stretchXY, children: children, className: className, position: position, as: as = "div", ...props }, ref)=>{
+const $ee0105641360f1c1$export$23c260ee8e4dfaad = ({ stretchX: stretchX, stretchY: stretchY, stretchXY: stretchXY, children: children, className: className, position: position, as: as = "div", ...props }, ref)=>{
     const Comp = as;
     return /*#__PURE__*/ (0, $hgUW1$jsx)(Comp, {
         className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)({
@@ -97,8 +97,9 @@ const $ee0105641360f1c1$export$e71c4d32a2263218 = /*#__PURE__*/ $hgUW1$forwardRe
         ...props,
         children: children
     });
-});
-$ee0105641360f1c1$export$e71c4d32a2263218.displayName = "Box";
+};
+$ee0105641360f1c1$export$23c260ee8e4dfaad.displayName = "Box";
+const $ee0105641360f1c1$export$e71c4d32a2263218 = /*#__PURE__*/ $hgUW1$forwardRef($ee0105641360f1c1$export$23c260ee8e4dfaad);
 
 
 
@@ -148,7 +149,7 @@ $11bc53f9891a6532$export$9eb849b9b922d396.displayName = "GridItem";
 
 
 
-const $e2f278d76a00796a$export$f51f4c4ede09e011 = /*#__PURE__*/ $hgUW1$forwardRef((props, ref)=>{
+const $e2f278d76a00796a$export$21ee1313e2afe36c = (props, ref)=>{
     const { justify: justify, align: align, direction: direction, gap: gap = "sm", columnGap: columnGap, rowGap: rowGap, inline: inline, wrap: wrap, stack: stack, className: className, ...otherProps } = props;
     const getDirection = $hgUW1$useCallback(()=>{
         if (stack) return "column";
@@ -169,12 +170,14 @@ const $e2f278d76a00796a$export$f51f4c4ede09e011 = /*#__PURE__*/ $hgUW1$forwardRe
             [`row-gap-${rowGap}`]: !!rowGap,
             [`flex-${wrap}`]: !!wrap
         }),
+        // TODO - Fix types here - seems to work just fine though
         ref: ref,
         ...otherProps,
         children: props.children
     });
-});
-$e2f278d76a00796a$export$f51f4c4ede09e011.displayName = "Flex";
+};
+$e2f278d76a00796a$export$21ee1313e2afe36c.displayName = "Flex";
+const $e2f278d76a00796a$export$f51f4c4ede09e011 = /*#__PURE__*/ $hgUW1$forwardRef($e2f278d76a00796a$export$21ee1313e2afe36c);
 
 
 
@@ -339,7 +342,7 @@ function $5fc28f26e128d5c0$export$93d4e7f90805808f(options) {
 
 
 
-const $ef10b8551376ecd8$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef(({ label: label, error: error, color: color = "gray", appearance: appearance = "outline", size: size = "sm", append: append, prepend: prepend, description: description, isDisabled: isDisabled, validationStatus: validationStatus, className: className, inputRef: inputRef, radius: radius, ...props }, ref)=>{
+const $ef10b8551376ecd8$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef(({ label: label, error: error, color: color = "gray", appearance: appearance = "outline", size: size = "sm", append: append, prepend: prepend, description: description, isDisabled: isDisabled, validationStatus: validationStatus, className: className, inputRef: inputRef, radius: radius, style: style, ...props }, ref)=>{
     const space = (0, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
     const internalInputRef = (0, $hgUW1$react).useRef(null);
     const { labelProps: labelProps, inputProps: inputProps, errorMessageProps: errorMessageProps, descriptionProps: descriptionProps } = (0, $hgUW1$useTextField)({
@@ -359,6 +362,7 @@ const $ef10b8551376ecd8$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $hgUW1$react
         ref: ref,
         gap: "3xs",
         stretchX: true,
+        style: style,
         children: [
             label && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $eea734bbd8b9efff$export$2e2bcd8739ae039), {
                 color: color,
@@ -534,7 +538,7 @@ const $d95a2216d3ccf702$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hgUW1$react
     const space = (0, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
     const buttonGroupProps = (0, $9230e224c5c26d9c$export$749e21be8b14b968)();
     const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
-    const { color: color = theme?.color ?? "violet", variant: variant = "solid", append: append, prepend: prepend, size: size = "md", children: children, as: as = "button", className: className, isLoading: isLoading, radius: radius = "full", isToggle: isToggle, activeColor: activeColor = "violet", activeVariant: activeVariant = "solid", idleColor: idleColor = "gray", idleVariant: idleVariant = "outline", isIconButton: isIconButton, appearance: appearance, style: style, ...otherProps } = {
+    const { color: color = theme?.color ?? "violet", variant: variant = "solid", append: append, prepend: prepend, size: size = "md", children: children, as: as = "button", className: className, isLoading: isLoading, radius: radius = "full", isToggle: isToggle, activeColor: activeColor = "violet", activeVariant: activeVariant = "solid", idleColor: idleColor = "gray", idleVariant: idleVariant = "outline", isIconButton: isIconButton, style: style, ...otherProps } = {
         ...buttonGroupProps,
         ...props
     };
@@ -546,18 +550,6 @@ const $d95a2216d3ccf702$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hgUW1$react
         ...otherProps,
         elementType: as
     }, state, buttonRef);
-    const getAppearance = (0, $hgUW1$react).useCallback(()=>{
-        if (theme?.buttonAppearance && appearance) return {
-            color: theme.buttonAppearance[appearance]?.color,
-            variant: theme.buttonAppearance[appearance]?.variant
-        };
-        return {
-            color: color,
-            variant: variant
-        };
-    }, [
-        appearance
-    ]);
     function getColor() {
         if (!state.isSelected && isToggle) return {
             color: idleColor,
@@ -568,14 +560,13 @@ const $d95a2216d3ccf702$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hgUW1$react
             variant: activeVariant
         };
         return {
-            variant: getAppearance().variant,
-            color: getAppearance().color
+            variant: variant,
+            color: color
         };
     }
     const Comp = as;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)(Comp, {
         style: style,
-        "data-appearance": appearance,
         "data-pressed": isPressed,
         "data-radius": radius,
         "data-icon-button": isIconButton,
@@ -586,6 +577,7 @@ const $d95a2216d3ccf702$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hgUW1$react
         "data-size": size,
         className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-button", space.classNames),
         ref: (0, $cce662c1d2ec881b$export$c9058316764c140e)(ref, buttonRef),
+        form: otherProps.form,
         ...buttonProps,
         children: [
             prepend,
@@ -955,6 +947,212 @@ $0ca204e719955216$export$48513f6b9f8ce62d.displayName = "checkbox";
 
 
 
+
+
+function $61ac9d13c14b7f5b$export$5b6b19405a83ff9d({ state: state, children: children, popoverRef: popoverRef, ...props }) {
+    const internalPopoverRef = $hgUW1$useRef(null);
+    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
+    const { popoverProps: popoverProps, underlayProps: underlayProps } = (0, $hgUW1$usePopover)({
+        ...props,
+        popoverRef: internalPopoverRef
+    }, state);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Overlay), {
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                ...underlayProps,
+                className: "underlay"
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                "data-color": theme?.color,
+                "data-radius": theme?.radius,
+                ...popoverProps,
+                ref: (0, $cce662c1d2ec881b$export$c9058316764c140e)(popoverRef, internalPopoverRef),
+                className: "p-popover",
+                children: children
+            })
+        ]
+    });
+}
+
+
+
+
+
+
+const $ad85ba12e832a3ea$var$DropdownContext = /*#__PURE__*/ $hgUW1$createContext(null);
+function $ad85ba12e832a3ea$export$e44a253a59704894({ children: children, ...props }) {
+    const triggerRef = $hgUW1$useRef(null);
+    const triggerState = (0, $hgUW1$useMenuTriggerState)(props);
+    const { menuProps: menuProps, menuTriggerProps: triggerProps } = (0, $hgUW1$useMenuTrigger)(props, triggerState, triggerRef);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$DropdownContext.Provider, {
+        value: {
+            triggerRef: triggerRef,
+            triggerState: triggerState,
+            triggerProps: triggerProps,
+            menuProps: menuProps
+        },
+        children: children
+    });
+}
+function $ad85ba12e832a3ea$export$e7eb525bc415b4b4({ asChild: asChild, children: children, useClickEvent: useClickEvent }) {
+    const ctx = $hgUW1$useContext($ad85ba12e832a3ea$var$DropdownContext);
+    const { pressProps: pressProps, isPressed: isPressed } = (0, $hgUW1$usePress)({
+        ...ctx?.triggerProps,
+        ref: ctx?.triggerRef
+    });
+    const triggerProps = useClickEvent ? pressProps : ctx?.triggerProps;
+    if (asChild) {
+        const child = $hgUW1$Children.only(children);
+        return /*#__PURE__*/ $hgUW1$cloneElement(child, {
+            ...triggerProps,
+            ref: ctx?.triggerRef,
+            "data-pressed": isPressed
+        });
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d95a2216d3ccf702$export$353f5b6fc5456de1), {
+        ...ctx?.triggerProps,
+        ref: ctx?.triggerRef,
+        children: children
+    });
+}
+function $ad85ba12e832a3ea$export$d9b273488cd8ce6f(props) {
+    const ctx = $hgUW1$useContext($ad85ba12e832a3ea$var$DropdownContext);
+    if (!ctx?.triggerState.isOpen) return null;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d), {
+        placement: "bottom start",
+        offset: 8,
+        state: ctx?.triggerState,
+        triggerRef: ctx?.triggerRef,
+        children: /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$MenuInner, {
+            ...(0, $hgUW1$mergeProps)(props, ctx.menuProps)
+        })
+    });
+}
+function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: menuFooter, ...props }) {
+    const state = (0, $hgUW1$useTreeState)(props);
+    const ref = $hgUW1$useRef(null);
+    const { menuProps: menuProps } = (0, $hgUW1$useMenu)({
+        ...props,
+        autoFocus: true,
+        isVirtualized: true
+    }, state, ref);
+    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
+    function resolvedMenuHeader() {
+        if (typeof menuHeader === "function") return menuHeader();
+        return menuHeader;
+    }
+    function resolvedMenuFooter() {
+        if (typeof menuFooter === "function") return menuFooter();
+        return menuFooter;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        stack: true,
+        ref: ref,
+        ...menuProps,
+        "data-color": theme?.color ?? "violet",
+        "data-radius": theme?.radius ?? "lg",
+        className: "p-list-box-wrapper",
+        children: [
+            resolvedMenuHeader(),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                children: [
+                    ...state.collection
+                ].map((item)=>{
+                    if (item.type === "section") return /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$MenuSectionInner, {
+                        state: state,
+                        section: item
+                    }, item.key);
+                    return /*#__PURE__*/ (0, $hgUW1$createElement)($ad85ba12e832a3ea$var$MenuItemInner, {
+                        ...item.props,
+                        state: state,
+                        item: item,
+                        key: item.key
+                    });
+                })
+            }),
+            resolvedMenuFooter()
+        ]
+    });
+}
+function $ad85ba12e832a3ea$var$MenuItemInner({ state: state, item: item, ...otherProps }) {
+    const ref = $hgUW1$useRef(null);
+    const { menuItemProps: menuItemProps, isSelected: isSelected, isFocused: isFocused, isPressed: isPressed, isDisabled: isDisabled } = (0, $hgUW1$useMenuItem)({
+        key: item?.key
+    }, state, ref);
+    const { className: className, style: style, isReadOnly: isReadOnly } = otherProps;
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+        ref: ref,
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-list-option"),
+        "data-selected": isSelected,
+        "data-focused": isFocused,
+        "data-pressed": isPressed,
+        "data-disabled": isDisabled,
+        "data-readonly": isReadOnly,
+        style: style,
+        ...menuItemProps,
+        children: item.rendered
+    });
+}
+function $ad85ba12e832a3ea$var$MenuSectionInner({ state: state, section: section }) {
+    const { itemProps: itemProps, headingProps: headingProps, groupProps: groupProps } = (0, $hgUW1$useMenuSection)({
+        heading: section?.rendered,
+        "aria-label": section?.["aria-label"]
+    });
+    const { separatorProps: separatorProps } = (0, $hgUW1$useSeparator)({
+        elementType: "li"
+    });
+    function getChildren() {
+        if (state?.collection.getChildren) return [
+            ...state.collection.getChildren(section.key)
+        ];
+        return [];
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        className: "p-list-section",
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                className: "p-list-separator",
+                ...separatorProps
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+                ...itemProps,
+                children: section?.rendered && /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
+                    ...headingProps,
+                    children: section?.rendered
+                })
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                ...groupProps,
+                children: getChildren().map((item)=>{
+                    return /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$MenuItemInner, {
+                        state: state,
+                        item: item
+                    }, item.key);
+                })
+            })
+        ]
+    });
+}
+const $ad85ba12e832a3ea$export$2ce376c2cc3355c8 = (0, $hgUW1$Item);
+const $ad85ba12e832a3ea$export$4b1545b4f2016d26 = (0, $hgUW1$Section);
+
+
+(0, $ad85ba12e832a3ea$export$e44a253a59704894).Menu = (0, $ad85ba12e832a3ea$export$d9b273488cd8ce6f);
+(0, $ad85ba12e832a3ea$export$e44a253a59704894).Trigger = (0, $ad85ba12e832a3ea$export$e7eb525bc415b4b4);
+(0, $ad85ba12e832a3ea$export$e44a253a59704894).Item = (0, $ad85ba12e832a3ea$export$2ce376c2cc3355c8);
+(0, $ad85ba12e832a3ea$export$e44a253a59704894).Section = (0, $ad85ba12e832a3ea$export$4b1545b4f2016d26);
+const $3ba60d401cc6cc09$export$e44a253a59704894 = (0, $ad85ba12e832a3ea$export$e44a253a59704894);
+
+
+
+
+
+
+
+
+
+
+
 const $e00a258f2e8c7774$export$b118023277d4a5c3 = /*#__PURE__*/ (0, $hgUW1$react).createContext(null);
 const $e00a258f2e8c7774$export$d7b12c4107be0d61 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef((props, ref)=>{
     const state = (0, $hgUW1$react).useContext($e00a258f2e8c7774$export$b118023277d4a5c3);
@@ -1109,6 +1307,7 @@ function $b71fd84ba612e4b0$export$3d7d0414f6db67e7({ children: children, renderO
         const label = item?.[labelKey ?? "label"];
         const value = item?.[valueKey ?? "id"];
         const sectionChildren = item?.[sectionKey ?? "children"] ?? [];
+        console.log(label, "label");
         if (item?.[sectionKey]) return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6ae005878b435ce8$export$6e2c8f0811a474ce), {
             items: sectionChildren,
             title: getSectionLabel?.(item),
@@ -1146,14 +1345,15 @@ function $db709eeca70b0d61$export$961f16f221737ce2() {
 
 
 
-function $6ae005878b435ce8$export$41f133550aa26f48({ state: state, color: color, width: width = 300, showSelectedMarker: showSelectedMarker = true, ...props }) {
+
+function $6ae005878b435ce8$export$41f133550aa26f48({ state: state, color: color, width: width = 300, showSelectedMarker: showSelectedMarker = true, listBoxRef: listBoxRef, ...props }) {
     const internalState = (0, $hgUW1$useListState)({
         ...props,
         children: (0, $b71fd84ba612e4b0$export$3d7d0414f6db67e7)(props)
     });
     const listRef = $hgUW1$useRef(null);
     const listState = state || internalState;
-    const { listBoxProps: listBoxProps, labelProps: labelProps } = (0, $hgUW1$useListBox)(props, listState, listRef);
+    const { listBoxProps: listBoxProps } = (0, $hgUW1$useListBox)(props, listState, listRef);
     const options = [
         ...listState.collection
     ];
@@ -1174,7 +1374,7 @@ function $6ae005878b435ce8$export$41f133550aa26f48({ state: state, color: color,
                 stack: true,
                 gap: "none",
                 className: "p-list-box-wrapper",
-                ref: listRef,
+                ref: (0, $cce662c1d2ec881b$export$c9058316764c140e)(listRef, listBoxRef),
                 "data-radius": "lg",
                 ...listBoxProps,
                 children: [
@@ -1394,38 +1594,8 @@ $c700d45659d35204$export$3288d34c523a1192.displayName = "Tag";
 
 
 
-function $61ac9d13c14b7f5b$export$5b6b19405a83ff9d({ state: state, children: children, ...props }) {
-    const popoverRef = $hgUW1$useRef(null);
-    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
-    const { popoverProps: popoverProps, underlayProps: underlayProps } = (0, $hgUW1$usePopover)({
-        ...props,
-        popoverRef: popoverRef
-    }, state);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Overlay), {
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                ...underlayProps,
-                className: "underlay"
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                "data-color": theme?.color,
-                "data-radius": theme?.radius,
-                ...popoverProps,
-                ref: popoverRef,
-                className: "p-popover",
-                children: children
-            })
-        ]
-    });
-}
-
-
-
-
-
-
 
-function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", append: append, prepend: prepend, renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, defaultValue: defaultValue, onChange: onChange, ...props }) {
+function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode: selectionMode = "single", appearance: appearance = "outline", renderValue: renderValue, color: color = "gray", error: error, description: description, size: size = "sm", radius: radius, listBoxColor: listBoxColor, className: className, value: value, defaultValue: defaultValue, onChange: onChange, ...props }) {
     const isMultiple = selectionMode === "multiple";
     function getValue(value) {
         if (!value) return null;
@@ -1485,7 +1655,6 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
                     children: item?.textValue
                 }, item?.key))
         });
-        console.log(selectedItems);
         return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
             variant: "default",
             color: color === "gray" ? "black" : color,
@@ -1517,7 +1686,7 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
             }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                 "data-radius": radius ?? theme?.radius ?? "lg",
-                gap: "2xs",
+                gap: "3xs",
                 stack: true,
                 className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-input-group", className, space.compactItemWrapperAdjust),
                 "data-size": size,
@@ -1543,6 +1712,16 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
                                 size: 18
                             })
                         ]
+                    }),
+                    error && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9e021ab4f609c8de$export$2e2bcd8739ae039), {
+                        children: error
+                    }),
+                    description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                        as: "div",
+                        variant: "light",
+                        color: "gray",
+                        size: "sm",
+                        children: description
                     })
                 ]
             }),
@@ -1581,18 +1760,23 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
 
 
 
-const $485d9a0fd20ce5fa$export$d9781c7894a82487 = /*#__PURE__*/ $hgUW1$forwardRef((props, ref)=>{
+
+function $693c180b2c3a8d81$var$createCalendar() {
+    return new (0, $hgUW1$GregorianCalendar)();
+}
+const $693c180b2c3a8d81$export$d9781c7894a82487 = /*#__PURE__*/ $hgUW1$forwardRef((props, ref)=>{
     const { locale: locale } = (0, $hgUW1$useLocale)();
     const state = (0, $hgUW1$useDateFieldState)({
         ...props,
         locale: locale,
-        createCalendar: $hgUW1$createCalendar
+        createCalendar: $693c180b2c3a8d81$var$createCalendar
     });
     const fieldRef = $hgUW1$useRef(null);
     const { fieldProps: fieldProps } = (0, $hgUW1$useDateField)(props, state, fieldRef);
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        gap: "none",
         style: {
-            padding: 4,
+            padding: "4px 0px",
             flex: 1
         },
         stretchY: true,
@@ -1600,14 +1784,14 @@ const $485d9a0fd20ce5fa$export$d9781c7894a82487 = /*#__PURE__*/ $hgUW1$forwardRe
         inline: true,
         ...fieldProps,
         children: state.segments.map((segment, i)=>{
-            return /*#__PURE__*/ (0, $hgUW1$jsx)($485d9a0fd20ce5fa$var$DateSegment, {
+            return /*#__PURE__*/ (0, $hgUW1$jsx)($693c180b2c3a8d81$var$DateSegment, {
                 segment: segment,
                 state: state
             }, i);
         })
     });
 });
-function $485d9a0fd20ce5fa$var$DateSegment({ segment: segment, state: state }) {
+function $693c180b2c3a8d81$var$DateSegment({ segment: segment, state: state }) {
     const ref = $hgUW1$useRef(null);
     const { segmentProps: segmentProps } = (0, $hgUW1$useDateSegment)(segment, state, ref);
     const segmentMaxValue = segment.maxValue ?? 0;
@@ -1617,6 +1801,7 @@ function $485d9a0fd20ce5fa$var$DateSegment({ segment: segment, state: state }) {
         justify: "center",
         ref: ref,
         "data-placeholder": segment.isPlaceholder,
+        "data-separator": segment.text === "/",
         style: {
             minWidth: segmentMaxValue.toString().length + "ch",
             color: segment.text == "/" ? "var(--color-6)" : "var(--color-12)"
@@ -1634,7 +1819,6 @@ function $485d9a0fd20ce5fa$var$DateSegment({ segment: segment, state: state }) {
                     height: segment.isPlaceholder ? "" : 0,
                     pointerEvents: "none",
                     visibility: segment.isPlaceholder ? undefined : "hidden",
-                    fontStyle: "italic",
                     position: segment.isPlaceholder ? undefined : "absolute"
                 },
                 children: segment.placeholder
@@ -1643,7 +1827,7 @@ function $485d9a0fd20ce5fa$var$DateSegment({ segment: segment, state: state }) {
         ]
     });
 }
-$485d9a0fd20ce5fa$export$d9781c7894a82487.displayName = "DateField";
+$693c180b2c3a8d81$export$d9781c7894a82487.displayName = "DateField";
 
 
 
@@ -1674,7 +1858,7 @@ function $b57bc04886adb8b4$export$b4085f3d3ede4716(array, keys) {
 }
 
 
-const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRef(({ numberOfMonths: numberOfMonths = 1, color: color, ...props }, ref)=>{
+const $11e1beb2a56c81ba$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRef(({ numberOfMonths: numberOfMonths = 1, color: color, ...props }, ref)=>{
     const { locale: locale } = (0, $hgUW1$useLocale)();
     const state = (0, $hgUW1$useCalendarState)({
         ...props,
@@ -1686,12 +1870,12 @@ const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
     });
     const { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title } = (0, $hgUW1$useCalendar)(props, state);
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-        color: color,
+        "data-color": color,
         inline: true,
         gap: "xs",
         direction: "column",
         ref: ref,
-        className: "p-calendar",
+        className: "p-calendar-wrapper",
         ...calendarProps,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
@@ -1700,9 +1884,9 @@ const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
                 className: "header",
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e3f71af5eaf1c216$export$c25acd513dcc8062), {
-                        variant: "ghost",
-                        radius: "md",
-                        size: "xs",
+                        variant: "outline",
+                        radius: "full",
+                        size: "sm",
                         color: "gray",
                         ...prevButtonProps,
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiChevronLeft), {
@@ -1710,16 +1894,16 @@ const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
                         })
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
-                        color: "gray",
+                        color: "black",
                         size: "sm",
-                        weight: "medium",
+                        weight: "regular",
                         as: "h2",
                         children: title
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e3f71af5eaf1c216$export$c25acd513dcc8062), {
-                        variant: "ghost",
-                        radius: "md",
-                        size: "xs",
+                        variant: "outline",
+                        radius: "full",
+                        size: "sm",
                         color: "gray",
                         ...nextButtonProps,
                         children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiChevronRight), {
@@ -1731,7 +1915,7 @@ const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                 gap: "xl",
                 children: (0, $b57bc04886adb8b4$export$d02631cccf789723)(1, numberOfMonths).map((n)=>{
-                    return /*#__PURE__*/ (0, $hgUW1$jsx)($4085fc0afae085ee$var$CalendarGrid, {
+                    return /*#__PURE__*/ (0, $hgUW1$jsx)($11e1beb2a56c81ba$var$CalendarGrid, {
                         color: color,
                         state: state,
                         offset: {
@@ -1743,7 +1927,7 @@ const $4085fc0afae085ee$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
         ]
     });
 });
-function $4085fc0afae085ee$var$CalendarGrid({ state: state, offset: offset = {}, color: color, ...props }) {
+function $11e1beb2a56c81ba$var$CalendarGrid({ state: state, offset: offset = {}, color: color, ...props }) {
     const { locale: locale } = (0, $hgUW1$useLocale)();
     const startDate = state.visibleRange.start.add(offset);
     const endDate = (0, $hgUW1$endOfMonth)(startDate);
@@ -1764,8 +1948,8 @@ function $4085fc0afae085ee$var$CalendarGrid({ state: state, offset: offset = {},
                                 className: "p-date-cell",
                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
                                     size: "sm",
-                                    variant: "lighter",
-                                    weight: "medium",
+                                    variant: "light",
+                                    weight: "regular",
                                     children: day
                                 })
                             })
@@ -1776,7 +1960,7 @@ function $4085fc0afae085ee$var$CalendarGrid({ state: state, offset: offset = {},
                 children: [
                     ...new Array(weeksInMonth).keys()
                 ].map((weekIndex)=>/*#__PURE__*/ (0, $hgUW1$jsx)("tr", {
-                        children: state.getDatesInWeek(weekIndex, startDate).map((date, index)=>date ? /*#__PURE__*/ (0, $hgUW1$jsx)($4085fc0afae085ee$var$CalendarCell, {
+                        children: state.getDatesInWeek(weekIndex, startDate).map((date, index)=>date ? /*#__PURE__*/ (0, $hgUW1$jsx)($11e1beb2a56c81ba$var$CalendarCell, {
                                 color: color,
                                 state: state,
                                 date: date,
@@ -1787,7 +1971,7 @@ function $4085fc0afae085ee$var$CalendarGrid({ state: state, offset: offset = {},
         ]
     });
 }
-function $4085fc0afae085ee$var$CalendarCell({ state: state, currentMonth: currentMonth, color: color, ...props }) {
+function $11e1beb2a56c81ba$var$CalendarCell({ state: state, currentMonth: currentMonth, color: color, ...props }) {
     const ref = $hgUW1$useRef(null);
     const { cellProps: cellProps, buttonProps: buttonProps, isSelected: isSelected, isDisabled: isDisabled, isUnavailable: isUnavailable, formattedDate: formattedDate } = (0, $hgUW1$useCalendarCell)(props, state, ref);
     const { focusProps: focusProps, isFocusVisible: isFocusVisible, isFocused: isFocused } = (0, $hgUW1$useFocusRing)();
@@ -1809,7 +1993,7 @@ function $4085fc0afae085ee$var$CalendarCell({ state: state, currentMonth: curren
         })
     });
 }
-$4085fc0afae085ee$export$e1aef45b828286de.displayName = "Calendar";
+$11e1beb2a56c81ba$export$e1aef45b828286de.displayName = "Calendar";
 
 
 
@@ -1820,45 +2004,30 @@ $4085fc0afae085ee$export$e1aef45b828286de.displayName = "Calendar";
 
 
 
-function $84a2cb1644756cd1$export$85930906f541ddb8(date) {
-    return new (0, $hgUW1$CalendarDate)(date.getFullYear(), date.getMonth() + 1, date.getDate());
-}
 
 
 
-
-const $0ae77811ab456f1f$export$5109c6dd95d8fb00 = /*#__PURE__*/ $hgUW1$forwardRef(({ appearance: appearance = "filled", size: size = "md", color: color, shape: shape, numberOfMonths: numberOfMonths, value: value, onChange: onChange, defaultValue: defaultValue, dropdownIcon: dropdownIcon = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiOutlineCalendar), {
+const $48aceaf3289ec325$export$7edc06cf1783b30f = /*#__PURE__*/ $hgUW1$forwardRef(({ appearance: appearance = "outline", size: size = "md", color: color, numberOfMonths: numberOfMonths, radius: radius, dropdownIcon: dropdownIcon = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiOutlineCalendar), {
     size: 16
-}), ...props }, ref)=>{
+}), value: value, defaultValue: defaultValue, onChange: onChange, ...props }, ref)=>{
     const space = (0, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
-    function _onChange(date) {
-        onChange?.(new Date(date.year, date.month, date.day), date);
+    function proxyOnChange(date) {
+        onChange?.(date.toString(), date);
     }
-    // convert Date to DateValue
-    const proxyDateValues = $hgUW1$useMemo(()=>{
-        return {
-            value: value ? (0, $84a2cb1644756cd1$export$85930906f541ddb8)(value) : undefined,
-            defaultValue: defaultValue ? (0, $84a2cb1644756cd1$export$85930906f541ddb8)(defaultValue) : undefined
-        };
-    }, [
-        value?.toString(),
-        defaultValue?.toString()
-    ]);
-    const newPropsWithProxies = {
+    const newProps = {
         ...props,
-        onChange: onChange ? _onChange : undefined,
-        value: proxyDateValues.value,
-        defaultValue: proxyDateValues.defaultValue
+        value: value ? (0, $hgUW1$parseDate)(value) : undefined,
+        defaultValue: defaultValue ? (0, $hgUW1$parseDate)(defaultValue) : undefined,
+        onChange: proxyOnChange
     };
-    const state = (0, $hgUW1$useDatePickerState)(newPropsWithProxies);
+    const state = (0, $hgUW1$useDatePickerState)(newProps);
     const pickerRef = $hgUW1$useRef(null);
-    const { groupProps: groupProps, calendarProps: calendarProps, fieldProps: fieldProps, buttonProps: buttonProps, errorMessageProps: errorMessageProps, labelProps: labelProps } = (0, $hgUW1$useDatePicker)(newPropsWithProxies, state, pickerRef);
+    const { groupProps: groupProps, calendarProps: calendarProps, fieldProps: fieldProps, buttonProps: buttonProps, errorMessageProps: errorMessageProps, labelProps: labelProps } = (0, $hgUW1$useDatePicker)(newProps, state, pickerRef);
+    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        "data-radius": radius ?? theme?.radius ?? "lg",
         "data-size": size,
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)({
-            [space.compactItemWrapperAdjust]: true,
-            "p-input-group": true
-        }),
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-input-group", space.compactItemWrapperAdjust),
         stretchX: true,
         stack: true,
         gap: "xs",
@@ -1875,11 +2044,7 @@ const $0ae77811ab456f1f$export$5109c6dd95d8fb00 = /*#__PURE__*/ $hgUW1$forwardRe
                 stack: true,
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-                        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)({
-                            "date-picker-trigger": true,
-                            "p-input": true,
-                            ...space.classNames
-                        }),
+                        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-input-control", "date-picker-trigger", space.classNames),
                         ref: pickerRef,
                         justify: "space-between",
                         align: "center",
@@ -1887,14 +2052,14 @@ const $0ae77811ab456f1f$export$5109c6dd95d8fb00 = /*#__PURE__*/ $hgUW1$forwardRe
                         "data-color": color,
                         ...groupProps,
                         children: [
-                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $485d9a0fd20ce5fa$export$d9781c7894a82487), {
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $693c180b2c3a8d81$export$d9781c7894a82487), {
                                 appearance: appearance,
                                 size: size,
                                 ...fieldProps
                             }),
                             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e3f71af5eaf1c216$export$c25acd513dcc8062), {
                                 size: "sm",
-                                variant: "ghost",
+                                variant: "light",
                                 color: color,
                                 ...buttonProps,
                                 children: dropdownIcon
@@ -1906,10 +2071,16 @@ const $0ae77811ab456f1f$export$5109c6dd95d8fb00 = /*#__PURE__*/ $hgUW1$forwardRe
                         state: state,
                         triggerRef: pickerRef,
                         placement: "bottom start",
-                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $4085fc0afae085ee$export$e1aef45b828286de), {
-                            color: color,
-                            ...calendarProps,
-                            numberOfMonths: numberOfMonths
+                        children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                            style: {
+                                maxHeight: "auto"
+                            },
+                            "data-radius": radius ?? theme?.radius ?? "lg",
+                            children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $11e1beb2a56c81ba$export$e1aef45b828286de), {
+                                color: color,
+                                ...calendarProps,
+                                numberOfMonths: numberOfMonths
+                            })
                         })
                     })
                 ]
@@ -1921,7 +2092,7 @@ const $0ae77811ab456f1f$export$5109c6dd95d8fb00 = /*#__PURE__*/ $hgUW1$forwardRe
         ]
     });
 });
-$0ae77811ab456f1f$export$5109c6dd95d8fb00.displayName = "DatePicker";
+$48aceaf3289ec325$export$7edc06cf1783b30f.displayName = "DateInput";
 
 
 
@@ -2533,8 +2704,9 @@ function $727b3a4d9b39464f$export$e6a97ba2cae5bb94({ items: items, render: rende
 
 function $4bad2c10a2b6e638$export$c6fdb837b070b4ff({ children: children, state: state, ...props }) {
     const modalRef = $hgUW1$useRef(null);
-    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $hgUW1$useModalOverlay)(props, state, modalRef);
-    if (!state.isOpen) return null;
+    const { modalProps: modalProps, underlayProps: underlayProps } = (0, $hgUW1$useModalOverlay)(props, // 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",
@@ -2581,7 +2753,7 @@ function $4bad2c10a2b6e638$var$Dialog({ width: width = 400, title: title, onCanc
                             title && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
                                 weight: "medium",
                                 size: "md",
-                                color: "gray",
+                                color: "black",
                                 ...titleProps,
                                 as: "div",
                                 children: title
@@ -2840,5 +3012,5 @@ function $aca304249f917497$export$39299b56cfd4e361({ appearance: appearance = "o
 
 
 
-export {$ee0105641360f1c1$export$e71c4d32a2263218 as Box, $11bc53f9891a6532$export$ef2184bd89960b14 as Grid, $11bc53f9891a6532$export$9eb849b9b922d396 as GridItem, $e2f278d76a00796a$export$f51f4c4ede09e011 as Flex, $ef10b8551376ecd8$export$f5b8910cec6cf069 as Input, $2e89c7375b40283e$export$6bf0cd3a219bbade as NumberInput, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6 as Text, $7794de767effca39$export$379139ebc1c2b235 as Textarea, $d95a2216d3ccf702$export$353f5b6fc5456de1 as Button, $e3f71af5eaf1c216$export$c25acd513dcc8062 as IconButton, $9230e224c5c26d9c$export$69b1032f2ecdf404 as ButtonGroup, $0ca204e719955216$export$48513f6b9f8ce62d as Checkbox, $1ab2e355b7aa4310$export$4aa08d5625cb8ead as CheckboxGroup, $e00a258f2e8c7774$export$d7b12c4107be0d61 as Radio, $e00a258f2e8c7774$export$a98f0dcb43a68a25 as RadioGroup, $e3711da06539818f$export$f8afaea2e9656b91 as RadioCard, $9f79d30a629e2c71$export$ef9b1a59e592288f as Select, $0ae77811ab456f1f$export$5109c6dd95d8fb00 as DatePicker, $4085fc0afae085ee$export$e1aef45b828286de as Calendar, $55bcc0e5986993c4$export$e2255cf6045e8d47 as Avatar, $f9f5a5b674d0a63f$export$1a5cb5295a7d2749 as FileUploader, $1a0bc09c6bea5bcc$export$1ff3c3f08ae963c0 as Separator, $2cc726bf01dd2fe8$export$b25a304ec7d746bb as Progress, $e1148cdb3a130657$export$3b0d6d7590275603 as Loader, $28ce03a907630a4d$export$be92b6f5f03c0fe9 as Root, $28ce03a907630a4d$export$6d08773d2e66f8f2 as Item, $c700d45659d35204$export$3288d34c523a1192 as Tag, $fac55dfefd316398$export$b5d5cf8927ab7262 as Switch, $6a8317ccd5d3ba90$export$dbada5ace43900dd as ColorTray, $62ecff109eaa29fb$export$50e381fea3a45244 as IconTray, $6bbafdf52af7a191$export$ea98c603db73aee7 as Sticker, $96f9bd3439bf983b$export$1aaa3deaa90ea306 as Tabs, $18afd8c09c9f3065$export$54ec01a60f47d33d as Table, $727b3a4d9b39464f$export$e6a97ba2cae5bb94 as Timeline, $4bad2c10a2b6e638$export$2b77a92f1a5ad772 as Modal, $4bad2c10a2b6e638$export$33ffd74ebf07f060 as useModal, $41cc567ab0625f8f$export$eef1e68107c58ef2 as Space, $aca304249f917497$export$39299b56cfd4e361 as TagInput, $5fc28f26e128d5c0$export$d8964aec282183a3 as ThemeProvider, $5fc28f26e128d5c0$export$93d4e7f90805808f as useTheme};
+export {$ee0105641360f1c1$export$e71c4d32a2263218 as Box, $11bc53f9891a6532$export$ef2184bd89960b14 as Grid, $11bc53f9891a6532$export$9eb849b9b922d396 as GridItem, $e2f278d76a00796a$export$f51f4c4ede09e011 as Flex, $ef10b8551376ecd8$export$f5b8910cec6cf069 as Input, $2e89c7375b40283e$export$6bf0cd3a219bbade as NumberInput, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6 as Text, $7794de767effca39$export$379139ebc1c2b235 as Textarea, $d95a2216d3ccf702$export$353f5b6fc5456de1 as Button, $e3f71af5eaf1c216$export$c25acd513dcc8062 as IconButton, $9230e224c5c26d9c$export$69b1032f2ecdf404 as ButtonGroup, $0ca204e719955216$export$48513f6b9f8ce62d as Checkbox, $1ab2e355b7aa4310$export$4aa08d5625cb8ead as CheckboxGroup, $3ba60d401cc6cc09$export$e44a253a59704894 as DropdownMenu, $e00a258f2e8c7774$export$d7b12c4107be0d61 as Radio, $e00a258f2e8c7774$export$a98f0dcb43a68a25 as RadioGroup, $e3711da06539818f$export$f8afaea2e9656b91 as RadioCard, $9f79d30a629e2c71$export$ef9b1a59e592288f as Select, $6ae005878b435ce8$export$36d18380658d5d20 as Option, $6ae005878b435ce8$export$6e2c8f0811a474ce as Section, $48aceaf3289ec325$export$7edc06cf1783b30f as DateInput, $11e1beb2a56c81ba$export$e1aef45b828286de as Calendar, $55bcc0e5986993c4$export$e2255cf6045e8d47 as Avatar, $f9f5a5b674d0a63f$export$1a5cb5295a7d2749 as FileUploader, $1a0bc09c6bea5bcc$export$1ff3c3f08ae963c0 as Separator, $2cc726bf01dd2fe8$export$b25a304ec7d746bb as Progress, $e1148cdb3a130657$export$3b0d6d7590275603 as Loader, $28ce03a907630a4d$export$be92b6f5f03c0fe9 as Root, $28ce03a907630a4d$export$6d08773d2e66f8f2 as Item, $c700d45659d35204$export$3288d34c523a1192 as Tag, $fac55dfefd316398$export$b5d5cf8927ab7262 as Switch, $6a8317ccd5d3ba90$export$dbada5ace43900dd as ColorTray, $62ecff109eaa29fb$export$50e381fea3a45244 as IconTray, $6bbafdf52af7a191$export$ea98c603db73aee7 as Sticker, $96f9bd3439bf983b$export$1aaa3deaa90ea306 as Tabs, $18afd8c09c9f3065$export$54ec01a60f47d33d as Table, $727b3a4d9b39464f$export$e6a97ba2cae5bb94 as Timeline, $4bad2c10a2b6e638$export$2b77a92f1a5ad772 as Modal, $4bad2c10a2b6e638$export$33ffd74ebf07f060 as useModal, $41cc567ab0625f8f$export$eef1e68107c58ef2 as Space, $aca304249f917497$export$39299b56cfd4e361 as TagInput, $5fc28f26e128d5c0$export$d8964aec282183a3 as ThemeProvider, $5fc28f26e128d5c0$export$93d4e7f90805808f as useTheme};
 //# sourceMappingURL=module.js.map