@rinzai/zen 0.1.8 → 0.1.9

package/dist/zen.js

@@ -1,21 +1,21 @@
-import { jsx as b, jsxs as W, Fragment as Fe } from "react/jsx-runtime";
+import { jsx as b, jsxs as W, Fragment as Ve } from "react/jsx-runtime";
 import * as C from "react";
-import { useLayoutEffect as tt, useEffect as re, useState as de, useId as nt, useMemo as ve, useRef as Ee } from "react";
-import * as ot from "react-dom";
-import { createPortal as it, flushSync as st } 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, [i, s]) => s == null || s === !1 ? n : typeof s == "string" || typeof s == "number" ? n + " " + i + "-" + s : typeof s == "boolean" && s ? n + " " + i : n, "") : o, ""), Te = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ve = (e, o) => (t) => {
-  var c;
-  if ((o == null ? void 0 : o.variants) == null) return k(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: n, defaultVariants: i } = o, s = Object.keys(n).map((a) => {
-    const u = t == null ? void 0 : t[a], d = i == null ? void 0 : i[a];
+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];
     if (u === null) return null;
-    const m = Te(u) || Te(d);
-    return n[a][m];
+    const h = Ae(u) || Ae(d);
+    return n[c][h];
   }), r = t && Object.entries(t).reduce(
-    (a, [u, d]) => (d === void 0 || (a[u] = d), a),
+    (c, [u, d]) => (d === void 0 || (c[u] = d), c),
     {}
-  ), l = (c = o == null ? void 0 : o.compoundVariants) == null ? void 0 : c.reduce(
-    (a, { class: u, className: d, ...m }) => Object.entries(m).every(
+  ), 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(
         {
           ...i,
@@ -25,22 +25,22 @@ const k = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "
         ...i,
         ...r
       }[f] === g
-    ) ? [...a, u, d] : a,
+    ) ? [...c, u, d] : c,
     []
   );
-  return k(e, s, l, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return M(e, s, l, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
 };
-function We({ variant: e, className: o, ...t }) {
-  return /* @__PURE__ */ b("span", { ...t, className: rt({ variant: e, className: o }) });
+function Be({ variant: e, className: o, ...t }) {
+  return /* @__PURE__ */ b("span", { ...t, className: ct({ variant: e, className: o }) });
 }
-const rt = Ve(
+const ct = We(
   "zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow",
+        default: "border-transparent bg-primary text-primary-foreground shadow-sm",
         secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm",
         outline: "text-foreground"
       }
     },
@@ -49,18 +49,18 @@ const rt = Ve(
     }
   }
 );
