@rinzai/zen 0.1.9 → 0.1.11

package/dist/zen.js

@@ -1,39 +1,38 @@
-import { jsx as b, jsxs as W, Fragment as Ve } from "react/jsx-runtime";
-import * as C from "react";
-import { useLayoutEffect as ot, useEffect as re, useState as de, useId as it, useMemo as ve, useRef as Ee } from "react";
-import * as st from "react-dom";
-import { createPortal as rt, flushSync as lt } from "react-dom";
-const M = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "string" || typeof t == "number" ? o + " " + t : Array.isArray(t) ? o + " " + M(...t) : typeof t == "object" ? o + " " + Object.entries(t).reduce((n, [i, s]) => s == null || s === !1 ? n : typeof s == "string" || typeof s == "number" ? n + " " + i + "-" + s : typeof s == "boolean" && s ? n + " " + i : n, "") : o, ""), Ae = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, We = (e, o) => (t) => {
-  var a;
-  if ((o == null ? void 0 : o.variants) == null) return M(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: n, defaultVariants: i } = o, s = Object.keys(n).map((c) => {
-    const u = t == null ? void 0 : t[c], d = i == null ? void 0 : i[c];
+import { jsx as y, jsxs as V, Fragment as je } from "react/jsx-runtime";
+import * as O from "react";
+import { useLayoutEffect as rt, useState as fe, useId as lt, useEffect as be, useMemo as ye, useRef as ve } from "react";
+import * as ct from "react-dom";
+import { createPortal as at, flushSync as ut } from "react-dom";
+const k = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "string" || typeof t == "number" ? o + " " + t : Array.isArray(t) ? o + " " + k(...t) : typeof t == "object" ? o + " " + Object.entries(t).reduce((n, [s, i]) => i == null || i === !1 ? n : typeof i == "string" || typeof i == "number" ? n + " " + s + "-" + i : typeof i == "boolean" && i ? n + " " + s : n, "") : o, ""), Ae = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, $e = (e, o) => (t) => {
+  if (o?.variants == null) return k(e, t?.class, t?.className);
+  const { variants: n, defaultVariants: s } = o, i = Object.keys(n).map((c) => {
+    const u = t?.[c], a = s?.[c];
     if (u === null) return null;
-    const h = Ae(u) || Ae(d);
-    return n[c][h];
+    const d = Ae(u) || Ae(a);
+    return n[c][d];
   }), r = t && Object.entries(t).reduce(
-    (c, [u, d]) => (d === void 0 || (c[u] = d), c),
+    (c, [u, a]) => (a === void 0 || (c[u] = a), c),
     {}
-  ), l = (a = o == null ? void 0 : o.compoundVariants) == null ? void 0 : a.reduce(
-    (c, { class: u, className: d, ...h }) => Object.entries(h).every(
-      ([f, g]) => Array.isArray(g) ? g.includes(
+  ), l = o?.compoundVariants?.reduce(
+    (c, { class: u, className: a, ...d }) => Object.entries(d).every(
+      ([h, f]) => Array.isArray(f) ? f.includes(
         {
-          ...i,
+          ...s,
           ...r
-        }[f]
+        }[h]
       ) : {
-        ...i,
+        ...s,
         ...r
-      }[f] === g
-    ) ? [...c, u, d] : c,
+      }[h] === f
+    ) ? [...c, u, a] : c,
     []
   );
-  return M(e, s, l, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return k(e, i, l, t?.class, t?.className);
 };
-function Be({ variant: e, className: o, ...t }) {
-  return /* @__PURE__ */ b("span", { ...t, className: ct({ variant: e, className: o }) });
+function He({ variant: e, className: o, ...t }) {
+  return /* @__PURE__ */ y("span", { ...t, className: ft({ variant: e, className: o }) });
 }
-const ct = We(
+const ft = $e(
   "zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap",
   {
     variants: {
@@ -49,10 +48,10 @@ const ct = We(
     }
   }
 );
-function at({ className: e, variant: o, size: t, ...n }) {
-  return /* @__PURE__ */ b("button", { className: ut({ variant: o, size: t, className: e }), ...n });
+function dt({ className: e, variant: o, size: t, ...n }) {
+  return /* @__PURE__ */ y("button", { className: ht({ variant: o, size: t, className: e }), ...n });
 }
-const ut = We(
+const ht = $e(
   "zen__button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -77,77 +76,78 @@ const ut = We(
       size: "default"
     }
   }
-), le = Math.min, H = Math.max, ce = Math.round, ie = Math.floor, _ = (e) => ({
+), re = Math.min, q = Math.max, le = Math.round, se = Math.floor, I = (e) => ({
   x: e,
   y: e
-}), ft = {
+}), mt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, dt = {
+}, gt = {
   start: "end",
   end: "start"
 };
-function Te(e, o, t) {
-  return H(e, le(o, t));
+function Me(e, o, t) {
+  return q(e, re(o, t));
 }
-function he(e, o) {
+function de(e, o) {
   return typeof e == "function" ? e(o) : e;
 }
 function U(e) {
   return e.split("-")[0];
 }
-function me(e) {
+function he(e) {
   return e.split("-")[1];
 }
-function je(e) {
+function qe(e) {
   return e === "x" ? "y" : "x";
 }
-function $e(e) {
+function Ue(e) {
   return e === "y" ? "height" : "width";
 }
-function G(e) {
-  return ["top", "bottom"].includes(U(e)) ? "y" : "x";
+const pt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function $(e) {
+  return pt.has(U(e)) ? "y" : "x";
 }
-function He(e) {
-  return je(G(e));
+function Ke(e) {
+  return qe($(e));
 }
-function ht(e, o, t) {
+function wt(e, o, t) {
   t === void 0 && (t = !1);
-  const n = me(e), i = He(e), s = $e(i);
-  let r = i === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return o.reference[s] > o.floating[s] && (r = ae(r)), [r, ae(r)];
+  const n = he(e), s = Ke(e), i = Ue(s);
+  let r = s === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
+  return o.reference[i] > o.floating[i] && (r = ce(r)), [r, ce(r)];
 }
-function mt(e) {
-  const o = ae(e);
+function xt(e) {
+  const o = ce(e);
   return [Se(e), o, Se(o)];
 }
 function Se(e) {
-  return e.replace(/start|end/g, (o) => dt[o]);
+  return e.replace(/start|end/g, (o) => gt[o]);
 }
-function gt(e, o, t) {
-  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
+const ze = ["left", "right"], Ne = ["right", "left"], bt = ["top", "bottom"], yt = ["bottom", "top"];
+function vt(e, o, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? o ? i : n : o ? n : i;
+      return t ? o ? Ne : ze : o ? ze : Ne;
     case "left":
     case "right":
-      return o ? s : r;
+      return o ? bt : yt;
     default:
       return [];
   }
 }
-function pt(e, o, t, n) {
-  const i = me(e);
-  let s = gt(U(e), t === "start", n);
-  return i && (s = s.map((r) => r + "-" + i), o && (s = s.concat(s.map(Se)))), s;
+function St(e, o, t, n) {
+  const s = he(e);
+  let i = vt(U(e), t === "start", n);
+  return s && (i = i.map((r) => r + "-" + s), o && (i = i.concat(i.map(Se)))), i;
 }
-function ae(e) {
-  return e.replace(/left|right|bottom|top/g, (o) => ft[o]);
+function ce(e) {
+  return e.replace(/left|right|bottom|top/g, (o) => mt[o]);
 }
-function xt(e) {
+function Ct(e) {
   return {
     top: 0,
     right: 0,
@@ -156,49 +156,49 @@ function xt(e) {
     ...e
   };
 }
-function wt(e) {
-  return typeof e != "number" ? xt(e) : {
+function Ot(e) {
+  return typeof e != "number" ? Ct(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function ue(e) {
+function ae(e) {
   const {
     x: o,
     y: t,
     width: n,
-    height: i
+    height: s
   } = e;
   return {
     width: n,
-    height: i,
+    height: s,
     top: t,
     left: o,
     right: o + n,
-    bottom: t + i,
+    bottom: t + s,
     x: o,
     y: t
   };
 }
-function ze(e, o, t) {
+function Le(e, o, t) {
   let {
     reference: n,
-    floating: i
+    floating: s
   } = e;
-  const s = G(o), r = He(o), l = $e(r), a = U(o), c = s === "y", u = n.x + n.width / 2 - i.width / 2, d = n.y + n.height / 2 - i.height / 2, h = n[l] / 2 - i[l] / 2;
+  const i = $(o), r = Ke(o), l = Ue(r), c = U(o), u = i === "y", a = n.x + n.width / 2 - s.width / 2, d = n.y + n.height / 2 - s.height / 2, h = n[l] / 2 - s[l] / 2;
   let f;
-  switch (a) {
+  switch (c) {
     case "top":
       f = {
-        x: u,
-        y: n.y - i.height
+        x: a,
+        y: n.y - s.height
       };
       break;
     case "bottom":
       f = {
-        x: u,
+        x: a,
         y: n.y + n.height
       };
       break;
@@ -210,7 +210,7 @@ function ze(e, o, t) {
       break;
     case "left":
       f = {
-        x: n.x - i.width,
+        x: n.x - s.width,
         y: d
       };
       break;
@@ -220,208 +220,210 @@ function ze(e, o, t) {
         y: n.y
       };
   }
-  switch (me(o)) {
+  switch (he(o)) {
     case "start":
-      f[r] -= h * (t && c ? -1 : 1);
+      f[r] -= h * (t && u ? -1 : 1);
       break;
     case "end":
-      f[r] += h * (t && c ? -1 : 1);
+      f[r] += h * (t && u ? -1 : 1);
       break;
   }
   return f;
 }
-const yt = async (e, o, t) => {
+const Et = async (e, o, t) => {
   const {
     placement: n = "bottom",
-    strategy: i = "absolute",
-    middleware: s = [],
+    strategy: s = "absolute",
+    middleware: i = [],
     platform: r
-  } = t, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(o));
-  let c = await r.getElementRects({
+  } = t, l = i.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(o));
+  let u = await r.getElementRects({
     reference: e,
     floating: o,
-    strategy: i
+    strategy: s
   }), {
-    x: u,
+    x: a,
     y: d
-  } = ze(c, n, a), h = n, f = {}, g = 0;
-  for (let x = 0; x < l.length; x++) {
+  } = Le(u, n, c), h = n, f = {}, g = 0;
+  for (let m = 0; m < l.length; m++) {
     const {
-      name: w,
-      fn: m
-    } = l[x], {
-      x: p,
+      name: p,
+      fn: w
+    } = l[m], {
+      x,
       y: v,
-      data: E,
-      reset: y
-    } = await m({
-      x: u,
+      data: S,
+      reset: b
+    } = await w({
+      x: a,
       y: d,
       initialPlacement: n,
       placement: h,
-      strategy: i,
+      strategy: s,
       middlewareData: f,
-      rects: c,
+      rects: u,
       platform: r,
       elements: {
         reference: e,
         floating: o
       }
     });
-    u = p ?? u, d = v ?? d, f = {
+    a = x ?? a, d = v ?? d, f = {
       ...f,
-      [w]: {
-        ...f[w],
-        ...E
+      [p]: {
+        ...f[p],
+        ...S
       }
-    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
+    }, b && g <= 50 && (g++, typeof b == "object" && (b.placement && (h = b.placement), b.rects && (u = b.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: o,
-      strategy: i
-    }) : y.rects), {
-      x: u,
+      strategy: s
+    }) : b.rects), {
+      x: a,
       y: d
-    } = ze(c, h, a)), x = -1);
+    } = Le(u, h, c)), m = -1);
   }
   return {
-    x: u,
+    x: a,
     y: d,
     placement: h,
-    strategy: i,
+    strategy: s,
     middlewareData: f
   };
 };
-async function Ue(e, o) {
+async function Ye(e, o) {
   var t;
   o === void 0 && (o = {});
   const {
     x: n,
-    y: i,
-    platform: s,
+    y: s,
+    platform: i,
     rects: r,
     elements: l,
-    strategy: a
+    strategy: c
   } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: u = "viewport",
+    boundary: u = "clippingAncestors",
+    rootBoundary: a = "viewport",
     elementContext: d = "floating",
     altBoundary: h = !1,
     padding: f = 0
-  } = he(o, e), g = wt(f), w = l[h ? d === "floating" ? "reference" : "floating" : d], m = ue(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(w))) == null || t ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: c,
-    rootBoundary: u,
-    strategy: a
-  })), p = d === "floating" ? {
+  } = de(o, e), g = Ot(f), p = l[h ? d === "floating" ? "reference" : "floating" : d], w = ae(await i.getClippingRect({
+    element: (t = await (i.isElement == null ? void 0 : i.isElement(p))) == null || t ? p : p.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
+    boundary: u,
+    rootBoundary: a,
+    strategy: c
+  })), x = d === "floating" ? {
     x: n,
-    y: i,
+    y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), E = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
+  } : r.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), S = await (i.isElement == null ? void 0 : i.isElement(v)) ? await (i.getScale == null ? void 0 : i.getScale(v)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, y = ue(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = ae(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: p,
+    rect: x,
     offsetParent: v,
-    strategy: a
-  }) : p);
+    strategy: c
+  }) : x);
   return {
-    top: (m.top - y.top + g.top) / E.y,
-    bottom: (y.bottom - m.bottom + g.bottom) / E.y,
-    left: (m.left - y.left + g.left) / E.x,
-    right: (y.right - m.right + g.right) / E.x
+    top: (w.top - b.top + g.top) / S.y,
+    bottom: (b.bottom - w.bottom + g.bottom) / S.y,
+    left: (w.left - b.left + g.left) / S.x,
+    right: (b.right - w.right + g.right) / S.x
   };
 }
-const bt = function(e) {
+const Rt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
     async fn(o) {
       var t, n;
       const {
-        placement: i,
-        middlewareData: s,
+        placement: s,
+        middlewareData: i,
         rects: r,
         initialPlacement: l,
-        platform: a,
-        elements: c
+        platform: c,
+        elements: u
       } = o, {
-        mainAxis: u = !0,
+        mainAxis: a = !0,
         crossAxis: d = !0,
         fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: x = !0,
-        ...w
-      } = he(e, o);
-      if ((t = s.arrow) != null && t.alignmentOffset)
+        flipAlignment: m = !0,
+        ...p
+      } = de(e, o);
+      if ((t = i.arrow) != null && t.alignmentOffset)
         return {};
-      const m = U(i), p = G(l), v = U(l) === l, E = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (v || !x ? [ae(l)] : mt(l)), R = g !== "none";
-      !h && R && y.push(...pt(l, x, g, E));
-      const O = [l, ...y], z = await Ue(o, w), K = [];
-      let P = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (u && K.push(z[m]), d) {
-        const N = ht(i, r, E);
-        K.push(z[N[0]], z[N[1]]);
+      const w = U(s), x = $(l), v = U(l) === l, S = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), b = h || (v || !m ? [ce(l)] : xt(l)), R = g !== "none";
+      !h && R && b.push(...St(l, m, g, S));
+      const E = [l, ...b], W = await Ye(o, p), Y = [];
+      let _ = ((n = i.flip) == null ? void 0 : n.overflows) || [];
+      if (a && Y.push(W[w]), d) {
+        const N = wt(s, r, S);
+        Y.push(W[N[0]], W[N[1]]);
       }
-      if (P = [...P, {
-        placement: i,
-        overflows: K
-      }], !K.every((N) => N <= 0)) {
-        var Y, ee;
-        const N = (((Y = s.flip) == null ? void 0 : Y.index) || 0) + 1, te = O[N];
-        if (te)
+      if (_ = [..._, {
+        placement: s,
+        overflows: Y
+      }], !Y.every((N) => N <= 0)) {
+        var X, te;
+        const N = (((X = i.flip) == null ? void 0 : X.index) || 0) + 1, Z = E[N];
+        if (Z && (!(d === "alignment" ? x !== $(Z) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        _.every((C) => C.overflows[0] > 0 && $(C.placement) === x)))
           return {
             data: {
               index: N,
-              overflows: P
+              overflows: _
             },
             reset: {
-              placement: te
+              placement: Z
             }
           };
-        let k = (ee = P.filter((V) => V.overflows[0] <= 0).sort((V, S) => V.overflows[1] - S.overflows[1])[0]) == null ? void 0 : ee.placement;
-        if (!k)
+        let A = (te = _.filter((D) => D.overflows[0] <= 0).sort((D, C) => D.overflows[1] - C.overflows[1])[0]) == null ? void 0 : te.placement;
+        if (!A)
           switch (f) {
             case "bestFit": {
               var B;
-              const V = (B = P.filter((S) => {
+              const D = (B = _.filter((C) => {
                 if (R) {
-                  const A = G(S.placement);
-                  return A === p || // Create a bias to the `y` side axis due to horizontal
+                  const M = $(C.placement);
+                  return M === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  A === "y";
+                  M === "y";
                 }
                 return !0;
-              }).map((S) => [S.placement, S.overflows.filter((A) => A > 0).reduce((A, j) => A + j, 0)]).sort((S, A) => S[1] - A[1])[0]) == null ? void 0 : B[0];
-              V && (k = V);
+              }).map((C) => [C.placement, C.overflows.filter((M) => M > 0).reduce((M, j) => M + j, 0)]).sort((C, M) => C[1] - M[1])[0]) == null ? void 0 : B[0];
+              D && (A = D);
               break;
             }
             case "initialPlacement":
-              k = l;
+              A = l;
               break;
           }
-        if (i !== k)
+        if (s !== A)
           return {
             reset: {
-              placement: k
+              placement: A
             }
           };
       }
       return {};
     }
   };
-};
-async function vt(e, o) {
+}, kt = /* @__PURE__ */ new Set(["left", "top"]);
+async function At(e, o) {
   const {
     placement: t,
     platform: n,
-    elements: i
-  } = e, s = await (n.isRTL == null ? void 0 : n.isRTL(i.floating)), r = U(t), l = me(t), a = G(t) === "y", c = ["left", "top"].includes(r) ? -1 : 1, u = s && a ? -1 : 1, d = he(o, e);
+    elements: s
+  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), r = U(t), l = he(t), c = $(t) === "y", u = kt.has(r) ? -1 : 1, a = i && c ? -1 : 1, d = de(o, e);
   let {
     mainAxis: h,
     crossAxis: f,
@@ -435,37 +437,37 @@ async function vt(e, o) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), a ? {
-    x: f * u,
-    y: h * c
+  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), c ? {
+    x: f * a,
+    y: h * u
   } : {
-    x: h * c,
-    y: f * u
+    x: h * u,
+    y: f * a
   };
 }
-const Et = function(e) {
+const Mt = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
     async fn(o) {
       var t, n;
       const {
-        x: i,
-        y: s,
+        x: s,
+        y: i,
         placement: r,
         middlewareData: l
-      } = o, a = await vt(o, e);
+      } = o, c = await At(o, e);
       return r === ((t = l.offset) == null ? void 0 : t.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + a.x,
-        y: s + a.y,
+        x: s + c.x,
+        y: i + c.y,
         data: {
-          ...a,
+          ...c,
           placement: r
         }
       };
     }
   };
-}, St = function(e) {
+}, zt = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -473,48 +475,48 @@ const Et = function(e) {
       const {
         x: t,
         y: n,
-        placement: i
+        placement: s
       } = o, {
-        mainAxis: s = !0,
+        mainAxis: i = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (w) => {
+          fn: (p) => {
             let {
-              x: m,
-              y: p
-            } = w;
+              x: w,
+              y: x
+            } = p;
             return {
-              x: m,
-              y: p
+              x: w,
+              y: x
             };
           }
         },
-        ...a
-      } = he(e, o), c = {
+        ...c
+      } = de(e, o), u = {
         x: t,
         y: n
-      }, u = await Ue(o, a), d = G(U(i)), h = je(d);
-      let f = c[h], g = c[d];
-      if (s) {
-        const w = h === "y" ? "top" : "left", m = h === "y" ? "bottom" : "right", p = f + u[w], v = f - u[m];
-        f = Te(p, f, v);
+      }, a = await Ye(o, c), d = $(U(s)), h = qe(d);
+      let f = u[h], g = u[d];
+      if (i) {
+        const p = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", x = f + a[p], v = f - a[w];
+        f = Me(x, f, v);
       }
       if (r) {
-        const w = d === "y" ? "top" : "left", m = d === "y" ? "bottom" : "right", p = g + u[w], v = g - u[m];
-        g = Te(p, g, v);
+        const p = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", x = g + a[p], v = g - a[w];
+        g = Me(x, g, v);
       }
-      const x = l.fn({
+      const m = l.fn({
         ...o,
         [h]: f,
         [d]: g
       });
       return {
-        ...x,
+        ...m,
         data: {
-          x: x.x - t,
-          y: x.y - n,
+          x: m.x - t,
+          y: m.y - n,
           enabled: {
-            [h]: s,
+            [h]: i,
             [d]: r
           }
         }
@@ -522,46 +524,49 @@ const Et = function(e) {
     }
   };
 };
-function ge() {
+function me() {
   return typeof window < "u";
 }
-function Q(e) {
-  return qe(e) ? (e.nodeName || "").toLowerCase() : "#document";
+function ee(e) {
+  return Xe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function T(e) {
+function z(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
-function F(e) {
+function P(e) {
   var o;
-  return (o = (qe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
+  return (o = (Xe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
-function qe(e) {
-  return ge() ? e instanceof Node || e instanceof T(e).Node : !1;
+function Xe(e) {
+  return me() ? e instanceof Node || e instanceof z(e).Node : !1;
 }
-function I(e) {
-  return ge() ? e instanceof Element || e instanceof T(e).Element : !1;
+function L(e) {
+  return me() ? e instanceof Element || e instanceof z(e).Element : !1;
 }
-function D(e) {
-  return ge() ? e instanceof HTMLElement || e instanceof T(e).HTMLElement : !1;
+function F(e) {
+  return me() ? e instanceof HTMLElement || e instanceof z(e).HTMLElement : !1;
 }
-function Ne(e) {
-  return !ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof T(e).ShadowRoot;
+function Te(e) {
+  return !me() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof z(e).ShadowRoot;
 }
+const Nt = /* @__PURE__ */ new Set(["inline", "contents"]);
 function oe(e) {
   const {
     overflow: o,
     overflowX: t,
     overflowY: n,
-    display: i
-  } = L(e);
-  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !["inline", "contents"].includes(i);
+    display: s
+  } = T(e);
+  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !Nt.has(s);
 }
-function Ot(e) {
-  return ["table", "td", "th"].includes(Q(e));
+const Lt = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Tt(e) {
+  return Lt.has(ee(e));
 }
-function pe(e) {
-  return [":popover-open", ":modal"].some((o) => {
+const _t = [":popover-open", ":modal"];
+function ge(e) {
+  return _t.some((o) => {
     try {
       return e.matches(o);
     } catch {
@@ -569,32 +574,34 @@ function pe(e) {
     }
   });
 }
-function Ce(e) {
-  const o = Re(), t = I(e) ? L(e) : e;
-  return ["transform", "translate", "scale", "rotate", "perspective"].some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((n) => (t.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (t.contain || "").includes(n));
+const Dt = ["transform", "translate", "scale", "rotate", "perspective"], It = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ft = ["paint", "layout", "strict", "content"];
+function Oe(e) {
+  const o = Ee(), t = L(e) ? T(e) : e;
+  return Dt.some((n) => t[n] ? t[n] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || It.some((n) => (t.willChange || "").includes(n)) || Ft.some((n) => (t.contain || "").includes(n));
 }
-function Ct(e) {
-  let o = $(e);
-  for (; D(o) && !J(o); ) {
-    if (Ce(o))
+function Pt(e) {
+  let o = H(e);
+  for (; F(o) && !Q(o); ) {
+    if (Oe(o))
       return o;
-    if (pe(o))
+    if (ge(o))
       return null;
-    o = $(o);
+    o = H(o);
   }
   return null;
 }
-function Re() {
+function Ee() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function J(e) {
-  return ["html", "body", "#document"].includes(Q(e));
+const Vt = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Q(e) {
+  return Vt.has(ee(e));
 }
-function L(e) {
-  return T(e).getComputedStyle(e);
+function T(e) {
+  return z(e).getComputedStyle(e);
 }
-function xe(e) {
-  return I(e) ? {
+function pe(e) {
+  return L(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -602,293 +609,298 @@ function xe(e) {
     scrollTop: e.scrollY
   };
 }
-function $(e) {
-  if (Q(e) === "html")
+function H(e) {
+  if (ee(e) === "html")
     return e;
   const o = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Ne(e) && e.host || // Fallback.
-    F(e)
+    Te(e) && e.host || // Fallback.
+    P(e)
   );
-  return Ne(o) ? o.host : o;
+  return Te(o) ? o.host : o;
 }
-function Ke(e) {
-  const o = $(e);
-  return J(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : D(o) && oe(o) ? o : Ke(o);
+function Ze(e) {
+  const o = H(e);
+  return Q(o) ? e.ownerDocument ? e.ownerDocument.body : e.body : F(o) && oe(o) ? o : Ze(o);
 }
 function ne(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const i = Ke(e), s = i === ((n = e.ownerDocument) == null ? void 0 : n.body), r = T(i);
-  if (s) {
-    const l = Oe(r);
-    return o.concat(r, r.visualViewport || [], oe(i) ? i : [], l && t ? ne(l) : []);
+  const s = Ze(e), i = s === ((n = e.ownerDocument) == null ? void 0 : n.body), r = z(s);
+  if (i) {
+    const l = Ce(r);
+    return o.concat(r, r.visualViewport || [], oe(s) ? s : [], l && t ? ne(l) : []);
   }
-  return o.concat(i, ne(i, [], t));
+  return o.concat(s, ne(s, [], t));
 }
-function Oe(e) {
+function Ce(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Ye(e) {
-  const o = L(e);
+function Ge(e) {
+  const o = T(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const i = D(e), s = i ? e.offsetWidth : t, r = i ? e.offsetHeight : n, l = ce(t) !== s || ce(n) !== r;
-  return l && (t = s, n = r), {
+  const s = F(e), i = s ? e.offsetWidth : t, r = s ? e.offsetHeight : n, l = le(t) !== i || le(n) !== r;
+  return l && (t = i, n = r), {
     width: t,
     height: n,
     $: l
   };
 }
-function Me(e) {
-  return I(e) ? e : e.contextElement;
+function Re(e) {
+  return L(e) ? e : e.contextElement;
 }
-function Z(e) {
-  const o = Me(e);
-  if (!D(o))
-    return _(1);
+function J(e) {
+  const o = Re(e);
+  if (!F(o))
+    return I(1);
   const t = o.getBoundingClientRect(), {
     width: n,
-    height: i,
-    $: s
-  } = Ye(o);
-  let r = (s ? ce(t.width) : t.width) / n, l = (s ? ce(t.height) : t.height) / i;
+    height: s,
+    $: i
+  } = Ge(o);
+  let r = (i ? le(t.width) : t.width) / n, l = (i ? le(t.height) : t.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const Rt = /* @__PURE__ */ _(0);
-function Xe(e) {
-  const o = T(e);
-  return !Re() || !o.visualViewport ? Rt : {
+const Wt = /* @__PURE__ */ I(0);
+function Je(e) {
+  const o = z(e);
+  return !Ee() || !o.visualViewport ? Wt : {
     x: o.visualViewport.offsetLeft,
     y: o.visualViewport.offsetTop
   };
 }
-function Mt(e, o, t) {
-  return o === void 0 && (o = !1), !t || o && t !== T(e) ? !1 : o;
+function Bt(e, o, t) {
+  return o === void 0 && (o = !1), !t || o && t !== z(e) ? !1 : o;
 }
-function q(e, o, t, n) {
+function K(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
-  const i = e.getBoundingClientRect(), s = Me(e);
-  let r = _(1);
-  o && (n ? I(n) && (r = Z(n)) : r = Z(e));
-  const l = Mt(s, t, n) ? Xe(s) : _(0);
-  let a = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
-  if (s) {
-    const h = T(s), f = n && I(n) ? T(n) : n;
-    let g = h, x = Oe(g);
-    for (; x && n && f !== g; ) {
-      const w = Z(x), m = x.getBoundingClientRect(), p = L(x), v = m.left + (x.clientLeft + parseFloat(p.paddingLeft)) * w.x, E = m.top + (x.clientTop + parseFloat(p.paddingTop)) * w.y;
-      a *= w.x, c *= w.y, u *= w.x, d *= w.y, a += v, c += E, g = T(x), x = Oe(g);
+  const s = e.getBoundingClientRect(), i = Re(e);
+  let r = I(1);
+  o && (n ? L(n) && (r = J(n)) : r = J(e));
+  const l = Bt(i, t, n) ? Je(i) : I(0);
+  let c = (s.left + l.x) / r.x, u = (s.top + l.y) / r.y, a = s.width / r.x, d = s.height / r.y;
+  if (i) {
+    const h = z(i), f = n && L(n) ? z(n) : n;
+    let g = h, m = Ce(g);
+    for (; m && n && f !== g; ) {
+      const p = J(m), w = m.getBoundingClientRect(), x = T(m), v = w.left + (m.clientLeft + parseFloat(x.paddingLeft)) * p.x, S = w.top + (m.clientTop + parseFloat(x.paddingTop)) * p.y;
+      c *= p.x, u *= p.y, a *= p.x, d *= p.y, c += v, u += S, g = z(m), m = Ce(g);
     }
   }
-  return ue({
-    width: u,
+  return ae({
+    width: a,
     height: d,
-    x: a,
-    y: c
+    x: c,
+    y: u
   });
 }
 function ke(e, o) {
-  const t = xe(e).scrollLeft;
-  return o ? o.left + t : q(F(e)).left + t;
+  const t = pe(e).scrollLeft;
+  return o ? o.left + t : K(P(e)).left + t;
 }
-function Ze(e, o, t) {
+function Qe(e, o, t) {
   t === void 0 && (t = !1);
-  const n = e.getBoundingClientRect(), i = n.left + o.scrollLeft - (t ? 0 : (
+  const n = e.getBoundingClientRect(), s = n.left + o.scrollLeft - (t ? 0 : (
     // RTL <body> scrollbar.
     ke(e, n)
-  )), s = n.top + o.scrollTop;
+  )), i = n.top + o.scrollTop;
   return {
-    x: i,
-    y: s
+    x: s,
+    y: i
   };
 }
-function kt(e) {
+function jt(e) {
   let {
     elements: o,
     rect: t,
     offsetParent: n,
-    strategy: i
+    strategy: s
   } = e;
-  const s = i === "fixed", r = F(n), l = o ? pe(o.floating) : !1;
-  if (n === r || l && s)
+  const i = s === "fixed", r = P(n), l = o ? ge(o.floating) : !1;
+  if (n === r || l && i)
     return t;
-  let a = {
+  let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = _(1);
-  const u = _(0), d = D(n);
-  if ((d || !d && !s) && ((Q(n) !== "body" || oe(r)) && (a = xe(n)), D(n))) {
-    const f = q(n);
-    c = Z(n), u.x = f.x + n.clientLeft, u.y = f.y + n.clientTop;
+  }, u = I(1);
+  const a = I(0), d = F(n);
+  if ((d || !d && !i) && ((ee(n) !== "body" || oe(r)) && (c = pe(n)), F(n))) {
+    const f = K(n);
+    u = J(n), a.x = f.x + n.clientLeft, a.y = f.y + n.clientTop;
   }
-  const h = r && !d && !s ? Ze(r, a, !0) : _(0);
+  const h = r && !d && !i ? Qe(r, c, !0) : I(0);
   return {
-    width: t.width * c.x,
-    height: t.height * c.y,
-    x: t.x * c.x - a.scrollLeft * c.x + u.x + h.x,
-    y: t.y * c.y - a.scrollTop * c.y + u.y + h.y
+    width: t.width * u.x,
+    height: t.height * u.y,
+    x: t.x * u.x - c.scrollLeft * u.x + a.x + h.x,
+    y: t.y * u.y - c.scrollTop * u.y + a.y + h.y
   };
 }
-function At(e) {
+function $t(e) {
   return Array.from(e.getClientRects());
 }
-function Tt(e) {
-  const o = F(e), t = xe(e), n = e.ownerDocument.body, i = H(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), s = H(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
+function Ht(e) {
+  const o = P(e), t = pe(e), n = e.ownerDocument.body, s = q(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = q(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
   let r = -t.scrollLeft + ke(e);
   const l = -t.scrollTop;
-  return L(n).direction === "rtl" && (r += H(o.clientWidth, n.clientWidth) - i), {
-    width: i,
-    height: s,
+  return T(n).direction === "rtl" && (r += q(o.clientWidth, n.clientWidth) - s), {
+    width: s,
+    height: i,
     x: r,
     y: l
   };
 }
-function zt(e, o) {
-  const t = T(e), n = F(e), i = t.visualViewport;
-  let s = n.clientWidth, r = n.clientHeight, l = 0, a = 0;
-  if (i) {
-    s = i.width, r = i.height;
-    const c = Re();
-    (!c || c && o === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
+function qt(e, o) {
+  const t = z(e), n = P(e), s = t.visualViewport;
+  let i = n.clientWidth, r = n.clientHeight, l = 0, c = 0;
+  if (s) {
+    i = s.width, r = s.height;
+    const u = Ee();
+    (!u || u && o === "fixed") && (l = s.offsetLeft, c = s.offsetTop);
   }
   return {
-    width: s,
+    width: i,
     height: r,
     x: l,
-    y: a
+    y: c
   };
 }
-function Nt(e, o) {
-  const t = q(e, !0, o === "fixed"), n = t.top + e.clientTop, i = t.left + e.clientLeft, s = D(e) ? Z(e) : _(1), r = e.clientWidth * s.x, l = e.clientHeight * s.y, a = i * s.x, c = n * s.y;
+const Ut = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Kt(e, o) {
+  const t = K(e, !0, o === "fixed"), n = t.top + e.clientTop, s = t.left + e.clientLeft, i = F(e) ? J(e) : I(1), r = e.clientWidth * i.x, l = e.clientHeight * i.y, c = s * i.x, u = n * i.y;
   return {
     width: r,
     height: l,
-    x: a,
-    y: c
+    x: c,
+    y: u
   };
 }
-function Ie(e, o, t) {
+function _e(e, o, t) {
   let n;
   if (o === "viewport")
-    n = zt(e, t);
+    n = qt(e, t);
   else if (o === "document")
-    n = Tt(F(e));
-  else if (I(o))
-    n = Nt(o, t);
+    n = Ht(P(e));
+  else if (L(o))
+    n = Kt(o, t);
   else {
-    const i = Xe(e);
+    const s = Je(e);
     n = {
-      x: o.x - i.x,
-      y: o.y - i.y,
+      x: o.x - s.x,
+      y: o.y - s.y,
       width: o.width,
       height: o.height
     };
   }
-  return ue(n);
+  return ae(n);
 }
-function Ge(e, o) {
-  const t = $(e);
-  return t === o || !I(t) || J(t) ? !1 : L(t).position === "fixed" || Ge(t, o);
+function et(e, o) {
+  const t = H(e);
+  return t === o || !L(t) || Q(t) ? !1 : T(t).position === "fixed" || et(t, o);
 }
-function It(e, o) {
+function Yt(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = ne(e, [], !1).filter((l) => I(l) && Q(l) !== "body"), i = null;
-  const s = L(e).position === "fixed";
-  let r = s ? $(e) : e;
-  for (; I(r) && !J(r); ) {
-    const l = L(r), a = Ce(r);
-    !a && l.position === "fixed" && (i = null), (s ? !a && !i : !a && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || oe(r) && !a && Ge(e, r)) ? n = n.filter((u) => u !== r) : i = l, r = $(r);
+  let n = ne(e, [], !1).filter((l) => L(l) && ee(l) !== "body"), s = null;
+  const i = T(e).position === "fixed";
+  let r = i ? H(e) : e;
+  for (; L(r) && !Q(r); ) {
+    const l = T(r), c = Oe(r);
+    !c && l.position === "fixed" && (s = null), (i ? !c && !s : !c && l.position === "static" && !!s && Ut.has(s.position) || oe(r) && !c && et(e, r)) ? n = n.filter((a) => a !== r) : s = l, r = H(r);
   }
   return o.set(e, n), n;
 }
-function Lt(e) {
+function Xt(e) {
   let {
     element: o,
     boundary: t,
     rootBoundary: n,
-    strategy: i
+    strategy: s
   } = e;
-  const r = [...t === "clippingAncestors" ? pe(o) ? [] : It(o, this._c) : [].concat(t), n], l = r[0], a = r.reduce((c, u) => {
-    const d = Ie(o, u, i);
-    return c.top = H(d.top, c.top), c.right = le(d.right, c.right), c.bottom = le(d.bottom, c.bottom), c.left = H(d.left, c.left), c;
-  }, Ie(o, l, i));
+  const r = [...t === "clippingAncestors" ? ge(o) ? [] : Yt(o, this._c) : [].concat(t), n], l = r[0], c = r.reduce((u, a) => {
+    const d = _e(o, a, s);
+    return u.top = q(d.top, u.top), u.right = re(d.right, u.right), u.bottom = re(d.bottom, u.bottom), u.left = q(d.left, u.left), u;
+  }, _e(o, l, s));
   return {
-    width: a.right - a.left,
-    height: a.bottom - a.top,
-    x: a.left,
-    y: a.top
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
   };
 }
-function _t(e) {
+function Zt(e) {
   const {
     width: o,
     height: t
-  } = Ye(e);
+  } = Ge(e);
   return {
     width: o,
     height: t
   };
 }
-function Dt(e, o, t) {
-  const n = D(o), i = F(o), s = t === "fixed", r = q(e, !0, s, o);
+function Gt(e, o, t) {
+  const n = F(o), s = P(o), i = t === "fixed", r = K(e, !0, i, o);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const a = _(0);
-  if (n || !n && !s)
-    if ((Q(o) !== "body" || oe(i)) && (l = xe(o)), n) {
-      const h = q(o, !0, s, o);
-      a.x = h.x + o.clientLeft, a.y = h.y + o.clientTop;
-    } else i && (a.x = ke(i));
-  const c = i && !n && !s ? Ze(i, l) : _(0), u = r.left + l.scrollLeft - a.x - c.x, d = r.top + l.scrollTop - a.y - c.y;
+  const c = I(0);
+  function u() {
+    c.x = ke(s);
+  }
+  if (n || !n && !i)
+    if ((ee(o) !== "body" || oe(s)) && (l = pe(o)), n) {
+      const f = K(o, !0, i, o);
+      c.x = f.x + o.clientLeft, c.y = f.y + o.clientTop;
+    } else s && u();
+  i && !n && s && u();
+  const a = s && !n && !i ? Qe(s, l) : I(0), d = r.left + l.scrollLeft - c.x - a.x, h = r.top + l.scrollTop - c.y - a.y;
   return {
-    x: u,
-    y: d,
+    x: d,
+    y: h,
     width: r.width,
     height: r.height
   };
 }
 function we(e) {
-  return L(e).position === "static";
+  return T(e).position === "static";
 }
-function Le(e, o) {
-  if (!D(e) || L(e).position === "fixed")
+function De(e, o) {
+  if (!F(e) || T(e).position === "fixed")
     return null;
   if (o)
     return o(e);
   let t = e.offsetParent;
-  return F(e) === t && (t = t.ownerDocument.body), t;
+  return P(e) === t && (t = t.ownerDocument.body), t;
 }
-function Je(e, o) {
-  const t = T(e);
-  if (pe(e))
+function tt(e, o) {
+  const t = z(e);
+  if (ge(e))
     return t;
-  if (!D(e)) {
-    let i = $(e);
-    for (; i && !J(i); ) {
-      if (I(i) && !we(i))
-        return i;
-      i = $(i);
+  if (!F(e)) {
+    let s = H(e);
+    for (; s && !Q(s); ) {
+      if (L(s) && !we(s))
+        return s;
+      s = H(s);
     }
     return t;
   }
-  let n = Le(e, o);
-  for (; n && Ot(n) && we(n); )
-    n = Le(n, o);
-  return n && J(n) && we(n) && !Ce(n) ? t : n || Ct(e) || t;
+  let n = De(e, o);
+  for (; n && Tt(n) && we(n); )
+    n = De(n, o);
+  return n && Q(n) && we(n) && !Oe(n) ? t : n || Pt(e) || t;
 }
-const Ft = async function(e) {
-  const o = this.getOffsetParent || Je, t = this.getDimensions, n = await t(e.floating);
+const Jt = async function(e) {
+  const o = this.getOffsetParent || tt, t = this.getDimensions, n = await t(e.floating);
   return {
-    reference: Dt(e.reference, await o(e.floating), e.strategy),
+    reference: Gt(e.reference, await o(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -897,276 +909,277 @@ const Ft = async function(e) {
     }
   };
 };
-function Pt(e) {
-  return L(e).direction === "rtl";
-}
-const Vt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: kt,
-  getDocumentElement: F,
-  getClippingRect: Lt,
-  getOffsetParent: Je,
-  getElementRects: Ft,
-  getClientRects: At,
-  getDimensions: _t,
-  getScale: Z,
-  isElement: I,
-  isRTL: Pt
+function Qt(e) {
+  return T(e).direction === "rtl";
+}
+const en = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: jt,
+  getDocumentElement: P,
+  getClippingRect: Xt,
+  getOffsetParent: tt,
+  getElementRects: Jt,
+  getClientRects: $t,
+  getDimensions: Zt,
+  getScale: J,
+  isElement: L,
+  isRTL: Qt
 };
-function Qe(e, o) {
+function nt(e, o) {
   return e.x === o.x && e.y === o.y && e.width === o.width && e.height === o.height;
 }
-function Wt(e, o) {
+function tn(e, o) {
   let t = null, n;
-  const i = F(e);
-  function s() {
+  const s = P(e);
+  function i() {
     var l;
     clearTimeout(n), (l = t) == null || l.disconnect(), t = null;
   }
-  function r(l, a) {
-    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
-    const c = e.getBoundingClientRect(), {
-      left: u,
+  function r(l, c) {
+    l === void 0 && (l = !1), c === void 0 && (c = 1), i();
+    const u = e.getBoundingClientRect(), {
+      left: a,
       top: d,
       width: h,
       height: f
-    } = c;
+    } = u;
     if (l || o(), !h || !f)
       return;
-    const g = ie(d), x = ie(i.clientWidth - (u + h)), w = ie(i.clientHeight - (d + f)), m = ie(u), v = {
-      rootMargin: -g + "px " + -x + "px " + -w + "px " + -m + "px",
-      threshold: H(0, le(1, a)) || 1
+    const g = se(d), m = se(s.clientWidth - (a + h)), p = se(s.clientHeight - (d + f)), w = se(a), v = {
+      rootMargin: -g + "px " + -m + "px " + -p + "px " + -w + "px",
+      threshold: q(0, re(1, c)) || 1
     };
-    let E = !0;
-    function y(R) {
-      const O = R[0].intersectionRatio;
-      if (O !== a) {
-        if (!E)
+    let S = !0;
+    function b(R) {
+      const E = R[0].intersectionRatio;
+      if (E !== c) {
+        if (!S)
           return r();
-        O ? r(!1, O) : n = setTimeout(() => {
+        E ? r(!1, E) : n = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      O === 1 && !Qe(c, e.getBoundingClientRect()) && r(), E = !1;
+      E === 1 && !nt(u, e.getBoundingClientRect()) && r(), S = !1;
     }
     try {
-      t = new IntersectionObserver(y, {
+      t = new IntersectionObserver(b, {
         ...v,
         // Handle <iframe>s
-        root: i.ownerDocument
+        root: s.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(y, v);
+      t = new IntersectionObserver(b, v);
     }
     t.observe(e);
   }
-  return r(!0), s;
+  return r(!0), i;
 }
-function Bt(e, o, t, n) {
+function nn(e, o, t, n) {
   n === void 0 && (n = {});
   const {
-    ancestorScroll: i = !0,
-    ancestorResize: s = !0,
+    ancestorScroll: s = !0,
+    ancestorResize: i = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: a = !1
-  } = n, c = Me(e), u = i || s ? [...c ? ne(c) : [], ...ne(o)] : [];
-  u.forEach((m) => {
-    i && m.addEventListener("scroll", t, {
+    animationFrame: c = !1
+  } = n, u = Re(e), a = s || i ? [...u ? ne(u) : [], ...ne(o)] : [];
+  a.forEach((w) => {
+    s && w.addEventListener("scroll", t, {
       passive: !0
-    }), s && m.addEventListener("resize", t);
+    }), i && w.addEventListener("resize", t);
   });
-  const d = c && l ? Wt(c, t) : null;
+  const d = u && l ? tn(u, t) : null;
   let h = -1, f = null;
-  r && (f = new ResizeObserver((m) => {
-    let [p] = m;
-    p && p.target === c && f && (f.unobserve(o), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+  r && (f = new ResizeObserver((w) => {
+    let [x] = w;
+    x && x.target === u && f && (f.unobserve(o), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
       var v;
       (v = f) == null || v.observe(o);
     })), t();
-  }), c && !a && f.observe(c), f.observe(o));
-  let g, x = a ? q(e) : null;
-  a && w();
-  function w() {
-    const m = q(e);
-    x && !Qe(x, m) && t(), x = m, g = requestAnimationFrame(w);
+  }), u && !c && f.observe(u), f.observe(o));
+  let g, m = c ? K(e) : null;
+  c && p();
+  function p() {
+    const w = K(e);
+    m && !nt(m, w) && t(), m = w, g = requestAnimationFrame(p);
   }
   return t(), () => {
-    var m;
-    u.forEach((p) => {
-      i && p.removeEventListener("scroll", t), s && p.removeEventListener("resize", t);
-    }), d == null || d(), (m = f) == null || m.disconnect(), f = null, a && cancelAnimationFrame(g);
+    var w;
+    a.forEach((x) => {
+      s && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
+    }), d?.(), (w = f) == null || w.disconnect(), f = null, c && cancelAnimationFrame(g);
   };
 }
-const jt = Et, $t = St, Ht = bt, Ut = (e, o, t) => {
-  const n = /* @__PURE__ */ new Map(), i = {
-    platform: Vt,
+const on = Mt, sn = zt, rn = Rt, ln = (e, o, t) => {
+  const n = /* @__PURE__ */ new Map(), s = {
+    platform: en,
     ...t
-  }, s = {
-    ...i.platform,
+  }, i = {
+    ...s.platform,
     _c: n
   };
-  return yt(e, o, {
-    ...i,
-    platform: s
+  return Et(e, o, {
+    ...s,
+    platform: i
   });
 };
-var se = typeof document < "u" ? ot : re;
-function fe(e, o) {
+var cn = typeof document < "u", an = function() {
+}, ie = cn ? rt : an;
+function ue(e, o) {
   if (e === o)
     return !0;
   if (typeof e != typeof o)
     return !1;
   if (typeof e == "function" && e.toString() === o.toString())
     return !0;
-  let t, n, i;
+  let t, n, s;
   if (e && o && typeof e == "object") {
     if (Array.isArray(e)) {
       if (t = e.length, t !== o.length) return !1;
       for (n = t; n-- !== 0; )
-        if (!fe(e[n], o[n]))
+        if (!ue(e[n], o[n]))
           return !1;
       return !0;
     }
-    if (i = Object.keys(e), t = i.length, t !== Object.keys(o).length)
+    if (s = Object.keys(e), t = s.length, t !== Object.keys(o).length)
       return !1;
     for (n = t; n-- !== 0; )
-      if (!{}.hasOwnProperty.call(o, i[n]))
+      if (!{}.hasOwnProperty.call(o, s[n]))
         return !1;
     for (n = t; n-- !== 0; ) {
-      const s = i[n];
-      if (!(s === "_owner" && e.$$typeof) && !fe(e[s], o[s]))
+      const i = s[n];
+      if (!(i === "_owner" && e.$$typeof) && !ue(e[i], o[i]))
         return !1;
     }
     return !0;
   }
   return e !== e && o !== o;
 }
-function et(e) {
+function ot(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function _e(e, o) {
-  const t = et(e);
+function Ie(e, o) {
+  const t = ot(e);
   return Math.round(o * t) / t;
 }
-function ye(e) {
-  const o = C.useRef(e);
-  return se(() => {
+function xe(e) {
+  const o = O.useRef(e);
+  return ie(() => {
     o.current = e;
   }), o;
 }
-function qt(e) {
+function un(e) {
   e === void 0 && (e = {});
   const {
     placement: o = "bottom",
     strategy: t = "absolute",
     middleware: n = [],
-    platform: i,
+    platform: s,
     elements: {
-      reference: s,
+      reference: i,
       floating: r
     } = {},
     transform: l = !0,
-    whileElementsMounted: a,
-    open: c
-  } = e, [u, d] = C.useState({
+    whileElementsMounted: c,
+    open: u
+  } = e, [a, d] = O.useState({
     x: 0,
     y: 0,
     strategy: t,
     placement: o,
     middlewareData: {},
     isPositioned: !1
-  }), [h, f] = C.useState(n);
-  fe(h, n) || f(n);
-  const [g, x] = C.useState(null), [w, m] = C.useState(null), p = C.useCallback((S) => {
-    S !== R.current && (R.current = S, x(S));
-  }, []), v = C.useCallback((S) => {
-    S !== O.current && (O.current = S, m(S));
-  }, []), E = s || g, y = r || w, R = C.useRef(null), O = C.useRef(null), z = C.useRef(u), K = a != null, P = ye(a), Y = ye(i), ee = ye(c), B = C.useCallback(() => {
-    if (!R.current || !O.current)
+  }), [h, f] = O.useState(n);
+  ue(h, n) || f(n);
+  const [g, m] = O.useState(null), [p, w] = O.useState(null), x = O.useCallback((C) => {
+    C !== R.current && (R.current = C, m(C));
+  }, []), v = O.useCallback((C) => {
+    C !== E.current && (E.current = C, w(C));
+  }, []), S = i || g, b = r || p, R = O.useRef(null), E = O.useRef(null), W = O.useRef(a), Y = c != null, _ = xe(c), X = xe(s), te = xe(u), B = O.useCallback(() => {
+    if (!R.current || !E.current)
       return;
-    const S = {
+    const C = {
       placement: o,
       strategy: t,
       middleware: h
     };
-    Y.current && (S.platform = Y.current), Ut(R.current, O.current, S).then((A) => {
+    X.current && (C.platform = X.current), ln(R.current, E.current, C).then((M) => {
       const j = {
-        ...A,
+        ...M,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: ee.current !== !1
+        isPositioned: te.current !== !1
       };
-      N.current && !fe(z.current, j) && (z.current = j, st.flushSync(() => {
+      N.current && !ue(W.current, j) && (W.current = j, ct.flushSync(() => {
         d(j);
       }));
     });
-  }, [h, o, t, Y, ee]);
-  se(() => {
-    c === !1 && z.current.isPositioned && (z.current.isPositioned = !1, d((S) => ({
-      ...S,
+  }, [h, o, t, X, te]);
+  ie(() => {
+    u === !1 && W.current.isPositioned && (W.current.isPositioned = !1, d((C) => ({
+      ...C,
       isPositioned: !1
     })));
-  }, [c]);
-  const N = C.useRef(!1);
-  se(() => (N.current = !0, () => {
+  }, [u]);
+  const N = O.useRef(!1);
+  ie(() => (N.current = !0, () => {
     N.current = !1;
-  }), []), se(() => {
-    if (E && (R.current = E), y && (O.current = y), E && y) {
-      if (P.current)
-        return P.current(E, y, B);
+  }), []), ie(() => {
+    if (S && (R.current = S), b && (E.current = b), S && b) {
+      if (_.current)
+        return _.current(S, b, B);
       B();
     }
-  }, [E, y, B, P, K]);
-  const te = C.useMemo(() => ({
+  }, [S, b, B, _, Y]);
+  const Z = O.useMemo(() => ({
     reference: R,
-    floating: O,
-    setReference: p,
+    floating: E,
+    setReference: x,
     setFloating: v
-  }), [p, v]), k = C.useMemo(() => ({
-    reference: E,
-    floating: y
-  }), [E, y]), V = C.useMemo(() => {
-    const S = {
+  }), [x, v]), A = O.useMemo(() => ({
+    reference: S,
+    floating: b
+  }), [S, b]), D = O.useMemo(() => {
+    const C = {
       position: t,
       left: 0,
       top: 0
     };
-    if (!k.floating)
-      return S;
-    const A = _e(k.floating, u.x), j = _e(k.floating, u.y);
+    if (!A.floating)
+      return C;
+    const M = Ie(A.floating, a.x), j = Ie(A.floating, a.y);
     return l ? {
-      ...S,
-      transform: "translate(" + A + "px, " + j + "px)",
-      ...et(k.floating) >= 1.5 && {
+      ...C,
+      transform: "translate(" + M + "px, " + j + "px)",
+      ...ot(A.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: t,
-      left: A,
+      left: M,
       top: j
     };
-  }, [t, l, k.floating, u.x, u.y]);
-  return C.useMemo(() => ({
-    ...u,
+  }, [t, l, A.floating, a.x, a.y]);
+  return O.useMemo(() => ({
+    ...a,
     update: B,
-    refs: te,
-    elements: k,
-    floatingStyles: V
-  }), [u, B, te, k, V]);
+    refs: Z,
+    elements: A,
+    floatingStyles: D
+  }), [a, B, Z, A, D]);
 }
-const Kt = (e, o) => ({
-  ...jt(e),
+const fn = (e, o) => ({
+  ...on(e),
   options: [e, o]
-}), Yt = (e, o) => ({
-  ...$t(e),
+}), dn = (e, o) => ({
+  ...sn(e),
   options: [e, o]
-}), Xt = (e, o) => ({
-  ...Ht(e),
+}), hn = (e, o) => ({
+  ...rn(e),
   options: [e, o]
 });
-function Zt(e, o) {
+function mn(e, o) {
   return () => {
     if (typeof document > "u")
       return;
@@ -1178,295 +1191,298 @@ function Zt(e, o) {
     };
   };
 }
-function tt(e) {
+function st(e) {
   const {
     className: o,
     placement: t = "bottom-start",
     trigger: n = "hover",
-    content: i,
-    children: s,
+    content: s,
+    children: i,
     onClose: r,
     onOpen: l,
-    disabled: a = !1,
-    show: c = !1,
-    setShow: u,
+    disabled: c = !1,
+    show: u = !1,
+    setShow: a,
     role: d = "tooltip",
     style: h,
     ...f
-  } = e, [g, x] = de(c), w = () => u !== void 0 && c !== void 0 ? c : g, m = () => u !== void 0 && c !== void 0 ? u : x, { x: p, y: v, strategy: E, refs: y } = qt({
-    open: w(),
-    middleware: [Kt(4), Xt(), Yt()],
-    whileElementsMounted: Bt,
+  } = e, [g, m] = fe(u), p = () => a !== void 0 && u !== void 0 ? u : g, w = () => a !== void 0 && u !== void 0 ? a : m, { x, y: v, strategy: S, refs: b } = un({
+    open: p(),
+    middleware: [fn(4), hn(), dn()],
+    whileElementsMounted: nn,
     placement: t
-  }), R = it();
-  return re(
-    Zt(y.floating, (O) => {
-      O && m()(!1);
+  }), R = lt();
+  return be(
+    mn(b.floating, (E) => {
+      E && w()(!1);
     }),
     []
-  ), /* @__PURE__ */ W(Ve, { children: [
-    /* @__PURE__ */ b(
+  ), /* @__PURE__ */ V(je, { children: [
+    /* @__PURE__ */ y(
       "div",
       {
         className: "z-auto min-w-fit max-w-fit",
         id: `zen__popover-${R}`,
-        ref: y.setReference,
-        onClick: (O) => {
+        ref: b.setReference,
+        onClick: (E) => {
           if (n === "click") {
-            if (a)
+            if (c)
               return;
-            w() ? (m()(!1), r == null || r()) : (m()(!0), l == null || l());
+            p() ? (w()(!1), r?.()) : (w()(!0), l?.());
           }
-          O.stopPropagation();
+          E.stopPropagation();
         },
         role: d,
-        children: s
+        children: i
       }
     ),
-    w() && rt(
-      /* @__PURE__ */ b(
+    p() && at(
+      /* @__PURE__ */ y(
         "div",
         {
           ...f,
-          onClick: (O) => O.stopPropagation(),
+          onClick: (E) => E.stopPropagation(),
           role: "tooltip",
-          className: M(
+          className: k(
             "zen__popover z-50 w-fit rounded border border-border bg-background shadow-secondary",
             o
           ),
-          ref: y.setFloating,
+          ref: b.setFloating,
           style: {
             ...h,
-            position: E,
+            position: S,
             top: v ?? 0,
-            left: p ?? 0
+            left: x ?? 0
           },
-          children: i
+          children: s
         }
       ),
       document.body
     )
   ] });
 }
-function Gt(e) {
-  var x, w;
+function gn(e) {
   const {
     items: o = [],
     children: t,
     moreItemsLabel: n = "",
-    parentRef: i,
-    data: s,
+    parentRef: s,
+    data: i,
     estimator: r = (m, p) => p + 30,
     font: l = "12px Inter",
-    badgeVariant: a = "secondary",
-    badgeStyles: c
-  } = e, [u, d] = de({
+    badgeVariant: c = "secondary",
+    badgeStyles: u
+  } = e, [a, d] = fe({
     visible: o,
     hidden: []
-  }), h = ve(() => {
+  }), h = ye(() => {
     if (typeof document > "u")
       return null;
     const p = document.createElement("canvas").getContext("2d");
     return p && (p.font = l), p;
   }, []), f = () => {
-    const m = i == null ? void 0 : i.current;
+    const m = s?.current;
     if (!m)
       return;
-    const p = m.offsetWidth, v = [], E = [], y = r(
+    const p = m.offsetWidth, w = [], x = [], v = r(
       n,
-      ((h == null ? void 0 : h.measureText(n).width) ?? 0) + 10
+      (h?.measureText(n).width ?? 0) + 10
     );
-    g == null || g.reduce((R, O, z) => (R + O + y > p - 20 ? E.push(o[z]) : v.push(o[z]), R + O), 0), d({
-      visible: v,
-      hidden: E
+    g?.reduce((S, b, R) => (S + b + v > p - 20 ? x.push(o[R]) : w.push(o[R]), S + b), 0), d({
+      visible: w,
+      hidden: x
     });
-  }, g = ve(
-    () => (o == null ? void 0 : o.map((m) => r(m, (h == null ? void 0 : h.measureText(m).width) ?? 0))) ?? [],
+  }, g = ye(
+    () => o?.map((m) => r(m, h?.measureText(m).width ?? 0)) ?? [],
     [o]
   );
-  return re(() => {
+  return be(() => {
     f();
-  }, [o]), re(() => {
-    if (!(i != null && i.current)) return;
+  }, [o]), be(() => {
+    if (!s?.current) return;
     const m = new ResizeObserver(() => {
       f();
     });
-    return m.observe(i.current), () => {
+    return m.observe(s.current), () => {
       m.disconnect();
     };
-  }, [o]), /* @__PURE__ */ W(Ve, { children: [
-    (x = u.visible) == null ? void 0 : x.map((m, p) => t(m, p, s == null ? void 0 : s[p])),
-    ((w = u.hidden) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ b(
-      tt,
+  }, [o]), /* @__PURE__ */ V(je, { children: [
+    a.visible?.map((m, p) => t(m, p, i?.[p])),
+    a.hidden?.length > 0 && /* @__PURE__ */ y(
+      st,
       {
         trigger: "click",
-        content: /* @__PURE__ */ b("div", { className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2", children: u.hidden.map(
+        content: /* @__PURE__ */ y("div", { className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2", children: a.hidden.map(
           (m, p) => t(
             m,
-            u.visible.length + p,
-            s == null ? void 0 : s[u.visible.length + p]
+            a.visible.length + p,
+            i?.[a.visible.length + p]
           )
         ) }),
-        children: /* @__PURE__ */ b(Be, { className: c, variant: a, children: /* @__PURE__ */ b("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
+        children: /* @__PURE__ */ y(He, { className: u, variant: c, children: /* @__PURE__ */ y("p", { children: `+${a.hidden.length} ${n}` }) }, "more_items_button")
       }
     )
   ] });
 }
-function X(e, o, t) {
-  let n = t.initialDeps ?? [], i;
-  return () => {
-    var s, r, l, a;
-    let c;
-    t.key && ((s = t.debug) != null && s.call(t)) && (c = Date.now());
-    const u = e();
-    if (!(u.length !== n.length || u.some((f, g) => n[g] !== f)))
-      return i;
-    n = u;
-    let h;
-    if (t.key && ((r = t.debug) != null && r.call(t)) && (h = Date.now()), i = o(...u), t.key && ((l = t.debug) != null && l.call(t))) {
-      const f = Math.round((Date.now() - c) * 100) / 100, g = Math.round((Date.now() - h) * 100) / 100, x = g / 16, w = (m, p) => {
-        for (m = String(m); m.length < p; )
-          m = " " + m;
-        return m;
+function G(e, o, t) {
+  let n = t.initialDeps ?? [], s;
+  function i() {
+    var r, l, c, u;
+    let a;
+    t.key && ((r = t.debug) != null && r.call(t)) && (a = Date.now());
+    const d = e();
+    if (!(d.length !== n.length || d.some((g, m) => n[m] !== g)))
+      return s;
+    n = d;
+    let f;
+    if (t.key && ((l = t.debug) != null && l.call(t)) && (f = Date.now()), s = o(...d), t.key && ((c = t.debug) != null && c.call(t))) {
+      const g = Math.round((Date.now() - a) * 100) / 100, m = Math.round((Date.now() - f) * 100) / 100, p = m / 16, w = (x, v) => {
+        for (x = String(x); x.length < v; )
+          x = " " + x;
+        return x;
       };
       console.info(
-        `%c⏱ ${w(g, 5)} /${w(f, 5)} ms`,
+        `%c⏱ ${w(m, 5)} /${w(g, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * x, 120)
+          Math.min(120 - 120 * p, 120)
         )}deg 100% 31%);`,
-        t == null ? void 0 : t.key
+        t?.key
       );
     }
-    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, i), i;
-  };
+    return (u = t?.onChange) == null || u.call(t, s), s;
+  }
+  return i.updateDeps = (r) => {
+    n = r;
+  }, i;
 }
-function be(e, o) {
+function Fe(e, o) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
 }
-const Jt = (e, o) => Math.abs(e - o) < 1, Qt = (e, o, t) => {
+const pn = (e, o) => Math.abs(e - o) < 1.01, wn = (e, o, t) => {
   let n;
-  return function(...i) {
-    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, i), t);
+  return function(...s) {
+    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, s), t);
   };
-}, en = (e) => e, tn = (e) => {
+}, Pe = (e) => {
+  const { offsetWidth: o, offsetHeight: t } = e;
+  return { width: o, height: t };
+}, xn = (e) => e, bn = (e) => {
   const o = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
-  for (let i = o; i <= t; i++)
-    n.push(i);
+  for (let s = o; s <= t; s++)
+    n.push(s);
   return n;
-}, nn = (e, o) => {
+}, yn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  const i = (r) => {
-    const { width: l, height: a } = r;
-    o({ width: Math.round(l), height: Math.round(a) });
+  const s = (r) => {
+    const { width: l, height: c } = r;
+    o({ width: Math.round(l), height: Math.round(c) });
   };
-  if (i(t.getBoundingClientRect()), !n.ResizeObserver)
+  if (s(Pe(t)), !n.ResizeObserver)
     return () => {
     };
-  const s = new n.ResizeObserver((r) => {
+  const i = new n.ResizeObserver((r) => {
     const l = () => {
-      const a = r[0];
-      if (a != null && a.borderBoxSize) {
-        const c = a.borderBoxSize[0];
-        if (c) {
-          i({ width: c.inlineSize, height: c.blockSize });
+      const c = r[0];
+      if (c?.borderBoxSize) {
+        const u = c.borderBoxSize[0];
+        if (u) {
+          s({ width: u.inlineSize, height: u.blockSize });
           return;
         }
       }
-      i(t.getBoundingClientRect());
+      s(Pe(t));
     };
     e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
-  return s.observe(t, { box: "border-box" }), () => {
-    s.unobserve(t);
+  return i.observe(t, { box: "border-box" }), () => {
+    i.unobserve(t);
   };
-}, De = {
+}, Ve = {
   passive: !0
-}, Fe = typeof window > "u" ? !0 : "onscrollend" in window, on = (e, o) => {
+}, We = typeof window > "u" ? !0 : "onscrollend" in window, vn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
   const n = e.targetWindow;
   if (!n)
     return;
-  let i = 0;
-  const s = e.options.useScrollendEvent && Fe ? () => {
-  } : Qt(
+  let s = 0;
+  const i = e.options.useScrollendEvent && We ? () => {
+  } : wn(
     n,
     () => {
-      o(i, !1);
+      o(s, !1);
     },
     e.options.isScrollingResetDelay
-  ), r = (u) => () => {
+  ), r = (a) => () => {
     const { horizontal: d, isRtl: h } = e.options;
-    i = d ? t.scrollLeft * (h && -1 || 1) : t.scrollTop, s(), o(i, u);
-  }, l = r(!0), a = r(!1);
-  a(), t.addEventListener("scroll", l, De);
-  const c = e.options.useScrollendEvent && Fe;
-  return c && t.addEventListener("scrollend", a, De), () => {
-    t.removeEventListener("scroll", l), c && t.removeEventListener("scrollend", a);
+    s = d ? t.scrollLeft * (h && -1 || 1) : t.scrollTop, i(), o(s, a);
+  }, l = r(!0), c = r(!1);
+  c(), t.addEventListener("scroll", l, Ve);
+  const u = e.options.useScrollendEvent && We;
+  return u && t.addEventListener("scrollend", c, Ve), () => {
+    t.removeEventListener("scroll", l), u && t.removeEventListener("scrollend", c);
   };
-}, sn = (e, o, t) => {
-  if (o != null && o.borderBoxSize) {
+}, Sn = (e, o, t) => {
+  if (o?.borderBoxSize) {
     const n = o.borderBoxSize[0];
     if (n)
       return Math.round(
         n[t.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return Math.round(
-    e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
-  );
-}, rn = (e, {
+  return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, Cn = (e, {
   adjustments: o = 0,
   behavior: t
 }, n) => {
-  var i, s;
+  var s, i;
   const r = e + o;
-  (s = (i = n.scrollElement) == null ? void 0 : i.scrollTo) == null || s.call(i, {
+  (i = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || i.call(s, {
     [n.options.horizontal ? "left" : "top"]: r,
     behavior: t
   });
 };
-class ln {
+class On {
   constructor(o) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollToIndexTimeoutId = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let t = null;
-      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((i) => {
-        i.forEach((s) => {
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((i) => {
           const r = () => {
-            this._measureElement(s.target, s);
+            this._measureElement(i.target, i);
           };
           this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
         });
       }));
       return {
         disconnect: () => {
-          var i;
-          (i = n()) == null || i.disconnect(), t = null;
-        },
-        observe: (i) => {
           var s;
-          return (s = n()) == null ? void 0 : s.observe(i, { box: "border-box" });
+          (s = n()) == null || s.disconnect(), t = null;
         },
-        unobserve: (i) => {
-          var s;
-          return (s = n()) == null ? void 0 : s.unobserve(i);
+        observe: (s) => {
+          var i;
+          return (i = n()) == null ? void 0 : i.observe(s, { box: "border-box" });
+        },
+        unobserve: (s) => {
+          var i;
+          return (i = n()) == null ? void 0 : i.unobserve(s);
         }
       };
     })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([n, i]) => {
-        typeof i > "u" && delete t[n];
+      Object.entries(t).forEach(([n, s]) => {
+        typeof s > "u" && delete t[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -1476,11 +1492,11 @@ class ln {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: en,
-        rangeExtractor: tn,
+        getItemKey: xn,
+        rangeExtractor: bn,
         onChange: () => {
         },
-        measureElement: sn,
+        measureElement: Sn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -1490,14 +1506,14 @@ class ln {
         isScrollingResetDelay: 150,
         enabled: !0,
         isRtl: !1,
-        useScrollendEvent: !0,
+        useScrollendEvent: !1,
         useAnimationFrameWithResizeObserver: !1,
         ...t
       };
     }, this.notify = (t) => {
-      var n, i;
-      (i = (n = this.options).onChange) == null || i.call(n, this, t);
-    }, this.maybeNotify = X(
+      var n, s;
+      (s = (n = this.options).onChange) == null || s.call(n, this, t);
+    }, this.maybeNotify = G(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -1527,35 +1543,35 @@ class ln {
           this.maybeNotify();
           return;
         }
-        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((i) => {
-          this.observer.observe(i);
+        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((s) => {
+          this.observer.observe(s);
         }), this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (i) => {
-            this.scrollRect = i, this.maybeNotify();
+          this.options.observeElementRect(this, (s) => {
+            this.scrollRect = s, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (i, s) => {
-            this.scrollAdjustments = 0, this.scrollDirection = s ? this.getScrollOffset() < i ? "forward" : "backward" : null, this.scrollOffset = i, this.isScrolling = s, this.maybeNotify();
+          this.options.observeElementOffset(this, (s, i) => {
+            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s, this.isScrolling = i, this.maybeNotify();
           })
         );
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
-      const i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+      const s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
       for (let r = n - 1; r >= 0; r--) {
         const l = t[r];
-        if (i.has(l.lane))
+        if (s.has(l.lane))
           continue;
-        const a = s.get(
+        const c = i.get(
           l.lane
         );
-        if (a == null || l.end > a.end ? s.set(l.lane, l) : l.end < a.end && i.set(l.lane, !0), i.size === this.options.lanes)
+        if (c == null || l.end > c.end ? i.set(l.lane, l) : l.end < c.end && s.set(l.lane, !0), s.size === this.options.lanes)
           break;
       }
-      return s.size === this.options.lanes ? Array.from(s.values()).sort((r, l) => r.end === l.end ? r.index - l.index : r.end - l.end)[0] : void 0;
-    }, this.getMeasurementOptions = X(
+      return i.size === this.options.lanes ? Array.from(i.values()).sort((r, l) => r.end === l.end ? r.index - l.index : r.end - l.end)[0] : void 0;
+    }, this.getMeasurementOptions = G(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -1563,66 +1579,66 @@ class ln {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (t, n, i, s, r) => (this.pendingMeasuredCacheIndexes = [], {
+      (t, n, s, i, r) => (this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
-        scrollMargin: i,
-        getItemKey: s,
+        scrollMargin: s,
+        getItemKey: i,
         enabled: r
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = X(
+    ), this.getMeasurements = G(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: i, getItemKey: s, enabled: r }, l) => {
+      ({ count: t, paddingStart: n, scrollMargin: s, getItemKey: i, enabled: r }, l) => {
         if (!r)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
-          this.itemSizeCache.set(u.key, u.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((a) => {
+          this.itemSizeCache.set(a.key, a.size);
         }));
-        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const c = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const c = this.measurementsCache.slice(0, a);
-        for (let u = a; u < t; u++) {
-          const d = s(u), h = this.options.lanes === 1 ? c[u - 1] : this.getFurthestMeasurement(c, u), f = h ? h.end + this.options.gap : n + i, g = l.get(d), x = typeof g == "number" ? g : this.options.estimateSize(u), w = f + x, m = h ? h.lane : u % this.options.lanes;
-          c[u] = {
-            index: u,
+        const u = this.measurementsCache.slice(0, c);
+        for (let a = c; a < t; a++) {
+          const d = i(a), h = this.options.lanes === 1 ? u[a - 1] : this.getFurthestMeasurement(u, a), f = h ? h.end + this.options.gap : n + s, g = l.get(d), m = typeof g == "number" ? g : this.options.estimateSize(a), p = f + m, w = h ? h.lane : a % this.options.lanes;
+          u[a] = {
+            index: a,
             start: f,
-            size: x,
-            end: w,
+            size: m,
+            end: p,
             key: d,
-            lane: m
+            lane: w
           };
         }
-        return this.measurementsCache = c, c;
+        return this.measurementsCache = u, u;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = X(
+    ), this.calculateRange = G(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (t, n, i, s) => this.range = t.length > 0 && n > 0 ? cn({
+      (t, n, s, i) => this.range = t.length > 0 && n > 0 ? En({
         measurements: t,
         outerSize: n,
-        scrollOffset: i,
-        lanes: s
+        scrollOffset: s,
+        lanes: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = X(
+    ), this.getVirtualIndexes = G(
       () => {
         let t = null, n = null;
-        const i = this.calculateRange();
-        return i && (t = i.startIndex, n = i.endIndex), [
+        const s = this.calculateRange();
+        return s && (t = s.startIndex, n = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, n]), [
           this.options.rangeExtractor,
           this.options.overscan,
           this.options.count,
@@ -1630,53 +1646,53 @@ class ln {
           n
         ];
       },
-      (t, n, i, s, r) => s === null || r === null ? [] : t({
-        startIndex: s,
+      (t, n, s, i, r) => i === null || r === null ? [] : t({
+        startIndex: i,
         endIndex: r,
         overscan: n,
-        count: i
+        count: s
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (t) => {
-      const n = this.options.indexAttribute, i = t.getAttribute(n);
-      return i ? parseInt(i, 10) : (console.warn(
+      const n = this.options.indexAttribute, s = t.getAttribute(n);
+      return s ? parseInt(s, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const i = this.indexFromElement(t), s = this.measurementsCache[i];
-      if (!s)
+      const s = this.indexFromElement(t), i = this.measurementsCache[s];
+      if (!i)
         return;
-      const r = s.key, l = this.elementsCache.get(r);
-      l !== t && (l && this.observer.unobserve(l), this.observer.observe(t), this.elementsCache.set(r, t)), t.isConnected && this.resizeItem(i, this.options.measureElement(t, n, this));
+      const r = i.key, l = this.elementsCache.get(r);
+      l !== t && (l && this.observer.unobserve(l), this.observer.observe(t), this.elementsCache.set(r, t)), t.isConnected && this.resizeItem(s, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
-      const i = this.measurementsCache[t];
-      if (!i)
+      const s = this.measurementsCache[t];
+      if (!s)
         return;
-      const s = this.itemSizeCache.get(i.key) ?? i.size, r = n - s;
-      r !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(i, r, this) : i.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), this._scrollToOffset(this.getScrollOffset(), {
+      const i = this.itemSizeCache.get(s.key) ?? s.size, r = n - i;
+      r !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(s, r, this) : s.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), this._scrollToOffset(this.getScrollOffset(), {
         adjustments: this.scrollAdjustments += r,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(i.index), this.itemSizeCache = new Map(this.itemSizeCache.set(i.key, n)), this.notify(!1));
+      })), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, n)), this.notify(!1));
     }, this.measureElement = (t) => {
       if (!t) {
-        this.elementsCache.forEach((n, i) => {
-          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(i));
+        this.elementsCache.forEach((n, s) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(s));
         });
         return;
       }
       this._measureElement(t, void 0);
-    }, this.getVirtualItems = X(
+    }, this.getVirtualItems = G(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (t, n) => {
-        const i = [];
-        for (let s = 0, r = t.length; s < r; s++) {
-          const l = t[s], a = n[l];
-          i.push(a);
+        const s = [];
+        for (let i = 0, r = t.length; i < r; i++) {
+          const l = t[i], c = n[l];
+          s.push(c);
         }
-        return i;
+        return s;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
@@ -1685,66 +1701,73 @@ class ln {
     ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return be(
-          n[nt(
+        return Fe(
+          n[it(
             0,
             n.length - 1,
-            (i) => be(n[i]).start,
+            (s) => Fe(n[s]).start,
             t
           )]
         );
-    }, this.getOffsetForAlignment = (t, n, i = 0) => {
-      const s = this.getSize(), r = this.getScrollOffset();
-      n === "auto" && (n = t >= r + s ? "end" : "start"), n === "center" ? t += (i - s) / 2 : n === "end" && (t -= s);
-      const l = this.options.horizontal ? "scrollWidth" : "scrollHeight", c = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[l] : this.scrollElement[l] : 0) - s;
-      return Math.max(Math.min(c, t), 0);
+    }, this.getOffsetForAlignment = (t, n, s = 0) => {
+      const i = this.getSize(), r = this.getScrollOffset();
+      n === "auto" && (n = t >= r + i ? "end" : "start"), n === "center" ? t += (s - i) / 2 : n === "end" && (t -= i);
+      const l = this.getTotalSize() + this.options.scrollMargin - i;
+      return Math.max(Math.min(l, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const i = this.measurementsCache[t];
-      if (!i)
+      const s = this.measurementsCache[t];
+      if (!s)
         return;
-      const s = this.getSize(), r = this.getScrollOffset();
+      const i = this.getSize(), r = this.getScrollOffset();
       if (n === "auto")
-        if (i.end >= r + s - this.options.scrollPaddingEnd)
+        if (s.end >= r + i - this.options.scrollPaddingEnd)
           n = "end";
-        else if (i.start <= r + this.options.scrollPaddingStart)
+        else if (s.start <= r + this.options.scrollPaddingStart)
           n = "start";
         else
           return [r, n];
-      const l = n === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
+      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, n, i.size),
+        this.getOffsetForAlignment(l, n, s.size),
         n
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.cancelScrollToIndex = () => {
-      this.scrollToIndexTimeoutId !== null && this.targetWindow && (this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId), this.scrollToIndexTimeoutId = null);
-    }, this.scrollToOffset = (t, { align: n = "start", behavior: i } = {}) => {
-      this.cancelScrollToIndex(), i === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (t, { align: n = "start", behavior: s } = {}) => {
+      s === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), this._scrollToOffset(this.getOffsetForAlignment(t, n), {
         adjustments: void 0,
-        behavior: i
+        behavior: s
       });
-    }, this.scrollToIndex = (t, { align: n = "auto", behavior: i } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), i === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToIndex = (t, { align: n = "auto", behavior: s } = {}) => {
+      s === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
-      );
-      const s = this.getOffsetForIndex(t, n);
-      if (!s) return;
-      const [r, l] = s;
-      this._scrollToOffset(r, { adjustments: void 0, behavior: i }), i !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
-        if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
-          this.options.getItemKey(t)
-        )) {
-          const [c] = be(
-            this.getOffsetForIndex(t, l)
-          );
-          Jt(c, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: i });
-        } else
-          this.scrollToIndex(t, { align: l, behavior: i });
-      }));
+      ), t = Math.max(0, Math.min(t, this.options.count - 1));
+      let i = 0;
+      const r = 10, l = (u) => {
+        if (!this.targetWindow) return;
+        const a = this.getOffsetForIndex(t, u);
+        if (!a) {
+          console.warn("Failed to get offset for index:", t);
+          return;
+        }
+        const [d, h] = a;
+        this._scrollToOffset(d, { adjustments: void 0, behavior: s }), this.targetWindow.requestAnimationFrame(() => {
+          const f = this.getScrollOffset(), g = this.getOffsetForIndex(t, h);
+          if (!g) {
+            console.warn("Failed to get offset for index:", t);
+            return;
+          }
+          pn(g[0], f) || c(h);
+        });
+      }, c = (u) => {
+        this.targetWindow && (i++, i < r ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, r), this.targetWindow.requestAnimationFrame(() => l(u))) : console.warn(
+          `Failed to scroll to index ${t} after ${r} attempts.`
+        ));
+      };
+      l(n);
     }, this.scrollBy = (t, { behavior: n } = {}) => {
-      this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn(
+      n === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), this._scrollToOffset(this.getScrollOffset() + t, {
         adjustments: void 0,
@@ -1753,75 +1776,105 @@ class ln {
     }, this.getTotalSize = () => {
       var t;
       const n = this.getMeasurements();
-      let i;
-      return n.length === 0 ? i = this.options.paddingStart : i = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
-        ...n.slice(-this.options.lanes).map((s) => s.end)
-      ), Math.max(
-        i - this.options.scrollMargin + this.options.paddingEnd,
+      let s;
+      if (n.length === 0)
+        s = this.options.paddingStart;
+      else if (this.options.lanes === 1)
+        s = ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0;
+      else {
+        const i = Array(this.options.lanes).fill(null);
+        let r = n.length - 1;
+        for (; r >= 0 && i.some((l) => l === null); ) {
+          const l = n[r];
+          i[l.lane] === null && (i[l.lane] = l.end), r--;
+        }
+        s = Math.max(...i.filter((l) => l !== null));
+      }
+      return Math.max(
+        s - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
     }, this._scrollToOffset = (t, {
       adjustments: n,
-      behavior: i
+      behavior: s
     }) => {
-      this.options.scrollToFn(t, { behavior: i, adjustments: n }, this);
+      this.options.scrollToFn(t, { behavior: s, adjustments: n }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
     }, this.setOptions(o);
   }
 }
-const nt = (e, o, t, n) => {
+const it = (e, o, t, n) => {
   for (; e <= o; ) {
-    const i = (e + o) / 2 | 0, s = t(i);
-    if (s < n)
-      e = i + 1;
-    else if (s > n)
-      o = i - 1;
+    const s = (e + o) / 2 | 0, i = t(s);
+    if (i < n)
+      e = s + 1;
+    else if (i > n)
+      o = s - 1;
     else
-      return i;
+      return s;
   }
   return e > 0 ? e - 1 : 0;
 };
-function cn({
+function En({
   measurements: e,
   outerSize: o,
   scrollOffset: t,
   lanes: n
 }) {
-  const i = e.length - 1;
-  let r = nt(
+  const s = e.length - 1, i = (c) => e[c].start;
+  if (e.length <= n)
+    return {
+      startIndex: 0,
+      endIndex: s
+    };
+  let r = it(
     0,
+    s,
     i,
-    (a) => e[a].start,
     t
   ), l = r;
-  for (; l < i && e[l].end < t + o; )
-    l++;
-  return n > 1 && (r = Math.max(0, r - r % n), l = Math.min(i, l + (n - 1 - l % n))), { startIndex: r, endIndex: l };
+  if (n === 1)
+    for (; l < s && e[l].end < t + o; )
+      l++;
+  else if (n > 1) {
+    const c = Array(n).fill(0);
+    for (; l < s && c.some((a) => a < t + o); ) {
+      const a = e[l];
+      c[a.lane] = a.end, l++;
+    }
+    const u = Array(n).fill(t + o);
+    for (; r >= 0 && u.some((a) => a >= t); ) {
+      const a = e[r];
+      u[a.lane] = a.start, r--;
+    }
+    r = Math.max(0, r - r % n), l = Math.min(s, l + (n - 1 - l % n));
+  }
+  return { startIndex: r, endIndex: l };
 }
-const Pe = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
-function an(e) {
-  const o = C.useReducer(() => ({}), {})[1], t = {
+const Be = typeof document < "u" ? O.useLayoutEffect : O.useEffect;
+function Rn(e) {
+  const o = O.useReducer(() => ({}), {})[1], t = {
     ...e,
-    onChange: (i, s) => {
+    onChange: (s, i) => {
       var r;
-      s ? lt(o) : o(), (r = e.onChange) == null || r.call(e, i, s);
+      i ? ut(o) : o(), (r = e.onChange) == null || r.call(e, s, i);
     }
-  }, [n] = C.useState(
-    () => new ln(t)
+  }, [n] = O.useState(
+    () => new On(t)
   );
-  return n.setOptions(t), Pe(() => n._didMount(), []), Pe(() => n._willUpdate()), n;
+  return n.setOptions(t), Be(() => n._didMount(), []), Be(() => n._willUpdate()), n;
 }
-function un(e) {
-  return an({
-    observeElementRect: nn,
-    observeElementOffset: on,
-    scrollToFn: rn,
+function kn(e) {
+  return Rn({
+    observeElementRect: yn,
+    observeElementOffset: vn,
+    scrollToFn: Cn,
     ...e
   });
 }
-function fn(e) {
-  return /* @__PURE__ */ b(
+function An(e) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1831,12 +1884,12 @@ function fn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })
     }
   );
 }
-function dn(e) {
-  return /* @__PURE__ */ b(
+function Mn(e) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1846,7 +1899,7 @@ function dn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ y(
         "path",
         {
           strokeLinecap: "round",
@@ -1857,8 +1910,8 @@ function dn(e) {
     }
   );
 }
-function hn(e) {
-  return /* @__PURE__ */ b(
+function zn(e) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1868,104 +1921,103 @@ function hn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
     }
   );
 }
-function wn(e) {
-  var g;
+function Dn(e) {
   const {
     items: o,
     selected: t,
     className: n,
-    onChange: i,
-    disabled: s,
+    onChange: s,
+    disabled: i,
     placeholder: r = "Select an Item",
     multiple: l,
-    mutable: a,
-    onAdd: c
-  } = e, u = Ee(null), [d, h] = de(!1), f = Ee(null);
-  return /* @__PURE__ */ b(
-    tt,
+    mutable: c,
+    onAdd: u
+  } = e, a = ve(null), [d, h] = fe(!1), f = ve(null);
+  return /* @__PURE__ */ y(
+    st,
     {
       placement: "bottom",
       trigger: "click",
       show: d,
       setShow: h,
       role: "combobox",
-      disabled: s,
+      disabled: i,
       style: {
-        "--input-width": `${(g = f.current) == null ? void 0 : g.offsetWidth}px`
+        "--input-width": `${f.current?.offsetWidth}px`
       },
-      content: /* @__PURE__ */ b(
-        mn,
+      content: /* @__PURE__ */ y(
+        Nn,
         {
-          ...a ? { mutable: a, onAdd: c } : { mutable: a },
-          ...l ? { multiple: l, items: o, onChange: i, selected: t } : { items: o, onChange: i, selected: t }
+          ...c ? { mutable: c, onAdd: u } : { mutable: c },
+          ...l ? { multiple: l, items: o, onChange: s, selected: t } : { items: o, onChange: s, selected: t }
         }
       ),
-      children: /* @__PURE__ */ W(
+      children: /* @__PURE__ */ V(
         "div",
         {
-          className: M(
+          className: k(
             "inline-flex h-10 w-56 grow items-center justify-between rounded border-2 border-input bg-background p-2 transition",
-            s ? "cursor-not-allowed bg-muted text-muted" : "cursor-pointer",
+            i ? "cursor-not-allowed bg-muted text-muted" : "cursor-pointer",
             d && "border-primary shadow-xs shadow-ring",
             n
           ),
           ref: f,
           children: [
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ y(
               "div",
               {
-                className: M(
+                className: k(
                   "flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm",
-                  s ? "text-muted-foreground" : "text-foreground"
+                  i ? "text-muted-foreground" : "text-foreground"
                 ),
-                ref: u,
-                children: l ? /* @__PURE__ */ b(
-                  Gt,
+                ref: a,
+                children: l ? /* @__PURE__ */ y(
+                  gn,
                   {
-                    items: t.map((x) => x.text),
+                    items: t.map((g) => g.text),
                     data: t,
-                    parentRef: u,
-                    estimator: (x, w) => w + 40,
+                    parentRef: a,
+                    estimator: (g, m) => m + 40,
                     badgeVariant: "secondary",
                     badgeStyles: "bg-input! h-6 min-w-min gap-2 bg-input!",
-                    children: (x, w, m) => /* @__PURE__ */ W(
-                      Be,
+                    children: (g, m, p) => /* @__PURE__ */ V(
+                      He,
                       {
                         className: "flex h-6 min-w-min gap-2 bg-input! pr-1",
                         variant: "secondary",
                         children: [
-                          x,
-                          /* @__PURE__ */ b(
-                            at,
+                          g,
+                          /* @__PURE__ */ y(
+                            dt,
                             {
                               onClick: () => {
-                                i(t.filter((p) => p.key !== (m == null ? void 0 : m.key)));
+                                s(t.filter((w) => w.key !== p?.key));
                               },
                               variant: "icon",
                               size: "icon",
                               className: "group bg-muted p-0.5 hover:bg-muted-foreground",
-                              children: /* @__PURE__ */ b(hn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
+                              children: /* @__PURE__ */ y(zn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
                             }
                           )
                         ]
                       },
-                      `collapsed_item_${w}`
+                      `collapsed_item_${m}`
                     )
                   }
                 ) : t.text ?? r
               }
             ),
-            /* @__PURE__ */ b(
-              fn,
+            /* @__PURE__ */ y(
+              An,
               {
-                className: M(
+                className: k(
                   "size-4 rounded-full bg-input p-0.5 transition duration-300 ease-in-out",
                   d ? "rotate-180" : "rotate-0",
-                  s ? "text-muted-foreground" : "text-foreground"
+                  i ? "text-muted-foreground" : "text-foreground"
                 )
               }
             )
@@ -1975,35 +2027,35 @@ function wn(e) {
     }
   );
 }
-function mn(e) {
-  const { items: o, multiple: t, selected: n, onChange: i, mutable: s, onAdd: r } = e, [l, a] = de(""), c = Ee(null), u = ve(
+function Nn(e) {
+  const { items: o, multiple: t, selected: n, onChange: s, mutable: i, onAdd: r } = e, [l, c] = fe(""), u = ve(null), a = ye(
     () => o.reduce((f, g) => ((!l.length || g.text.toLowerCase().includes(l.toLowerCase())) && f.push(g), f), []),
     [o, l]
-  ), d = un({
-    count: u.length,
-    getScrollElement: () => c.current,
+  ), d = kn({
+    count: a.length,
+    getScrollElement: () => u.current,
     estimateSize: () => 35
   }), h = n instanceof Array ? n.map((f) => f.key) : [n.key];
-  return /* @__PURE__ */ W("div", { className: "flex min-w-[var(--input-width)] flex-col divide-y-2 divide-border overflow-hidden rounded border border-input bg-background", children: [
-    /* @__PURE__ */ W("div", { className: M("inline-flex grow items-center rounded px-3 py-2"), children: [
-      /* @__PURE__ */ b(dn, { className: "left-3 top-3 mr-2 size-4 text-muted-foreground" }),
-      /* @__PURE__ */ b(
+  return /* @__PURE__ */ V("div", { className: "flex min-w-[var(--input-width)] flex-col divide-y-2 divide-border overflow-hidden rounded border border-input bg-background", children: [
+    /* @__PURE__ */ V("div", { className: k("inline-flex grow items-center rounded px-3 py-2"), children: [
+      /* @__PURE__ */ y(Mn, { className: "left-3 top-3 mr-2 size-4 text-muted-foreground" }),
+      /* @__PURE__ */ y(
         "input",
         {
           className: "inline-flex grow bg-transparent text-sm text-foreground outline-hidden",
           placeholder: "Search",
           value: l,
-          onChange: (f) => a(f.target.value)
+          onChange: (f) => c(f.target.value)
         }
       )
     ] }),
-    /* @__PURE__ */ W(
+    /* @__PURE__ */ V(
       "ul",
       {
-        className: M("max-h-60 grow overflow-auto shadow-sm", "focus:outline-hidden focus:ring-0"),
-        ref: c,
+        className: k("max-h-60 grow overflow-auto shadow-sm", "focus:outline-hidden focus:ring-0"),
+        ref: u,
         children: [
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -2011,52 +2063,52 @@ function mn(e) {
                 width: "100%",
                 position: "relative"
               },
-              children: d.getVirtualItems().map((f) => /* @__PURE__ */ b(
+              children: d.getVirtualItems().map((f) => /* @__PURE__ */ y(
                 "li",
                 {
                   style: {
                     height: `${f.size}px`,
                     transform: `translateY(${f.start}px)`
                   },
-                  className: M(
+                  className: k(
                     "absolute left-0 top-0 w-full cursor-pointer px-3 py-2 text-sm text-foreground",
-                    h.includes(u[f.index].key) ? "bg-primary/90 text-primary-foreground" : "transition hover:bg-primary/60"
+                    h.includes(a[f.index].key) ? "bg-primary/90 text-primary-foreground" : "transition hover:bg-primary/60"
                   ),
                   onClick: () => {
-                    t ? h.includes(u[f.index].key) ? i(
+                    t ? h.includes(a[f.index].key) ? s(
                       structuredClone(
                         n.filter(
-                          (g) => g.key !== u[f.index].key
+                          (g) => g.key !== a[f.index].key
                         )
                       )
-                    ) : i(structuredClone([...n, u[f.index]])) : i(u[f.index]);
+                    ) : s(structuredClone([...n, a[f.index]])) : s(a[f.index]);
                   },
-                  children: u[f.index].text
+                  children: a[f.index].text
                 },
                 f.key
               ))
             }
           ),
-          l.length > 0 && u.length === 0 && (s ? /* @__PURE__ */ W(
+          l.length > 0 && a.length === 0 && (i ? /* @__PURE__ */ V(
             "li",
             {
-              className: M("px-3 py-2 text-sm text-foreground"),
+              className: k("px-3 py-2 text-sm text-foreground"),
               onClick: () => {
-                r({ text: l, key: l }), a("");
+                r({ text: l, key: l }), c("");
               },
               children: [
                 "Add ",
                 l
               ]
             }
-          ) : /* @__PURE__ */ b("li", { className: M("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
+          ) : /* @__PURE__ */ y("li", { className: k("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
         ]
       }
     )
   ] });
 }
-function yn(e) {
-  return /* @__PURE__ */ b(
+function In(e) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2066,16 +2118,16 @@ function yn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })
     }
   );
 }
-function bn(e) {
+function Fn(e) {
   const { className: o, ...t } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     "input",
     {
-      className: M(
+      className: k(
         "h-10 w-full rounded border-2 border-input bg-background px-3 py-2 text-sm text-foreground transition",
         "focus-visible:border-primary focus-visible:shadow-xs focus-visible:shadow-ring focus-visible:outline-hidden",
         "read-only:cursor-pointer read-only:border-none! read-only:bg-transparent read-only:text-foreground read-only:shadow-none! read-only:outline-hidden!",
@@ -2087,27 +2139,27 @@ function bn(e) {
     }
   );
 }
-function vn(e) {
-  const { className: o, checked: t, onChange: n, defaultChecked: i, ...s } = e;
-  return /* @__PURE__ */ W(
+function Pn(e) {
+  const { className: o, checked: t, onChange: n, defaultChecked: s, ...i } = e;
+  return /* @__PURE__ */ V(
     "div",
     {
-      className: M(
+      className: k(
         "rounded-full",
         "h-5 w-10",
-        "border border-muted bg-secondary",
+        "border-muted bg-secondary border",
         "flex items-center",
         o
       ),
-      onClick: () => n == null ? void 0 : n(!t),
+      onClick: () => n?.(!t),
       children: [
-        /* @__PURE__ */ b("input", { type: "hidden", readOnly: !0, ...s, defaultChecked: i, checked: t }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ y("input", { type: "hidden", readOnly: !0, ...i, defaultChecked: s, checked: t }),
+        /* @__PURE__ */ y(
           "div",
           {
-            className: M(
-              "[animation-timing-function:cubic-bezier(1, 0, 0, 1)] duration-250 h-4 w-4 rounded-full bg-primary transition-all",
-              t ? "translate-x-5" : "translate-x-1"
+            className: k(
+              "[animation-timing-function:cubic-bezier(1, 0, 0, 1)] bg-primary size-4 rounded-full transition-all duration-250",
+              t ? "translate-x-5" : "translate-x-0"
             )
           }
         )
@@ -2115,17 +2167,35 @@ function vn(e) {
     }
   );
 }
+function Vn(e) {
+  const { className: o, ...t } = e;
+  return /* @__PURE__ */ y(
+    "textarea",
+    {
+      className: k(
+        "border-input bg-background text-foreground h-10 w-full rounded border-2 px-3 py-2 text-sm transition",
+        "focus-visible:border-primary focus-visible:shadow-ring focus-visible:shadow-xs focus-visible:outline-hidden",
+        "read-only:text-foreground read-only:cursor-pointer read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!",
+        "disabled:bg-muted disabled:text-muted disabled:cursor-not-allowed",
+        "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+        o
+      ),
+      ...t
+    }
+  );
+}
 export {
-  Be as Badge,
-  at as Button,
-  yn as ChevronDown,
-  fn as ChevronUp,
-  Gt as Collapse,
-  wn as Dropdown,
-  bn as Input,
-  tt as Popover,
-  dn as Search,
-  vn as Toggle,
-  We as cva,
-  M as cx
+  He as Badge,
+  dt as Button,
+  In as ChevronDown,
+  An as ChevronUp,
+  gn as Collapse,
+  Dn as Dropdown,
+  Fn as Input,
+  st as Popover,
+  Mn as Search,
+  Vn as TextArea,
+  Pn as Toggle,
+  $e as cva,
+  k as cx
 };