@parrot-co/parrot-ui 0.1.5 → 0.1.6

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, useButton as $hgUW1$useButton, useCheckbox as $hgUW1$useCheckbox, useCheckboxGroupItem as $hgUW1$useCheckboxGroupItem, useFocusRing as $hgUW1$useFocusRing, VisuallyHidden as $hgUW1$VisuallyHidden, useCheckboxGroup as $hgUW1$useCheckboxGroup, useMenuTrigger as $hgUW1$useMenuTrigger, usePress as $hgUW1$usePress, mergeProps as $hgUW1$mergeProps, useMenu as $hgUW1$useMenu, useMenuItem as $hgUW1$useMenuItem, useMenuSection as $hgUW1$useMenuSection, useSeparator as $hgUW1$useSeparator, usePopover as $hgUW1$usePopover, Overlay as $hgUW1$Overlay, useFilter as $hgUW1$useFilter, useComboBox as $hgUW1$useComboBox, useListBox as $hgUW1$useListBox, useOption as $hgUW1$useOption, useListBoxSection as $hgUW1$useListBoxSection, useRadio as $hgUW1$useRadio, useRadioGroup as $hgUW1$useRadioGroup, useDatePicker as $hgUW1$useDatePicker, useDateField as $hgUW1$useDateField, useDateSegment as $hgUW1$useDateSegment, useCalendar as $hgUW1$useCalendar, useCalendarGrid as $hgUW1$useCalendarGrid, useCalendarCell as $hgUW1$useCalendarCell, useDrop as $hgUW1$useDrop, useProgressBar as $hgUW1$useProgressBar, 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, useOverlayTrigger as $hgUW1$useOverlayTrigger, useTag as $hgUW1$useTag, useTagGroup as $hgUW1$useTagGroup} from "react-aria";
+import {useTextField as $hgUW1$useTextField, useLocale as $hgUW1$useLocale, useNumberField as $hgUW1$useNumberField, useToggleButton as $hgUW1$useToggleButton, useButton as $hgUW1$useButton, useCheckbox as $hgUW1$useCheckbox, useCheckboxGroupItem as $hgUW1$useCheckboxGroupItem, useFocusRing as $hgUW1$useFocusRing, VisuallyHidden as $hgUW1$VisuallyHidden, useCheckboxGroup as $hgUW1$useCheckboxGroup, useMenuTrigger as $hgUW1$useMenuTrigger, usePress as $hgUW1$usePress, mergeProps as $hgUW1$mergeProps, useMenu as $hgUW1$useMenu, useMenuItem as $hgUW1$useMenuItem, useMenuSection as $hgUW1$useMenuSection, useSeparator as $hgUW1$useSeparator, usePopover as $hgUW1$usePopover, Overlay as $hgUW1$Overlay, useFilter as $hgUW1$useFilter, useComboBox as $hgUW1$useComboBox, useListBox as $hgUW1$useListBox, useOption as $hgUW1$useOption, useListBoxSection as $hgUW1$useListBoxSection, useRadio as $hgUW1$useRadio, useRadioGroup as $hgUW1$useRadioGroup, useDatePicker as $hgUW1$useDatePicker, useDateField as $hgUW1$useDateField, useDateSegment as $hgUW1$useDateSegment, useCalendar as $hgUW1$useCalendar, useCalendarGrid as $hgUW1$useCalendarGrid, useCalendarCell as $hgUW1$useCalendarCell, useDrop as $hgUW1$useDrop, useProgressBar as $hgUW1$useProgressBar, useHover as $hgUW1$useHover, useSwitch as $hgUW1$useSwitch, useTabList as $hgUW1$useTabList, useTab as $hgUW1$useTab, useTabPanel as $hgUW1$useTabPanel, useModalOverlay as $hgUW1$useModalOverlay, useDialog as $hgUW1$useDialog, useOverlayTrigger as $hgUW1$useOverlayTrigger, useTag as $hgUW1$useTag, useTagGroup as $hgUW1$useTagGroup} from "react-aria";
 import {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";
@@ -2628,107 +2628,6 @@ $2cc726bf01dd2fe8$export$b25a304ec7d746bb.displayName = "Progress";
 
 
 
-/* eslint-disable @typescript-eslint/no-explicit-any */ 
-
-
-
-
-
-const $28ce03a907630a4d$var$Tabs = /*#__PURE__*/ $hgUW1$forwardRef(({ ...props }, ref)=>{
-    const state = (0, $hgUW1$useTabListState)(props);
-    const tabRef = $hgUW1$useRef(null);
-    const [indicatorStyles, setIndicatorStyles] = $hgUW1$useState({
-        width: 0,
-        left: 0
-    });
-    const indicatorRef = $hgUW1$useRef(null);
-    const { tabListProps: tabListProps } = (0, $hgUW1$useTabList)(props, state, tabRef);
-    $hgUW1$useEffect(()=>{
-        const selected = tabRef?.current?.querySelector('.p-tab[aria-selected="true"]');
-        setIndicatorStyles({
-            width: selected?.offsetWidth,
-            left: selected?.offsetLeft
-        });
-    }, [
-        state.selectedKey
-    ]);
-    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
-    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
-        "data-color": theme?.color ?? "violet",
-        position: "relative",
-        ref: ref,
-        className: "p-tabs",
-        children: [
-            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
-                ...tabListProps,
-                ref: tabRef,
-                className: "p-tab-list",
-                children: [
-                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
-                        className: "indicator",
-                        style: {
-                            left: indicatorStyles?.left,
-                            bottom: 0,
-                            background: "var(--color-10)",
-                            height: 2,
-                            marginBottom: -1,
-                            width: indicatorStyles?.width,
-                            transition: "all 0.2s ease"
-                        },
-                        ref: indicatorRef,
-                        position: "absolute"
-                    }),
-                    [
-                        ...state.collection
-                    ].map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)($28ce03a907630a4d$var$Tab, {
-                            orientation: props.orientation,
-                            item: item,
-                            state: state
-                        }, item.key))
-                ]
-            }),
-            /*#__PURE__*/ (0, $hgUW1$jsx)($28ce03a907630a4d$var$TabPanel, {
-                state: state
-            }, state?.selectedItem?.key)
-        ]
-    });
-});
-function $28ce03a907630a4d$var$Tab({ item: item, state: state }) {
-    const { key: key, rendered: rendered } = item;
-    const ref = $hgUW1$useRef(null);
-    const { tabProps: tabProps, isDisabled: isDisabled, isSelected: isSelected } = (0, $hgUW1$useTab)({
-        key: key
-    }, state, ref);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        id: `tab-${key}`,
-        className: "p-tab",
-        ref: ref,
-        "data-disabled": isDisabled,
-        "data-selected": isSelected,
-        ...tabProps,
-        children: rendered
-    });
-}
-function $28ce03a907630a4d$var$TabPanel({ state: state, ...props }) {
-    const ref = $hgUW1$useRef(null);
-    const { tabPanelProps: tabPanelProps } = (0, $hgUW1$useTabPanel)(props, state, ref);
-    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
-        ...tabPanelProps,
-        ref: ref,
-        children: state.selectedItem?.props.children
-    });
-}
-const $28ce03a907630a4d$export$be92b6f5f03c0fe9 = $28ce03a907630a4d$var$Tabs;
-const $28ce03a907630a4d$export$6d08773d2e66f8f2 = (0, $hgUW1$Item);
-$28ce03a907630a4d$var$Tabs.displayName = "Tabs";
-
-
-const $96f9bd3439bf983b$export$1aaa3deaa90ea306 = {
-    Item: (0, $28ce03a907630a4d$export$6d08773d2e66f8f2),
-    Root: (0, $28ce03a907630a4d$export$be92b6f5f03c0fe9)
-};
-
-
 
 
 
