@alixpartners/ui-components 2.6.0 → 2.6.2

package/dist/index-Ii4UOx3H.js

@@ -0,0 +1,599 @@
+import * as r from "react";
+import { d as N, c as v, b as je, P as F, i as He, e as We, a as ze } from "./index-z_kiwVc3.js";
+import { u as Ze, c as pe, a as $e, I as qe, R as Je } from "./index-C8H9A55g.js";
+import { P as Qe, D as et } from "./index-CmGGeUr0.js";
+import { h as tt, u as nt, R as ot, F as rt } from "./index-CFqDEbIR.js";
+import { R as ct, A as at, c as ve, C as st, a as ut } from "./index-ChQc_Cm6.js";
+import { P as H } from "./index-CfIcUHKK.js";
+import { a as Me } from "./index-C2s_VtSb.js";
+import { jsx as u } from "react/jsx-runtime";
+var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
+  ltr: [...Q, "ArrowRight"],
+  rtl: [...Q, "ArrowLeft"]
+}, ft = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, L = "Menu", [O, mt, pt] = $e(L), [w, jt] = je(L, [
+  pt,
+  ve,
+  pe
+]), W = ve(), Ce = pe(), [vt, I] = w(L), [Mt, K] = w(L), ge = (e) => {
+  const { __scopeMenu: n, open: t = !1, children: o, dir: s, onOpenChange: c, modal: d = !0 } = e, p = W(n), [M, m] = r.useState(null), f = r.useRef(!1), a = Me(c), l = Ze(s);
+  return r.useEffect(() => {
+    const C = () => {
+      f.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
+    }, h = () => f.current = !1;
+    return document.addEventListener("keydown", C, { capture: !0 }), () => {
+      document.removeEventListener("keydown", C, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ u(ct, { ...p, children: /* @__PURE__ */ u(
+    vt,
+    {
+      scope: n,
+      open: t,
+      onOpenChange: a,
+      content: M,
+      onContentChange: m,
+      children: /* @__PURE__ */ u(
+        Mt,
+        {
+          scope: n,
+          onClose: r.useCallback(() => a(!1), [a]),
+          isUsingKeyboardRef: f,
+          dir: l,
+          modal: d,
+          children: o
+        }
+      )
+    }
+  ) });
+};
+ge.displayName = L;
+var ht = "MenuAnchor", ee = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, s = W(t);
+    return /* @__PURE__ */ u(at, { ...s, ...o, ref: n });
+  }
+);
+ee.displayName = ht;
+var te = "MenuPortal", [Ct, _e] = w(te, {
+  forceMount: void 0
+}), Re = (e) => {
+  const { __scopeMenu: n, forceMount: t, children: o, container: s } = e, c = I(te, n);
+  return /* @__PURE__ */ u(Ct, { scope: n, forceMount: t, children: /* @__PURE__ */ u(H, { present: t || c.open, children: /* @__PURE__ */ u(Qe, { asChild: !0, container: s, children: o }) }) });
+};
+Re.displayName = te;
+var _ = "MenuContent", [gt, ne] = w(_), Pe = r.forwardRef(
+  (e, n) => {
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, c = I(_, e.__scopeMenu), d = K(_, e.__scopeMenu);
+    return /* @__PURE__ */ u(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(H, { present: o || c.open, children: /* @__PURE__ */ u(O.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ u(_t, { ...s, ref: n }) : /* @__PURE__ */ u(Rt, { ...s, ref: n }) }) }) });
+  }
+), _t = r.forwardRef(
+  (e, n) => {
+    const t = I(_, e.__scopeMenu), o = r.useRef(null), s = N(n, o);
+    return r.useEffect(() => {
+      const c = o.current;
+      if (c) return tt(c);
+    }, []), /* @__PURE__ */ u(
+      oe,
+      {
+        ...e,
+        ref: s,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: t.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: v(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => t.onOpenChange(!1)
+      }
+    );
+  }
+), Rt = r.forwardRef((e, n) => {
+  const t = I(_, e.__scopeMenu);
+  return /* @__PURE__ */ u(
+    oe,
+    {
+      ...e,
+      ref: n,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => t.onOpenChange(!1)
+    }
+  );
+}), Pt = We("MenuContent.ScrollLock"), oe = r.forwardRef(
+  (e, n) => {
+    const {
+      __scopeMenu: t,
+      loop: o = !1,
+      trapFocus: s,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: d,
+      disableOutsidePointerEvents: p,
+      onEntryFocus: M,
+      onEscapeKeyDown: m,
+      onPointerDownOutside: f,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: C,
+      disableOutsideScroll: h,
+      ...S
+    } = e, y = I(_, t), T = K(_, t), G = W(t), U = Ce(t), se = mt(t), [Ge, ue] = r.useState(null), B = r.useRef(null), Ue = N(n, B, y.onContentChange), V = r.useRef(0), Y = r.useRef(""), Be = r.useRef(0), Z = r.useRef(null), ie = r.useRef("right"), $ = r.useRef(0), Ve = h ? ot : r.Fragment, Ye = h ? { as: Pt, allowPinchZoom: !0 } : void 0, Xe = (i) => {
+      var x, de;
+      const g = Y.current + i, R = se().filter((P) => !P.disabled), E = document.activeElement, q = (x = R.find((P) => P.ref.current === E)) == null ? void 0 : x.textValue, J = R.map((P) => P.textValue), le = kt(J, g, q), A = (de = R.find((P) => P.textValue === le)) == null ? void 0 : de.ref.current;
+      (function P(fe) {
+        Y.current = fe, window.clearTimeout(V.current), fe !== "" && (V.current = window.setTimeout(() => P(""), 1e3));
+      })(g), A && setTimeout(() => A.focus());
+    };
+    r.useEffect(() => () => window.clearTimeout(V.current), []), nt();
+    const b = r.useCallback((i) => {
+      var R, E;
+      return ie.current === ((R = Z.current) == null ? void 0 : R.side) && Ft(i, (E = Z.current) == null ? void 0 : E.area);
+    }, []);
+    return /* @__PURE__ */ u(
+      gt,
+      {
+        scope: t,
+        searchRef: Y,
+        onItemEnter: r.useCallback(
+          (i) => {
+            b(i) && i.preventDefault();
+          },
+          [b]
+        ),
+        onItemLeave: r.useCallback(
+          (i) => {
+            var g;
+            b(i) || ((g = B.current) == null || g.focus(), ue(null));
+          },
+          [b]
+        ),
+        onTriggerLeave: r.useCallback(
+          (i) => {
+            b(i) && i.preventDefault();
+          },
+          [b]
+        ),
+        pointerGraceTimerRef: Be,
+        onPointerGraceIntentChange: r.useCallback((i) => {
+          Z.current = i;
+        }, []),
+        children: /* @__PURE__ */ u(Ve, { ...Ye, children: /* @__PURE__ */ u(
+          rt,
+          {
+            asChild: !0,
+            trapped: s,
+            onMountAutoFocus: v(c, (i) => {
+              var g;
+              i.preventDefault(), (g = B.current) == null || g.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: d,
+            children: /* @__PURE__ */ u(
+              et,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: p,
+                onEscapeKeyDown: m,
+                onPointerDownOutside: f,
+                onFocusOutside: a,
+                onInteractOutside: l,
+                onDismiss: C,
+                children: /* @__PURE__ */ u(
+                  Je,
+                  {
+                    asChild: !0,
+                    ...U,
+                    dir: T.dir,
+                    orientation: "vertical",
+                    loop: o,
+                    currentTabStopId: Ge,
+                    onCurrentTabStopIdChange: ue,
+                    onEntryFocus: v(M, (i) => {
+                      T.isUsingKeyboardRef.current || i.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ u(
+                      st,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": Ke(y.open),
+                        "data-radix-menu-content": "",
+                        dir: T.dir,
+                        ...G,
+                        ...S,
+                        ref: Ue,
+                        style: { outline: "none", ...S.style },
+                        onKeyDown: v(S.onKeyDown, (i) => {
+                          const R = i.target.closest("[data-radix-menu-content]") === i.currentTarget, E = i.ctrlKey || i.altKey || i.metaKey, q = i.key.length === 1;
+                          R && (i.key === "Tab" && i.preventDefault(), !E && q && Xe(i.key));
+                          const J = B.current;
+                          if (i.target !== J || !lt.includes(i.key)) return;
+                          i.preventDefault();
+                          const A = se().filter((x) => !x.disabled).map((x) => x.ref.current);
+                          he.includes(i.key) && A.reverse(), Dt(A);
+                        }),
+                        onBlur: v(e.onBlur, (i) => {
+                          i.currentTarget.contains(i.target) || (window.clearTimeout(V.current), Y.current = "");
+                        }),
+                        onPointerMove: v(
+                          e.onPointerMove,
+                          k((i) => {
+                            const g = i.target, R = $.current !== i.clientX;
+                            if (i.currentTarget.contains(g) && R) {
+                              const E = i.clientX > $.current ? "right" : "left";
+                              ie.current = E, $.current = i.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Pe.displayName = _;
+var Et = "MenuGroup", re = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u(F.div, { role: "group", ...o, ref: n });
+  }
+);
+re.displayName = Et;
+var St = "MenuLabel", Ee = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u(F.div, { ...o, ref: n });
+  }
+);
+Ee.displayName = St;
+var X = "MenuItem", me = "menu.itemSelect", z = r.forwardRef(
+  (e, n) => {
+    const { disabled: t = !1, onSelect: o, ...s } = e, c = r.useRef(null), d = K(X, e.__scopeMenu), p = ne(X, e.__scopeMenu), M = N(n, c), m = r.useRef(!1), f = () => {
+      const a = c.current;
+      if (!t && a) {
+        const l = new CustomEvent(me, { bubbles: !0, cancelable: !0 });
+        a.addEventListener(me, (C) => o == null ? void 0 : o(C), { once: !0 }), He(a, l), l.defaultPrevented ? m.current = !1 : d.onClose();
+      }
+    };
+    return /* @__PURE__ */ u(
+      Se,
+      {
+        ...s,
+        ref: M,
+        disabled: t,
+        onClick: v(e.onClick, f),
+        onPointerDown: (a) => {
+          var l;
+          (l = e.onPointerDown) == null || l.call(e, a), m.current = !0;
+        },
+        onPointerUp: v(e.onPointerUp, (a) => {
+          var l;
+          m.current || (l = a.currentTarget) == null || l.click();
+        }),
+        onKeyDown: v(e.onKeyDown, (a) => {
+          const l = p.searchRef.current !== "";
+          t || l && a.key === " " || Q.includes(a.key) && (a.currentTarget.click(), a.preventDefault());
+        })
+      }
+    );
+  }
+);
+z.displayName = X;
+var Se = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, disabled: o = !1, textValue: s, ...c } = e, d = ne(X, t), p = Ce(t), M = r.useRef(null), m = N(n, M), [f, a] = r.useState(!1), [l, C] = r.useState("");
+    return r.useEffect(() => {
+      const h = M.current;
+      h && C((h.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ u(
+      O.ItemSlot,
+      {
+        scope: t,
+        disabled: o,
+        textValue: s ?? l,
+        children: /* @__PURE__ */ u(qe, { asChild: !0, ...p, focusable: !o, children: /* @__PURE__ */ u(
+          F.div,
+          {
+            role: "menuitem",
+            "data-highlighted": f ? "" : void 0,
+            "aria-disabled": o || void 0,
+            "data-disabled": o ? "" : void 0,
+            ...c,
+            ref: m,
+            onPointerMove: v(
+              e.onPointerMove,
+              k((h) => {
+                o ? d.onItemLeave(h) : (d.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: v(
+              e.onPointerLeave,
+              k((h) => d.onItemLeave(h))
+            ),
+            onFocus: v(e.onFocus, () => a(!0)),
+            onBlur: v(e.onBlur, () => a(!1))
+          }
+        ) })
+      }
+    );
+  }
+), wt = "MenuCheckboxItem", we = r.forwardRef(
+  (e, n) => {
+    const { checked: t = !1, onCheckedChange: o, ...s } = e;
+    return /* @__PURE__ */ u(Te, { scope: e.__scopeMenu, checked: t, children: /* @__PURE__ */ u(
+      z,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": j(t) ? "mixed" : t,
+        ...s,
+        ref: n,
+        "data-state": ae(t),
+        onSelect: v(
+          s.onSelect,
+          () => o == null ? void 0 : o(j(t) ? !0 : !t),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+we.displayName = wt;
+var Ie = "MenuRadioGroup", [It, yt] = w(
+  Ie,
+  { value: void 0, onValueChange: () => {
+  } }
+), ye = r.forwardRef(
+  (e, n) => {
+    const { value: t, onValueChange: o, ...s } = e, c = Me(o);
+    return /* @__PURE__ */ u(It, { scope: e.__scopeMenu, value: t, onValueChange: c, children: /* @__PURE__ */ u(re, { ...s, ref: n }) });
+  }
+);
+ye.displayName = Ie;
+var be = "MenuRadioItem", xe = r.forwardRef(
+  (e, n) => {
+    const { value: t, ...o } = e, s = yt(be, e.__scopeMenu), c = t === s.value;
+    return /* @__PURE__ */ u(Te, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ u(
+      z,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...o,
+        ref: n,
+        "data-state": ae(c),
+        onSelect: v(
+          o.onSelect,
+          () => {
+            var d;
+            return (d = s.onValueChange) == null ? void 0 : d.call(s, t);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+xe.displayName = be;
+var ce = "MenuItemIndicator", [Te, bt] = w(
+  ce,
+  { checked: !1 }
+), Ae = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, forceMount: o, ...s } = e, c = bt(ce, t);
+    return /* @__PURE__ */ u(
+      H,
+      {
+        present: o || j(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ u(
+          F.span,
+          {
+            ...s,
+            ref: n,
+            "data-state": ae(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Ae.displayName = ce;
+var xt = "MenuSeparator", De = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e;
+    return /* @__PURE__ */ u(
+      F.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...o,
+        ref: n
+      }
+    );
+  }
+);
+De.displayName = xt;
+var Tt = "MenuArrow", Oe = r.forwardRef(
+  (e, n) => {
+    const { __scopeMenu: t, ...o } = e, s = W(t);
+    return /* @__PURE__ */ u(ut, { ...s, ...o, ref: n });
+  }
+);
+Oe.displayName = Tt;
+var At = "MenuSub", [Ht, ke] = w(At), D = "MenuSubTrigger", Ne = r.forwardRef(
+  (e, n) => {
+    const t = I(D, e.__scopeMenu), o = K(D, e.__scopeMenu), s = ke(D, e.__scopeMenu), c = ne(D, e.__scopeMenu), d = r.useRef(null), { pointerGraceTimerRef: p, onPointerGraceIntentChange: M } = c, m = { __scopeMenu: e.__scopeMenu }, f = r.useCallback(() => {
+      d.current && window.clearTimeout(d.current), d.current = null;
+    }, []);
+    return r.useEffect(() => f, [f]), r.useEffect(() => {
+      const a = p.current;
+      return () => {
+        window.clearTimeout(a), M(null);
+      };
+    }, [p, M]), /* @__PURE__ */ u(ee, { asChild: !0, ...m, children: /* @__PURE__ */ u(
+      Se,
+      {
+        id: s.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": t.open,
+        "aria-controls": s.contentId,
+        "data-state": Ke(t.open),
+        ...e,
+        ref: ze(n, s.onTriggerChange),
+        onClick: (a) => {
+          var l;
+          (l = e.onClick) == null || l.call(e, a), !(e.disabled || a.defaultPrevented) && (a.currentTarget.focus(), t.open || t.onOpenChange(!0));
+        },
+        onPointerMove: v(
+          e.onPointerMove,
+          k((a) => {
+            c.onItemEnter(a), !a.defaultPrevented && !e.disabled && !t.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
+              t.onOpenChange(!0), f();
+            }, 100));
+          })
+        ),
+        onPointerLeave: v(
+          e.onPointerLeave,
+          k((a) => {
+            var C, h;
+            f();
+            const l = (C = t.content) == null ? void 0 : C.getBoundingClientRect();
+            if (l) {
+              const S = (h = t.content) == null ? void 0 : h.dataset.side, y = S === "right", T = y ? -5 : 5, G = l[y ? "left" : "right"], U = l[y ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: a.clientX + T, y: a.clientY },
+                  { x: G, y: l.top },
+                  { x: U, y: l.top },
+                  { x: U, y: l.bottom },
+                  { x: G, y: l.bottom }
+                ],
+                side: S
+              }), window.clearTimeout(p.current), p.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(a), a.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: v(e.onKeyDown, (a) => {
+          var C;
+          const l = c.searchRef.current !== "";
+          e.disabled || l && a.key === " " || dt[o.dir].includes(a.key) && (t.onOpenChange(!0), (C = t.content) == null || C.focus(), a.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Ne.displayName = D;
+var Fe = "MenuSubContent", Le = r.forwardRef(
+  (e, n) => {
+    const t = _e(_, e.__scopeMenu), { forceMount: o = t.forceMount, ...s } = e, c = I(_, e.__scopeMenu), d = K(_, e.__scopeMenu), p = ke(Fe, e.__scopeMenu), M = r.useRef(null), m = N(n, M);
+    return /* @__PURE__ */ u(O.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(H, { present: o || c.open, children: /* @__PURE__ */ u(O.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ u(
+      oe,
+      {
+        id: p.contentId,
+        "aria-labelledby": p.triggerId,
+        ...s,
+        ref: m,
+        align: "start",
+        side: d.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (f) => {
+          var a;
+          d.isUsingKeyboardRef.current && ((a = M.current) == null || a.focus()), f.preventDefault();
+        },
+        onCloseAutoFocus: (f) => f.preventDefault(),
+        onFocusOutside: v(e.onFocusOutside, (f) => {
+          f.target !== p.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: v(e.onEscapeKeyDown, (f) => {
+          d.onClose(), f.preventDefault();
+        }),
+        onKeyDown: v(e.onKeyDown, (f) => {
+          var C;
+          const a = f.currentTarget.contains(f.target), l = ft[d.dir].includes(f.key);
+          a && l && (c.onOpenChange(!1), (C = p.trigger) == null || C.focus(), f.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Le.displayName = Fe;
+function Ke(e) {
+  return e ? "open" : "closed";
+}
+function j(e) {
+  return e === "indeterminate";
+}
+function ae(e) {
+  return j(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Dt(e) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus(), document.activeElement !== n)) return;
+}
+function Ot(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
+}
+function kt(e, n, t) {
+  const s = n.length > 1 && Array.from(n).every((m) => m === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let d = Ot(e, Math.max(c, 0));
+  s.length === 1 && (d = d.filter((m) => m !== t));
+  const M = d.find(
+    (m) => m.toLowerCase().startsWith(s.toLowerCase())
+  );
+  return M !== t ? M : void 0;
+}
+function Nt(e, n) {
+  const { x: t, y: o } = e;
+  let s = !1;
+  for (let c = 0, d = n.length - 1; c < n.length; d = c++) {
+    const p = n[c], M = n[d], m = p.x, f = p.y, a = M.x, l = M.y;
+    f > o != l > o && t < (a - m) * (o - f) / (l - f) + m && (s = !s);
+  }
+  return s;
+}
+function Ft(e, n) {
+  if (!n) return !1;
+  const t = { x: e.clientX, y: e.clientY };
+  return Nt(t, n);
+}
+function k(e) {
+  return (n) => n.pointerType === "mouse" ? e(n) : void 0;
+}
+var Wt = ge, zt = ee, Zt = Re, $t = Pe, qt = re, Jt = Ee, Qt = z, en = we, tn = ye, nn = xe, on = Ae, rn = De, cn = Oe, an = Ne, sn = Le;
+export {
+  zt as A,
+  $t as C,
+  qt as G,
+  Qt as I,
+  Jt as L,
+  Zt as P,
+  Wt as R,
+  rn as S,
+  en as a,
+  tn as b,
+  jt as c,
+  nn as d,
+  on as e,
+  cn as f,
+  an as g,
+  sn as h
+};

package/dist/{index-6j3vTf--.js → index-Nyh2Wa71.js}

@@ -1,7 +1,7 @@
 import * as u from "react";
-import { d as z } from "./index-B4szHVNJ.js";
+import { h as z } from "./index-z_kiwVc3.js";
 function n(r) {
-  const [h, e] = u.useState(void 0);
+  const [d, e] = u.useState(void 0);
   return z(() => {
     if (r) {
       e({ width: r.offsetWidth, height: r.offsetHeight });
@@ -11,8 +11,8 @@ function n(r) {
         const b = i[0];
         let o, t;
         if ("borderBoxSize" in b) {
-          const s = b.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
-          o = d.inlineSize, t = d.blockSize;
+          const s = b.borderBoxSize, h = Array.isArray(s) ? s[0] : s;
+          o = h.inlineSize, t = h.blockSize;
         } else
           o = r.offsetWidth, t = r.offsetHeight;
         e({ width: o, height: t });
@@ -20,7 +20,7 @@ function n(r) {
       return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
     } else
       e(void 0);
-  }, [r]), h;
+  }, [r]), d;
 }
 export {
   n as u