@parrot-co/parrot-ui 0.0.91 → 0.0.93

package/dist/module.js

@@ -1,8 +1,8 @@
 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, 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, 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 {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, 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, HiddenSelect as $hgUW1$HiddenSelect, 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, HiCheck as $hgUW1$HiCheck, HiSelector as $hgUW1$HiSelector, HiX as $hgUW1$HiX, 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, 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, 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";
 
 
@@ -979,6 +979,8 @@ function $61ac9d13c14b7f5b$export$5b6b19405a83ff9d({ state: state, children: chi
 
 
 
+
+
 const $ad85ba12e832a3ea$var$DropdownContext = /*#__PURE__*/ $hgUW1$createContext(null);
 function $ad85ba12e832a3ea$export$e44a253a59704894({ children: children, ...props }) {
     const triggerRef = $hgUW1$useRef(null);
@@ -1015,12 +1017,12 @@ function $ad85ba12e832a3ea$export$e7eb525bc415b4b4({ asChild: asChild, children:
         children: children
     });
 }
-function $ad85ba12e832a3ea$export$d9b273488cd8ce6f(props) {
+function $ad85ba12e832a3ea$export$d9b273488cd8ce6f({ placement: placement = "bottom start", offset: offset = 8, ...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,
+        placement: placement,
+        offset: offset,
         state: ctx?.triggerState,
         triggerRef: ctx?.triggerRef,
         children: /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$MenuInner, {
@@ -1028,7 +1030,7 @@ function $ad85ba12e832a3ea$export$d9b273488cd8ce6f(props) {
         })
     });
 }
-function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: menuFooter, ...props }) {
+function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: menuFooter, className: className, color: color, maxHeight: maxHeight = 300, minWidth: minWidth = 200, maxWidth: maxWidth, ...props }) {
     const state = (0, $hgUW1$useTreeState)(props);
     const ref = $hgUW1$useRef(null);
     const { menuProps: menuProps } = (0, $hgUW1$useMenu)({
@@ -1049,9 +1051,14 @@ function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: m
         stack: true,
         ref: ref,
         ...menuProps,
-        "data-color": theme?.color ?? "violet",
+        "data-color": color ?? theme?.color ?? "violet",
         "data-radius": theme?.radius ?? "lg",
-        className: "p-list-box-wrapper",
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-list-box-wrapper", className),
+        style: {
+            minWidth: `max(200px, ${`${minWidth}`.replace("px", "")}px)`,
+            maxWidth: `${`${maxWidth}`.replace("px", "")}px`,
+            maxHeight: `${`${maxHeight}`.replace("px", "")}px`
+        },
         children: [
             resolvedMenuHeader(),
             /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
@@ -1060,7 +1067,8 @@ function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: m
                 ].map((item)=>{
                     if (item.type === "section") return /*#__PURE__*/ (0, $hgUW1$jsx)($ad85ba12e832a3ea$var$MenuSectionInner, {
                         state: state,
-                        section: item
+                        section: item,
+                        ...item.props
                     }, item.key);
                     return /*#__PURE__*/ (0, $hgUW1$createElement)($ad85ba12e832a3ea$var$MenuItemInner, {
                         ...item.props,
@@ -1076,24 +1084,59 @@ function $ad85ba12e832a3ea$var$MenuInner({ menuHeader: menuHeader, menuFooter: m
 }
 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)({
+    const { menuItemProps: menuItemProps, isSelected: isSelected, isFocused: isFocused, isPressed: isPressed, isDisabled: isDisabled, descriptionProps: descriptionProps } = (0, $hgUW1$useMenuItem)({
         key: item?.key
     }, state, ref);
-    const { className: className, style: style, isReadOnly: isReadOnly } = otherProps;
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+    const { className: className, style: style, isReadOnly: isReadOnly, icon: icon, color: color, description: description, label: label } = otherProps;
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("li", {
         ref: ref,
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-list-option"),
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-list-option p-menu-item"),
         "data-selected": isSelected,
         "data-focused": isFocused,
         "data-pressed": isPressed,
         "data-disabled": isDisabled,
         "data-readonly": isReadOnly,
         style: style,
+        "data-color": color,
         ...menuItemProps,
-        children: item.rendered
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                align: "center",
+                children: [
+                    icon && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                        className: "p-list-option-icon-wrapper",
+                        children: /*#__PURE__*/ $hgUW1$isValidElement(icon) && /*#__PURE__*/ $hgUW1$cloneElement(icon, {
+                            className: "p-list-option-icon",
+                            size: 18,
+                            ...icon?.props
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                        gap: "3xs",
+                        stack: true,
+                        children: [
+                            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                                as: "div",
+                                color: "black",
+                                children: label ?? item.rendered
+                            }),
+                            description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                                as: "div",
+                                lineHeight: "base",
+                                ...descriptionProps,
+                                children: description
+                            })
+                        ]
+                    })
+                ]
+            }),
+            isSelected && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiCheck), {
+                className: "selected-marker"
+            })
+        ]
     });
 }
