@parrot-co/parrot-ui 0.0.47 → 0.0.48

package/dist/module.js

@@ -2,9 +2,9 @@ import {createStitches as $kF5Av$createStitches} from "@stitches/react";
 import {gray as $kF5Av$gray, mauve as $kF5Av$mauve, slate as $kF5Av$slate, sage as $kF5Av$sage, olive as $kF5Av$olive, sand as $kF5Av$sand, tomato as $kF5Av$tomato, red as $kF5Av$red, crimson as $kF5Av$crimson, pink as $kF5Av$pink, plum as $kF5Av$plum, purple as $kF5Av$purple, violet as $kF5Av$violet, indigo as $kF5Av$indigo, blue as $kF5Av$blue, sky as $kF5Av$sky, mint as $kF5Av$mint, cyan as $kF5Av$cyan, teal as $kF5Av$teal, green as $kF5Av$green, grass as $kF5Av$grass, lime as $kF5Av$lime, yellow as $kF5Av$yellow, amber as $kF5Av$amber, orange as $kF5Av$orange, brown as $kF5Av$brown, bronze as $kF5Av$bronze, gold as $kF5Av$gold, grayA as $kF5Av$grayA, mauveA as $kF5Av$mauveA, slateA as $kF5Av$slateA, sageA as $kF5Av$sageA, oliveA as $kF5Av$oliveA, sandA as $kF5Av$sandA, tomatoA as $kF5Av$tomatoA, redA as $kF5Av$redA, crimsonA as $kF5Av$crimsonA, pinkA as $kF5Av$pinkA, plumA as $kF5Av$plumA, purpleA as $kF5Av$purpleA, violetA as $kF5Av$violetA, indigoA as $kF5Av$indigoA, blueA as $kF5Av$blueA, skyA as $kF5Av$skyA, mintA as $kF5Av$mintA, cyanA as $kF5Av$cyanA, tealA as $kF5Av$tealA, greenA as $kF5Av$greenA, grassA as $kF5Av$grassA, limeA as $kF5Av$limeA, yellowA as $kF5Av$yellowA, amberA as $kF5Av$amberA, orangeA as $kF5Av$orangeA, brownA as $kF5Av$brownA, bronzeA as $kF5Av$bronzeA, goldA as $kF5Av$goldA, whiteA as $kF5Av$whiteA, blackA as $kF5Av$blackA} from "@radix-ui/colors";
 import {jsxs as $kF5Av$jsxs, jsx as $kF5Av$jsx, Fragment as $kF5Av$Fragment} from "react/jsx-runtime";
 import $kF5Av$react, {forwardRef as $kF5Av$forwardRef, useRef as $kF5Av$useRef, useContext as $kF5Av$useContext, useMemo as $kF5Av$useMemo, useState as $kF5Av$useState, useEffect as $kF5Av$useEffect, cloneElement as $kF5Av$cloneElement} from "react";
