@parrot-co/parrot-ui 0.1.2 → 0.1.4

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);
@@ -498,6 +501,11 @@ const $d9ffc65197682590$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, ($parcel$int
                     })
                 ]
             }),
+            error && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4b54f76a59afa8a5$export$2e2bcd8739ae039), {
+                validationStatus: validationStatus,
+                ...errorMessageProps,
+                children: error
+            }),
             description && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $88fa102d91bf323a$export$5f1af8db9871e1d6), {
                 as: "div",
                 variant: "light",
@@ -506,11 +514,6 @@ const $d9ffc65197682590$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, ($parcel$int
                 lineHeight: "base",
                 ...descriptionProps,
                 children: description
-            }),
-            error && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4b54f76a59afa8a5$export$2e2bcd8739ae039), {
-                validationStatus: validationStatus,
-                ...errorMessageProps,
-                children: error
             })
         ]
     });
@@ -675,6 +678,7 @@ const $5a6f28f3fd58ff6e$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, ($parcel$int
     const Comp = as;
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsxs)(Comp, {
         style: style,
+        "data-is-toggle": isToggle,
         "data-pressed": isPressed,
         "data-radius": radius,
         "data-icon-button": isIconButton,
@@ -882,6 +886,10 @@ const $491b98ef80f40f98$export$379139ebc1c2b235 = /*#__PURE__*/ (0, ($parcel$int
                 "data-appearance": appearance,
                 ...inputProps
             }),
+            error && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4b54f76a59afa8a5$export$2e2bcd8739ae039), {
+                ...errorMessageProps,
+                children: error
+            }),
             description && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $88fa102d91bf323a$export$5f1af8db9871e1d6), {
                 lineHeight: "base",
                 ...descriptionProps,
@@ -889,10 +897,6 @@ const $491b98ef80f40f98$export$379139ebc1c2b235 = /*#__PURE__*/ (0, ($parcel$int
                 as: "div",
                 size: "sm",
                 children: description
-            }),
-            error && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $4b54f76a59afa8a5$export$2e2bcd8739ae039), {
-                ...errorMessageProps,
-                children: error
             })
         ]
     });
@@ -1057,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)({
@@ -1128,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,
@@ -1603,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,
@@ -1932,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,
@@ -2306,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,
@@ -2862,7 +2866,7 @@ function $43de550aebbf1320$export$50e381fea3a45244(props) {
 
 
 
-const $fedef2bba4e6812a$export$ea98c603db73aee7 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$react))).forwardRef(({ variant: variant = "outline", color: color = "violet", padded: padded = true, gap: gap = "sm", radius: radius, ...props }, ref)=>{
+const $fedef2bba4e6812a$export$ea98c603db73aee7 = /*#__PURE__*/ (0, ($parcel$interopDefault($8zHUo$react))).forwardRef(({ variant: variant = "outline", color: color = "violet", padded: padded = true, gap: gap = "sm", radius: radius, children: children, ...props }, ref)=>{
     const theme = (0, $f2fd0cbe11b7f0dd$export$93d4e7f90805808f)();
     return /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $c3a954a7c0cb5109$export$f51f4c4ede09e011), {
         "data-radius": radius ?? theme?.radius ?? "lg",
@@ -2874,7 +2878,8 @@ const $fedef2bba4e6812a$export$ea98c603db73aee7 = /*#__PURE__*/ (0, ($parcel$int
         "data-color": color,
         ref: ref,
         gap: gap,
-        ...props
+        ...props,
+        children: children
     });
 });
 $fedef2bba4e6812a$export$ea98c603db73aee7.displayName = "Sticker";
@@ -3010,11 +3015,14 @@ function $1278141024f0bc4d$var$Dialog({ width: width = 400, title: title, onCanc
                             })
                         ]
                     }),
-                    props.isDismissable && showCloseButton && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $3af04cd154cf4de1$export$c25acd513dcc8062), {
+                    props.isDismissable && showCloseButton && /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)("button", {
                         color: "gray",
-                        onPress: handleClose,
-                        variant: "ghost",
-                        size: "sm",
+                        onClick: handleClose,
+                        "data-variant": "ghost",
+                        "data-color": "gray",
+                        className: "p-button size-sm",
+                        "data-radius": "full",
+                        "data-icon-button": true,
                         children: /*#__PURE__*/ (0, $8zHUo$reactjsxruntime.jsx)((0, $8zHUo$reacticonshi.HiX), {
                             size: 18
                         })
@@ -3259,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;
+    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 }) {
+    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,
+        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
+        })
+    });
+}
+
+
+
+
+
+
+
+
+
+