-function $ad85ba12e832a3ea$var$MenuSectionInner({ state: state, section: section }) {
+function $ad85ba12e832a3ea$var$MenuSectionInner({ state: state, section: section, className: className, style: style }) {
     const { itemProps: itemProps, headingProps: headingProps, groupProps: groupProps } = (0, $hgUW1$useMenuSection)({
         heading: section?.rendered,
         "aria-label": section?.["aria-label"]
@@ -1105,30 +1148,41 @@ function $ad85ba12e832a3ea$var$MenuSectionInner({ state: state, section: section
         if (state?.collection.getChildren) return [
             ...state.collection.getChildren(section.key)
         ];
-        return [];
+        return [
+            ...section.childNodes
+        ];
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-        className: "p-list-section",
+        stack: true,
+        as: "ul",
+        style: style,
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, "p-list-section"),
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
                 className: "p-list-separator",
                 ...separatorProps
             }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("li", {
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("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);
-                })
+                children: [
+                    section?.rendered && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                        as: "h4",
+                        className: "p-list-section-header",
+                        ...headingProps,
+                        children: section?.rendered
+                    }),
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("ul", {
+                        ...groupProps,
+                        children: getChildren().map((item)=>{
+                            return /*#__PURE__*/ (0, $hgUW1$createElement)($ad85ba12e832a3ea$var$MenuItemInner, {
+                                ...item.props,
+                                state: state,
+                                item: item,
+                                key: item.key
+                            });
+                        })
+                    })
+                ]
             })
         ]
     });
@@ -1137,92 +1191,13 @@ 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);
-    const { size: size = "sm", className: className, style: style, appearance: appearance, color: color, ...otherProps } = props;
-    if (!state) throw new Error("Radio must be used within a RadioGroup");
-    const inputRef = (0, $hgUW1$react).useRef(null);
-    const { inputProps: inputProps } = (0, $hgUW1$useRadio)(otherProps, state, inputRef);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("label", {
-        style: style,
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
-            className,
-            "p-radio"
-        ]),
-        ref: ref,
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$VisuallyHidden), {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
-                    ...inputProps,
-                    ref: inputRef
-                })
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                "data-color": color,
-                className: "p-fake-radio",
-                "data-appearance": appearance,
-                "data-checked": inputProps.checked,
-                "data-size": size
-            }),
-            props.children
-        ]
-    });
-});
-const $e00a258f2e8c7774$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef(({ stack: stack = true, direction: direction, gap: gap = "xs", rowGap: rowGap, align: align, justify: justify, wrap: wrap, columnGap: columnGap, ...props }, ref)=>{
-    const { children: children, label: label, description: description, errorMessage: errorMessage } = props;
-    const state = (0, $hgUW1$useRadioGroupState)(props);
-    const { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $hgUW1$useRadioGroup)(props, state);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-        ref: ref,
-        stack: stack,
-        gap: gap,
-        direction: direction,
-        rowGap: rowGap,
-        columnGap: columnGap,
-        align: align,
-        justify: justify,
-        wrap: wrap,
-        ...radioGroupProps,
-        children: [
-            label && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $eea734bbd8b9efff$export$2e2bcd8739ae039), {
-                ...labelProps,
-                children: label
-            }),
-            description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
-                variant: "light",
-                ...descriptionProps,
-                children: description
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)($e00a258f2e8c7774$export$b118023277d4a5c3.Provider, {
-                value: state,
-                children: children
-            }),
-            errorMessage && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9e021ab4f609c8de$export$2e2bcd8739ae039), {
-                ...errorMessageProps,
-                children: errorMessage
-            })
-        ]
-    });
-});
-$e00a258f2e8c7774$export$a98f0dcb43a68a25.displayName = "RadioGroup";
-$e00a258f2e8c7774$export$d7b12c4107be0d61.displayName = "Radio";
+const $3ba60d401cc6cc09$export$e44a253a59704894 = {
+    Root: (0, $ad85ba12e832a3ea$export$e44a253a59704894),
+    Menu: $ad85ba12e832a3ea$export$d9b273488cd8ce6f,
+    Trigger: (0, $ad85ba12e832a3ea$export$e7eb525bc415b4b4),
+    Item: (0, $ad85ba12e832a3ea$export$2ce376c2cc3355c8),
+    Section: (0, $ad85ba12e832a3ea$export$4b1545b4f2016d26)
+};
 
 
 