-import {useTextField as $kF5Av$useTextField, useLocale as $kF5Av$useLocale, useNumberField as $kF5Av$useNumberField, useButton as $kF5Av$useButton, useCheckbox as $kF5Av$useCheckbox, useCheckboxGroupItem as $kF5Av$useCheckboxGroupItem, useFocusRing as $kF5Av$useFocusRing, VisuallyHidden as $kF5Av$VisuallyHidden, useCheckboxGroup as $kF5Av$useCheckboxGroup, useRadio as $kF5Av$useRadio, useRadioGroup as $kF5Av$useRadioGroup, useSelect as $kF5Av$useSelect, HiddenSelect as $kF5Av$HiddenSelect, mergeProps as $kF5Av$mergeProps, useListBox as $kF5Av$useListBox, useOption as $kF5Av$useOption, useListBoxSection as $kF5Av$useListBoxSection, useSeparator as $kF5Av$useSeparator, usePopover as $kF5Av$usePopover, Overlay as $kF5Av$Overlay, useDatePicker as $kF5Av$useDatePicker, useDateField as $kF5Av$useDateField, useDateSegment as $kF5Av$useDateSegment, useCalendar as $kF5Av$useCalendar, useCalendarGrid as $kF5Av$useCalendarGrid, useCalendarCell as $kF5Av$useCalendarCell, useDrop as $kF5Av$useDrop, useProgressBar as $kF5Av$useProgressBar, useTabList as $kF5Av$useTabList, useTab as $kF5Av$useTab, useTabPanel as $kF5Av$useTabPanel, useHover as $kF5Av$useHover, usePress as $kF5Av$usePress, useSwitch as $kF5Av$useSwitch} from "react-aria";
+import {useTextField as $kF5Av$useTextField, useLocale as $kF5Av$useLocale, useNumberField as $kF5Av$useNumberField, useButton as $kF5Av$useButton, useCheckbox as $kF5Av$useCheckbox, useCheckboxGroupItem as $kF5Av$useCheckboxGroupItem, useFocusRing as $kF5Av$useFocusRing, VisuallyHidden as $kF5Av$VisuallyHidden, useCheckboxGroup as $kF5Av$useCheckboxGroup, useRadio as $kF5Av$useRadio, useRadioGroup as $kF5Av$useRadioGroup, useSelect as $kF5Av$useSelect, HiddenSelect as $kF5Av$HiddenSelect, mergeProps as $kF5Av$mergeProps, useListBox as $kF5Av$useListBox, useOption as $kF5Av$useOption, useListBoxSection as $kF5Av$useListBoxSection, useSeparator as $kF5Av$useSeparator, usePopover as $kF5Av$usePopover, Overlay as $kF5Av$Overlay, useDatePicker as $kF5Av$useDatePicker, useDateField as $kF5Av$useDateField, useDateSegment as $kF5Av$useDateSegment, useCalendar as $kF5Av$useCalendar, useCalendarGrid as $kF5Av$useCalendarGrid, useCalendarCell as $kF5Av$useCalendarCell, useDrop as $kF5Av$useDrop, useProgressBar as $kF5Av$useProgressBar, useTabList as $kF5Av$useTabList, useTab as $kF5Av$useTab, useTabPanel as $kF5Av$useTabPanel, useHover as $kF5Av$useHover, usePress as $kF5Av$usePress, useSwitch as $kF5Av$useSwitch, useMenuTrigger as $kF5Av$useMenuTrigger, useMenu as $kF5Av$useMenu, useMenuSection as $kF5Av$useMenuSection, useMenuItem as $kF5Av$useMenuItem} from "react-aria";
 import {HiChevronUp as $kF5Av$HiChevronUp, HiChevronDown as $kF5Av$HiChevronDown, HiSelector as $kF5Av$HiSelector, HiOutlineCalendar as $kF5Av$HiOutlineCalendar, HiChevronLeft as $kF5Av$HiChevronLeft, HiChevronRight as $kF5Av$HiChevronRight, HiOutlineDocumentAdd as $kF5Av$HiOutlineDocumentAdd, HiOutlineCheckCircle as $kF5Av$HiOutlineCheckCircle, HiOutlineTrash as $kF5Av$HiOutlineTrash, HiOutlineExclamationCircle as $kF5Av$HiOutlineExclamationCircle, HiOutlineRefresh as $kF5Av$HiOutlineRefresh, HiOutlinePaperClip as $kF5Av$HiOutlinePaperClip, HiCheck as $kF5Av$HiCheck, HiOutlineGlobe as $kF5Av$HiOutlineGlobe, HiOutlineCurrencyDollar as $kF5Av$HiOutlineCurrencyDollar, HiOutlineGlobeAlt as $kF5Av$HiOutlineGlobeAlt, HiOutlineArchive as $kF5Av$HiOutlineArchive, HiOutlineAnnotation as $kF5Av$HiOutlineAnnotation, HiOutlineFire as $kF5Av$HiOutlineFire, HiOutlineBadgeCheck as $kF5Av$HiOutlineBadgeCheck, HiOutlineSparkles as $kF5Av$HiOutlineSparkles, HiOutlineSpeakerphone as $kF5Av$HiOutlineSpeakerphone, HiOutlineCreditCard as $kF5Av$HiOutlineCreditCard, HiOutlineHeart as $kF5Av$HiOutlineHeart, HiOutlineLocationMarker as $kF5Av$HiOutlineLocationMarker, HiOutlineCursorClick as $kF5Av$HiOutlineCursorClick, HiOutlineLightningBolt as $kF5Av$HiOutlineLightningBolt, HiOutlineDocumentDownload as $kF5Av$HiOutlineDocumentDownload, HiOutlineTag as $kF5Av$HiOutlineTag, HiOutlineAtSymbol as $kF5Av$HiOutlineAtSymbol, HiOutlineUserCircle as $kF5Av$HiOutlineUserCircle, HiOutlineTerminal as $kF5Av$HiOutlineTerminal, HiOutlineMoon as $kF5Av$HiOutlineMoon} from "react-icons/hi";
