@parrot-co/parrot-ui 0.1.3 → 0.1.5

package/dist/main.js

@@ -54,6 +54,9 @@ $parcel$export(module.exports, "Modal", () => $1278141024f0bc4d$export$2b77a92f1
 $parcel$export(module.exports, "useModal", () => $1278141024f0bc4d$export$33ffd74ebf07f060);
 $parcel$export(module.exports, "Space", () => $eae337549f49a5a2$export$eef1e68107c58ef2);
 $parcel$export(module.exports, "TagInput", () => $0cdc620c9e9fb79f$export$39299b56cfd4e361);
+$parcel$export(module.exports, "Popover", () => $0f347092d3465402$export$5b6b19405a83ff9d);
+$parcel$export(module.exports, "PopoverContent", () => $0f347092d3465402$export$d7e1f420b25549ff);
+$parcel$export(module.exports, "PopoverTrigger", () => $0f347092d3465402$export$7dacb05d26466c3);
 $parcel$export(module.exports, "TagGroup", () => $d26053f02b9f370b$export$67ea30858aaf75e3);
 $parcel$export(module.exports, "TagGroupItem", () => $d26053f02b9f370b$export$a79147a60006308c);
 $parcel$export(module.exports, "ThemeProvider", () => $f2fd0cbe11b7f0dd$export$d8964aec282183a3);
@@ -1058,7 +1061,7 @@ $f88e10ca2ba68239$export$48513f6b9f8ce62d.displayName = "checkbox";
 
 
 
-function $0f347092d3465402$export$5b6b19405a83ff9d({ state: state, children: children, popoverRef: popoverRef, ...props }) {
+function $9a1eb1c261c8b852$export$91527519cfe8e396({ state: state, children: children, popoverRef: popoverRef, ...props }) {
     const internalPopoverRef = $8zHUo$react.useRef(null);
     const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
     const { popoverProps: popoverProps, underlayProps: underlayProps } = (0, $8zHUo$reactaria.usePopover)({
@@ -1129,7 +1132,7 @@ function $724eace27ebf345b$export$e7eb525bc415b4b4({ asChild: asChild, children:
 function $724eace27ebf345b$export$d9b273488cd8ce6f({ placement: placement = "bottom start", offset: offset = 8, ...props }) {
     const ctx = $8zHUo$react.useContext($724eace27ebf345b$var$DropdownContext);
     if (!ctx?.triggerState.isOpen) return null;
-    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $0f347092d3465402$export$5b6b19405a83ff9d), {
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $9a1eb1c261c8b852$export$91527519cfe8e396), {
         placement: placement,
         offset: offset,
         state: ctx?.triggerState,
@@ -1604,7 +1607,7 @@ const $d67a8dc6cbdaa7ed$export$acd2d351457d1d82 = ({ label: label, error: error,
             error && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4b54f76a59afa8a5$export$2e2bcd8739ae039), {
                 children: error
             }),
-            state.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $0f347092d3465402$export$5b6b19405a83ff9d), {
+            state.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $9a1eb1c261c8b852$export$91527519cfe8e396), {
                 popoverRef: popoverRef,
                 offset: 8,
                 state: state,
@@ -1933,7 +1936,7 @@ function $e37831ebf64d8e7d$export$ef9b1a59e592288f({ label: label, selectionMode
                     })
                 ]
             }),
-            triggerState.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $0f347092d3465402$export$5b6b19405a83ff9d), {
+            triggerState.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $9a1eb1c261c8b852$export$91527519cfe8e396), {
                 placement: "bottom start",
                 offset: 4,
                 shouldUpdatePosition: true,
@@ -2307,7 +2310,7 @@ const $e0a58c83d4c36e4e$export$7edc06cf1783b30f = /*#__PURE__*/ $8zHUo$react.for
                             })
                         ]
                     }),
-                    state.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $0f347092d3465402$export$5b6b19405a83ff9d), {
+                    state.isOpen && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $9a1eb1c261c8b852$export$91527519cfe8e396), {
                         offset: 8,
                         state: state,
                         triggerRef: pickerRef,
@@ -3264,6 +3267,70 @@ function $0cdc620c9e9fb79f$export$39299b56cfd4e361({ appearance: appearance = "o
 
 
 
+const $0f347092d3465402$var$PopoverContext = /*#__PURE__*/ $8zHUo$react.createContext(null);
+function $0f347092d3465402$export$5b6b19405a83ff9d({ children: children, useNativeClickHandler: useNativeClickHandler, ...props }) {
+    const triggerRef = $8zHUo$react.useRef(null);
+    const state = (0, $8zHUo$reactstately.useOverlayTriggerState)(props);
+    const { triggerProps: triggerProps, overlayProps: overlayProps } = (0, $8zHUo$reactaria.useOverlayTrigger)({
+        type: "dialog"
+    }, state, triggerRef);
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)($0f347092d3465402$var$PopoverContext.Provider, {
+        value: {
+            triggerProps: triggerProps,
+            triggerRef: triggerRef,
+            overlayProps: overlayProps,
+            overlayState: state,
+            props: {
+                useNativeClickHandler: useNativeClickHandler
+            }
+        },
+        children: children
+    });
+}
+function $0f347092d3465402$export$7dacb05d26466c3({ children: children }) {
+    const ctx = $8zHUo$react.useContext($0f347092d3465402$var$PopoverContext);
+    if (!ctx) throw "PopoverTrigger must be used within a Popover component";
+    const useClickEvents = ctx.props?.useNativeClickHandler;
+    const clickProps = (0, $8zHUo$reactaria.usePress)(ctx.triggerProps);
+    const triggerProps = useClickEvents ? clickProps.pressProps : ctx.triggerProps;
+    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, ...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;
+    return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $9a1eb1c261c8b852$export$91527519cfe8e396), {
+        offset: offset,
+        placement: placement,
+        state: ctx.overlayState,
+        triggerRef: ctx.triggerRef,
+        ...props,
+        children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("div", {
+            ...ctx.overlayProps,
+            "data-radius": "md",
+            className: (0, $62f1c614c0962470$export$a274e22fb40f762e)(className, "p-popover-content"),
+            style: {
+                width: width,
+                ...style
+            },
+            children: children
+        })
+    });
+}
+
+
+
+
+
+
+
+
+
+