@@ -1231,59 +1206,6 @@ $e00a258f2e8c7774$export$d7b12c4107be0d61.displayName = "Radio";
 
 
 
-const $e3711da06539818f$export$f8afaea2e9656b91 = /*#__PURE__*/ $hgUW1$forwardRef(({ title: title, description: description, children: children, appearance: appearance, showIndicator: showIndicator = true, color: color, ...props }, ref)=>{
-    const state = $hgUW1$useContext((0, $e00a258f2e8c7774$export$b118023277d4a5c3));
-    if (!state) throw new Error("RadioCard must be used within a RadioGroup");
-    const inputRef = $hgUW1$useRef(null);
-    const { inputProps: inputProps } = (0, $hgUW1$useRadio)(props, state, inputRef);
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)("label", {
-        "data-radius": "lg",
-        className: "p-radio-card",
-        "data-color": color,
-        "data-appearance": appearance,
-        "data-checked": inputProps.checked,
-        ref: ref,
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$VisuallyHidden), {
-                children: /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
-                    ...inputProps,
-                    ref: inputRef
-                })
-            }),
-            showIndicator && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "p-fake-radio",
-                "data-size": "sm",
-                "data-checked": inputProps.checked
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-                stack: true,
-                gap: "xs",
-                children: [
-                    (title || description) && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
-                        gap: "4xs",
-                        stack: true,
-                        children: [
-                            title && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
-                                color: color,
-                                size: "sm",
-                                children: title
-                            }),
-                            description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
-                                color: color,
-                                lineHeight: "tall",
-                                size: "xs",
-                                variant: "lighter",
-                                children: description
-                            })
-                        ]
-                    }),
-                    children
-                ]
-            })
-        ]
-    });
-});
-$e3711da06539818f$export$f8afaea2e9656b91.displayName = "RadioCard";
 
 
 
@@ -1307,7 +1229,6 @@ 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),
@@ -1491,6 +1412,261 @@ const $6ae005878b435ce8$export$6e2c8f0811a474ce = (0, $hgUW1$Section);
 
 
 