-import {useNumberFieldState as $kF5Av$useNumberFieldState, useToggleState as $kF5Av$useToggleState, useCheckboxGroupState as $kF5Av$useCheckboxGroupState, useRadioGroupState as $kF5Av$useRadioGroupState, useSelectState as $kF5Av$useSelectState, Item as $kF5Av$Item, useListState as $kF5Av$useListState, useDatePickerState as $kF5Av$useDatePickerState, useDateFieldState as $kF5Av$useDateFieldState, useCalendarState as $kF5Av$useCalendarState, useTabListState as $kF5Av$useTabListState} from "react-stately";
+import {useNumberFieldState as $kF5Av$useNumberFieldState, useToggleState as $kF5Av$useToggleState, useCheckboxGroupState as $kF5Av$useCheckboxGroupState, useRadioGroupState as $kF5Av$useRadioGroupState, useSelectState as $kF5Av$useSelectState, Item as $kF5Av$Item, useListState as $kF5Av$useListState, useDatePickerState as $kF5Av$useDatePickerState, useDateFieldState as $kF5Av$useDateFieldState, useCalendarState as $kF5Av$useCalendarState, useTabListState as $kF5Av$useTabListState, useMenuTriggerState as $kF5Av$useMenuTriggerState, useTreeState as $kF5Av$useTreeState} from "react-stately";
 import {createCalendar as $kF5Av$createCalendar, endOfMonth as $kF5Av$endOfMonth, getWeeksInMonth as $kF5Av$getWeeksInMonth, isSameMonth as $kF5Av$isSameMonth, CalendarDate as $kF5Av$CalendarDate} from "@internationalized/date";
 
 /* eslint-disable @typescript-eslint/no-explicit-any */ 
@@ -4427,5 +4427,164 @@ $ea604f064e7efbe1$export$ea98c603db73aee7.displayName = "Sticker";
 
 
 