@@ -2831,6 +2730,107 @@ $6bbafdf52af7a191$export$ea98c603db73aee7.displayName = "Sticker";
 
 
 
+/* eslint-disable @typescript-eslint/no-explicit-any */ 
+
+
+
+
+
+
+function $28ce03a907630a4d$export$b2539bed5023c21c({ className: className, style: style, ...props }) {
+    const state = (0, $hgUW1$useTabListState)(props);
+    const tabRef = $hgUW1$useRef(null);
+    const [indicatorStyles, setIndicatorStyles] = $hgUW1$useState({
+        width: 0,
+        left: 0
+    });
+    const indicatorRef = $hgUW1$useRef(null);
+    const { tabListProps: tabListProps } = (0, $hgUW1$useTabList)(props, state, tabRef);
+    $hgUW1$useEffect(()=>{
+        const selected = tabRef?.current?.querySelector('.p-tab[aria-selected="true"]');
+        setIndicatorStyles({
+            width: selected?.offsetWidth,
+            left: selected?.offsetLeft
+        });
+    }, [
+        state.selectedKey
+    ]);
+    const theme = (0, $5fc28f26e128d5c0$export$93d4e7f90805808f)();
+    return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
+        style: style,
+        "data-color": theme?.color ?? "violet",
+        position: "relative",
+        className: (0, $cce662c1d2ec881b$export$a274e22fb40f762e)("p-tabs", className),
+        children: [
+            /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
+                ...tabListProps,
+                ref: tabRef,
+                className: "p-tab-list",
+                children: [
+                    /*#__PURE__*/ (0, $hgUW1$jsx)((0, $ee0105641360f1c1$export$e71c4d32a2263218), {
+                        className: "indicator",
+                        style: {
+                            left: indicatorStyles?.left,
+                            bottom: 0,
+                            background: "var(--color-10)",
+                            height: 2,
+                            marginBottom: -1,
+                            width: indicatorStyles?.width,
+                            transition: "all 0.2s ease"
+                        },
+                        ref: indicatorRef,
+                        position: "absolute"
+                    }),
+                    [
+                        ...state.collection
+                    ].map((item)=>/*#__PURE__*/ (0, $hgUW1$jsx)($28ce03a907630a4d$var$Tab, {
+                            orientation: props.orientation,
+                            item: item,
+                            state: state
+                        }, item.key))
+                ]
+            }),
+            /*#__PURE__*/ (0, $hgUW1$jsx)($28ce03a907630a4d$var$TabPanel, {
+                state: state
+            }, state?.selectedItem?.key)
+        ]
+    });
+}
+function $28ce03a907630a4d$var$Tab({ item: item, state: state }) {
+    const { key: key, rendered: rendered } = item;
+    const ref = $hgUW1$useRef(null);
+    const { tabProps: tabProps, isDisabled: isDisabled, isSelected: isSelected } = (0, $hgUW1$useTab)({
+        key: key
+    }, state, ref);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        id: `tab-${key}`,
+        className: "p-tab",
+        ref: ref,
+        "data-disabled": isDisabled,
+        "data-selected": isSelected,
+        ...tabProps,
+        children: rendered
+    });
+}
+function $28ce03a907630a4d$var$TabPanel({ state: state, ...props }) {
+    const ref = $hgUW1$useRef(null);
+    const { tabPanelProps: tabPanelProps } = (0, $hgUW1$useTabPanel)(props, state, ref);
+    return /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
+        ...tabPanelProps,
+        ref: ref,
+        children: state.selectedItem?.props.children
+    });
+}
+const $28ce03a907630a4d$export$6d08773d2e66f8f2 = (0, $hgUW1$Item);
+$28ce03a907630a4d$export$b2539bed5023c21c.displayName = "Tabs";
+
+
+const $96f9bd3439bf983b$export$1aaa3deaa90ea306 = {
+    Item: (0, $28ce03a907630a4d$export$6d08773d2e66f8f2),
+    Root: (0, $28ce03a907630a4d$export$b2539bed5023c21c)
+};
+
+
 
 
 function $18afd8c09c9f3065$export$54ec01a60f47d33d() {
@@ -3377,5 +3377,5 @@ const $31aad62a65b342bc$export$a79147a60006308c = (0, $hgUW1$Item);
 
 
 
-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, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d as Popover, $61ac9d13c14b7f5b$export$d7e1f420b25549ff as PopoverContent, $61ac9d13c14b7f5b$export$7dacb05d26466c3 as PopoverTrigger, $31aad62a65b342bc$export$67ea30858aaf75e3 as TagGroup, $31aad62a65b342bc$export$a79147a60006308c as TagGroupItem, $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, $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, $61ac9d13c14b7f5b$export$5b6b19405a83ff9d as Popover, $61ac9d13c14b7f5b$export$d7e1f420b25549ff as PopoverContent, $61ac9d13c14b7f5b$export$7dacb05d26466c3 as PopoverTrigger, $31aad62a65b342bc$export$67ea30858aaf75e3 as TagGroup, $31aad62a65b342bc$export$a79147a60006308c as TagGroupItem, $5fc28f26e128d5c0$export$d8964aec282183a3 as ThemeProvider, $5fc28f26e128d5c0$export$93d4e7f90805808f as useTheme};
 //# sourceMappingURL=module.js.map