@datawire-ai/busyfile-design-library 1.30.6 → 1.30.7

package/dist/index59.js

@@ -1,10 +1,10 @@
 "use client";
 import * as i from "react";
 import { createContextScope as C } from "./index91.js";
-import { useCallbackRef as h } from "./index104.js";
-import { useLayoutEffect as f } from "./index105.js";
-import { Primitive as v } from "./index97.js";
-import { useIsHydrated as _ } from "./index106.js";
+import { useCallbackRef as h } from "./index108.js";
+import { useLayoutEffect as f } from "./index109.js";
+import { Primitive as v } from "./index95.js";
+import { useIsHydrated as _ } from "./index110.js";
 import { jsx as l } from "react/jsx-runtime";
 var m = "Avatar", [y, H] = C(m), [x, A] = y(m), L = i.forwardRef(
   (t, e) => {

package/dist/index63.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import { Primitive as v } from "./index97.js";
+import { Primitive as v } from "./index95.js";
 import { jsx as m } from "react/jsx-runtime";
 var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
   const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };

package/dist/index72.js

@@ -1,8 +1,11 @@
 import { cva as t } from "./index77.js";
 const n = t(
-  "flex items-center justify-between w-full bg-neutral-black-5 px-4 py-3"
-), a = t("flex items-center gap-3");
+  "flex items-center justify-between w-full bg-neutral-black-5 pr-4 py-3"
+), a = t(
+  "flex gap-3 items-center justify-between"
+), i = t("flex items-center gap-2");
 export {
-  a as logoSectionVariants,
+  i as navigationEndVariants,
+  a as navigationStartVariants,
   n as navigationVariants
 };

package/dist/index75.js

@@ -2,12 +2,12 @@
 import * as v from "react";
 import { composeEventHandlers as g } from "./index89.js";
 import { createContextScope as x } from "./index91.js";
-import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index102.js";
+import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index97.js";
 import { Presence as w } from "./index96.js";
