@parrot-co/parrot-ui 0.1.5 → 0.1.7

package/dist/main.js

@@ -5,9 +5,11 @@ var $8zHUo$reacticonshi = require("react-icons/hi");
 var $8zHUo$reactstately = require("react-stately");
 var $8zHUo$internationalizeddate = require("@internationalized/date");
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -40,14 +42,13 @@ $parcel$export(module.exports, "FileUploader", () => $5f87818f4e8f8603$export$1a
 $parcel$export(module.exports, "Separator", () => $9e8a15ca4065ce60$export$1ff3c3f08ae963c0);
 $parcel$export(module.exports, "Progress", () => $e04b6210b7063851$export$b25a304ec7d746bb);
 $parcel$export(module.exports, "Loader", () => $a28e128499dd0b02$export$3b0d6d7590275603);
-$parcel$export(module.exports, "Root", () => $6c55ad3905040a74$export$be92b6f5f03c0fe9);
-$parcel$export(module.exports, "Item", () => $6c55ad3905040a74$export$6d08773d2e66f8f2);
 $parcel$export(module.exports, "Tag", () => $cfadb0728cf907ff$export$3288d34c523a1192);
 $parcel$export(module.exports, "Switch", () => $c5c6f63b49c9056a$export$b5d5cf8927ab7262);
 $parcel$export(module.exports, "ColorTray", () => $de38c06a5c24ee45$export$dbada5ace43900dd);
 $parcel$export(module.exports, "IconTray", () => $43de550aebbf1320$export$50e381fea3a45244);
 $parcel$export(module.exports, "Sticker", () => $fedef2bba4e6812a$export$ea98c603db73aee7);
-$parcel$export(module.exports, "Tabs", () => $4337a58f6fe87df9$export$1aaa3deaa90ea306);
+$parcel$export(module.exports, "Tabs", () => $6c55ad3905040a74$export$b2539bed5023c21c);
+$parcel$export(module.exports, "Tab", () => $6c55ad3905040a74$export$6d08773d2e66f8f2);
 $parcel$export(module.exports, "Table", () => $9fcb37cb330ef9cd$export$54ec01a60f47d33d);
 $parcel$export(module.exports, "Timeline", () => $9ff025417b0a683c$export$e6a97ba2cae5bb94);
 $parcel$export(module.exports, "Modal", () => $1278141024f0bc4d$export$2b77a92f1a5ad772);
@@ -2684,107 +2685,6 @@ $e04b6210b7063851$export$b25a304ec7d746bb.displayName = "Progress";
 
 
 
-/* eslint-disable @typescript-eslint/no-explicit-any */ 
-
-
-
-
-
-const $6c55ad3905040a74$var$Tabs = /*#__PURE__*/ $8zHUo$react.forwardRef(({ ...props }, ref)=>{
-    const state = (0, $8zHUo$reactstately.useTabListState)(props);
-    const tabRef = $8zHUo$react.useRef(null);
-    const [indicatorStyles, setIndicatorStyles] = $8zHUo$react.useState({
-        width: 0,
-        left: 0
-    });
-    const indicatorRef = $8zHUo$react.useRef(null);
-    const { tabListProps: tabListProps } = (0, $8zHUo$reactaria.useTabList)(props, state, tabRef);
-    $8zHUo$react.useEffect(()=>{
-        const selected = tabRef?.current?.querySelector('.p-tab[aria-selected="true"]');
-        setIndicatorStyles({
-            width: selected?.offsetWidth,
-            left: selected?.offsetLeft
-        });
-    }, [
-        state.selectedKey
-    ]);
-    const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
-    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $eb8f27c3596a0e6b$export$e71c4d32a2263218), {
-        "data-color": theme?.color ?? "violet",
-        position: "relative",
-        ref: ref,
-        className: "p-tabs",
-        children: [
-            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("div", {
-                ...tabListProps,
-                ref: tabRef,
-                className: "p-tab-list",
-                children: [
-                    /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $eb8f27c3596a0e6b$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, $8zHUo$reactjsxruntime.jsx)($6c55ad3905040a74$var$Tab, {
-                            orientation: props.orientation,
-                            item: item,
-                            state: state
-                        }, item.key))
-                ]
-            }),
-            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)($6c55ad3905040a74$var$TabPanel, {
-                state: state
-            }, state?.selectedItem?.key)
-        ]
-    });
-});
-function $6c55ad3905040a74$var$Tab({ item: item, state: state }) {
-    const { key: key, rendered: rendered } = item;
-    const ref = $8zHUo$react.useRef(null);
-    const { tabProps: tabProps, isDisabled: isDisabled, isSelected: isSelected } = (0, $8zHUo$reactaria.useTab)({
-        key: key
-    }, state, ref);
-    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-        id: `tab-${key}`,
-        className: "p-tab",
-        ref: ref,
-        "data-disabled": isDisabled,
-        "data-selected": isSelected,
-        ...tabProps,
-        children: rendered
-    });
-}
-function $6c55ad3905040a74$var$TabPanel({ state: state, ...props }) {
-    const ref = $8zHUo$react.useRef(null);
-    const { tabPanelProps: tabPanelProps } = (0, $8zHUo$reactaria.useTabPanel)(props, state, ref);
-    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
-        ...tabPanelProps,
-        ref: ref,
-        children: state.selectedItem?.props.children
-    });
-}
-const $6c55ad3905040a74$export$be92b6f5f03c0fe9 = $6c55ad3905040a74$var$Tabs;
-const $6c55ad3905040a74$export$6d08773d2e66f8f2 = (0, $8zHUo$reactstately.Item);
-$6c55ad3905040a74$var$Tabs.displayName = "Tabs";
-
-
-const $4337a58f6fe87df9$export$1aaa3deaa90ea306 = {
-    Item: (0, $6c55ad3905040a74$export$6d08773d2e66f8f2),
-    Root: (0, $6c55ad3905040a74$export$be92b6f5f03c0fe9)
-};
-
-
 
 
 