-export {$d22d8a7881f7b33f$export$2e2bcd8739ae039 as Box, $07781ffe9a5ae30b$export$ef2184bd89960b14 as Grid, $07781ffe9a5ae30b$export$9eb849b9b922d396 as GridItem, $f09084fde7cc0470$export$2e2bcd8739ae039 as Column, $391d62e0590dec97$export$2e2bcd8739ae039 as Flex, $61dde3060428563f$export$f5b8910cec6cf069 as Input, $4fdef5d0844b7575$export$2e2bcd8739ae039 as Text, $7f7599719bb2a749$export$379139ebc1c2b235 as Textarea, $59636f06ede7befa$export$353f5b6fc5456de1 as Button, $39ebe5a116c39d6c$export$c25acd513dcc8062 as IconButton, $b5830f3daeb33bb2$export$48513f6b9f8ce62d as Checkbox, $5711a5825d7012d3$export$4aa08d5625cb8ead as CheckboxGroup, $b5c60232b181c4bd$export$d7b12c4107be0d61 as Radio, $b5c60232b181c4bd$export$a98f0dcb43a68a25 as RadioGroup, $f7762930a14621d8$export$f8afaea2e9656b91 as RadioCard, $604e914a624d5a0f$export$a26e8b900a29a570 as Select, $8370e4d32f002899$export$5109c6dd95d8fb00 as DatePicker, $2b3b1dc9b2ed8672$export$e2255cf6045e8d47 as Avatar, $c0386802302e82e5$export$1a5cb5295a7d2749 as FileUploader, $4724a2c0da358be5$export$1ff3c3f08ae963c0 as Separator, $12105c91de6d0b91$export$b25a304ec7d746bb as Progress, $8eafe9f534066907$export$3b0d6d7590275603 as Loader, $d20773ec72923119$export$be92b6f5f03c0fe9 as Root, $d20773ec72923119$export$6d08773d2e66f8f2 as Item, $827cce002ec16c4b$export$3288d34c523a1192 as Tag, $4fd64b5726f94f78$export$b5d5cf8927ab7262 as Switch, $fd0a1cc8c4288e44$export$dbada5ace43900dd as ColorTray, $d2eff3f3a30a8f9a$export$50e381fea3a45244 as IconTray, $ea604f064e7efbe1$export$ea98c603db73aee7 as Sticker};
+
+
+
+
+
+
+const $bc8e908b80698a3e$export$59308621e1a05692 = (0, $9ade691eb9e41cfb$export$3817b7a54a07cec7)((0, $d22d8a7881f7b33f$export$2e2bcd8739ae039), {
+    listStyle: "none",
+    padding: 0,
+    margin: 0,
+    outline: "none"
+});
+const $bc8e908b80698a3e$export$6648d5fa18559e7f = (0, $9ade691eb9e41cfb$export$3817b7a54a07cec7)("li", {
+    py: 8,
+    px: 8,
+    borderRadius: 7,
+    outline: "none",
+    '&[data-selected="true"]': {
+        backgroundColor: "$violet3",
+        color: "$primary"
+    },
+    "&[data-focused='true']": {
+        background: "$gray3"
+    }
+});
+
+
+function $b13859906e03ed0f$var$_Dropdown({ triggerComponent: triggerComponent , menuFooter: menuFooter , menuHeader: menuHeader , ...props }) {
+    const state = (0, $kF5Av$useMenuTriggerState)(props);
+    const triggerRef = $kF5Av$useRef(null);
+    const { menuTriggerProps: menuTriggerProps , menuProps: menuProps  } = (0, $kF5Av$useMenuTrigger)(props, state, triggerRef);
+    return /*#__PURE__*/ (0, $kF5Av$jsxs)((0, $kF5Av$Fragment), {
+        children: [
+            triggerComponent && /*#__PURE__*/ $kF5Av$cloneElement(triggerComponent, {
+                ...triggerComponent.props,
+                ...menuTriggerProps,
+                ref: triggerRef
+            }),
+            !triggerComponent && /*#__PURE__*/ (0, $kF5Av$jsx)((0, $59636f06ede7befa$export$353f5b6fc5456de1), {
+                appearance: triggerComponent ? "unstyled" : undefined,
+                ...menuTriggerProps,
+                ref: triggerRef,
+                children: props.label
+            }),
+            state.isOpen && /*#__PURE__*/ (0, $kF5Av$jsx)((0, $c4793c1ed42b26da$export$5b6b19405a83ff9d), {
+                state: state,
+                triggerRef: triggerRef,
+                placement: "bottom start",
+                children: /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$Menu, {
+                    menuFooter: menuFooter,
+                    menuHeader: menuHeader,
+                    ...menuProps,
+                    ...props
+                })
+            })
+        ]
+    });
+}
+function $b13859906e03ed0f$var$Menu({ menuFooter: menuFooter , menuHeader: menuHeader , ...props }) {
+    const state = (0, $kF5Av$useTreeState)(props);
+    const menuRef = $kF5Av$useRef(null);
+    const { menuProps: menuProps  } = (0, $kF5Av$useMenu)(props, state, menuRef);
+    return /*#__PURE__*/ (0, $kF5Av$jsxs)((0, $kF5Av$Fragment), {
+        children: [
+            menuHeader,
+            /*#__PURE__*/ (0, $kF5Av$jsx)((0, $bc8e908b80698a3e$export$59308621e1a05692), {
+                as: "ul",
+                ...menuProps,
+                ref: menuRef,
+                children: [
+                    ...state.collection
+                ].map((item)=>{
+                    return item.type === "section" ? /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$MenuSection, {
+                        section: item,
+                        state: state
+                    }, item.key) : /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$MenuItem, {
+                        state: state,
+                        item: item
+                    }, item.key);
+                })
+            }),
+            menuFooter
+        ]
+    });
+}
+function $b13859906e03ed0f$var$MenuSection({ section: section , state: state  }) {
+    const { itemProps: itemProps , headingProps: headingProps , groupProps: groupProps  } = (0, $kF5Av$useMenuSection)({
+        heading: section.rendered,
+        "aria-label": section["aria-label"]
+    });
+    const { separatorProps: separatorProps  } = (0, $kF5Av$useSeparator)({
+        elementType: "li"
+    });
+    return /*#__PURE__*/ (0, $kF5Av$jsxs)((0, $kF5Av$Fragment), {
+        children: [
+            section.key !== state.collection.getFirstKey() && /*#__PURE__*/ (0, $kF5Av$jsx)("li", {
+                ...separatorProps
+            }),
+            /*#__PURE__*/ (0, $kF5Av$jsxs)($b13859906e03ed0f$var$MenuItem, {
+                ...itemProps,
+                children: [
+                    section.rendered && /*#__PURE__*/ (0, $kF5Av$jsx)("span", {
+                        ...headingProps,
+                        children: section.rendered
+                    }),
+                    /*#__PURE__*/ (0, $kF5Av$jsx)("ul", {
+                        ...groupProps,
+                        children: [
+                            ...section.childNodes
+                        ].map((item)=>{
+                            return /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$MenuItem, {
+                                item: item,
+                                state: state
+                            }, item.key);
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+function $b13859906e03ed0f$var$MenuItem({ item: item , state: state  }) {
+    const itemRef = $kF5Av$useRef(null);
+    const { menuItemProps: menuItemProps , isFocused: isFocused , isSelected: isSelected , isDisabled: isDisabled  } = (0, $kF5Av$useMenuItem)({
+        key: item.key
+    }, state, itemRef);
+    return /*#__PURE__*/ (0, $kF5Av$jsx)((0, $bc8e908b80698a3e$export$6648d5fa18559e7f), {
+        "data-focused": isFocused,
+        "data-selected": isSelected,
+        "data-disabled": isDisabled,
+        ref: itemRef,
+        ...menuItemProps,
+        children: item.rendered
+    });
+}
+function $b13859906e03ed0f$export$e44a253a59704894(props) {
+    if (!props.items) return /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$_Dropdown, {
+        ...props
+    });
+    function findAction(key) {
+        const items = props.items;
+        const action = items.find((item)=>item.key === key)?.action;
+        action?.();
+    }
+    return /*#__PURE__*/ (0, $kF5Av$jsx)($b13859906e03ed0f$var$_Dropdown, {
+        ...props,
+        onAction: findAction,
+        children: (item)=>/*#__PURE__*/ (0, $kF5Av$jsx)((0, $kF5Av$Item), {
+                textValue: item.key,
+                children: props.renderOption ? props.renderOption(item) : item.label
+            }, item.key)
+    });
+}
+
+
+
+
+
+
+export {$d22d8a7881f7b33f$export$2e2bcd8739ae039 as Box, $07781ffe9a5ae30b$export$ef2184bd89960b14 as Grid, $07781ffe9a5ae30b$export$9eb849b9b922d396 as GridItem, $f09084fde7cc0470$export$2e2bcd8739ae039 as Column, $391d62e0590dec97$export$2e2bcd8739ae039 as Flex, $61dde3060428563f$export$f5b8910cec6cf069 as Input, $4fdef5d0844b7575$export$2e2bcd8739ae039 as Text, $7f7599719bb2a749$export$379139ebc1c2b235 as Textarea, $59636f06ede7befa$export$353f5b6fc5456de1 as Button, $39ebe5a116c39d6c$export$c25acd513dcc8062 as IconButton, $b5830f3daeb33bb2$export$48513f6b9f8ce62d as Checkbox, $5711a5825d7012d3$export$4aa08d5625cb8ead as CheckboxGroup, $b5c60232b181c4bd$export$d7b12c4107be0d61 as Radio, $b5c60232b181c4bd$export$a98f0dcb43a68a25 as RadioGroup, $f7762930a14621d8$export$f8afaea2e9656b91 as RadioCard, $604e914a624d5a0f$export$a26e8b900a29a570 as Select, $8370e4d32f002899$export$5109c6dd95d8fb00 as DatePicker, $2b3b1dc9b2ed8672$export$e2255cf6045e8d47 as Avatar, $c0386802302e82e5$export$1a5cb5295a7d2749 as FileUploader, $4724a2c0da358be5$export$1ff3c3f08ae963c0 as Separator, $12105c91de6d0b91$export$b25a304ec7d746bb as Progress, $8eafe9f534066907$export$3b0d6d7590275603 as Loader, $d20773ec72923119$export$be92b6f5f03c0fe9 as Root, $d20773ec72923119$export$6d08773d2e66f8f2 as Item, $827cce002ec16c4b$export$3288d34c523a1192 as Tag, $4fd64b5726f94f78$export$b5d5cf8927ab7262 as Switch, $fd0a1cc8c4288e44$export$dbada5ace43900dd as ColorTray, $d2eff3f3a30a8f9a$export$50e381fea3a45244 as IconTray, $ea604f064e7efbe1$export$ea98c603db73aee7 as Sticker, $b13859906e03ed0f$export$e44a253a59704894 as DropdownMenu};
 //# sourceMappingURL=module.js.map