@parrot-co/parrot-ui 0.1.4 → 0.1.6

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,8 +42,6 @@ $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);
@@ -2684,107 +2684,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 +2786,107 @@ $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);
+$6c55ad3905040a74$export$b2539bed5023c21c.displayName = "Tabs";
+
+
+const $4337a58f6fe87df9$export$1aaa3deaa90ea306 = {
+    Item: (0, $6c55ad3905040a74$export$6d08773d2e66f8f2),
+    Root: (0, $6c55ad3905040a74$export$b2539bed5023c21c)
+};
+
+
 
 
 function $9fcb37cb330ef9cd$export$54ec01a60f47d33d() {
@@ -3293,14 +3293,13 @@ function $0f347092d3465402$export$7dacb05d26466c3({ children: children }) {
     const useClickEvents = ctx.props?.useNativeClickHandler;
     const clickProps = (0, $8zHUo$reactaria.usePress)(ctx.triggerProps);
     const triggerProps = useClickEvents ? clickProps.pressProps : ctx.triggerProps;
-    console.log(children);
     return /*#__PURE__*/ $8zHUo$react.cloneElement(children, {
         ref: ctx.triggerRef,
         ["data-is-pressed"]: clickProps.isPressed,
         ...triggerProps
     });
 }
-function $0f347092d3465402$export$d7e1f420b25549ff({ children: children, offset: offset = 12, placement: placement, style: style, width: width = 160, className: className }) {
+function $0f347092d3465402$export$d7e1f420b25549ff({ children: children, offset: offset = 12, placement: placement, style: style, width: width = 160, className: className, ...props }) {
     const ctx = $8zHUo$react.useContext($0f347092d3465402$var$PopoverContext);
     if (!ctx) throw "PopoverContent must be used withing a Popover component";
     if (!ctx.overlayState?.isOpen) return null;
@@ -3309,6 +3308,7 @@ function $0f347092d3465402$export$d7e1f420b25549ff({ children: children, offset:
         placement: placement,
         state: ctx.overlayState,
         triggerRef: ctx.triggerRef,
+        ...props,
         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
             ...ctx.overlayProps,
             "data-radius": "md",