@@ -2887,6 +2787,102 @@ $fedef2bba4e6812a$export$ea98c603db73aee7.displayName = "Sticker";
 
 
 
+/* eslint-disable @typescript-eslint/no-explicit-any */ 
+
+
+
+
+
+
+function $6c55ad3905040a74$export$b2539bed5023c21c({ className: className, style: style, ...props }) {
+    const state = (0, $8zHUo$reactstately.useTabListState)(props);
+    const tabRef = $8zHUo$react.useRef(null);
+    const [indicatorStyles, setIndicatorStyles] = $8zHUo$react.useState({
+        width: 0,
+        left: 0
+    });
+    const indicatorRef = $8zHUo$react.useRef(null);
+    const { tabListProps: tabListProps } = (0, $8zHUo$reactaria.useTabList)(props, state, tabRef);
+    $8zHUo$react.useEffect(()=>{
+        const selected = tabRef?.current?.querySelector('.p-tab[aria-selected="true"]');
+        setIndicatorStyles({
+            width: selected?.offsetWidth,
+            left: selected?.offsetLeft
+        });
+    }, [
+        state.selectedKey
+    ]);
+    const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)((0, $eb8f27c3596a0e6b$export$e71c4d32a2263218), {
+        style: style,
+        "data-color": theme?.color ?? "violet",
+        position: "relative",
+        className: (0, $62f1c614c0962470$export$a274e22fb40f762e)("p-tabs", className),
+        children: [
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)("div", {
+                ...tabListProps,
+                ref: tabRef,
+                className: "p-tab-list",
+                children: [
+                    /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $eb8f27c3596a0e6b$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, $8zHUo$reactjsxruntime.jsx)($6c55ad3905040a74$var$Tab, {
+                            orientation: props.orientation,
+                            item: item,
+                            state: state
+                        }, item.key))
+                ]
+            }),
+            /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)($6c55ad3905040a74$var$TabPanel, {
+                state: state
+            }, state?.selectedItem?.key)
+        ]
+    });
+}
+function $6c55ad3905040a74$var$Tab({ item: item, state: state }) {
+    const { key: key, rendered: rendered } = item;
+    const ref = $8zHUo$react.useRef(null);
+    const { tabProps: tabProps, isDisabled: isDisabled, isSelected: isSelected } = (0, $8zHUo$reactaria.useTab)({
+        key: key
+    }, state, ref);
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
+        id: `tab-${key}`,
+        className: "p-tab",
+        ref: ref,
+        "data-disabled": isDisabled,
+        "data-selected": isSelected,
+        ...tabProps,
+        children: rendered
+    });
+}
+function $6c55ad3905040a74$var$TabPanel({ state: state, ...props }) {
+    const ref = $8zHUo$react.useRef(null);
+    const { tabPanelProps: tabPanelProps } = (0, $8zHUo$reactaria.useTabPanel)(props, state, ref);
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
+        ...tabPanelProps,
+        ref: ref,
+        children: state.selectedItem?.props.children
+    });
+}
+const $6c55ad3905040a74$export$6d08773d2e66f8f2 = (0, $8zHUo$reactstately.Item);
+
+
+
+
 
 
 function $9fcb37cb330ef9cd$export$54ec01a60f47d33d() {