@parrot-co/parrot-ui 0.0.95 → 0.0.97

package/dist/module.js

@@ -1,6 +1,6 @@
 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 {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 {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, 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";
@@ -221,7 +221,7 @@ 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 flexDirection = stack ? "column" : direction ?? "row";
     return /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, inline ? "display-inline-flex" : "display-flex", `flex-direction-${flexDirection}`, `flex-${wrap}`, `flex-justify-${justify}`, `flex-align-${align}`, (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("gap", gap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("column-gap", columnGap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("row-gap", rowGap)),
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)(className, inline ? "display-inline-flex" : "display-flex", `flex-direction-${flexDirection}`, wrap && `flex-${wrap}`, justify && `flex-justify-${justify}`, align && `flex-align-${align}`, (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("gap", gap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("column-gap", columnGap), (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("row-gap", rowGap)),
         // TODO - Fix types here - seems to work just fine though
         ref: ref,
         ...otherProps,
@@ -244,19 +244,17 @@ const $e2f278d76a00796a$export$f51f4c4ede09e011 = /*#__PURE__*/ $hgUW1$forwardRe
 
 
 
+
 const $3157c40f7d0e6fa2$export$f5a10939c0132d55 = (props, ref)=>{
     const { textCase: textCase, size: size = "sm", weight: weight, color: color = "gray", variant: variant = "default", highlight: highlight, align: align, lineHeight: lineHeight, underline: underline, italic: italic, as: Comp = "span", className: className, ...rest } = props;
     return /*#__PURE__*/ (0, $hgUW1$jsx)(Comp, {
-        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)({
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-text", className, {
             [`text-highlight`]: !!highlight,
-            "p-text": true,
-            [`text-size-${size}`]: !!size,
             [`text-weight-${weight}`]: !!weight,
             [`text-align-${align}`]: !!align,
             [`text-line-height-${lineHeight}`]: !!lineHeight,
-            [`text-transform-${textCase}`]: !!textCase,
-            [`${className}`]: !!className
-        }),
+            [`text-transform-${textCase}`]: !!textCase
+        }, (0, $0ad0bc75b5eb16a6$export$2db1d02db18b2d82)("text-size", size)),
         "data-underline": underline,
         "data-italic": italic,
         "data-color": color,
@@ -1677,11 +1675,13 @@ const $e3711da06539818f$export$f8afaea2e9656b91 = /*#__PURE__*/ $hgUW1$forwardRe
                 })
             }),
             showIndicator && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-                className: "p-fake-radio",
+                className: "p-radio-card-indicator p-fake-radio",
                 "data-size": "sm",
                 "data-checked": inputProps.checked
             }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
+                stretchX: true,
+                className: "p-radio-card-content",
                 stack: true,
                 gap: "xs",
                 children: [
@@ -1762,7 +1762,7 @@ $c700d45659d35204$export$3288d34c523a1192.displayName = "Tag";
 
 
 
-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 }) {
+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, style: style, ...props }) {
     const isMultiple = selectionMode === "multiple";
     function getValue(value) {
         if (!value) return null;
@@ -1781,7 +1781,6 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     const space = (0, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
-    const [isFocused, setIsFocused] = $hgUW1$useState(false);
     const triggerState = (0, $hgUW1$useMenuTriggerState)({});
     const listState = (0, $hgUW1$useListState)({
         ...props,
@@ -1830,29 +1829,11 @@ function $9f79d30a629e2c71$export$ef9b1a59e592288f({ label: label, selectionMode
         });
     }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
+        style: style,
         as: "span",
         position: "relative",
         stretchX: true,
         children: [
-            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,
-                state: {
-                    selectedItem: selectedItems[0],
-                    selectedKey: selectedItems[0]?.key,
-                    setSelectedKey: (key)=>listState.selectionManager.setSelectedKeys([
-                            key
-                        ]),
-                    isFocused: isFocused,
-                    setFocused: setIsFocused,
-                    ...listState,
-                    ...triggerState
-                },
-                isDisabled: props.isDisabled
-            }),
             /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
                 "data-radius": radius ?? theme?.radius ?? "lg",
                 gap: "3xs",
@@ -2027,6 +2008,20 @@ function $b57bc04886adb8b4$export$b4085f3d3ede4716(array, keys) {
 }
 
 
+const $11e1beb2a56c81ba$var$monthsByIndex = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "Septemper",
+    "October",
+    "November",
+    "December"
+];
 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)({
@@ -2038,6 +2033,25 @@ const $11e1beb2a56c81ba$export$e1aef45b828286de = /*#__PURE__*/ $hgUW1$forwardRe
         }
     });
     const { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title } = (0, $hgUW1$useCalendar)(props, state);
+    console.log(state);
+    // function onMonthChange(month: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${state.value.year}-${month.padStart(2, "0")}-${state.value.day
+    //         .toString()
+    //         .padStart(2, "0")}`
+    //     )
+    //   );
+    // }
+    // function onYearChange(year: string) {
+    //   state.setValue(
+    //     parseDate(
+    //       `${year}-${state.value.month
+    //         .toString()
+    //         .padStart(2, "0")}-${state.value.day.toString().padStart(2, "0")}`
+    //     )
+    //   );
+    // }
     return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $e2f278d76a00796a$export$f51f4c4ede09e011), {
         "data-color": color,
         inline: true,
@@ -2181,12 +2195,14 @@ const $48aceaf3289ec325$export$7edc06cf1783b30f = /*#__PURE__*/ $hgUW1$forwardRe
 }), value: value, defaultValue: defaultValue, onChange: onChange, ...props }, ref)=>{
     const space = (0, $41cc567ab0625f8f$export$450c36e0b0e62ccd)();
     function proxyOnChange(date) {
-        onChange?.(date.toString(), date);
+        console.log(date);
+        if (!date) onChange?.(null, null);
+        onChange?.(date?.toString(), date);
     }
     const newProps = {
         ...props,
-        value: value ? (0, $hgUW1$parseDate)(value) : undefined,
-        defaultValue: defaultValue ? (0, $hgUW1$parseDate)(defaultValue) : undefined,
+        value: value ? (0, $hgUW1$parseDate)(value) : null,
+        defaultValue: defaultValue ? (0, $hgUW1$parseDate)(defaultValue) : null,
         onChange: proxyOnChange
     };
     const state = (0, $hgUW1$useDatePickerState)(newProps);