-import { Primitive as b } from "./index97.js";
-import { useDirection as D } from "./index103.js";
-import { useControllableState as V } from "./index98.js";
-import { useId as G } from "./index93.js";
+import { Primitive as b } from "./index95.js";
+import { useDirection as D } from "./index98.js";
+import { useControllableState as V } from "./index92.js";
+import { useId as G } from "./index99.js";
 import { jsx as l } from "react/jsx-runtime";
 var p = "Tabs", [L, Q] = x(p, [
   C

package/dist/index80.js

@@ -4,8 +4,8 @@ import * as m from "react";
 import { cn as e } from "./index37.js";
 import { Button as x } from "./index3.js";
 import { buttonVariants as f } from "./index41.js";
-import { getDefaultClassNames as p } from "./index113.js";
-import { DayPicker as w } from "./index114.js";
+import { getDefaultClassNames as p } from "./index111.js";
+import { DayPicker as w } from "./index112.js";
 import h from "./index81.js";
 import _ from "./index70.js";
 import v from "./index57.js";

package/dist/index82.js

@@ -1,27 +1,27 @@
 "use client";
 import * as t from "react";
 import * as be from "react-dom";
-import { clamp as Re } from "./index111.js";
+import { clamp as Re } from "./index113.js";
 import { composeEventHandlers as E } from "./index89.js";
-import { createCollection as st } from "./index112.js";
+import { createCollection as st } from "./index114.js";
 import { useComposedRefs as B } from "./index90.js";
 import { createContextScope as lt } from "./index91.js";
-import { useDirection as ct } from "./index103.js";
-import { DismissableLayer as it } from "./index92.js";
-import { useFocusGuards as at } from "./index108.js";
-import { FocusScope as dt } from "./index107.js";
-import { useId as Ie } from "./index93.js";
-import { createPopperScope as _e, Root as ut, Anchor as pt, Content as ft, Arrow as mt } from "./index94.js";
-import { Portal as ht } from "./index95.js";
-import { Primitive as M } from "./index97.js";
+import { useDirection as ct } from "./index98.js";
+import { DismissableLayer as it } from "./index100.js";
+import { useFocusGuards as at } from "./index103.js";
+import { FocusScope as dt } from "./index101.js";
+import { useId as Ie } from "./index99.js";
+import { createPopperScope as _e, Root as ut, Anchor as pt, Content as ft, Arrow as mt } from "./index106.js";
+import { Portal as ht } from "./index102.js";
+import { Primitive as M } from "./index95.js";
 import { createSlot as vt } from "./index40.js";
-import { useCallbackRef as gt } from "./index104.js";
-import { useControllableState as Ee } from "./index98.js";
-import { useLayoutEffect as Y } from "./index105.js";
-import { usePrevious as St } from "./index100.js";
-import { VISUALLY_HIDDEN_STYLES as wt } from "./index99.js";
-import { hideOthers as Ct } from "./index110.js";
-import yt from "./index109.js";
+import { useCallbackRef as gt } from "./index108.js";
+import { useControllableState as Ee } from "./index92.js";
+import { useLayoutEffect as Y } from "./index109.js";
+import { usePrevious as St } from "./index93.js";
+import { VISUALLY_HIDDEN_STYLES as wt } from "./index107.js";
+import { hideOthers as Ct } from "./index105.js";
+import yt from "./index104.js";
 import { jsx as m, Fragment as Te, jsxs as ce } from "react/jsx-runtime";
 var xt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], J = "Select", [ae, de, Tt] = st(J), [te, uo] = lt(J, [
   Tt,

package/dist/index85.js

@@ -3,18 +3,18 @@ import * as i from "react";
 import { composeEventHandlers as P } from "./index89.js";
 import { useComposedRefs as O } from "./index90.js";
 import { createContextScope as G } from "./index91.js";
-import { DismissableLayer as H } from "./index92.js";
-import { useFocusGuards as K } from "./index108.js";
-import { FocusScope as $ } from "./index107.js";
-import { useId as j } from "./index93.js";
-import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index94.js";
-import { Portal as Z } from "./index95.js";
+import { DismissableLayer as H } from "./index100.js";
+import { useFocusGuards as K } from "./index103.js";
+import { FocusScope as $ } from "./index101.js";
+import { useId as j } from "./index99.js";
+import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index106.js";
+import { Portal as Z } from "./index102.js";
 import { Presence as w } from "./index96.js";
-import { Primitive as E } from "./index97.js";
+import { Primitive as E } from "./index95.js";
 import { createSlot as q } from "./index40.js";
-import { useControllableState as z } from "./index98.js";
-import { hideOthers as B } from "./index110.js";
-import J from "./index109.js";
+import { useControllableState as z } from "./index92.js";
+import { hideOthers as B } from "./index105.js";
+import J from "./index104.js";
 import { jsx as p } from "react/jsx-runtime";
 var C = "Popover", [b, _o] = G(C, [
   _

package/dist/index86.js

@@ -2,8 +2,8 @@
 import { a as pe } from "./index116.js";
 import { Root as ge, Portal as he, Overlay as be, Content as Ee } from "./index49.js";
 import * as n from "react";
-import { Primitive as I } from "./index97.js";
-import { useId as K } from "./index93.js";
+import { Primitive as I } from "./index95.js";
+import { useId as K } from "./index99.js";
 import { composeRefs as q } from "./index90.js";
 var $ = '[cmdk-group=""]', X = '[cmdk-group-items=""]', ye = '[cmdk-group-heading=""]', oe = '[cmdk-item=""]', ie = `${oe}:not([aria-disabled="true"])`, Y = "cmdk-item-select", D = "data-value", Ce = (t, a, r) => pe(t, a, r), ce = n.createContext(void 0), O = () => n.useContext(ce), de = n.createContext(void 0), Z = () => n.useContext(de), se = n.createContext(void 0), fe = n.forwardRef((t, a) => {
   let r = F(() => {

package/dist/index87.js

@@ -3,10 +3,10 @@ import * as u from "react";
 import { composeEventHandlers as m } from "./index89.js";
 import { composeRefs as K } from "./index90.js";
 import { createContextScope as U } from "./index91.js";
-import { useControllableState as g } from "./index98.js";
-import { Primitive as B } from "./index97.js";
+import { useControllableState as g } from "./index92.js";
+import { Primitive as B } from "./index95.js";
 import { createMenuScope as D, Root as F, Portal as H, Anchor as W, Content as $, Group as j, Label as X, Item as q, CheckboxItem as z, RadioGroup as J, RadioItem as Q, ItemIndicator as V, Separator as Y, Sub as Z, SubTrigger as oo, SubContent as eo, Arrow as ro } from "./index115.js";
-import { useId as v } from "./index93.js";
+import { useId as v } from "./index99.js";
 import { jsx as t } from "react/jsx-runtime";
 var f = "DropdownMenu", [no, xo] = U(
   f,

package/dist/index92.js

@@ -1,128 +1,54 @@
-"use client";
 import * as n from "react";
-import { composeEventHandlers as m } from "./index89.js";
-import { Primitive as g, dispatchDiscreteCustomEvent as k } from "./index97.js";
-import { useComposedRefs as R } from "./index90.js";
-import { useCallbackRef as w } from "./index104.js";
-import { useEscapeKeydown as U } from "./index121.js";
-import { jsx as T } from "react/jsx-runtime";
-var z = "DismissableLayer", y = "dismissableLayer.update", H = "dismissableLayer.pointerDownOutside", M = "dismissableLayer.focusOutside", L, B = n.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), j = n.forwardRef(
-  (r, e) => {
-    const {
-      disableOutsidePointerEvents: i = !1,
-      onEscapeKeyDown: o,
-      onPointerDownOutside: t,
-      onFocusOutside: a,
-      onInteractOutside: l,
-      onDismiss: d,
-      ...v
-    } = r, c = n.useContext(B), [u, S] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = n.useState({}), W = R(e, (s) => S(s)), p = Array.from(c.layers), [A] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), N = p.indexOf(A), b = u ? p.indexOf(u) : -1, I = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= N, _ = q((s) => {
-      const E = s.target, C = [...c.branches].some((h) => h.contains(E));
-      !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
-    }, f), D = G((s) => {
-      const E = s.target;
-      [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
-    }, f);
-    return U((s) => {
-      b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
-    }, f), n.useEffect(() => {
-      if (u)
-        return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
-          i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
-        };
-    }, [u, f, i, c]), n.useEffect(() => () => {
-      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
-    }, [u, c]), n.useEffect(() => {
-      const s = () => F({});
-      return document.addEventListener(y, s), () => document.removeEventListener(y, s);
-    }, []), /* @__PURE__ */ T(
-      g.div,
-      {
-        ...v,
-        ref: W,
-        style: {
-          pointerEvents: I ? P ? "auto" : "none" : void 0,
-          ...r.style
-        },
-        onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
-        onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
-        onPointerDownCapture: m(
-          r.onPointerDownCapture,
-          _.onPointerDownCapture
-        )
-      }
-    );
+import { useLayoutEffect as v } from "./index109.js";
+var E = n[" useInsertionEffect ".trim().toString()] || v;
+function y({
+  prop: t,
+  defaultProp: u,
+  onChange: o = () => {
+  },
+  caller: i
+}) {
+  const [l, e, r] = w({
+    defaultProp: u,
+    onChange: o
+  }), c = t !== void 0, a = c ? t : l;
+  {
+    const s = n.useRef(t !== void 0);
+    n.useEffect(() => {
+      const f = s.current;
+      f !== c && console.warn(
+        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), s.current = c;
+    }, [c, i]);
   }
-);
-j.displayName = z;
-var X = "DismissableLayerBranch", Y = n.forwardRef((r, e) => {
-  const i = n.useContext(B), o = n.useRef(null), t = R(e, o);
-  return n.useEffect(() => {
-    const a = o.current;
-    if (a)
-      return i.branches.add(a), () => {
-        i.branches.delete(a);
-      };
-  }, [i.branches]), /* @__PURE__ */ T(g.div, { ...r, ref: t });
-});
-Y.displayName = X;
-function q(r, e = globalThis == null ? void 0 : globalThis.document) {
-  const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
-  });
-  return n.useEffect(() => {
-    const a = (d) => {
-      if (d.target && !o.current) {
-        let v = function() {
-          x(
-            H,
-            i,
-            c,
-            { discrete: !0 }
-          );
-        };
-        const c = { originalEvent: d };
-        d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
+  const m = n.useCallback(
+    (s) => {
+      var f;
+      if (c) {
+        const d = R(s) ? s(t) : s;
+        d !== t && ((f = r.current) == null || f.call(r, d));
       } else
-        e.removeEventListener("click", t.current);
-      o.current = !1;
-    }, l = window.setTimeout(() => {
-      e.addEventListener("pointerdown", a);
-    }, 0);
-    return () => {
-      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
-    };
-  }, [e, i]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
+        e(s);
+    },
+    [c, t, e, r]
+  );
+  return [a, m];
 }
-function G(r, e = globalThis == null ? void 0 : globalThis.document) {
-  const i = w(r), o = n.useRef(!1);
-  return n.useEffect(() => {
-    const t = (a) => {
-      a.target && !o.current && x(M, i, { originalEvent: a }, {
-        discrete: !1
-      });
-    };
-    return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
-  }, [e, i]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
+function w({
+  defaultProp: t,
+  onChange: u
+}) {
+  const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
+  return E(() => {
+    e.current = u;
+  }, [u]), n.useEffect(() => {
+    var r;
+    l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
+  }, [o, l]), [o, i, e];
 }
-function O() {
-  const r = new CustomEvent(y);
-  document.dispatchEvent(r);
-}
-function x(r, e, i, { discrete: o }) {
-  const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
-  e && t.addEventListener(r, e, { once: !0 }), o ? k(t, a) : t.dispatchEvent(a);
+function R(t) {
+  return typeof t == "function";
 }
 export {
-  j as DismissableLayer,
-  Y as DismissableLayerBranch
+  y as useControllableState
 };

package/dist/index93.js

@@ -1,13 +1,8 @@
-import * as e from "react";
-import { useLayoutEffect as a } from "./index105.js";
-var s = e[" useId ".trim().toString()] || (() => {
-}), i = 0;
-function d(r) {
-  const [t, o] = e.useState(s());
-  return a(() => {
-    o((u) => u ?? String(i++));
-  }, [r]), t ? `radix-${t}` : "";
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
 }
 export {
-  d as useId
+  t as usePrevious
 };

package/dist/index94.js

@@ -1,222 +1,27 @@
-"use client";
-import * as p 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 "./index122.js";
-import { Root as Oe } from "./index123.js";
-import { useComposedRefs as j } from "./index90.js";
-import { createContextScope as Re } from "./index91.js";
-import { Primitive as z } from "./index97.js";
-import { useCallbackRef as Ee } from "./index104.js";
-import { useLayoutEffect as T } from "./index105.js";
-import { useSize as Ne } from "./index101.js";
-import { jsx as f } from "react/jsx-runtime";
-import { autoUpdate as _e } from "./index124.js";
-var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
-  const { __scopePopper: s, children: a } = e, [t, i] = p.useState(null);
-  return /* @__PURE__ */ f($e, { scope: s, anchor: t, onAnchorChange: i, children: a });
-};
-U.displayName = N;
-var q = "PopperAnchor", G = p.forwardRef(
-  (e, s) => {
-    const { __scopePopper: a, virtualRef: t, ...i } = e, r = Z(q, a), o = p.useRef(null), w = j(s, o), n = p.useRef(null);
-    return p.useEffect(() => {
-      const c = n.current;
-      n.current = (t == null ? void 0 : t.current) || o.current, c !== n.current && r.onAnchorChange(n.current);
-    }), t ? null : /* @__PURE__ */ f(z.div, { ...i, ref: w });
-  }
-);
-G.displayName = q;
-var _ = "PopperContent", [He, We] = L(_), J = p.forwardRef(
-  (e, s) => {
-    var Y, M, X, D, F, k;
-    const {
-      __scopePopper: a,
-      side: t = "bottom",
-      sideOffset: i = 0,
-      align: r = "center",
-      alignOffset: o = 0,
-      arrowPadding: w = 0,
-      avoidCollisions: n = !0,
-      collisionBoundary: c = [],
-      collisionPadding: x = 0,
-      sticky: m = "partial",
-      hideWhenDetached: y = !1,
-      updatePositionStrategy: A = "optimized",
-      onPlaced: l,
-      ...d
-    } = e, v = Z(_, a), [h, C] = p.useState(null), ee = j(s, (P) => C(P)), [E, te] = p.useState(null), u = Ne(E), re = (u == null ? void 0 : u.width) ?? 0, $ = (u == null ? void 0 : u.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),
-      // 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: g } = xe({
-      // 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"
-      }),
-      elements: {
-        reference: v.anchor
-      },
-      middleware: [
-        Pe({ mainAxis: i + $, alignmentAxis: o }),
-        n && ye({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: m === "partial" ? Se() : void 0,
-          ...b
-        }),
-        n && Ae({ ...b }),
-        ve({
-          ...b,
-          apply: ({ elements: P, rects: B, availableWidth: he, availableHeight: ue }) => {
-            const { width: ge, height: we } = B.reference, R = P.floating.style;
-            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ue}px`), R.setProperty("--radix-popper-anchor-width", `${ge}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
-          }
-        }),
-        E && Ce({ element: E, padding: w }),
-        Me({ arrowWidth: re, arrowHeight: $ }),
-        y && be({ strategy: "referenceHidden", ...b })
-      ]
-    }), [I, ce] = V(se), O = Ee(l);
-    T(() => {
-      S && (O == null || O());
-    }, [S, O]);
-    const pe = (Y = g.arrow) == null ? void 0 : Y.x, de = (M = g.arrow) == null ? void 0 : M.y, le = ((X = g.arrow) == null ? void 0 : X.centerOffset) !== 0, [fe, me] = p.useState();
-    return T(() => {
-      h && me(window.getComputedStyle(h).zIndex);
-    }, [h]), /* @__PURE__ */ f(
-      "div",
-      {
-        ref: ie.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...W,
-          transform: S ? W.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: fe,
-          "--radix-popper-transform-origin": [
-            (D = g.transformOrigin) == null ? void 0 : D.x,
-            (F = g.transformOrigin) == null ? void 0 : F.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 = g.hide) == null ? void 0 : k.referenceHidden) && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: e.dir,
-        children: /* @__PURE__ */ f(
-          He,
-          {
-            scope: a,
-            placedSide: I,
-            onArrowChange: te,
-            arrowX: pe,
-            arrowY: de,
-            shouldHideArrow: le,
-            children: /* @__PURE__ */ f(
-              z.div,
-              {
-                "data-side": I,
-                "data-align": ce,
-                ...d,
-                ref: ee,
-                style: {
-                  ...d.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"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-J.displayName = _;
-var K = "PopperArrow", Ie = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Q = p.forwardRef(function(s, a) {
-  const { __scopePopper: t, ...i } = s, r = We(K, t), o = Ie[r.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(
-      "span",
-      {
-        ref: r.onArrowChange,
-        style: {
-          position: "absolute",
-          left: r.arrowX,
-          top: r.arrowY,
-          [o]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[r.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[r.placedSide],
-          visibility: r.shouldHideArrow ? "hidden" : void 0
-        },
-        children: /* @__PURE__ */ f(
-          Oe,
-          {
-            ...i,
-            ref: a,
-            style: {
-              ...i.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
-      }
-    )
-  );
-});
-Q.displayName = K;
-function Ye(e) {
-  return e !== null;
-}
-var Me = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(s) {
-    var v, h, C;
-    const { placement: a, rects: t, middlewareData: i } = s, o = ((v = i.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, n = o ? 0 : e.arrowHeight, [c, x] = V(a), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = i.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = i.arrow) == null ? void 0 : C.y) ?? 0) + n / 2;
-    let l = "", d = "";
-    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-n}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + n}px`) : c === "right" ? (l = `${-n}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + n}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
-  }
-});
-function V(e) {
-  const [s, a = "center"] = e.split("-");
-  return [s, a];
+import * as h from "react";
+import { useLayoutEffect as z } from "./index109.js";
+function c(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
 }
-var qe = U, Ge = G, Je = J, Ke = Q;
 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
+  c as useSize
 };