+const $618e53c42107439d$export$acd2d351457d1d82 = ({ label: label, error: error, showDropdownButton: showDropdownButton = true, dropdownArrow: dropdownArrow = /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiSelector), {
+    size: 18
+}), className: className, style: style, color: color = "gray", radius: radius, size: size = "md", appearance: appearance = "outline", listBoxColor: listBoxColor, append: append, prepend: prepend, isLoading: isLoading, ...props }, ref)=>{
+    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
+    const { contains: contains } = (0, $hgUW1$useFilter)({
+        sensitivity: "base"
+    });
+    const state = (0, $hgUW1$useComboBoxState)({
+        ...props,
+        children: (0, $b71fd84ba612e4b0$export$3d7d0414f6db67e7)(props),
+        defaultFilter: contains
+    });
+    const inputRef = $hgUW1$useRef(null);
+    const buttonRef = $hgUW1$useRef(null);
+    const listBoxRef = $hgUW1$useRef(null);
+    const popoverRef = $hgUW1$useRef(null);
+    const wrapperRef = $hgUW1$useRef(null);
+    const { inputProps: inputProps, buttonProps: buttonProps, listBoxProps: listBoxProps } = (0, $hgUW1$useComboBox)({
+        inputRef: inputRef,
+        buttonRef: buttonRef,
+        listBoxRef: listBoxRef,
+        popoverRef: popoverRef,
+        ...props
+    }, state);
+    function resolvedDropdownArrow() {
+        if (typeof dropdownArrow === "function") return dropdownArrow({
+            color: "gray",
+            size: "md"
+        });
+        return dropdownArrow;
+    }
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        "data-color": color ?? theme?.color ?? "gray",
+        "data-size": size,
+        "data-radius": radius ?? theme?.radius ?? "lg",
+        style: style,
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-combo-box p-input-group", className),
+        ref: ref,
+        stack: true,
+        gap: "3xs",
+        stretchX: true,
+        children: [
+            label && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $eea734bbd8b9efff$export$2e2bcd8739ae039), {
+                children: label
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                position: "relative",
+                gap: "3xs",
+                ref: wrapperRef,
+                align: "center",
+                "data-appearance": appearance,
+                className: "p-input-control p-combo-box-control",
+                children: [
+                    prepend,
+                    /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
+                        className: "p-combo-box-input p-text-input-el",
+                        onChange: (e)=>inputProps.onChange?.(e),
+                        ref: inputRef,
+                        "data-has-prepend": !!prepend,
+                        "data-size": "md",
+                        ...(0, $b35ea695a7e1feb7$export$30a06c8d3562193f)(inputProps, [
+                            "size",
+                            "onChange"
+                        ])
+                    }),
+                    append,
+                    isLoading && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e1148cdb3a130657$export$3b0d6d7590275603), {
+                        size: "xs"
+                    }),
+                    showDropdownButton && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e3f71af5eaf1c216$export$c25acd513dcc8062), {
+                        ...buttonProps,
+                        variant: "ghost",
+                        color: "gray",
+                        radius: "lg",
+                        className: "p-combo-box-button",
+                        ref: buttonRef,
+                        children: resolvedDropdownArrow()
+                    })
+                ]
+            }),
+            error && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9e021ab4f609c8de$export$2e2bcd8739ae039), {
+                children: error
+            }),
+            state.isOpen && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d), {
+                popoverRef: popoverRef,
+                offset: 8,
+                state: state,
+                triggerRef: wrapperRef,
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $6ae005878b435ce8$export$41f133550aa26f48), {
+                    color: listBoxColor ?? theme?.color ?? "gray",
+                    width: wrapperRef.current?.getBoundingClientRect().width,
+                    listBoxRef: listBoxRef,
+                    state: state,
+                    ...listBoxProps
+                })
+            })
+        ]
+    });
+};
+$618e53c42107439d$export$acd2d351457d1d82.displayName = "ComboBox";
+const $618e53c42107439d$export$72b9695b8216309a = /*#__PURE__*/ $hgUW1$forwardRef($618e53c42107439d$export$acd2d351457d1d82);
+
+
+
+
+
+
+
+
+
+
+
+
+
+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);
+    const { size: size = "sm", className: className, style: style, appearance: appearance, color: color, ...otherProps } = props;
+    if (!state) throw new Error("Radio must be used within a RadioGroup");
+    const inputRef = (0, $hgUW1$react).useRef(null);
+    const { inputProps: inputProps } = (0, $hgUW1$useRadio)(otherProps, state, inputRef);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("label", {
+        style: style,
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)([
+            className,
+            "p-radio"
+        ]),
+        ref: ref,
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$VisuallyHidden), {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
+                    ...inputProps,
+                    ref: inputRef
+                })
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                "data-color": color,
+                className: "p-fake-radio",
+                "data-appearance": appearance,
+                "data-checked": inputProps.checked,
+                "data-size": size
+            }),
+            props.children
+        ]
+    });
+});
+const $e00a258f2e8c7774$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $hgUW1$react).forwardRef(({ stack: stack = true, direction: direction, gap: gap = "xs", rowGap: rowGap, align: align, justify: justify, wrap: wrap, columnGap: columnGap, ...props }, ref)=>{
+    const { children: children, label: label, description: description, errorMessage: errorMessage } = props;
+    const state = (0, $hgUW1$useRadioGroupState)(props);
+    const { radioGroupProps: radioGroupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $hgUW1$useRadioGroup)(props, state);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+        ref: ref,
+        stack: stack,
+        gap: gap,
+        direction: direction,
+        rowGap: rowGap,
+        columnGap: columnGap,
+        align: align,
+        justify: justify,
+        wrap: wrap,
+        ...radioGroupProps,
+        children: [
+            label && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $eea734bbd8b9efff$export$2e2bcd8739ae039), {
+                ...labelProps,
+                children: label
+            }),
+            description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                variant: "light",
+                ...descriptionProps,
+                children: description
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)($e00a258f2e8c7774$export$b118023277d4a5c3.Provider, {
+                value: state,
+                children: children
+            }),
+            errorMessage && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $9e021ab4f609c8de$export$2e2bcd8739ae039), {
+                ...errorMessageProps,
+                children: errorMessage
+            })
+        ]
+    });
+});
+$e00a258f2e8c7774$export$a98f0dcb43a68a25.displayName = "RadioGroup";
+$e00a258f2e8c7774$export$d7b12c4107be0d61.displayName = "Radio";
+
+
+
+
+
+
+
+
+const $e3711da06539818f$export$f8afaea2e9656b91 = /*#__PURE__*/ $hgUW1$forwardRef(({ title: title, description: description, children: children, appearance: appearance, showIndicator: showIndicator = true, color: color, ...props }, ref)=>{
+    const state = $hgUW1$useContext((0, $e00a258f2e8c7774$export$b118023277d4a5c3));
+    if (!state) throw new Error("RadioCard must be used within a RadioGroup");
+    const inputRef = $hgUW1$useRef(null);
+    const { inputProps: inputProps } = (0, $hgUW1$useRadio)(props, state, inputRef);
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)("label", {
+        "data-radius": "lg",
+        className: "p-radio-card",
+        "data-color": color,
+        "data-appearance": appearance,
+        "data-checked": inputProps.checked,
+        ref: ref,
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$VisuallyHidden), {
+                children: /*#__PURE__*/ (0, $hgUW1$jsx)("input", {
+                    ...inputProps,
+                    ref: inputRef
+                })
+            }),
+            showIndicator && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+                className: "p-fake-radio",
+                "data-size": "sm",
+                "data-checked": inputProps.checked
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                stack: true,
+                gap: "xs",
+                children: [
+                    (title || description) && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                        gap: "4xs",
+                        stack: true,
+                        children: [
+                            title && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                                color: color,
+                                size: "sm",
+                                children: title
+                            }),
+                            description && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $3157c40f7d0e6fa2$export$5f1af8db9871e1d6), {
+                                color: color,
+                                lineHeight: "tall",
+                                size: "xs",
+                                variant: "lighter",
+                                children: description
+                            })
+                        ]
+                    }),
+                    children
+                ]
+            })
+        ]
+    });
+});
+$e3711da06539818f$export$f8afaea2e9656b91.displayName = "RadioCard";
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -1667,7 +1843,9 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
         position: "relative",
         stretchX: true,
         children: [
-            selectionMode === "single" && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiddenSelect), {
+            selectionMode === "single" && // Implement a hidden select element to allow for native form submission
+            // should work for both single and multiple selection modes
+            /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$HiddenSelect), {
                 triggerRef: triggerRef,
                 label: label,
                 name: props.name,
@@ -2741,6 +2919,7 @@ function $4bad2c10a2b6e638$var$Dialog({ width: width = 400, title: title, onCanc
         ...dialogProps,
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                align: "center",
                 as: "header",
                 justify: "space-between",
                 gap: "2xl",
@@ -2779,6 +2958,7 @@ function $4bad2c10a2b6e638$var$Dialog({ width: width = 400, title: title, onCanc
                 ]
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                stack: true,
                 className: "p-modal-body",
                 children: children
             }),
@@ -3012,5 +3192,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, $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};
+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, $618e53c42107439d$export$72b9695b8216309a as ComboBox, $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