-function lt({ className: e, variant: o, size: t, ...n }) {
-  return /* @__PURE__ */ b("button", { className: ct({ variant: o, size: t, className: e }), ...n });
+function at({ className: e, variant: o, size: t, ...n }) {
+  return /* @__PURE__ */ b("button", { className: ut({ variant: o, size: t, className: e }), ...n });
 }
-const ct = Ve(
-  "zen__button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+const ut = We(
+  "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: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         icon: ""
@@ -80,16 +80,16 @@ const ct = Ve(
 ), le = Math.min, H = Math.max, ce = Math.round, ie = Math.floor, _ = (e) => ({
   x: e,
   y: e
-}), at = {
+}), ft = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ut = {
+}, dt = {
   start: "end",
   end: "start"
 };
-function Ae(e, o, t) {
+function Te(e, o, t) {
   return H(e, le(o, t));
 }
 function he(e, o) {
@@ -101,32 +101,32 @@ function U(e) {
 function me(e) {
   return e.split("-")[1];
 }
-function Be(e) {
+function je(e) {
   return e === "x" ? "y" : "x";
 }
-function je(e) {
+function $e(e) {
   return e === "y" ? "height" : "width";
 }
 function G(e) {
   return ["top", "bottom"].includes(U(e)) ? "y" : "x";
 }
-function $e(e) {
-  return Be(G(e));
+function He(e) {
+  return je(G(e));
 }
-function ft(e, o, t) {
+function ht(e, o, t) {
   t === void 0 && (t = !1);
-  const n = me(e), i = $e(e), s = je(i);
+  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)];
 }
-function dt(e) {
+function mt(e) {
   const o = ae(e);
   return [Se(e), o, Se(o)];
 }
 function Se(e) {
-  return e.replace(/start|end/g, (o) => ut[o]);
+  return e.replace(/start|end/g, (o) => dt[o]);
 }
-function ht(e, o, t) {
+function gt(e, o, t) {
   const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -139,15 +139,15 @@ function ht(e, o, t) {
       return [];
   }
 }
-function mt(e, o, t, n) {
+function pt(e, o, t, n) {
   const i = me(e);
-  let s = ht(U(e), t === "start", n);
+  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 ae(e) {
-  return e.replace(/left|right|bottom|top/g, (o) => at[o]);
+  return e.replace(/left|right|bottom|top/g, (o) => ft[o]);
 }
-function gt(e) {
+function xt(e) {
   return {
     top: 0,
     right: 0,
@@ -156,8 +156,8 @@ function gt(e) {
     ...e
   };
 }
-function pt(e) {
-  return typeof e != "number" ? gt(e) : {
+function wt(e) {
+  return typeof e != "number" ? xt(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -187,9 +187,9 @@ function ze(e, o, t) {
     reference: n,
     floating: i
   } = e;
-  const s = G(o), r = $e(o), l = je(r), c = U(o), a = s === "y", u = n.x + n.width / 2 - i.width / 2, d = n.y + n.height / 2 - i.height / 2, m = n[l] / 2 - i[l] / 2;
+  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;
   let f;
-  switch (c) {
+  switch (a) {
     case "top":
       f = {
         x: u,
@@ -222,46 +222,46 @@ function ze(e, o, t) {
   }
   switch (me(o)) {
     case "start":
-      f[r] -= m * (t && a ? -1 : 1);
+      f[r] -= h * (t && c ? -1 : 1);
       break;
     case "end":
-      f[r] += m * (t && a ? -1 : 1);
+      f[r] += h * (t && c ? -1 : 1);
       break;
   }
   return f;
 }
-const wt = async (e, o, t) => {
+const yt = async (e, o, t) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
     middleware: s = [],
     platform: r
-  } = t, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(o));
-  let a = await r.getElementRects({
+  } = t, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(o));
+  let c = await r.getElementRects({
     reference: e,
     floating: o,
     strategy: i
   }), {
     x: u,
     y: d
-  } = ze(a, n, c), m = n, f = {}, g = 0;
-  for (let w = 0; w < l.length; w++) {
+  } = ze(c, n, a), h = n, f = {}, g = 0;
+  for (let x = 0; x < l.length; x++) {
     const {
-      name: x,
-      fn: h
-    } = l[w], {
+      name: w,
+      fn: m
+    } = l[x], {
       x: p,
       y: v,
       data: E,
       reset: y
-    } = await h({
+    } = await m({
       x: u,
       y: d,
       initialPlacement: n,
-      placement: m,
+      placement: h,
       strategy: i,
       middlewareData: f,
-      rects: a,
+      rects: c,
       platform: r,
       elements: {
         reference: e,
@@ -270,28 +270,28 @@ const wt = async (e, o, t) => {
     });
     u = p ?? u, d = v ?? d, f = {
       ...f,
-      [x]: {
-        ...f[x],
+      [w]: {
+        ...f[w],
         ...E
       }
-    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (m = y.placement), y.rects && (a = y.rects === !0 ? await r.getElementRects({
+    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: o,
       strategy: i
     }) : y.rects), {
       x: u,
       y: d
-    } = ze(a, m, c)), w = -1);
+    } = ze(c, h, a)), x = -1);
   }
   return {
     x: u,
     y: d,
-    placement: m,
+    placement: h,
     strategy: i,
     middlewareData: f
   };
 };
-async function He(e, o) {
+async function Ue(e, o) {
   var t;
   o === void 0 && (o = {});
   const {
@@ -300,18 +300,18 @@ async function He(e, o) {
     platform: s,
     rects: r,
     elements: l,
-    strategy: c
+    strategy: a
   } = e, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: u = "viewport",
     elementContext: d = "floating",
-    altBoundary: m = !1,
+    altBoundary: h = !1,
     padding: f = 0
-  } = he(o, e), g = pt(f), x = l[m ? d === "floating" ? "reference" : "floating" : d], h = ue(await s.getClippingRect({
-    element: (t = await (s.isElement == null ? void 0 : s.isElement(x))) == null || t ? x : x.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: a,
+  } = 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: c
+    strategy: a
   })), p = d === "floating" ? {
     x: n,
     y: i,
@@ -327,16 +327,16 @@ async function He(e, o) {
     elements: l,
     rect: p,
     offsetParent: v,
-    strategy: c
+    strategy: a
   }) : p);
   return {
-    top: (h.top - y.top + g.top) / E.y,
-    bottom: (y.bottom - h.bottom + g.bottom) / E.y,
-    left: (h.left - y.left + g.left) / E.x,
-    right: (y.right - h.right + g.right) / E.x
+    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
   };
 }
-const xt = function(e) {
+const bt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -347,68 +347,68 @@ const xt = function(e) {
         middlewareData: s,
         rects: r,
         initialPlacement: l,
-        platform: c,
-        elements: a
+        platform: a,
+        elements: c
       } = o, {
         mainAxis: u = !0,
         crossAxis: d = !0,
-        fallbackPlacements: m,
+        fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: w = !0,
-        ...x
+        flipAlignment: x = !0,
+        ...w
       } = he(e, o);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const h = U(i), p = G(l), v = U(l) === l, E = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), y = m || (v || !w ? [ae(l)] : dt(l)), O = g !== "none";
-      !m && O && y.push(...mt(l, w, g, E));
-      const R = [l, ...y], z = await He(o, x), Y = [];
-      let F = ((n = s.flip) == null ? void 0 : n.overflows) || [];
-      if (u && Y.push(z[h]), d) {
-        const I = ft(i, r, E);
-        Y.push(z[I[0]], z[I[1]]);
+      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]]);
       }
-      if (F = [...F, {
+      if (P = [...P, {
         placement: i,
-        overflows: Y
-      }], !Y.every((I) => I <= 0)) {
-        var q, ee;
-        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, te = R[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)
           return {
             data: {
-              index: I,
-              overflows: F
+              index: N,
+              overflows: P
             },
             reset: {
               placement: te
             }
           };
-        let M = (ee = F.filter((V) => V.overflows[0] <= 0).sort((V, S) => V.overflows[1] - S.overflows[1])[0]) == null ? void 0 : ee.placement;
-        if (!M)
+        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)
           switch (f) {
             case "bestFit": {
               var B;
-              const V = (B = F.filter((S) => {
-                if (O) {
-                  const T = G(S.placement);
-                  return T === p || // Create a bias to the `y` side axis due to horizontal
+              const V = (B = P.filter((S) => {
+                if (R) {
+                  const A = G(S.placement);
+                  return A === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  T === "y";
+                  A === "y";
                 }
                 return !0;
-              }).map((S) => [S.placement, S.overflows.filter((T) => T > 0).reduce((T, j) => T + j, 0)]).sort((S, T) => S[1] - T[1])[0]) == null ? void 0 : B[0];
-              V && (M = V);
+              }).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);
               break;
             }
             case "initialPlacement":
-              M = l;
+              k = l;
               break;
           }
-        if (i !== M)
+        if (i !== k)
           return {
             reset: {
-              placement: M
+              placement: k
             }
           };
       }
@@ -416,14 +416,14 @@ const xt = function(e) {
     }
   };
 };
-async function yt(e, o) {
+async function vt(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), c = G(t) === "y", a = ["left", "top"].includes(r) ? -1 : 1, u = s && c ? -1 : 1, d = he(o, e);
+  } = 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);
   let {
-    mainAxis: m,
+    mainAxis: h,
     crossAxis: f,
     alignmentAxis: g
   } = typeof d == "number" ? {
@@ -435,15 +435,15 @@ async function yt(e, o) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), c ? {
+  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), a ? {
     x: f * u,
-    y: m * a
+    y: h * c
   } : {
-    x: m * a,
+    x: h * c,
     y: f * u
   };
 }
-const bt = function(e) {
+const Et = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -454,18 +454,18 @@ const bt = function(e) {
         y: s,
         placement: r,
         middlewareData: l
-      } = o, c = await yt(o, e);
+      } = o, a = await vt(o, e);
       return r === ((t = l.offset) == null ? void 0 : t.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: i + c.x,
-        y: s + c.y,
+        x: i + a.x,
+        y: s + a.y,
         data: {
-          ...c,
+          ...a,
           placement: r
         }
       };
     }
   };
-}, vt = function(e) {
+}, St = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -478,43 +478,43 @@ const bt = function(e) {
         mainAxis: s = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (x) => {
+          fn: (w) => {
             let {
-              x: h,
+              x: m,
               y: p
-            } = x;
+            } = w;
             return {
-              x: h,
+              x: m,
               y: p
             };
           }
         },
-        ...c
-      } = he(e, o), a = {
+        ...a
+      } = he(e, o), c = {
         x: t,
         y: n
-      }, u = await He(o, c), d = G(U(i)), m = Be(d);
-      let f = a[m], g = a[d];
+      }, u = await Ue(o, a), d = G(U(i)), h = je(d);
+      let f = c[h], g = c[d];
       if (s) {
-        const x = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", p = f + u[x], v = f - u[h];
-        f = Ae(p, f, v);
+        const w = h === "y" ? "top" : "left", m = h === "y" ? "bottom" : "right", p = f + u[w], v = f - u[m];
+        f = Te(p, f, v);
       }
       if (r) {
-        const x = d === "y" ? "top" : "left", h = d === "y" ? "bottom" : "right", p = g + u[x], v = g - u[h];
-        g = Ae(p, g, v);
+        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 w = l.fn({
+      const x = l.fn({
         ...o,
-        [m]: f,
+        [h]: f,
         [d]: g
       });
       return {
-        ...w,
+        ...x,
         data: {
-          x: w.x - t,
-          y: w.y - n,
+          x: x.x - t,
+          y: x.y - n,
           enabled: {
-            [m]: s,
+            [h]: s,
             [d]: r
           }
         }
@@ -526,27 +526,27 @@ function ge() {
   return typeof window < "u";
 }
 function Q(e) {
-  return Ue(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return qe(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function A(e) {
+function T(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
-function P(e) {
+function F(e) {
   var o;
-  return (o = (Ue(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
+  return (o = (qe(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
-function Ue(e) {
-  return ge() ? e instanceof Node || e instanceof A(e).Node : !1;
+function qe(e) {
+  return ge() ? e instanceof Node || e instanceof T(e).Node : !1;
 }
-function N(e) {
-  return ge() ? e instanceof Element || e instanceof A(e).Element : !1;
+function I(e) {
+  return ge() ? e instanceof Element || e instanceof T(e).Element : !1;
 }
 function D(e) {
-  return ge() ? e instanceof HTMLElement || e instanceof A(e).HTMLElement : !1;
+  return ge() ? e instanceof HTMLElement || e instanceof T(e).HTMLElement : !1;
 }
-function Ie(e) {
-  return !ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof A(e).ShadowRoot;
+function Ne(e) {
+  return !ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof T(e).ShadowRoot;
 }
 function oe(e) {
   const {
@@ -557,7 +557,7 @@ function oe(e) {
   } = L(e);
   return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !["inline", "contents"].includes(i);
 }
-function Et(e) {
+function Ot(e) {
   return ["table", "td", "th"].includes(Q(e));
 }
 function pe(e) {
@@ -569,14 +569,14 @@ function pe(e) {
     }
   });
 }
-function Oe(e) {
-  const o = Re(), t = N(e) ? L(e) : e;
-  return t.transform !== "none" || t.perspective !== "none" || (t.containerType ? t.containerType !== "normal" : !1) || !o && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !o && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((n) => (t.willChange || "").includes(n)) || ["paint", "layout", "strict", "content"].some((n) => (t.contain || "").includes(n));
+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));
 }
-function St(e) {
+function Ct(e) {
   let o = $(e);
   for (; D(o) && !J(o); ) {
-    if (Oe(o))
+    if (Ce(o))
       return o;
     if (pe(o))
       return null;
@@ -591,10 +591,10 @@ function J(e) {
   return ["html", "body", "#document"].includes(Q(e));
 }
 function L(e) {
-  return A(e).getComputedStyle(e);
+  return T(e).getComputedStyle(e);
 }
-function we(e) {
-  return N(e) ? {
+function xe(e) {
+  return I(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -609,10 +609,10 @@ function $(e) {
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    Ie(e) && e.host || // Fallback.
-    P(e)
+    Ne(e) && e.host || // Fallback.
+    F(e)
   );
-  return Ie(o) ? o.host : o;
+  return Ne(o) ? o.host : o;
 }
 function Ke(e) {
   const o = $(e);
@@ -621,14 +621,14 @@ function Ke(e) {
 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 = A(i);
+  const i = Ke(e), s = i === ((n = e.ownerDocument) == null ? void 0 : n.body), r = T(i);
   if (s) {
-    const l = Ce(r);
+    const l = Oe(r);
     return o.concat(r, r.visualViewport || [], oe(i) ? i : [], l && t ? ne(l) : []);
   }
   return o.concat(i, ne(i, [], t));
 }
-function Ce(e) {
+function Oe(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Ye(e) {
@@ -641,11 +641,11 @@ function Ye(e) {
     $: l
   };
 }
-function ke(e) {
-  return N(e) ? e : e.contextElement;
+function Me(e) {
+  return I(e) ? e : e.contextElement;
 }
 function Z(e) {
-  const o = ke(e);
+  const o = Me(e);
   if (!D(o))
     return _(1);
   const t = o.getBoundingClientRect(), {
@@ -659,87 +659,87 @@ function Z(e) {
     y: l
   };
 }
-const Ct = /* @__PURE__ */ _(0);
-function qe(e) {
-  const o = A(e);
-  return !Re() || !o.visualViewport ? Ct : {
+const Rt = /* @__PURE__ */ _(0);
+function Xe(e) {
+  const o = T(e);
+  return !Re() || !o.visualViewport ? Rt : {
     x: o.visualViewport.offsetLeft,
     y: o.visualViewport.offsetTop
   };
 }
-function Ot(e, o, t) {
-  return o === void 0 && (o = !1), !t || o && t !== A(e) ? !1 : o;
+function Mt(e, o, t) {
+  return o === void 0 && (o = !1), !t || o && t !== T(e) ? !1 : o;
 }
-function K(e, o, t, n) {
+function q(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
-  const i = e.getBoundingClientRect(), s = ke(e);
+  const i = e.getBoundingClientRect(), s = Me(e);
   let r = _(1);
-  o && (n ? N(n) && (r = Z(n)) : r = Z(e));
-  const l = Ot(s, t, n) ? qe(s) : _(0);
-  let c = (i.left + l.x) / r.x, a = (i.top + l.y) / r.y, u = i.width / r.x, d = i.height / r.y;
+  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 m = A(s), f = n && N(n) ? A(n) : n;
-    let g = m, w = Ce(g);
-    for (; w && n && f !== g; ) {
-      const x = Z(w), h = w.getBoundingClientRect(), p = L(w), v = h.left + (w.clientLeft + parseFloat(p.paddingLeft)) * x.x, E = h.top + (w.clientTop + parseFloat(p.paddingTop)) * x.y;
-      c *= x.x, a *= x.y, u *= x.x, d *= x.y, c += v, a += E, g = A(w), w = Ce(g);
+    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);
     }
   }
   return ue({
     width: u,
     height: d,
-    x: c,
-    y: a
+    x: a,
+    y: c
   });
 }
-function Me(e, o) {
-  const t = we(e).scrollLeft;
-  return o ? o.left + t : K(P(e)).left + t;
+function ke(e, o) {
+  const t = xe(e).scrollLeft;
+  return o ? o.left + t : q(F(e)).left + t;
 }
-function Xe(e, o, t) {
+function Ze(e, o, t) {
   t === void 0 && (t = !1);
   const n = e.getBoundingClientRect(), i = n.left + o.scrollLeft - (t ? 0 : (
     // RTL <body> scrollbar.
-    Me(e, n)
+    ke(e, n)
   )), s = n.top + o.scrollTop;
   return {
     x: i,
     y: s
   };
 }
-function Rt(e) {
+function kt(e) {
   let {
     elements: o,
     rect: t,
     offsetParent: n,
     strategy: i
   } = e;
-  const s = i === "fixed", r = P(n), l = o ? pe(o.floating) : !1;
+  const s = i === "fixed", r = F(n), l = o ? pe(o.floating) : !1;
   if (n === r || l && s)
     return t;
-  let c = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = _(1);
+  }, c = _(1);
   const u = _(0), d = D(n);
-  if ((d || !d && !s) && ((Q(n) !== "body" || oe(r)) && (c = we(n)), D(n))) {
-    const f = K(n);
-    a = Z(n), u.x = f.x + n.clientLeft, u.y = f.y + n.clientTop;
+  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;
   }
-  const m = r && !d && !s ? Xe(r, c, !0) : _(0);
+  const h = r && !d && !s ? Ze(r, a, !0) : _(0);
   return {
-    width: t.width * a.x,
-    height: t.height * a.y,
-    x: t.x * a.x - c.scrollLeft * a.x + u.x + m.x,
-    y: t.y * a.y - c.scrollTop * a.y + u.y + m.y
+    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
   };
 }
-function kt(e) {
+function At(e) {
   return Array.from(e.getClientRects());
 }
-function Mt(e) {
-  const o = P(e), t = we(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);
-  let r = -t.scrollLeft + Me(e);
+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);
+  let r = -t.scrollLeft + ke(e);
   const l = -t.scrollTop;
   return L(n).direction === "rtl" && (r += H(o.clientWidth, n.clientWidth) - i), {
     width: i,
@@ -748,40 +748,40 @@ function Mt(e) {
     y: l
   };
 }
-function Tt(e, o) {
-  const t = A(e), n = P(e), i = t.visualViewport;
-  let s = n.clientWidth, r = n.clientHeight, l = 0, c = 0;
+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 a = Re();
-    (!a || a && o === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
+    const c = Re();
+    (!c || c && o === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
   }
   return {
     width: s,
     height: r,
     x: l,
-    y: c
+    y: a
   };
 }
-function At(e, o) {
-  const t = K(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, c = i * s.x, a = n * s.y;
+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;
   return {
     width: r,
     height: l,
-    x: c,
-    y: a
+    x: a,
+    y: c
   };
 }
-function Ne(e, o, t) {
+function Ie(e, o, t) {
   let n;
   if (o === "viewport")
-    n = Tt(e, t);
+    n = zt(e, t);
   else if (o === "document")
-    n = Mt(P(e));
-  else if (N(o))
-    n = At(o, t);
+    n = Tt(F(e));
+  else if (I(o))
+    n = Nt(o, t);
   else {
-    const i = qe(e);
+    const i = Xe(e);
     n = {
       x: o.x - i.x,
       y: o.y - i.y,
@@ -791,42 +791,42 @@ function Ne(e, o, t) {
   }
   return ue(n);
 }
-function Ze(e, o) {
+function Ge(e, o) {
   const t = $(e);
-  return t === o || !N(t) || J(t) ? !1 : L(t).position === "fixed" || Ze(t, o);
+  return t === o || !I(t) || J(t) ? !1 : L(t).position === "fixed" || Ge(t, o);
 }
-function zt(e, o) {
+function It(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = ne(e, [], !1).filter((l) => N(l) && Q(l) !== "body"), i = null;
+  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 (; N(r) && !J(r); ) {
-    const l = L(r), c = Oe(r);
-    !c && l.position === "fixed" && (i = null), (s ? !c && !i : !c && l.position === "static" && !!i && ["absolute", "fixed"].includes(i.position) || oe(r) && !c && Ze(e, r)) ? n = n.filter((u) => u !== r) : i = l, r = $(r);
+  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);
   }
   return o.set(e, n), n;
 }
-function It(e) {
+function Lt(e) {
   let {
     element: o,
     boundary: t,
     rootBoundary: n,
     strategy: i
   } = e;
-  const r = [...t === "clippingAncestors" ? pe(o) ? [] : zt(o, this._c) : [].concat(t), n], l = r[0], c = r.reduce((a, u) => {
-    const d = Ne(o, u, i);
-    return a.top = H(d.top, a.top), a.right = le(d.right, a.right), a.bottom = le(d.bottom, a.bottom), a.left = H(d.left, a.left), a;
-  }, Ne(o, l, i));
+  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));
   return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
-function Nt(e) {
+function _t(e) {
   const {
     width: o,
     height: t
@@ -836,19 +836,19 @@ function Nt(e) {
     height: t
   };
 }
-function Lt(e, o, t) {
-  const n = D(o), i = P(o), s = t === "fixed", r = K(e, !0, s, o);
+function Dt(e, o, t) {
+  const n = D(o), i = F(o), s = t === "fixed", r = q(e, !0, s, o);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = _(0);
+  const a = _(0);
   if (n || !n && !s)
-    if ((Q(o) !== "body" || oe(i)) && (l = we(o)), n) {
-      const m = K(o, !0, s, o);
-      c.x = m.x + o.clientLeft, c.y = m.y + o.clientTop;
-    } else i && (c.x = Me(i));
-  const a = i && !n && !s ? Xe(i, l) : _(0), u = r.left + l.scrollLeft - c.x - a.x, d = r.top + l.scrollTop - c.y - a.y;
+    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;
   return {
     x: u,
     y: d,
@@ -856,7 +856,7 @@ function Lt(e, o, t) {
     height: r.height
   };
 }
-function xe(e) {
+function we(e) {
   return L(e).position === "static";
 }
 function Le(e, o) {
@@ -865,30 +865,30 @@ function Le(e, o) {
   if (o)
     return o(e);
   let t = e.offsetParent;
-  return P(e) === t && (t = t.ownerDocument.body), t;
+  return F(e) === t && (t = t.ownerDocument.body), t;
 }
-function Ge(e, o) {
-  const t = A(e);
+function Je(e, o) {
+  const t = T(e);
   if (pe(e))
     return t;
   if (!D(e)) {
     let i = $(e);
     for (; i && !J(i); ) {
-      if (N(i) && !xe(i))
+      if (I(i) && !we(i))
         return i;
       i = $(i);
     }
     return t;
   }
   let n = Le(e, o);
-  for (; n && Et(n) && xe(n); )
+  for (; n && Ot(n) && we(n); )
     n = Le(n, o);
-  return n && J(n) && xe(n) && !Oe(n) ? t : n || St(e) || t;
+  return n && J(n) && we(n) && !Ce(n) ? t : n || Ct(e) || t;
 }
-const _t = async function(e) {
-  const o = this.getOffsetParent || Ge, t = this.getDimensions, n = await t(e.floating);
+const Ft = async function(e) {
+  const o = this.getOffsetParent || Je, t = this.getDimensions, n = await t(e.floating);
   return {
-    reference: Lt(e.reference, await o(e.floating), e.strategy),
+    reference: Dt(e.reference, await o(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -897,117 +897,120 @@ const _t = async function(e) {
     }
   };
 };
-function Dt(e) {
+function Pt(e) {
   return L(e).direction === "rtl";
 }
-const Pt = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Rt,
-  getDocumentElement: P,
-  getClippingRect: It,
-  getOffsetParent: Ge,
-  getElementRects: _t,
-  getClientRects: kt,
-  getDimensions: Nt,
+const Vt = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: kt,
+  getDocumentElement: F,
+  getClippingRect: Lt,
+  getOffsetParent: Je,
+  getElementRects: Ft,
+  getClientRects: At,
+  getDimensions: _t,
   getScale: Z,
-  isElement: N,
-  isRTL: Dt
+  isElement: I,
+  isRTL: Pt
 };
-function Ft(e, o) {
+function Qe(e, o) {
+  return e.x === o.x && e.y === o.y && e.width === o.width && e.height === o.height;
+}
+function Wt(e, o) {
   let t = null, n;
-  const i = P(e);
+  const i = F(e);
   function s() {
     var l;
     clearTimeout(n), (l = t) == null || l.disconnect(), t = null;
   }
-  function r(l, c) {
-    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
-    const {
-      left: a,
-      top: u,
-      width: d,
-      height: m
-    } = e.getBoundingClientRect();
-    if (l || o(), !d || !m)
+  function r(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+    const c = e.getBoundingClientRect(), {
+      left: u,
+      top: d,
+      width: h,
+      height: f
+    } = c;
+    if (l || o(), !h || !f)
       return;
-    const f = ie(u), g = ie(i.clientWidth - (a + d)), w = ie(i.clientHeight - (u + m)), x = ie(a), p = {
-      rootMargin: -f + "px " + -g + "px " + -w + "px " + -x + "px",
-      threshold: H(0, le(1, c)) || 1
+    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
     };
-    let v = !0;
-    function E(y) {
-      const O = y[0].intersectionRatio;
-      if (O !== c) {
-        if (!v)
+    let E = !0;
+    function y(R) {
+      const O = R[0].intersectionRatio;
+      if (O !== a) {
+        if (!E)
           return r();
         O ? r(!1, O) : n = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
-      v = !1;
+      O === 1 && !Qe(c, e.getBoundingClientRect()) && r(), E = !1;
     }
     try {
-      t = new IntersectionObserver(E, {
-        ...p,
+      t = new IntersectionObserver(y, {
+        ...v,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(E, p);
+      t = new IntersectionObserver(y, v);
     }
     t.observe(e);
   }
   return r(!0), s;
 }
-function Vt(e, o, t, n) {
+function Bt(e, o, t, n) {
   n === void 0 && (n = {});
   const {
     ancestorScroll: i = !0,
     ancestorResize: s = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: c = !1
-  } = n, a = ke(e), u = i || s ? [...a ? ne(a) : [], ...ne(o)] : [];
-  u.forEach((h) => {
-    i && h.addEventListener("scroll", t, {
+    animationFrame: a = !1
+  } = n, c = Me(e), u = i || s ? [...c ? ne(c) : [], ...ne(o)] : [];
+  u.forEach((m) => {
+    i && m.addEventListener("scroll", t, {
       passive: !0
-    }), s && h.addEventListener("resize", t);
+    }), s && m.addEventListener("resize", t);
   });
-  const d = a && l ? Ft(a, t) : null;
-  let m = -1, f = null;
-  r && (f = new ResizeObserver((h) => {
-    let [p] = h;
-    p && p.target === a && f && (f.unobserve(o), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+  const d = c && l ? Wt(c, 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(() => {
       var v;
       (v = f) == null || v.observe(o);
     })), t();
-  }), a && !c && f.observe(a), f.observe(o));
-  let g, w = c ? K(e) : null;
-  c && x();
-  function x() {
-    const h = K(e);
-    w && (h.x !== w.x || h.y !== w.y || h.width !== w.width || h.height !== w.height) && t(), w = h, g = requestAnimationFrame(x);
+  }), 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);
   }
   return t(), () => {
-    var h;
+    var m;
     u.forEach((p) => {
       i && p.removeEventListener("scroll", t), s && p.removeEventListener("resize", t);
-    }), d == null || d(), (h = f) == null || h.disconnect(), f = null, c && cancelAnimationFrame(g);
+    }), d == null || d(), (m = f) == null || m.disconnect(), f = null, a && cancelAnimationFrame(g);
   };
 }
-const Wt = bt, Bt = vt, jt = xt, $t = (e, o, t) => {
+const jt = Et, $t = St, Ht = bt, Ut = (e, o, t) => {
   const n = /* @__PURE__ */ new Map(), i = {
-    platform: Pt,
+    platform: Vt,
     ...t
   }, s = {
     ...i.platform,
     _c: n
   };
-  return wt(e, o, {
+  return yt(e, o, {
     ...i,
     platform: s
   });
 };
-var se = typeof document < "u" ? tt : re;
+var se = typeof document < "u" ? ot : re;
 function fe(e, o) {
   if (e === o)
     return !0;
@@ -1038,11 +1041,11 @@ function fe(e, o) {
   }
   return e !== e && o !== o;
 }
-function Je(e) {
+function et(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function _e(e, o) {
-  const t = Je(e);
+  const t = et(e);
   return Math.round(o * t) / t;
 }
 function ye(e) {
@@ -1051,7 +1054,7 @@ function ye(e) {
     o.current = e;
   }), o;
 }
-function Ht(e) {
+function qt(e) {
   e === void 0 && (e = {});
   const {
     placement: o = "bottom",
@@ -1063,8 +1066,8 @@ function Ht(e) {
       floating: r
     } = {},
     transform: l = !0,
-    whileElementsMounted: c,
-    open: a
+    whileElementsMounted: a,
+    open: c
   } = e, [u, d] = C.useState({
     x: 0,
     y: 0,
@@ -1072,56 +1075,56 @@ function Ht(e) {
     placement: o,
     middlewareData: {},
     isPositioned: !1
-  }), [m, f] = C.useState(n);
-  fe(m, n) || f(n);
-  const [g, w] = C.useState(null), [x, h] = C.useState(null), p = C.useCallback((S) => {
-    S !== O.current && (O.current = S, w(S));
+  }), [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 !== R.current && (R.current = S, h(S));
-  }, []), E = s || g, y = r || x, O = C.useRef(null), R = C.useRef(null), z = C.useRef(u), Y = c != null, F = ye(c), q = ye(i), ee = ye(a), B = C.useCallback(() => {
-    if (!O.current || !R.current)
+    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)
       return;
     const S = {
       placement: o,
       strategy: t,
-      middleware: m
+      middleware: h
     };
-    q.current && (S.platform = q.current), $t(O.current, R.current, S).then((T) => {
+    Y.current && (S.platform = Y.current), Ut(R.current, O.current, S).then((A) => {
       const j = {
-        ...T,
+        ...A,
         // 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
       };
-      I.current && !fe(z.current, j) && (z.current = j, ot.flushSync(() => {
+      N.current && !fe(z.current, j) && (z.current = j, st.flushSync(() => {
         d(j);
       }));
     });
-  }, [m, o, t, q, ee]);
+  }, [h, o, t, Y, ee]);
   se(() => {
-    a === !1 && z.current.isPositioned && (z.current.isPositioned = !1, d((S) => ({
+    c === !1 && z.current.isPositioned && (z.current.isPositioned = !1, d((S) => ({
       ...S,
       isPositioned: !1
     })));
-  }, [a]);
-  const I = C.useRef(!1);
-  se(() => (I.current = !0, () => {
-    I.current = !1;
+  }, [c]);
+  const N = C.useRef(!1);
+  se(() => (N.current = !0, () => {
+    N.current = !1;
   }), []), se(() => {
-    if (E && (O.current = E), y && (R.current = y), E && y) {
-      if (F.current)
-        return F.current(E, y, B);
+    if (E && (R.current = E), y && (O.current = y), E && y) {
+      if (P.current)
+        return P.current(E, y, B);
       B();
     }
-  }, [E, y, B, F, Y]);
+  }, [E, y, B, P, K]);
   const te = C.useMemo(() => ({
-    reference: O,
-    floating: R,
+    reference: R,
+    floating: O,
     setReference: p,
     setFloating: v
-  }), [p, v]), M = C.useMemo(() => ({
+  }), [p, v]), k = C.useMemo(() => ({
     reference: E,
     floating: y
   }), [E, y]), V = C.useMemo(() => {
@@ -1130,40 +1133,40 @@ function Ht(e) {
       left: 0,
       top: 0
     };
-    if (!M.floating)
+    if (!k.floating)
       return S;
-    const T = _e(M.floating, u.x), j = _e(M.floating, u.y);
+    const A = _e(k.floating, u.x), j = _e(k.floating, u.y);
     return l ? {
       ...S,
-      transform: "translate(" + T + "px, " + j + "px)",
-      ...Je(M.floating) >= 1.5 && {
+      transform: "translate(" + A + "px, " + j + "px)",
+      ...et(k.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: t,
-      left: T,
+      left: A,
       top: j
     };
-  }, [t, l, M.floating, u.x, u.y]);
+  }, [t, l, k.floating, u.x, u.y]);
   return C.useMemo(() => ({
     ...u,
     update: B,
     refs: te,
-    elements: M,
+    elements: k,
     floatingStyles: V
-  }), [u, B, te, M, V]);
+  }), [u, B, te, k, V]);
 }
-const Ut = (e, o) => ({
-  ...Wt(e),
-  options: [e, o]
-}), Kt = (e, o) => ({
-  ...Bt(e),
+const Kt = (e, o) => ({
+  ...jt(e),
   options: [e, o]
 }), Yt = (e, o) => ({
-  ...jt(e),
+  ...$t(e),
+  options: [e, o]
+}), Xt = (e, o) => ({
+  ...Ht(e),
   options: [e, o]
 });
-function qt(e, o) {
+function Zt(e, o) {
   return () => {
     if (typeof document > "u")
       return;
@@ -1175,7 +1178,7 @@ function qt(e, o) {
     };
   };
 }
-function Qe(e) {
+function tt(e) {
   const {
     className: o,
     placement: t = "bottom-start",
@@ -1184,56 +1187,56 @@ function Qe(e) {
     children: s,
     onClose: r,
     onOpen: l,
-    disabled: c = !1,
-    show: a = !1,
+    disabled: a = !1,
+    show: c = !1,
     setShow: u,
     role: d = "tooltip",
-    style: m,
+    style: h,
     ...f
-  } = e, [g, w] = de(a), x = () => u !== void 0 && a !== void 0 ? a : g, h = () => u !== void 0 && a !== void 0 ? u : w, { x: p, y: v, strategy: E, refs: y } = Ht({
-    open: x(),
-    middleware: [Ut(4), Yt(), Kt()],
-    whileElementsMounted: Vt,
+  } = 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,
     placement: t
-  }), O = nt();
+  }), R = it();
   return re(
-    qt(y.floating, (R) => {
-      R && h()(!1);
+    Zt(y.floating, (O) => {
+      O && m()(!1);
     }),
     []
-  ), /* @__PURE__ */ W(Fe, { children: [
+  ), /* @__PURE__ */ W(Ve, { children: [
     /* @__PURE__ */ b(
       "div",
       {
         className: "z-auto min-w-fit max-w-fit",
-        id: `zen__popover-${O}`,
+        id: `zen__popover-${R}`,
         ref: y.setReference,
-        onClick: (R) => {
+        onClick: (O) => {
           if (n === "click") {
-            if (c)
+            if (a)
               return;
-            x() ? (h()(!1), r == null || r()) : (h()(!0), l == null || l());
+            w() ? (m()(!1), r == null || r()) : (m()(!0), l == null || l());
           }
-          R.stopPropagation();
+          O.stopPropagation();
         },
         role: d,
         children: s
       }
     ),
-    x() && it(
+    w() && rt(
       /* @__PURE__ */ b(
         "div",
         {
           ...f,
-          onClick: (R) => R.stopPropagation(),
+          onClick: (O) => O.stopPropagation(),
           role: "tooltip",
-          className: k(
+          className: M(
             "zen__popover z-50 w-fit rounded border border-border bg-background shadow-secondary",
             o
           ),
           ref: y.setFloating,
           style: {
-            ...m,
+            ...h,
             position: E,
             top: v ?? 0,
             left: p ?? 0
@@ -1245,66 +1248,66 @@ function Qe(e) {
     )
   ] });
 }
-function Xt(e) {
-  var w, x;
+function Gt(e) {
+  var x, w;
   const {
     items: o = [],
     children: t,
     moreItemsLabel: n = "",
     parentRef: i,
     data: s,
-    estimator: r = (h, p) => p + 30,
+    estimator: r = (m, p) => p + 30,
     font: l = "12px Inter",
-    badgeVariant: c = "secondary",
-    badgeStyles: a
+    badgeVariant: a = "secondary",
+    badgeStyles: c
   } = e, [u, d] = de({
     visible: o,
     hidden: []
-  }), m = ve(() => {
+  }), h = ve(() => {
     if (typeof document > "u")
       return null;
     const p = document.createElement("canvas").getContext("2d");
     return p && (p.font = l), p;
   }, []), f = () => {
-    const h = i == null ? void 0 : i.current;
-    if (!h)
+    const m = i == null ? void 0 : i.current;
+    if (!m)
       return;
-    const p = h.offsetWidth, v = [], E = [], y = r(
+    const p = m.offsetWidth, v = [], E = [], y = r(
       n,
-      ((m == null ? void 0 : m.measureText(n).width) ?? 0) + 10
+      ((h == null ? void 0 : h.measureText(n).width) ?? 0) + 10
     );
-    g == null || g.reduce((O, R, z) => (O + R + y > p - 20 ? E.push(o[z]) : v.push(o[z]), O + R), 0), d({
+    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 = ve(
-    () => (o == null ? void 0 : o.map((h) => r(h, (m == null ? void 0 : m.measureText(h).width) ?? 0))) ?? [],
+    () => (o == null ? void 0 : o.map((m) => r(m, (h == null ? void 0 : h.measureText(m).width) ?? 0))) ?? [],
     [o]
   );
   return re(() => {
     f();
   }, [o]), re(() => {
     if (!(i != null && i.current)) return;
-    const h = new ResizeObserver(() => {
+    const m = new ResizeObserver(() => {
       f();
     });
-    return h.observe(i.current), () => {
-      h.disconnect();
+    return m.observe(i.current), () => {
+      m.disconnect();
     };
-  }, [o]), /* @__PURE__ */ W(Fe, { children: [
-    (w = u.visible) == null ? void 0 : w.map((h, p) => t(h, p, s == null ? void 0 : s[p])),
-    ((x = u.hidden) == null ? void 0 : x.length) > 0 && /* @__PURE__ */ b(
-      Qe,
+  }, [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,
       {
         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(
-          (h, p) => t(
-            h,
+          (m, p) => t(
+            m,
             u.visible.length + p,
             s == null ? void 0 : s[u.visible.length + p]
           )
         ) }),
-        children: /* @__PURE__ */ b(We, { className: a, variant: c, children: /* @__PURE__ */ b("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
+        children: /* @__PURE__ */ b(Be, { className: c, variant: a, children: /* @__PURE__ */ b("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
       }
     )
   ] });
@@ -1312,33 +1315,33 @@ function Xt(e) {
 function X(e, o, t) {
   let n = t.initialDeps ?? [], i;
   return () => {
-    var s, r, l, c;
-    let a;
-    t.key && ((s = t.debug) != null && s.call(t)) && (a = Date.now());
+    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 m;
-    if (t.key && ((r = t.debug) != null && r.call(t)) && (m = Date.now()), i = o(...u), t.key && ((l = t.debug) != null && l.call(t))) {
-      const f = Math.round((Date.now() - a) * 100) / 100, g = Math.round((Date.now() - m) * 100) / 100, w = g / 16, x = (h, p) => {
-        for (h = String(h); h.length < p; )
-          h = " " + h;
-        return h;
+    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;
       };
       console.info(
-        `%c⏱ ${x(g, 5)} /${x(f, 5)} ms`,
+        `%c⏱ ${w(g, 5)} /${w(f, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * w, 120)
+          Math.min(120 - 120 * x, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
     }
-    return (c = t == null ? void 0 : t.onChange) == null || c.call(t, i), i;
+    return (a = t == null ? void 0 : t.onChange) == null || a.call(t, i), i;
   };
 }
 function be(e, o) {
@@ -1346,17 +1349,17 @@ function be(e, o) {
     throw new Error("Unexpected undefined");
   return e;
 }
-const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
+const Jt = (e, o) => Math.abs(e - o) < 1, Qt = (e, o, t) => {
   let n;
   return function(...i) {
     e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, i), t);
   };
-}, Jt = (e) => e, Qt = (e) => {
+}, en = (e) => e, tn = (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);
   return n;
-}, en = (e, o) => {
+}, nn = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -1364,29 +1367,32 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   if (!n)
     return;
   const i = (r) => {
-    const { width: l, height: c } = r;
-    o({ width: Math.round(l), height: Math.round(c) });
+    const { width: l, height: a } = r;
+    o({ width: Math.round(l), height: Math.round(a) });
   };
   if (i(t.getBoundingClientRect()), !n.ResizeObserver)
     return () => {
     };
   const s = new n.ResizeObserver((r) => {
-    const l = r[0];
-    if (l != null && l.borderBoxSize) {
-      const c = l.borderBoxSize[0];
-      if (c) {
-        i({ width: c.inlineSize, height: c.blockSize });
-        return;
+    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 });
+          return;
+        }
       }
-    }
-    i(t.getBoundingClientRect());
+      i(t.getBoundingClientRect());
+    };
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
   return s.observe(t, { box: "border-box" }), () => {
     s.unobserve(t);
   };
 }, De = {
   passive: !0
-}, tn = typeof window > "u" ? !0 : "onscrollend" in window, nn = (e, o) => {
+}, Fe = typeof window > "u" ? !0 : "onscrollend" in window, on = (e, o) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -1394,21 +1400,23 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   if (!n)
     return;
   let i = 0;
-  const s = e.options.useScrollendEvent && tn ? () => {
-  } : Gt(
+  const s = e.options.useScrollendEvent && Fe ? () => {
+  } : Qt(
     n,
     () => {
       o(i, !1);
     },
     e.options.isScrollingResetDelay
-  ), r = (a) => () => {
-    const { horizontal: u, isRtl: d } = e.options;
-    i = u ? t.scrollLeft * (d && -1 || 1) : t.scrollTop, s(), o(i, a);
-  }, l = r(!0), c = r(!1);
-  return c(), t.addEventListener("scroll", l, De), t.addEventListener("scrollend", c, De), () => {
-    t.removeEventListener("scroll", l), t.removeEventListener("scrollend", c);
+  ), r = (u) => () => {
+    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);
   };
-}, on = (e, o, t) => {
+}, sn = (e, o, t) => {
   if (o != null && o.borderBoxSize) {
     const n = o.borderBoxSize[0];
     if (n)
@@ -1419,7 +1427,7 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   return Math.round(
     e.getBoundingClientRect()[t.options.horizontal ? "width" : "height"]
   );
-}, sn = (e, {
+}, rn = (e, {
   adjustments: o = 0,
   behavior: t
 }, n) => {
@@ -1430,13 +1438,16 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
     behavior: t
   });
 };
-class rn {
+class ln {
   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__ */ (() => {
       let t = null;
       const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((i) => {
         i.forEach((s) => {
-          this._measureElement(s.target, s);
+          const r = () => {
+            this._measureElement(s.target, s);
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
         });
       }));
       return {
@@ -1465,11 +1476,11 @@ class rn {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Jt,
-        rangeExtractor: Qt,
+        getItemKey: en,
+        rangeExtractor: tn,
         onChange: () => {
         },
-        measureElement: on,
+        measureElement: sn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -1480,6 +1491,7 @@ class rn {
         enabled: !0,
         isRtl: !1,
         useScrollendEvent: !0,
+        useAnimationFrameWithResizeObserver: !1,
         ...t
       };
     }, this.notify = (t) => {
@@ -1536,10 +1548,10 @@ class rn {
         const l = t[r];
         if (i.has(l.lane))
           continue;
-        const c = s.get(
+        const a = s.get(
           l.lane
         );
-        if (c == null || l.end > c.end ? s.set(l.lane, l) : l.end < c.end && i.set(l.lane, !0), i.size === this.options.lanes)
+        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)
           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;
@@ -1569,52 +1581,63 @@ class rn {
         this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
           this.itemSizeCache.set(u.key, u.size);
         }));
-        const c = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const a = this.measurementsCache.slice(0, c);
-        for (let u = c; u < t; u++) {
-          const d = s(u), m = this.options.lanes === 1 ? a[u - 1] : this.getFurthestMeasurement(a, u), f = m ? m.end + this.options.gap : n + i, g = l.get(d), w = typeof g == "number" ? g : this.options.estimateSize(u), x = f + w, h = m ? m.lane : u % this.options.lanes;
-          a[u] = {
+        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,
             start: f,
-            size: w,
-            end: x,
+            size: x,
+            end: w,
             key: d,
-            lane: h
+            lane: m
           };
         }
-        return this.measurementsCache = a, a;
+        return this.measurementsCache = c, c;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
     ), this.calculateRange = X(
-      () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, i) => this.range = t.length > 0 && n > 0 ? ln({
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (t, n, i, s) => this.range = t.length > 0 && n > 0 ? cn({
         measurements: t,
         outerSize: n,
-        scrollOffset: i
+        scrollOffset: i,
+        lanes: s
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getIndexes = X(
-      () => [
-        this.options.rangeExtractor,
-        this.calculateRange(),
-        this.options.overscan,
-        this.options.count
-      ],
-      (t, n, i, s) => n === null ? [] : t({
-        startIndex: n.startIndex,
-        endIndex: n.endIndex,
-        overscan: i,
-        count: s
+    ), this.getVirtualIndexes = X(
+      () => {
+        let t = null, n = null;
+        const i = this.calculateRange();
+        return i && (t = i.startIndex, n = i.endIndex), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          t,
+          n
+        ];
+      },
+      (t, n, i, s, r) => s === null || r === null ? [] : t({
+        startIndex: s,
+        endIndex: r,
+        overscan: n,
+        count: i
       }),
       {
-        key: process.env.NODE_ENV !== "production" && "getIndexes",
+        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (t) => {
@@ -1646,12 +1669,12 @@ class rn {
       }
       this._measureElement(t, void 0);
     }, this.getVirtualItems = X(
-      () => [this.getIndexes(), this.getMeasurements()],
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
       (t, n) => {
         const i = [];
         for (let s = 0, r = t.length; s < r; s++) {
-          const l = t[s], c = n[l];
-          i.push(c);
+          const l = t[s], a = n[l];
+          i.push(a);
         }
         return i;
       },
@@ -1663,17 +1686,17 @@ class rn {
       const n = this.getMeasurements();
       if (n.length !== 0)
         return be(
-          n[et(
+          n[nt(
             0,
             n.length - 1,
             (i) => be(n[i]).start,
             t
           )]
         );
-    }, this.getOffsetForAlignment = (t, n) => {
-      const i = this.getSize(), s = this.getScrollOffset();
-      n === "auto" && (t <= s ? n = "start" : t >= s + i ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - i : n === "center" && (t = t - i / 2);
-      const r = this.options.horizontal ? "scrollWidth" : "scrollHeight", c = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[r] : this.scrollElement[r] : 0) - i;
+    }, 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.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
@@ -1689,7 +1712,10 @@ class rn {
         else
           return [r, n];
       const l = n === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(l, n), n];
+      return [
+        this.getOffsetForAlignment(l, n, i.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 } = {}) => {
@@ -1710,10 +1736,10 @@ class rn {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
-          const [a] = be(
+          const [c] = be(
             this.getOffsetForIndex(t, l)
           );
-          Zt(a, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: i });
+          Jt(c, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: i });
         } else
           this.scrollToIndex(t, { align: l, behavior: i });
       }));
@@ -1744,7 +1770,7 @@ class rn {
     }, this.setOptions(o);
   }
 }
-const et = (e, o, t, n) => {
+const nt = (e, o, t, n) => {
   for (; e <= o; ) {
     const i = (e + o) / 2 | 0, s = t(i);
     if (s < n)
@@ -1756,39 +1782,45 @@ const et = (e, o, t, n) => {
   }
   return e > 0 ? e - 1 : 0;
 };
-function ln({
+function cn({
   measurements: e,
   outerSize: o,
-  scrollOffset: t
+  scrollOffset: t,
+  lanes: n
 }) {
-  const n = e.length - 1, s = et(0, n, (l) => e[l].start, t);
-  let r = s;
-  for (; r < n && e[r].end < t + o; )
-    r++;
-  return { startIndex: s, endIndex: r };
+  const i = e.length - 1;
+  let r = nt(
+    0,
+    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 };
 }
 const Pe = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
-function cn(e) {
+function an(e) {
   const o = C.useReducer(() => ({}), {})[1], t = {
     ...e,
     onChange: (i, s) => {
       var r;
-      s ? st(o) : o(), (r = e.onChange) == null || r.call(e, i, s);
+      s ? lt(o) : o(), (r = e.onChange) == null || r.call(e, i, s);
     }
   }, [n] = C.useState(
-    () => new rn(t)
+    () => new ln(t)
   );
   return n.setOptions(t), Pe(() => n._didMount(), []), Pe(() => n._willUpdate()), n;
 }
-function an(e) {
-  return cn({
-    observeElementRect: en,
-    observeElementOffset: nn,
-    scrollToFn: sn,
+function un(e) {
+  return an({
+    observeElementRect: nn,
+    observeElementOffset: on,
+    scrollToFn: rn,
     ...e
   });
 }
-function un(e) {
+function fn(e) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -1803,7 +1835,7 @@ function un(e) {
     }
   );
 }
-function fn(e) {
+function dn(e) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -1825,7 +1857,7 @@ function fn(e) {
     }
   );
 }
-function dn(e) {
+function hn(e) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -1850,35 +1882,35 @@ function wn(e) {
     disabled: s,
     placeholder: r = "Select an Item",
     multiple: l,
-    mutable: c,
-    onAdd: a
-  } = e, u = Ee(null), [d, m] = de(!1), f = Ee(null);
+    mutable: a,
+    onAdd: c
+  } = e, u = Ee(null), [d, h] = de(!1), f = Ee(null);
   return /* @__PURE__ */ b(
-    Qe,
+    tt,
     {
       placement: "bottom",
       trigger: "click",
       show: d,
-      setShow: m,
+      setShow: h,
       role: "combobox",
       disabled: s,
       style: {
         "--input-width": `${(g = f.current) == null ? void 0 : g.offsetWidth}px`
       },
       content: /* @__PURE__ */ b(
-        hn,
+        mn,
         {
-          ...c ? { mutable: c, onAdd: a } : { mutable: c },
+          ...a ? { mutable: a, onAdd: c } : { mutable: a },
           ...l ? { multiple: l, items: o, onChange: i, selected: t } : { items: o, onChange: i, selected: t }
         }
       ),
       children: /* @__PURE__ */ W(
         "div",
         {
-          className: k(
+          className: M(
             "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",
-            d && "border-primary shadow-sm shadow-ring",
+            d && "border-primary shadow-xs shadow-ring",
             n
           ),
           ref: f,
@@ -1886,51 +1918,51 @@ function wn(e) {
             /* @__PURE__ */ b(
               "div",
               {
-                className: k(
+                className: M(
                   "flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm",
                   s ? "text-muted-foreground" : "text-foreground"
                 ),
                 ref: u,
                 children: l ? /* @__PURE__ */ b(
-                  Xt,
+                  Gt,
                   {
-                    items: t.map((w) => w.text),
+                    items: t.map((x) => x.text),
                     data: t,
                     parentRef: u,
-                    estimator: (w, x) => x + 40,
+                    estimator: (x, w) => w + 40,
                     badgeVariant: "secondary",
-                    badgeStyles: "!bg-input h-6 min-w-min gap-2 !bg-input",
-                    children: (w, x, h) => /* @__PURE__ */ W(
-                      We,
+                    badgeStyles: "bg-input! h-6 min-w-min gap-2 bg-input!",
+                    children: (x, w, m) => /* @__PURE__ */ W(
+                      Be,
                       {
-                        className: "flex h-6 min-w-min gap-2 !bg-input pr-1",
+                        className: "flex h-6 min-w-min gap-2 bg-input! pr-1",
                         variant: "secondary",
                         children: [
-                          w,
+                          x,
                           /* @__PURE__ */ b(
-                            lt,
+                            at,
                             {
                               onClick: () => {
-                                i(t.filter((p) => p.key !== (h == null ? void 0 : h.key)));
+                                i(t.filter((p) => p.key !== (m == null ? void 0 : m.key)));
                               },
                               variant: "icon",
                               size: "icon",
                               className: "group bg-muted p-0.5 hover:bg-muted-foreground",
-                              children: /* @__PURE__ */ b(dn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
+                              children: /* @__PURE__ */ b(hn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
                             }
                           )
                         ]
                       },
-                      `collapsed_item_${x}`
+                      `collapsed_item_${w}`
                     )
                   }
                 ) : t.text ?? r
               }
             ),
             /* @__PURE__ */ b(
-              un,
+              fn,
               {
-                className: k(
+                className: M(
                   "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"
@@ -1943,33 +1975,33 @@ function wn(e) {
     }
   );
 }
-function hn(e) {
-  const { items: o, multiple: t, selected: n, onChange: i, mutable: s, onAdd: r } = e, [l, c] = de(""), a = Ee(null), u = ve(
+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(
     () => o.reduce((f, g) => ((!l.length || g.text.toLowerCase().includes(l.toLowerCase())) && f.push(g), f), []),
     [o, l]
-  ), d = an({
+  ), d = un({
     count: u.length,
-    getScrollElement: () => a.current,
+    getScrollElement: () => c.current,
     estimateSize: () => 35
-  }), m = n instanceof Array ? n.map((f) => f.key) : [n.key];
+  }), 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: k("inline-flex grow items-center rounded px-3 py-2"), children: [
-      /* @__PURE__ */ b(fn, { className: "left-3 top-3 mr-2 size-4 text-muted-foreground" }),
+    /* @__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(
         "input",
         {
-          className: "inline-flex grow bg-transparent text-sm text-foreground outline-none",
+          className: "inline-flex grow bg-transparent text-sm text-foreground outline-hidden",
           placeholder: "Search",
           value: l,
-          onChange: (f) => c(f.target.value)
+          onChange: (f) => a(f.target.value)
         }
       )
     ] }),
     /* @__PURE__ */ W(
       "ul",
       {
-        className: k("max-h-60 grow overflow-auto shadow", "focus:outline-none focus:ring-0"),
-        ref: a,
+        className: M("max-h-60 grow overflow-auto shadow-sm", "focus:outline-hidden focus:ring-0"),
+        ref: c,
         children: [
           /* @__PURE__ */ b(
             "div",
@@ -1986,12 +2018,12 @@ function hn(e) {
                     height: `${f.size}px`,
                     transform: `translateY(${f.start}px)`
                   },
-                  className: k(
+                  className: M(
                     "absolute left-0 top-0 w-full cursor-pointer px-3 py-2 text-sm text-foreground",
-                    m.includes(u[f.index].key) ? "bg-primary/90 text-primary-foreground" : "transition hover:bg-primary/60"
+                    h.includes(u[f.index].key) ? "bg-primary/90 text-primary-foreground" : "transition hover:bg-primary/60"
                   ),
                   onClick: () => {
-                    t ? m.includes(u[f.index].key) ? i(
+                    t ? h.includes(u[f.index].key) ? i(
                       structuredClone(
                         n.filter(
                           (g) => g.key !== u[f.index].key
@@ -2008,22 +2040,22 @@ function hn(e) {
           l.length > 0 && u.length === 0 && (s ? /* @__PURE__ */ W(
             "li",
             {
-              className: k("px-3 py-2 text-sm text-foreground"),
+              className: M("px-3 py-2 text-sm text-foreground"),
               onClick: () => {
-                r({ text: l, key: l }), c("");
+                r({ text: l, key: l }), a("");
               },
               children: [
                 "Add ",
                 l
               ]
             }
-          ) : /* @__PURE__ */ b("li", { className: k("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
+          ) : /* @__PURE__ */ b("li", { className: M("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
         ]
       }
     )
   ] });
 }
-function xn(e) {
+function yn(e) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -2038,15 +2070,15 @@ function xn(e) {
     }
   );
 }
-function yn(e) {
+function bn(e) {
   const { className: o, ...t } = e;
   return /* @__PURE__ */ b(
     "input",
     {
-      className: k(
+      className: M(
         "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-sm focus-visible:shadow-ring focus-visible:outline-none",
-        "read-only:cursor-pointer read-only:!border-none read-only:bg-transparent read-only:text-foreground read-only:!shadow-none read-only:!outline-none",
+        "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!",
         "disabled:cursor-not-allowed disabled:bg-muted disabled:text-muted",
         "file:border-0 file:bg-transparent file:text-sm file:font-medium",
         o
@@ -2055,12 +2087,12 @@ function yn(e) {
     }
   );
 }
-function bn(e) {
+function vn(e) {
   const { className: o, checked: t, onChange: n, defaultChecked: i, ...s } = e;
   return /* @__PURE__ */ W(
     "div",
     {
-      className: k(
+      className: M(
         "rounded-full",
         "h-5 w-10",
         "border border-muted bg-secondary",
@@ -2073,7 +2105,7 @@ function bn(e) {
         /* @__PURE__ */ b(
           "div",
           {
-            className: k(
+            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"
             )
@@ -2084,16 +2116,16 @@ function bn(e) {
   );
 }
 export {
-  We as Badge,
-  lt as Button,
-  xn as ChevronDown,
-  un as ChevronUp,
-  Xt as Collapse,
+  Be as Badge,
+  at as Button,
+  yn as ChevronDown,
+  fn as ChevronUp,
+  Gt as Collapse,
   wn as Dropdown,
-  yn as Input,
-  Qe as Popover,
-  fn as Search,
-  bn as Toggle,
-  Ve as cva,
-  k as cx
+  bn as Input,
+  tt as Popover,
+  dn as Search,
+  vn as Toggle,
+  We as cva,
+  M as cx
 };