@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.2 → 1.0.0-canary.21

package/dist/node_modules/.pnpm/@radix-ui_react-id@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-id/dist/index.js

@@ -1,13 +1,14 @@
-import * as e from "react";
-import { useLayoutEffect as a } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
-var s = e.useId || (() => {
-}), i = 0;
-function d(o) {
-  const [t, r] = e.useState(s());
-  return a(() => {
-    r((u) => u ?? String(i++));
-  }, [o]), t ? `radix-${t}` : "";
+import * as React from "react";
+import { useLayoutEffect as useLayoutEffect2 } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
+var useReactId = React["useId".toString()] || (() => void 0);
+var count = 0;
+function useId(deterministicId) {
+  const [id, setId] = React.useState(useReactId());
+  useLayoutEffect2(() => {
+    setId((reactId) => reactId ?? String(count++));
+  }, [deterministicId]);
+  return id ? `radix-${id}` : "";
 }
 export {
-  d as useId
+  useId
 };

package/dist/node_modules/.pnpm/@radix-ui_react-label@2.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_qr7n7ocfbwauilv6obluyms2qy/node_modules/@radix-ui/react-label/dist/index.js

@@ -1,19 +1,25 @@
 "use client";
-import * as i from "react";
-import { Primitive as o } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
-import { jsx as l } from "react/jsx-runtime";
-var f = "Label", u = i.forwardRef((e, r) => /* @__PURE__ */ l(
-  o.label,
-  {
-    ...e,
-    ref: r,
-    onMouseDown: (t) => {
-      var a;
-      t.target.closest("button, input, select, textarea") || ((a = e.onMouseDown) == null || a.call(e, t), !t.defaultPrevented && t.detail > 1 && t.preventDefault());
+import * as React from "react";
+import { Primitive } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+var NAME = "Label";
+var Label = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */ jsx(
+    Primitive.label,
+    {
+      ...props,
+      ref: forwardedRef,
+      onMouseDown: (event) => {
+        var _a;
+        const target = event.target;
+        if (target.closest("button, input, select, textarea")) return;
+        (_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
+      }
     }
-  }
-));
-u.displayName = f;
+  );
+});
+Label.displayName = NAME;
 export {
-  u as Label
+  Label
 };

package/dist/node_modules/.pnpm/@radix-ui_react-popper@1.2.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._z2gu7tymhfvx6ebd6lqqykecmq/node_modules/@radix-ui/react-popper/dist/index.js

@@ -1,134 +1,173 @@
 "use client";
-import * as s from "react";
-import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "../../../../../@floating-ui_react-dom@2.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-import { Root as Oe } from "../../../../../@radix-ui_react-arrow@1.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_wfj52omijboqejc6zhpwkjvyjq/node_modules/@radix-ui/react-arrow/dist/index.js";
-import { useComposedRefs as j } from "../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { createContextScope as Re } from "../../../../../@radix-ui_react-context@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.js";
-import { Primitive as z } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
-import { useCallbackRef as Ee } from "../../../../../@radix-ui_react-use-callback-ref@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.js";
-import { useLayoutEffect as T } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
-import { useSize as Ne } from "../../../../../@radix-ui_react-use-size@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-size/dist/index.js";
-import { jsx as f } from "react/jsx-runtime";
-import { autoUpdate as _e } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
-  const { __scopePopper: i, children: n } = e, [t, a] = s.useState(null);
-  return /* @__PURE__ */ f($e, { scope: i, anchor: t, onAnchorChange: a, children: n });
+import * as React from "react";
+import { useFloating, offset, shift, flip, size, arrow, hide, limitShift } from "../../../../../@floating-ui_react-dom@2.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { Root } from "../../../../../@radix-ui_react-arrow@1.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_wfj52omijboqejc6zhpwkjvyjq/node_modules/@radix-ui/react-arrow/dist/index.js";
+import { useComposedRefs } from "../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { createContextScope } from "../../../../../@radix-ui_react-context@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.js";
+import { Primitive } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useCallbackRef } from "../../../../../@radix-ui_react-use-callback-ref@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.js";
+import { useLayoutEffect as useLayoutEffect2 } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
+import { useSize } from "../../../../../@radix-ui_react-use-size@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-size/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+import { autoUpdate } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+var POPPER_NAME = "Popper";
+var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
+var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
+var Popper = (props) => {
+  const { __scopePopper, children } = props;
+  const [anchor, setAnchor] = React.useState(null);
+  return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
-U.displayName = N;
-var q = "PopperAnchor", G = s.forwardRef(
-  (e, i) => {
-    const { __scopePopper: n, virtualRef: t, ...a } = e, r = Z(q, n), o = s.useRef(null), w = j(i, o);
-    return s.useEffect(() => {
-      r.onAnchorChange((t == null ? void 0 : t.current) || o.current);
-    }), t ? null : /* @__PURE__ */ f(z.div, { ...a, ref: w });
+Popper.displayName = POPPER_NAME;
+var ANCHOR_NAME = "PopperAnchor";
+var PopperAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopper, virtualRef, ...anchorProps } = props;
+    const context = usePopperContext(ANCHOR_NAME, __scopePopper);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    React.useEffect(() => {
+      context.onAnchorChange((virtualRef == null ? void 0 : virtualRef.current) || ref.current);
+    });
+    return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
-G.displayName = q;
-var _ = "PopperContent", [He, We] = L(_), J = s.forwardRef(
-  (e, i) => {
-    var Y, M, X, D, F, k;
+PopperAnchor.displayName = ANCHOR_NAME;
+var CONTENT_NAME = "PopperContent";
+var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
+var PopperContent = React.forwardRef(
+  (props, forwardedRef) => {
+    var _a, _b, _c, _d, _e, _f;
     const {
-      __scopePopper: n,
-      side: t = "bottom",
-      sideOffset: a = 0,
-      align: r = "center",
-      alignOffset: o = 0,
-      arrowPadding: w = 0,
-      avoidCollisions: p = !0,
-      collisionBoundary: c = [],
-      collisionPadding: x = 0,
-      sticky: m = "partial",
-      hideWhenDetached: y = !1,
-      updatePositionStrategy: A = "optimized",
-      onPlaced: l,
-      ...d
-    } = e, v = Z(_, n), [h, C] = s.useState(null), ee = j(i, (P) => C(P)), [E, te] = s.useState(null), g = Ne(E), re = (g == null ? void 0 : g.width) ?? 0, $ = (g == null ? void 0 : g.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, H = Array.isArray(c) ? c : [c], ae = H.length > 0, b = {
-      padding: ne,
-      boundary: H.filter(Ye),
+      __scopePopper,
+      side = "bottom",
+      sideOffset = 0,
+      align = "center",
+      alignOffset = 0,
+      arrowPadding = 0,
+      avoidCollisions = true,
+      collisionBoundary = [],
+      collisionPadding: collisionPaddingProp = 0,
+      sticky = "partial",
+      hideWhenDetached = false,
+      updatePositionStrategy = "optimized",
+      onPlaced,
+      ...contentProps
+    } = props;
+    const context = usePopperContext(CONTENT_NAME, __scopePopper);
+    const [content, setContent] = React.useState(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
+    const [arrow$1, setArrow] = React.useState(null);
+    const arrowSize = useSize(arrow$1);
+    const arrowWidth = (arrowSize == null ? void 0 : arrowSize.width) ?? 0;
+    const arrowHeight = (arrowSize == null ? void 0 : arrowSize.height) ?? 0;
+    const desiredPlacement = side + (align !== "center" ? "-" + align : "");
+    const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
+    const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
+    const hasExplicitBoundaries = boundary.length > 0;
+    const detectOverflowOptions = {
+      padding: collisionPadding,
+      boundary: boundary.filter(isNotNull),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: ae
-    }, { refs: ie, floatingStyles: W, placement: se, isPositioned: S, middlewareData: u } = xe({
+      altBoundary: hasExplicitBoundaries
+    };
+    const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: oe,
-      whileElementsMounted: (...P) => _e(...P, {
-        animationFrame: A === "always"
-      }),
+      placement: desiredPlacement,
+      whileElementsMounted: (...args) => {
+        const cleanup = autoUpdate(...args, {
+          animationFrame: updatePositionStrategy === "always"
+        });
+        return cleanup;
+      },
       elements: {
-        reference: v.anchor
+        reference: context.anchor
       },
       middleware: [
-        Pe({ mainAxis: a + $, alignmentAxis: o }),
-        p && ye({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: m === "partial" ? Se() : void 0,
-          ...b
+        offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),
+        avoidCollisions && shift({
+          mainAxis: true,
+          crossAxis: false,
+          limiter: sticky === "partial" ? limitShift() : void 0,
+          ...detectOverflowOptions
         }),
-        p && Ae({ ...b }),
-        ve({
-          ...b,
-          apply: ({ elements: P, rects: B, availableWidth: he, availableHeight: ge }) => {
-            const { width: ue, height: we } = B.reference, R = P.floating.style;
-            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ge}px`), R.setProperty("--radix-popper-anchor-width", `${ue}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
+        avoidCollisions && flip({ ...detectOverflowOptions }),
+        size({
+          ...detectOverflowOptions,
+          apply: ({ elements, rects, availableWidth, availableHeight }) => {
+            const { width: anchorWidth, height: anchorHeight } = rects.reference;
+            const contentStyle = elements.floating.style;
+            contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
+            contentStyle.setProperty("--radix-popper-available-height", `${availableHeight}px`);
+            contentStyle.setProperty("--radix-popper-anchor-width", `${anchorWidth}px`);
+            contentStyle.setProperty("--radix-popper-anchor-height", `${anchorHeight}px`);
           }
         }),
-        E && Ce({ element: E, padding: w }),
-        Me({ arrowWidth: re, arrowHeight: $ }),
-        y && be({ strategy: "referenceHidden", ...b })
+        arrow$1 && arrow({ element: arrow$1, padding: arrowPadding }),
+        transformOrigin({ arrowWidth, arrowHeight }),
+        hideWhenDetached && hide({ strategy: "referenceHidden", ...detectOverflowOptions })
       ]
-    }), [I, pe] = V(se), O = Ee(l);
-    T(() => {
-      S && (O == null || O());
-    }, [S, O]);
-    const ce = (Y = u.arrow) == null ? void 0 : Y.x, de = (M = u.arrow) == null ? void 0 : M.y, le = ((X = u.arrow) == null ? void 0 : X.centerOffset) !== 0, [fe, me] = s.useState();
-    return T(() => {
-      h && me(window.getComputedStyle(h).zIndex);
-    }, [h]), /* @__PURE__ */ f(
+    });
+    const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
+    const handlePlaced = useCallbackRef(onPlaced);
+    useLayoutEffect2(() => {
+      if (isPositioned) {
+        handlePlaced == null ? void 0 : handlePlaced();
+      }
+    }, [isPositioned, handlePlaced]);
+    const arrowX = (_a = middlewareData.arrow) == null ? void 0 : _a.x;
+    const arrowY = (_b = middlewareData.arrow) == null ? void 0 : _b.y;
+    const cannotCenterArrow = ((_c = middlewareData.arrow) == null ? void 0 : _c.centerOffset) !== 0;
+    const [contentZIndex, setContentZIndex] = React.useState();
+    useLayoutEffect2(() => {
+      if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
+    }, [content]);
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ref: ie.setFloating,
+        ref: refs.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...W,
-          transform: S ? W.transform : "translate(0, -200%)",
+          ...floatingStyles,
+          transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: fe,
-          "--radix-popper-transform-origin": [
-            (D = u.transformOrigin) == null ? void 0 : D.x,
-            (F = u.transformOrigin) == null ? void 0 : F.y
+          zIndex: contentZIndex,
+          ["--radix-popper-transform-origin"]: [
+            (_d = middlewareData.transformOrigin) == null ? void 0 : _d.x,
+            (_e = middlewareData.transformOrigin) == null ? void 0 : _e.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((k = u.hide) == null ? void 0 : k.referenceHidden) && {
+          ...((_f = middlewareData.hide) == null ? void 0 : _f.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
         },
-        dir: e.dir,
-        children: /* @__PURE__ */ f(
-          He,
+        dir: props.dir,
+        children: /* @__PURE__ */ jsx(
+          PopperContentProvider,
           {
-            scope: n,
-            placedSide: I,
-            onArrowChange: te,
-            arrowX: ce,
-            arrowY: de,
-            shouldHideArrow: le,
-            children: /* @__PURE__ */ f(
-              z.div,
+            scope: __scopePopper,
+            placedSide,
+            onArrowChange: setArrow,
+            arrowX,
+            arrowY,
+            shouldHideArrow: cannotCenterArrow,
+            children: /* @__PURE__ */ jsx(
+              Primitive.div,
               {
-                "data-side": I,
-                "data-align": pe,
-                ...d,
-                ref: ee,
+                "data-side": placedSide,
+                "data-align": placedAlign,
+                ...contentProps,
+                ref: composedRefs,
                 style: {
-                  ...d.style,
+                  ...contentProps.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: S ? void 0 : "none"
+                  animation: !isPositioned ? "none" : void 0
                 }
               }
             )
@@ -138,48 +177,52 @@ var _ = "PopperContent", [He, We] = L(_), J = s.forwardRef(
     );
   }
 );
-J.displayName = _;
-var K = "PopperArrow", Ie = {
+PopperContent.displayName = CONTENT_NAME;
+var ARROW_NAME = "PopperArrow";
+var OPPOSITE_SIDE = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, Q = s.forwardRef(function(i, n) {
-  const { __scopePopper: t, ...a } = i, r = We(K, t), o = Ie[r.placedSide];
+};
+var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
+  const { __scopePopper, ...arrowProps } = props;
+  const contentContext = useContentContext(ARROW_NAME, __scopePopper);
+  const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ jsx(
       "span",
       {
-        ref: r.onArrowChange,
+        ref: contentContext.onArrowChange,
         style: {
           position: "absolute",
-          left: r.arrowX,
-          top: r.arrowY,
-          [o]: 0,
+          left: contentContext.arrowX,
+          top: contentContext.arrowY,
+          [baseSide]: 0,
           transformOrigin: {
             top: "",
             right: "0 0",
             bottom: "center 0",
             left: "100% 0"
-          }[r.placedSide],
+          }[contentContext.placedSide],
           transform: {
             top: "translateY(100%)",
             right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
+            bottom: `rotate(180deg)`,
             left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[r.placedSide],
-          visibility: r.shouldHideArrow ? "hidden" : void 0
+          }[contentContext.placedSide],
+          visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ f(
-          Oe,
+        children: /* @__PURE__ */ jsx(
+          Root,
           {
-            ...a,
-            ref: n,
+            ...arrowProps,
+            ref: forwardedRef,
             style: {
-              ...a.style,
+              ...arrowProps.style,
               // ensures the element can be measured correctly (mostly for if SVG)
               display: "block"
             }
@@ -189,33 +232,58 @@ var K = "PopperArrow", Ie = {
     )
   );
 });
-Q.displayName = K;
-function Ye(e) {
-  return e !== null;
+PopperArrow.displayName = ARROW_NAME;
+function isNotNull(value) {
+  return value !== null;
 }
-var Me = (e) => ({
+var transformOrigin = (options) => ({
   name: "transformOrigin",
-  options: e,
-  fn(i) {
-    var v, h, C;
-    const { placement: n, rects: t, middlewareData: a } = i, o = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, p = o ? 0 : e.arrowHeight, [c, x] = V(n), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = a.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = a.arrow) == null ? void 0 : C.y) ?? 0) + p / 2;
-    let l = "", d = "";
-    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-p}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + p}px`) : c === "right" ? (l = `${-p}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + p}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
+  options,
+  fn(data) {
+    var _a, _b, _c;
+    const { placement, rects, middlewareData } = data;
+    const cannotCenterArrow = ((_a = middlewareData.arrow) == null ? void 0 : _a.centerOffset) !== 0;
+    const isArrowHidden = cannotCenterArrow;
+    const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
+    const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
+    const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
+    const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
+    const arrowXCenter = (((_b = middlewareData.arrow) == null ? void 0 : _b.x) ?? 0) + arrowWidth / 2;
+    const arrowYCenter = (((_c = middlewareData.arrow) == null ? void 0 : _c.y) ?? 0) + arrowHeight / 2;
+    let x = "";
+    let y = "";
+    if (placedSide === "bottom") {
+      x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+      y = `${-arrowHeight}px`;
+    } else if (placedSide === "top") {
+      x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
+      y = `${rects.floating.height + arrowHeight}px`;
+    } else if (placedSide === "right") {
+      x = `${-arrowHeight}px`;
+      y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+    } else if (placedSide === "left") {
+      x = `${rects.floating.width + arrowHeight}px`;
+      y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
+    }
+    return { data: { x, y } };
   }
 });
-function V(e) {
-  const [i, n = "center"] = e.split("-");
-  return [i, n];
+function getSideAndAlignFromPlacement(placement) {
+  const [side, align = "center"] = placement.split("-");
+  return [side, align];
 }
-var qe = U, Ge = G, Je = J, Ke = Q;
+var Root2 = Popper;
+var Anchor = PopperAnchor;
+var Content = PopperContent;
+var Arrow = PopperArrow;
 export {
-  Ge as Anchor,
-  Ke as Arrow,
-  Je as Content,
-  U as Popper,
-  G as PopperAnchor,
-  Q as PopperArrow,
-  J as PopperContent,
-  qe as Root,
-  Ue as createPopperScope
+  Anchor,
+  Arrow,
+  Content,
+  Popper,
+  PopperAnchor,
+  PopperArrow,
+  PopperContent,
+  Root2 as Root,
+  createPopperScope
 };

package/dist/node_modules/.pnpm/@radix-ui_react-portal@1.1.3_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._jmui37rk6fvzofztyauznikgpi/node_modules/@radix-ui/react-portal/dist/index.js

@@ -1,17 +1,19 @@
 "use client";
-import * as r from "react";
-import m from "react-dom";
-import { Primitive as c } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
-import { useLayoutEffect as u } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
-import { jsx as l } from "react/jsx-runtime";
-var p = "Portal", d = r.forwardRef((e, a) => {
-  var o;
-  const { container: i, ...n } = e, [s, f] = r.useState(!1);
-  u(() => f(!0), []);
-  const t = i || s && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
-  return t ? m.createPortal(/* @__PURE__ */ l(c.div, { ...n, ref: a }), t) : null;
+import * as React from "react";
+import ReactDOM__default from "react-dom";
+import { Primitive } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useLayoutEffect as useLayoutEffect2 } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+var PORTAL_NAME = "Portal";
+var Portal = React.forwardRef((props, forwardedRef) => {
+  var _a;
+  const { container: containerProp, ...portalProps } = props;
+  const [mounted, setMounted] = React.useState(false);
+  useLayoutEffect2(() => setMounted(true), []);
+  const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
-d.displayName = p;
+Portal.displayName = PORTAL_NAME;
 export {
-  d as Portal
+  Portal
 };

package/dist/node_modules/.pnpm/@radix-ui_react-portal@1.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._ulc3jfxcmrz2rfz7bui53djdtu/node_modules/@radix-ui/react-portal/dist/index.js

@@ -1,17 +1,19 @@
 "use client";
-import * as r from "react";
-import m from "react-dom";
-import { Primitive as c } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
-import { useLayoutEffect as u } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
-import { jsx as l } from "react/jsx-runtime";
-var p = "Portal", d = r.forwardRef((e, a) => {
-  var o;
-  const { container: i, ...n } = e, [s, f] = r.useState(!1);
-  u(() => f(!0), []);
-  const t = i || s && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
-  return t ? m.createPortal(/* @__PURE__ */ l(c.div, { ...n, ref: a }), t) : null;
+import * as React from "react";
+import ReactDOM__default from "react-dom";
+import { Primitive } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useLayoutEffect as useLayoutEffect2 } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
+import { jsx } from "react/jsx-runtime";
+var PORTAL_NAME = "Portal";
+var Portal = React.forwardRef((props, forwardedRef) => {
+  var _a;
+  const { container: containerProp, ...portalProps } = props;
+  const [mounted, setMounted] = React.useState(false);
+  useLayoutEffect2(() => setMounted(true), []);
+  const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
+  return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
-d.displayName = p;
+Portal.displayName = PORTAL_NAME;
 export {
-  d as Portal
+  Portal
 };