@rinzai/zen 0.1.6 → 0.1.8

package/dist/zen.js

@@ -1,34 +1,34 @@
-import { jsx as b, jsxs as W, Fragment as Pe } from "react/jsx-runtime";
+import { jsx as b, jsxs as W, Fragment as Fe } 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 Fe } 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 st, flushSync as it } from "react-dom";
-const R = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "string" || typeof t == "number" ? o + " " + t : Array.isArray(t) ? o + " " + R(...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, ""), Me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ve = (e, o) => (t) => {
+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 R(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: n, defaultVariants: s } = o, i = Object.keys(n).map((a) => {
-    const u = t == null ? void 0 : t[a], f = s == null ? void 0 : s[a];
+  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];
     if (u === null) return null;
-    const g = Me(u) || Me(f);
-    return n[a][g];
+    const m = Te(u) || Te(d);
+    return n[a][m];
   }), r = t && Object.entries(t).reduce(
-    (a, [u, f]) => (f === void 0 || (a[u] = f), a),
+    (a, [u, d]) => (d === void 0 || (a[u] = d), a),
     {}
   ), l = (c = o == null ? void 0 : o.compoundVariants) == null ? void 0 : c.reduce(
-    (a, { class: u, className: f, ...g }) => Object.entries(g).every(
-      ([h, d]) => Array.isArray(d) ? d.includes(
+    (a, { class: u, className: d, ...m }) => Object.entries(m).every(
+      ([f, g]) => Array.isArray(g) ? g.includes(
         {
-          ...s,
+          ...i,
           ...r
-        }[h]
+        }[f]
       ) : {
-        ...s,
+        ...i,
         ...r
-      }[h] === d
-    ) ? [...a, u, f] : a,
+      }[f] === g
+    ) ? [...a, u, d] : a,
     []
   );
-  return R(e, i, l, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  return k(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 }) });
@@ -77,7 +77,7 @@ const ct = Ve(
       size: "default"
     }
   }
-), le = Math.min, H = Math.max, ce = Math.round, se = Math.floor, _ = (e) => ({
+), le = Math.min, H = Math.max, ce = Math.round, ie = Math.floor, _ = (e) => ({
   x: e,
   y: e
 }), at = {
@@ -89,7 +89,7 @@ const ct = Ve(
   start: "end",
   end: "start"
 };
-function Te(e, o, t) {
+function Ae(e, o, t) {
   return H(e, le(o, t));
 }
 function he(e, o) {
@@ -115,34 +115,34 @@ function $e(e) {
 }
 function ft(e, o, t) {
   t === void 0 && (t = !1);
-  const n = me(e), s = $e(e), i = je(s);
-  let r = s === "x" ? n === (t ? "end" : "start") ? "right" : "left" : n === "start" ? "bottom" : "top";
-  return o.reference[i] > o.floating[i] && (r = ae(r)), [r, ae(r)];
+  const n = me(e), i = $e(e), s = je(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) {
   const o = ae(e);
-  return [Ee(e), o, Ee(o)];
+  return [Se(e), o, Se(o)];
 }
-function Ee(e) {
+function Se(e) {
   return e.replace(/start|end/g, (o) => ut[o]);
 }
 function ht(e, o, t) {
-  const n = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
+  const n = ["left", "right"], i = ["right", "left"], s = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
-      return t ? o ? s : n : o ? n : s;
+      return t ? o ? i : n : o ? n : i;
     case "left":
     case "right":
-      return o ? i : r;
+      return o ? s : r;
     default:
       return [];
   }
 }
 function mt(e, o, t, n) {
-  const s = me(e);
-  let i = ht(U(e), t === "start", n);
-  return s && (i = i.map((r) => r + "-" + s), o && (i = i.concat(i.map(Ee)))), i;
+  const i = me(e);
+  let s = ht(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]);
@@ -169,98 +169,98 @@ function ue(e) {
     x: o,
     y: t,
     width: n,
-    height: s
+    height: i
   } = e;
   return {
     width: n,
-    height: s,
+    height: i,
     top: t,
     left: o,
     right: o + n,
-    bottom: t + s,
+    bottom: t + i,
     x: o,
     y: t
   };
 }
-function Ae(e, o, t) {
+function ze(e, o, t) {
   let {
     reference: n,
-    floating: s
+    floating: i
   } = e;
-  const i = G(o), r = $e(o), l = je(r), c = U(o), a = i === "y", u = n.x + n.width / 2 - s.width / 2, f = n.y + n.height / 2 - s.height / 2, g = n[l] / 2 - s[l] / 2;
-  let h;
+  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;
+  let f;
   switch (c) {
     case "top":
-      h = {
+      f = {
         x: u,
-        y: n.y - s.height
+        y: n.y - i.height
       };
       break;
     case "bottom":
-      h = {
+      f = {
         x: u,
         y: n.y + n.height
       };
       break;
     case "right":
-      h = {
+      f = {
         x: n.x + n.width,
-        y: f
+        y: d
       };
       break;
     case "left":
-      h = {
-        x: n.x - s.width,
-        y: f
+      f = {
+        x: n.x - i.width,
+        y: d
       };
       break;
     default:
-      h = {
+      f = {
         x: n.x,
         y: n.y
       };
   }
   switch (me(o)) {
     case "start":
-      h[r] -= g * (t && a ? -1 : 1);
+      f[r] -= m * (t && a ? -1 : 1);
       break;
     case "end":
-      h[r] += g * (t && a ? -1 : 1);
+      f[r] += m * (t && a ? -1 : 1);
       break;
   }
-  return h;
+  return f;
 }
-const xt = async (e, o, t) => {
+const wt = async (e, o, t) => {
   const {
     placement: n = "bottom",
-    strategy: s = "absolute",
-    middleware: i = [],
+    strategy: i = "absolute",
+    middleware: s = [],
     platform: r
-  } = t, l = i.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(o));
+  } = t, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(o));
   let a = await r.getElementRects({
     reference: e,
     floating: o,
-    strategy: s
+    strategy: i
   }), {
     x: u,
-    y: f
-  } = Ae(a, n, c), g = n, h = {}, d = 0;
-  for (let p = 0; p < l.length; p++) {
+    y: d
+  } = ze(a, n, c), m = n, f = {}, g = 0;
+  for (let w = 0; w < l.length; w++) {
     const {
-      name: w,
-      fn: m
-    } = l[p], {
-      x,
+      name: x,
+      fn: h
+    } = l[w], {
+      x: p,
       y: v,
       data: E,
       reset: y
-    } = await m({
+    } = await h({
       x: u,
-      y: f,
+      y: d,
       initialPlacement: n,
-      placement: g,
-      strategy: s,
-      middlewareData: h,
+      placement: m,
+      strategy: i,
+      middlewareData: f,
       rects: a,
       platform: r,
       elements: {
@@ -268,27 +268,27 @@ const xt = async (e, o, t) => {
         floating: o
       }
     });
-    u = x ?? u, f = v ?? f, h = {
-      ...h,
-      [w]: {
-        ...h[w],
+    u = p ?? u, d = v ?? d, f = {
+      ...f,
+      [x]: {
+        ...f[x],
         ...E
       }
-    }, y && d <= 50 && (d++, typeof y == "object" && (y.placement && (g = y.placement), y.rects && (a = y.rects === !0 ? await r.getElementRects({
+    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (m = y.placement), y.rects && (a = y.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: o,
-      strategy: s
+      strategy: i
     }) : y.rects), {
       x: u,
-      y: f
-    } = Ae(a, g, c)), p = -1);
+      y: d
+    } = ze(a, m, c)), w = -1);
   }
   return {
     x: u,
-    y: f,
-    placement: g,
-    strategy: s,
-    middlewareData: h
+    y: d,
+    placement: m,
+    strategy: i,
+    middlewareData: f
   };
 };
 async function He(e, o) {
@@ -296,84 +296,84 @@ async function He(e, o) {
   o === void 0 && (o = {});
   const {
     x: n,
-    y: s,
-    platform: i,
+    y: i,
+    platform: s,
     rects: r,
     elements: l,
     strategy: c
   } = e, {
     boundary: a = "clippingAncestors",
     rootBoundary: u = "viewport",
-    elementContext: f = "floating",
-    altBoundary: g = !1,
-    padding: h = 0
-  } = he(o, e), d = pt(h), w = l[g ? f === "floating" ? "reference" : "floating" : f], m = ue(await i.getClippingRect({
-    element: (t = await (i.isElement == null ? void 0 : i.isElement(w))) == null || t ? w : w.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(l.floating)),
+    elementContext: d = "floating",
+    altBoundary: m = !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,
     rootBoundary: u,
     strategy: c
-  })), x = f === "floating" ? {
+  })), p = d === "floating" ? {
     x: n,
-    y: s,
+    y: i,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, v = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(l.floating)), E = await (i.isElement == null ? void 0 : i.isElement(v)) ? await (i.getScale == null ? void 0 : i.getScale(v)) || {
+  } : 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)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, y = ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = ue(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: x,
+    rect: p,
     offsetParent: v,
     strategy: c
-  }) : x);
+  }) : p);
   return {
-    top: (m.top - y.top + d.top) / E.y,
-    bottom: (y.bottom - m.bottom + d.bottom) / E.y,
-    left: (m.left - y.left + d.left) / E.x,
-    right: (y.right - m.right + d.right) / E.x
+    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
   };
 }
-const wt = function(e) {
+const xt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
     async fn(o) {
       var t, n;
       const {
-        placement: s,
-        middlewareData: i,
+        placement: i,
+        middlewareData: s,
         rects: r,
         initialPlacement: l,
         platform: c,
         elements: a
       } = o, {
         mainAxis: u = !0,
-        crossAxis: f = !0,
-        fallbackPlacements: g,
-        fallbackStrategy: h = "bestFit",
-        fallbackAxisSideDirection: d = "none",
-        flipAlignment: p = !0,
-        ...w
+        crossAxis: d = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: w = !0,
+        ...x
       } = he(e, o);
-      if ((t = i.arrow) != null && t.alignmentOffset)
+      if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const m = U(s), x = G(l), v = U(l) === l, E = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), y = g || (v || !p ? [ae(l)] : dt(l)), O = d !== "none";
-      !g && O && y.push(...mt(l, p, d, E));
-      const A = [l, ...y], z = await He(o, w), Y = [];
-      let F = ((n = i.flip) == null ? void 0 : n.overflows) || [];
-      if (u && Y.push(z[m]), f) {
-        const I = ft(s, r, E);
+      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]]);
       }
       if (F = [...F, {
-        placement: s,
+        placement: i,
         overflows: Y
       }], !Y.every((I) => I <= 0)) {
         var q, ee;
-        const I = (((q = i.flip) == null ? void 0 : q.index) || 0) + 1, te = A[I];
+        const I = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, te = R[I];
         if (te)
           return {
             data: {
@@ -384,31 +384,31 @@ const wt = function(e) {
               placement: te
             }
           };
-        let k = (ee = F.filter((V) => V.overflows[0] <= 0).sort((V, S) => V.overflows[1] - S.overflows[1])[0]) == null ? void 0 : ee.placement;
-        if (!k)
-          switch (h) {
+        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)
+          switch (f) {
             case "bestFit": {
               var B;
               const V = (B = F.filter((S) => {
                 if (O) {
-                  const M = G(S.placement);
-                  return M === x || // Create a bias to the `y` side axis due to horizontal
+                  const T = G(S.placement);
+                  return T === p || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  M === "y";
+                  T === "y";
                 }
                 return !0;
-              }).map((S) => [S.placement, S.overflows.filter((M) => M > 0).reduce((M, j) => M + j, 0)]).sort((S, M) => S[1] - M[1])[0]) == null ? void 0 : B[0];
-              V && (k = V);
+              }).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);
               break;
             }
             case "initialPlacement":
-              k = l;
+              M = l;
               break;
           }
-        if (s !== k)
+        if (i !== M)
           return {
             reset: {
-              placement: k
+              placement: M
             }
           };
       }
@@ -420,27 +420,27 @@ async function yt(e, o) {
   const {
     placement: t,
     platform: n,
-    elements: s
-  } = e, i = await (n.isRTL == null ? void 0 : n.isRTL(s.floating)), r = U(t), l = me(t), c = G(t) === "y", a = ["left", "top"].includes(r) ? -1 : 1, u = i && c ? -1 : 1, f = he(o, e);
+    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);
   let {
-    mainAxis: g,
-    crossAxis: h,
-    alignmentAxis: d
-  } = typeof f == "number" ? {
-    mainAxis: f,
+    mainAxis: m,
+    crossAxis: f,
+    alignmentAxis: g
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
   };
-  return l && typeof d == "number" && (h = l === "end" ? d * -1 : d), c ? {
-    x: h * u,
-    y: g * a
+  return l && typeof g == "number" && (f = l === "end" ? g * -1 : g), c ? {
+    x: f * u,
+    y: m * a
   } : {
-    x: g * a,
-    y: h * u
+    x: m * a,
+    y: f * u
   };
 }
 const bt = function(e) {
@@ -450,14 +450,14 @@ const bt = function(e) {
     async fn(o) {
       var t, n;
       const {
-        x: s,
-        y: i,
+        x: i,
+        y: s,
         placement: r,
         middlewareData: l
       } = o, c = await yt(o, e);
       return r === ((t = l.offset) == null ? void 0 : t.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: s + c.x,
-        y: i + c.y,
+        x: i + c.x,
+        y: s + c.y,
         data: {
           ...c,
           placement: r
@@ -473,19 +473,19 @@ const bt = function(e) {
       const {
         x: t,
         y: n,
-        placement: s
+        placement: i
       } = o, {
-        mainAxis: i = !0,
+        mainAxis: s = !0,
         crossAxis: r = !1,
         limiter: l = {
-          fn: (w) => {
+          fn: (x) => {
             let {
-              x: m,
-              y: x
-            } = w;
+              x: h,
+              y: p
+            } = x;
             return {
-              x: m,
-              y: x
+              x: h,
+              y: p
             };
           }
         },
@@ -493,29 +493,29 @@ const bt = function(e) {
       } = he(e, o), a = {
         x: t,
         y: n
-      }, u = await He(o, c), f = G(U(s)), g = Be(f);
-      let h = a[g], d = a[f];
-      if (i) {
-        const w = g === "y" ? "top" : "left", m = g === "y" ? "bottom" : "right", x = h + u[w], v = h - u[m];
-        h = Te(x, h, v);
+      }, u = await He(o, c), d = G(U(i)), m = Be(d);
+      let f = a[m], g = a[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);
       }
       if (r) {
-        const w = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", x = d + u[w], v = d - u[m];
-        d = Te(x, d, v);
+        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 p = l.fn({
+      const w = l.fn({
         ...o,
-        [g]: h,
-        [f]: d
+        [m]: f,
+        [d]: g
       });
       return {
-        ...p,
+        ...w,
         data: {
-          x: p.x - t,
-          y: p.y - n,
+          x: w.x - t,
+          y: w.y - n,
           enabled: {
-            [g]: i,
-            [f]: r
+            [m]: s,
+            [d]: r
           }
         }
       };
@@ -528,7 +528,7 @@ function ge() {
 function Q(e) {
   return Ue(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function T(e) {
+function A(e) {
   var o;
   return (e == null || (o = e.ownerDocument) == null ? void 0 : o.defaultView) || window;
 }
@@ -537,25 +537,25 @@ function P(e) {
   return (o = (Ue(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : o.documentElement;
 }
 function Ue(e) {
-  return ge() ? e instanceof Node || e instanceof T(e).Node : !1;
+  return ge() ? e instanceof Node || e instanceof A(e).Node : !1;
 }
 function N(e) {
-  return ge() ? e instanceof Element || e instanceof T(e).Element : !1;
+  return ge() ? e instanceof Element || e instanceof A(e).Element : !1;
 }
 function D(e) {
-  return ge() ? e instanceof HTMLElement || e instanceof T(e).HTMLElement : !1;
+  return ge() ? e instanceof HTMLElement || e instanceof A(e).HTMLElement : !1;
 }
-function ze(e) {
-  return !ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof T(e).ShadowRoot;
+function Ie(e) {
+  return !ge() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof A(e).ShadowRoot;
 }
 function oe(e) {
   const {
     overflow: o,
     overflowX: t,
     overflowY: n,
-    display: s
+    display: i
   } = L(e);
-  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !["inline", "contents"].includes(s);
+  return /auto|scroll|overlay|hidden|clip/.test(o + n + t) && !["inline", "contents"].includes(i);
 }
 function Et(e) {
   return ["table", "td", "th"].includes(Q(e));
@@ -569,14 +569,14 @@ function pe(e) {
     }
   });
 }
-function Ce(e) {
-  const o = Oe(), t = N(e) ? L(e) : 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 St(e) {
   let o = $(e);
   for (; D(o) && !J(o); ) {
-    if (Ce(o))
+    if (Oe(o))
       return o;
     if (pe(o))
       return null;
@@ -584,16 +584,16 @@ function St(e) {
   }
   return null;
 }
-function Oe() {
+function Re() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function J(e) {
   return ["html", "body", "#document"].includes(Q(e));
 }
 function L(e) {
-  return T(e).getComputedStyle(e);
+  return A(e).getComputedStyle(e);
 }
-function xe(e) {
+function we(e) {
   return N(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.
-    ze(e) && e.host || // Fallback.
+    Ie(e) && e.host || // Fallback.
     P(e)
   );
-  return ze(o) ? o.host : o;
+  return Ie(o) ? o.host : o;
 }
 function Ke(e) {
   const o = $(e);
@@ -621,39 +621,39 @@ function Ke(e) {
 function ne(e, o, t) {
   var n;
   o === void 0 && (o = []), t === void 0 && (t = !0);
-  const s = Ke(e), i = s === ((n = e.ownerDocument) == null ? void 0 : n.body), r = T(s);
-  if (i) {
-    const l = Se(r);
-    return o.concat(r, r.visualViewport || [], oe(s) ? s : [], l && t ? ne(l) : []);
+  const i = Ke(e), s = i === ((n = e.ownerDocument) == null ? void 0 : n.body), r = A(i);
+  if (s) {
+    const l = Ce(r);
+    return o.concat(r, r.visualViewport || [], oe(i) ? i : [], l && t ? ne(l) : []);
   }
-  return o.concat(s, ne(s, [], t));
+  return o.concat(i, ne(i, [], t));
 }
-function Se(e) {
+function Ce(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Ye(e) {
   const o = L(e);
   let t = parseFloat(o.width) || 0, n = parseFloat(o.height) || 0;
-  const s = D(e), i = s ? e.offsetWidth : t, r = s ? e.offsetHeight : n, l = ce(t) !== i || ce(n) !== r;
-  return l && (t = i, n = r), {
+  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), {
     width: t,
     height: n,
     $: l
   };
 }
-function Re(e) {
+function ke(e) {
   return N(e) ? e : e.contextElement;
 }
 function Z(e) {
-  const o = Re(e);
+  const o = ke(e);
   if (!D(o))
     return _(1);
   const t = o.getBoundingClientRect(), {
     width: n,
-    height: s,
-    $: i
+    height: i,
+    $: s
   } = Ye(o);
-  let r = (i ? ce(t.width) : t.width) / n, l = (i ? ce(t.height) : t.height) / s;
+  let r = (s ? ce(t.width) : t.width) / n, l = (s ? ce(t.height) : t.height) / i;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
@@ -661,50 +661,50 @@ function Z(e) {
 }
 const Ct = /* @__PURE__ */ _(0);
 function qe(e) {
-  const o = T(e);
-  return !Oe() || !o.visualViewport ? Ct : {
+  const o = A(e);
+  return !Re() || !o.visualViewport ? Ct : {
     x: o.visualViewport.offsetLeft,
     y: o.visualViewport.offsetTop
   };
 }
 function Ot(e, o, t) {
-  return o === void 0 && (o = !1), !t || o && t !== T(e) ? !1 : o;
+  return o === void 0 && (o = !1), !t || o && t !== A(e) ? !1 : o;
 }
 function K(e, o, t, n) {
   o === void 0 && (o = !1), t === void 0 && (t = !1);
-  const s = e.getBoundingClientRect(), i = Re(e);
+  const i = e.getBoundingClientRect(), s = ke(e);
   let r = _(1);
   o && (n ? N(n) && (r = Z(n)) : r = Z(e));
-  const l = Ot(i, t, n) ? qe(i) : _(0);
-  let c = (s.left + l.x) / r.x, a = (s.top + l.y) / r.y, u = s.width / r.x, f = s.height / r.y;
-  if (i) {
-    const g = T(i), h = n && N(n) ? T(n) : n;
-    let d = g, p = Se(d);
-    for (; p && n && h !== d; ) {
-      const w = Z(p), m = p.getBoundingClientRect(), x = L(p), v = m.left + (p.clientLeft + parseFloat(x.paddingLeft)) * w.x, E = m.top + (p.clientTop + parseFloat(x.paddingTop)) * w.y;
-      c *= w.x, a *= w.y, u *= w.x, f *= w.y, c += v, a += E, d = T(p), p = Se(d);
+  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;
+  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);
     }
   }
   return ue({
     width: u,
-    height: f,
+    height: d,
     x: c,
     y: a
   });
 }
-function ke(e, o) {
-  const t = xe(e).scrollLeft;
+function Me(e, o) {
+  const t = we(e).scrollLeft;
   return o ? o.left + t : K(P(e)).left + t;
 }
 function Xe(e, o, t) {
   t === void 0 && (t = !1);
-  const n = e.getBoundingClientRect(), s = n.left + o.scrollLeft - (t ? 0 : (
+  const n = e.getBoundingClientRect(), i = n.left + o.scrollLeft - (t ? 0 : (
     // RTL <body> scrollbar.
-    ke(e, n)
-  )), i = n.top + o.scrollTop;
+    Me(e, n)
+  )), s = n.top + o.scrollTop;
   return {
-    x: s,
-    y: i
+    x: i,
+    y: s
   };
 }
 function Rt(e) {
@@ -712,59 +712,59 @@ function Rt(e) {
     elements: o,
     rect: t,
     offsetParent: n,
-    strategy: s
+    strategy: i
   } = e;
-  const i = s === "fixed", r = P(n), l = o ? pe(o.floating) : !1;
-  if (n === r || l && i)
+  const s = i === "fixed", r = P(n), l = o ? pe(o.floating) : !1;
+  if (n === r || l && s)
     return t;
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   }, a = _(1);
-  const u = _(0), f = D(n);
-  if ((f || !f && !i) && ((Q(n) !== "body" || oe(r)) && (c = xe(n)), D(n))) {
-    const h = K(n);
-    a = Z(n), u.x = h.x + n.clientLeft, u.y = h.y + n.clientTop;
+  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;
   }
-  const g = r && !f && !i ? Xe(r, c, !0) : _(0);
+  const m = r && !d && !s ? Xe(r, c, !0) : _(0);
   return {
     width: t.width * a.x,
     height: t.height * a.y,
-    x: t.x * a.x - c.scrollLeft * a.x + u.x + g.x,
-    y: t.y * a.y - c.scrollTop * a.y + u.y + g.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
   };
 }
 function kt(e) {
   return Array.from(e.getClientRects());
 }
 function Mt(e) {
-  const o = P(e), t = xe(e), n = e.ownerDocument.body, s = H(o.scrollWidth, o.clientWidth, n.scrollWidth, n.clientWidth), i = H(o.scrollHeight, o.clientHeight, n.scrollHeight, n.clientHeight);
-  let r = -t.scrollLeft + ke(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);
   const l = -t.scrollTop;
-  return L(n).direction === "rtl" && (r += H(o.clientWidth, n.clientWidth) - s), {
-    width: s,
-    height: i,
+  return L(n).direction === "rtl" && (r += H(o.clientWidth, n.clientWidth) - i), {
+    width: i,
+    height: s,
     x: r,
     y: l
   };
 }
 function Tt(e, o) {
-  const t = T(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 a = Oe();
-    (!a || a && o === "fixed") && (l = s.offsetLeft, c = s.offsetTop);
+  const t = A(e), n = P(e), i = t.visualViewport;
+  let s = n.clientWidth, r = n.clientHeight, l = 0, c = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const a = Re();
+    (!a || a && o === "fixed") && (l = i.offsetLeft, c = i.offsetTop);
   }
   return {
-    width: i,
+    width: s,
     height: r,
     x: l,
     y: c
   };
 }
 function At(e, o) {
-  const t = K(e, !0, o === "fixed"), n = t.top + e.clientTop, s = t.left + e.clientLeft, i = D(e) ? Z(e) : _(1), r = e.clientWidth * i.x, l = e.clientHeight * i.y, c = s * i.x, a = n * i.y;
+  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;
   return {
     width: r,
     height: l,
@@ -772,7 +772,7 @@ function At(e, o) {
     y: a
   };
 }
-function Ie(e, o, t) {
+function Ne(e, o, t) {
   let n;
   if (o === "viewport")
     n = Tt(e, t);
@@ -781,10 +781,10 @@ function Ie(e, o, t) {
   else if (N(o))
     n = At(o, t);
   else {
-    const s = qe(e);
+    const i = qe(e);
     n = {
-      x: o.x - s.x,
-      y: o.y - s.y,
+      x: o.x - i.x,
+      y: o.y - i.y,
       width: o.width,
       height: o.height
     };
@@ -799,12 +799,12 @@ function zt(e, o) {
   const t = o.get(e);
   if (t)
     return t;
-  let n = ne(e, [], !1).filter((l) => N(l) && Q(l) !== "body"), s = null;
-  const i = L(e).position === "fixed";
-  let r = i ? $(e) : e;
+  let n = ne(e, [], !1).filter((l) => N(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 = Ce(r);
-    !c && l.position === "fixed" && (s = null), (i ? !c && !s : !c && l.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || oe(r) && !c && Ze(e, r)) ? n = n.filter((u) => u !== r) : s = l, r = $(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);
   }
   return o.set(e, n), n;
 }
@@ -813,12 +813,12 @@ function It(e) {
     element: o,
     boundary: t,
     rootBoundary: n,
-    strategy: s
+    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 f = Ie(o, u, s);
-    return a.top = H(f.top, a.top), a.right = le(f.right, a.right), a.bottom = le(f.bottom, a.bottom), a.left = H(f.left, a.left), a;
-  }, Ie(o, l, s));
+    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));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -837,29 +837,29 @@ function Nt(e) {
   };
 }
 function Lt(e, o, t) {
-  const n = D(o), s = P(o), i = t === "fixed", r = K(e, !0, i, o);
+  const n = D(o), i = P(o), s = t === "fixed", r = K(e, !0, s, o);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const c = _(0);
-  if (n || !n && !i)
-    if ((Q(o) !== "body" || oe(s)) && (l = xe(o)), n) {
-      const g = K(o, !0, i, o);
-      c.x = g.x + o.clientLeft, c.y = g.y + o.clientTop;
-    } else s && (c.x = ke(s));
-  const a = s && !n && !i ? Xe(s, l) : _(0), u = r.left + l.scrollLeft - c.x - a.x, f = r.top + l.scrollTop - c.y - a.y;
+  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;
   return {
     x: u,
-    y: f,
+    y: d,
     width: r.width,
     height: r.height
   };
 }
-function we(e) {
+function xe(e) {
   return L(e).position === "static";
 }
-function Ne(e, o) {
+function Le(e, o) {
   if (!D(e) || L(e).position === "fixed")
     return null;
   if (o)
@@ -868,22 +868,22 @@ function Ne(e, o) {
   return P(e) === t && (t = t.ownerDocument.body), t;
 }
 function Ge(e, o) {
-  const t = T(e);
+  const t = A(e);
   if (pe(e))
     return t;
   if (!D(e)) {
-    let s = $(e);
-    for (; s && !J(s); ) {
-      if (N(s) && !we(s))
-        return s;
-      s = $(s);
+    let i = $(e);
+    for (; i && !J(i); ) {
+      if (N(i) && !xe(i))
+        return i;
+      i = $(i);
     }
     return t;
   }
-  let n = Ne(e, o);
-  for (; n && Et(n) && we(n); )
-    n = Ne(n, o);
-  return n && J(n) && we(n) && !Ce(n) ? t : n || St(e) || t;
+  let n = Le(e, o);
+  for (; n && Et(n) && xe(n); )
+    n = Le(n, o);
+  return n && J(n) && xe(n) && !Oe(n) ? t : n || St(e) || t;
 }
 const _t = async function(e) {
   const o = this.getOffsetParent || Ge, t = this.getDimensions, n = await t(e.floating);
@@ -914,23 +914,23 @@ const Pt = {
 };
 function Ft(e, o) {
   let t = null, n;
-  const s = P(e);
-  function i() {
+  const i = P(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), i();
+    l === void 0 && (l = !1), c === void 0 && (c = 1), s();
     const {
       left: a,
       top: u,
-      width: f,
-      height: g
+      width: d,
+      height: m
     } = e.getBoundingClientRect();
-    if (l || o(), !f || !g)
+    if (l || o(), !d || !m)
       return;
-    const h = se(u), d = se(s.clientWidth - (a + f)), p = se(s.clientHeight - (u + g)), w = se(a), x = {
-      rootMargin: -h + "px " + -d + "px " + -p + "px " + -w + "px",
+    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
     };
     let v = !0;
@@ -947,67 +947,67 @@ function Ft(e, o) {
     }
     try {
       t = new IntersectionObserver(E, {
-        ...x,
+        ...p,
         // Handle <iframe>s
-        root: s.ownerDocument
+        root: i.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(E, x);
+      t = new IntersectionObserver(E, p);
     }
     t.observe(e);
   }
-  return r(!0), i;
+  return r(!0), s;
 }
 function Vt(e, o, t, n) {
   n === void 0 && (n = {});
   const {
-    ancestorScroll: s = !0,
-    ancestorResize: i = !0,
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
     elementResize: r = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
     animationFrame: c = !1
-  } = n, a = Re(e), u = s || i ? [...a ? ne(a) : [], ...ne(o)] : [];
-  u.forEach((m) => {
-    s && m.addEventListener("scroll", t, {
+  } = n, a = ke(e), u = i || s ? [...a ? ne(a) : [], ...ne(o)] : [];
+  u.forEach((h) => {
+    i && h.addEventListener("scroll", t, {
       passive: !0
-    }), i && m.addEventListener("resize", t);
+    }), s && h.addEventListener("resize", t);
   });
-  const f = a && l ? Ft(a, t) : null;
-  let g = -1, h = null;
-  r && (h = new ResizeObserver((m) => {
-    let [x] = m;
-    x && x.target === a && h && (h.unobserve(o), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+  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(() => {
       var v;
-      (v = h) == null || v.observe(o);
+      (v = f) == null || v.observe(o);
     })), t();
-  }), a && !c && h.observe(a), h.observe(o));
-  let d, p = c ? K(e) : null;
-  c && w();
-  function w() {
-    const m = K(e);
-    p && (m.x !== p.x || m.y !== p.y || m.width !== p.width || m.height !== p.height) && t(), p = m, d = requestAnimationFrame(w);
+  }), 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);
   }
   return t(), () => {
-    var m;
-    u.forEach((x) => {
-      s && x.removeEventListener("scroll", t), i && x.removeEventListener("resize", t);
-    }), f == null || f(), (m = h) == null || m.disconnect(), h = null, c && cancelAnimationFrame(d);
+    var h;
+    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);
   };
 }
-const Wt = bt, Bt = vt, jt = wt, $t = (e, o, t) => {
-  const n = /* @__PURE__ */ new Map(), s = {
+const Wt = bt, Bt = vt, jt = xt, $t = (e, o, t) => {
+  const n = /* @__PURE__ */ new Map(), i = {
     platform: Pt,
     ...t
-  }, i = {
-    ...s.platform,
+  }, s = {
+    ...i.platform,
     _c: n
   };
-  return xt(e, o, {
-    ...s,
-    platform: i
+  return wt(e, o, {
+    ...i,
+    platform: s
   });
 };
-var ie = typeof document < "u" ? tt : re;
+var se = typeof document < "u" ? tt : re;
 function fe(e, o) {
   if (e === o)
     return !0;
@@ -1015,7 +1015,7 @@ function fe(e, o) {
     return !1;
   if (typeof e == "function" && e.toString() === o.toString())
     return !0;
-  let t, n, s;
+  let t, n, i;
   if (e && o && typeof e == "object") {
     if (Array.isArray(e)) {
       if (t = e.length, t !== o.length) return !1;
@@ -1024,14 +1024,14 @@ function fe(e, o) {
           return !1;
       return !0;
     }
-    if (s = Object.keys(e), t = s.length, t !== Object.keys(o).length)
+    if (i = Object.keys(e), t = i.length, t !== Object.keys(o).length)
       return !1;
     for (n = t; n-- !== 0; )
-      if (!{}.hasOwnProperty.call(o, s[n]))
+      if (!{}.hasOwnProperty.call(o, i[n]))
         return !1;
     for (n = t; n-- !== 0; ) {
-      const i = s[n];
-      if (!(i === "_owner" && e.$$typeof) && !fe(e[i], o[i]))
+      const s = i[n];
+      if (!(s === "_owner" && e.$$typeof) && !fe(e[s], o[s]))
         return !1;
     }
     return !0;
@@ -1041,13 +1041,13 @@ function fe(e, o) {
 function Je(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function Le(e, o) {
+function _e(e, o) {
   const t = Je(e);
   return Math.round(o * t) / t;
 }
 function ye(e) {
   const o = C.useRef(e);
-  return ie(() => {
+  return se(() => {
     o.current = e;
   }), o;
 }
@@ -1057,38 +1057,38 @@ function Ht(e) {
     placement: o = "bottom",
     strategy: t = "absolute",
     middleware: n = [],
-    platform: s,
+    platform: i,
     elements: {
-      reference: i,
+      reference: s,
       floating: r
     } = {},
     transform: l = !0,
     whileElementsMounted: c,
     open: a
-  } = e, [u, f] = C.useState({
+  } = e, [u, d] = C.useState({
     x: 0,
     y: 0,
     strategy: t,
     placement: o,
     middlewareData: {},
     isPositioned: !1
-  }), [g, h] = C.useState(n);
-  fe(g, n) || h(n);
-  const [d, p] = C.useState(null), [w, m] = C.useState(null), x = C.useCallback((S) => {
-    S !== O.current && (O.current = S, p(S));
+  }), [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));
   }, []), v = C.useCallback((S) => {
-    S !== A.current && (A.current = S, m(S));
-  }, []), E = i || d, y = r || w, O = C.useRef(null), A = C.useRef(null), z = C.useRef(u), Y = c != null, F = ye(c), q = ye(s), ee = ye(a), B = C.useCallback(() => {
-    if (!O.current || !A.current)
+    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)
       return;
     const S = {
       placement: o,
       strategy: t,
-      middleware: g
+      middleware: m
     };
-    q.current && (S.platform = q.current), $t(O.current, A.current, S).then((M) => {
+    q.current && (S.platform = q.current), $t(O.current, R.current, S).then((T) => {
       const j = {
-        ...M,
+        ...T,
         // 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
@@ -1096,21 +1096,21 @@ function Ht(e) {
         isPositioned: ee.current !== !1
       };
       I.current && !fe(z.current, j) && (z.current = j, ot.flushSync(() => {
-        f(j);
+        d(j);
       }));
     });
-  }, [g, o, t, q, ee]);
-  ie(() => {
-    a === !1 && z.current.isPositioned && (z.current.isPositioned = !1, f((S) => ({
+  }, [m, o, t, q, ee]);
+  se(() => {
+    a === !1 && z.current.isPositioned && (z.current.isPositioned = !1, d((S) => ({
       ...S,
       isPositioned: !1
     })));
   }, [a]);
   const I = C.useRef(!1);
-  ie(() => (I.current = !0, () => {
+  se(() => (I.current = !0, () => {
     I.current = !1;
-  }), []), ie(() => {
-    if (E && (O.current = E), y && (A.current = y), E && y) {
+  }), []), se(() => {
+    if (E && (O.current = E), y && (R.current = y), E && y) {
       if (F.current)
         return F.current(E, y, B);
       B();
@@ -1118,10 +1118,10 @@ function Ht(e) {
   }, [E, y, B, F, Y]);
   const te = C.useMemo(() => ({
     reference: O,
-    floating: A,
-    setReference: x,
+    floating: R,
+    setReference: p,
     setFloating: v
-  }), [x, v]), k = C.useMemo(() => ({
+  }), [p, v]), M = C.useMemo(() => ({
     reference: E,
     floating: y
   }), [E, y]), V = C.useMemo(() => {
@@ -1130,28 +1130,28 @@ function Ht(e) {
       left: 0,
       top: 0
     };
-    if (!k.floating)
+    if (!M.floating)
       return S;
-    const M = Le(k.floating, u.x), j = Le(k.floating, u.y);
+    const T = _e(M.floating, u.x), j = _e(M.floating, u.y);
     return l ? {
       ...S,
-      transform: "translate(" + M + "px, " + j + "px)",
-      ...Je(k.floating) >= 1.5 && {
+      transform: "translate(" + T + "px, " + j + "px)",
+      ...Je(M.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: t,
-      left: M,
+      left: T,
       top: j
     };
-  }, [t, l, k.floating, u.x, u.y]);
+  }, [t, l, M.floating, u.x, u.y]);
   return C.useMemo(() => ({
     ...u,
     update: B,
     refs: te,
-    elements: k,
+    elements: M,
     floatingStyles: V
-  }), [u, B, te, k, V]);
+  }), [u, B, te, M, V]);
 }
 const Ut = (e, o) => ({
   ...Wt(e),
@@ -1180,61 +1180,65 @@ function Qe(e) {
     className: o,
     placement: t = "bottom-start",
     trigger: n = "hover",
-    content: s,
-    children: i,
+    content: i,
+    children: s,
     onClose: r,
     onOpen: l,
     disabled: c = !1,
     show: a = !1,
     setShow: u,
-    role: f = "tooltip"
-  } = e, [g, h] = de(a), d = () => u !== void 0 && a !== void 0 ? a : g, p = () => u !== void 0 && a !== void 0 ? u : h, { x: w, y: m, strategy: x, refs: v } = Ht({
-    open: d(),
+    role: d = "tooltip",
+    style: m,
+    ...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,
     placement: t
-  }), E = nt();
+  }), O = nt();
   return re(
-    qt(v.floating, (y) => {
-      y && p()(!1);
+    qt(y.floating, (R) => {
+      R && h()(!1);
     }),
     []
-  ), /* @__PURE__ */ W(Pe, { children: [
+  ), /* @__PURE__ */ W(Fe, { children: [
     /* @__PURE__ */ b(
       "div",
       {
-        className: "z-auto block min-w-max",
-        id: `zen__popover-${E}`,
-        ref: v.setReference,
-        onClick: (y) => {
+        className: "z-auto min-w-fit max-w-fit",
+        id: `zen__popover-${O}`,
+        ref: y.setReference,
+        onClick: (R) => {
           if (n === "click") {
             if (c)
               return;
-            d() ? (p()(!1), r == null || r()) : (p()(!0), l == null || l());
+            x() ? (h()(!1), r == null || r()) : (h()(!0), l == null || l());
           }
-          y.stopPropagation();
+          R.stopPropagation();
         },
-        role: f,
-        children: i
+        role: d,
+        children: s
       }
     ),
-    d() && st(
+    x() && it(
       /* @__PURE__ */ b(
         "div",
         {
-          onClick: (y) => y.stopPropagation(),
+          ...f,
+          onClick: (R) => R.stopPropagation(),
           role: "tooltip",
-          className: R(
+          className: k(
             "zen__popover z-50 w-fit rounded border border-border bg-background shadow-secondary",
             o
           ),
-          ref: v.setFloating,
+          ref: y.setFloating,
           style: {
-            position: x,
-            top: m ?? 0,
-            left: w ?? 0
+            ...m,
+            position: E,
+            top: v ?? 0,
+            left: p ?? 0
           },
-          children: s
+          children: i
         }
       ),
       document.body
@@ -1242,59 +1246,62 @@ function Qe(e) {
   ] });
 }
 function Xt(e) {
-  var p, w;
+  var w, x;
   const {
     items: o = [],
     children: t,
     moreItemsLabel: n = "",
-    parentRef: s,
-    data: i,
-    estimator: r = (m, x) => x + 30,
+    parentRef: i,
+    data: s,
+    estimator: r = (h, p) => p + 30,
     font: l = "12px Inter",
     badgeVariant: c = "secondary",
     badgeStyles: a
-  } = e, [u, f] = de({
+  } = e, [u, d] = de({
     visible: o,
     hidden: []
-  }), g = ve(() => {
+  }), m = ve(() => {
     if (typeof document > "u")
       return null;
-    const x = document.createElement("canvas").getContext("2d");
-    return x && (x.font = l), x;
-  }, []), h = () => {
-    const m = s == null ? void 0 : s.current;
-    if (!m)
+    const p = document.createElement("canvas").getContext("2d");
+    return p && (p.font = l), p;
+  }, []), f = () => {
+    const h = i == null ? void 0 : i.current;
+    if (!h)
       return;
-    const x = m.offsetWidth, v = [], E = [], y = r(n, g.measureText(n).width + 10);
-    d == null || d.reduce((O, A, z) => (O + A + y > x - 20 ? E.push(o[z]) : v.push(o[z]), O + A), 0), f({
+    const p = h.offsetWidth, v = [], E = [], y = r(
+      n,
+      ((m == null ? void 0 : m.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({
       visible: v,
       hidden: E
     });
-  }, d = ve(
-    () => (o == null ? void 0 : o.map((m) => r(m, g.measureText(m).width))) ?? [],
+  }, g = ve(
+    () => (o == null ? void 0 : o.map((h) => r(h, (m == null ? void 0 : m.measureText(h).width) ?? 0))) ?? [],
     [o]
   );
   return re(() => {
-    h();
+    f();
   }, [o]), re(() => {
-    if (!(s != null && s.current)) return;
-    const m = new ResizeObserver(() => {
-      h();
+    if (!(i != null && i.current)) return;
+    const h = new ResizeObserver(() => {
+      f();
     });
-    return m.observe(s.current), () => {
-      m.disconnect();
+    return h.observe(i.current), () => {
+      h.disconnect();
     };
-  }, [o]), /* @__PURE__ */ W(Pe, { children: [
-    (p = u.visible) == null ? void 0 : p.map((m, x) => t(m, x, i == null ? void 0 : i[x])),
-    ((w = u.hidden) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ b(
+  }, [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,
       {
         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(
-          (m, x) => t(
-            m,
-            u.visible.length + x,
-            i == null ? void 0 : i[u.visible.length + x]
+          (h, p) => t(
+            h,
+            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")
@@ -1303,35 +1310,35 @@ function Xt(e) {
   ] });
 }
 function X(e, o, t) {
-  let n = t.initialDeps ?? [], s;
+  let n = t.initialDeps ?? [], i;
   return () => {
-    var i, r, l, c;
+    var s, r, l, c;
     let a;
-    t.key && ((i = t.debug) != null && i.call(t)) && (a = Date.now());
+    t.key && ((s = t.debug) != null && s.call(t)) && (a = Date.now());
     const u = e();
-    if (!(u.length !== n.length || u.some((h, d) => n[d] !== h)))
-      return s;
+    if (!(u.length !== n.length || u.some((f, g) => n[g] !== f)))
+      return i;
     n = u;
-    let g;
-    if (t.key && ((r = t.debug) != null && r.call(t)) && (g = Date.now()), s = o(...u), t.key && ((l = t.debug) != null && l.call(t))) {
-      const h = Math.round((Date.now() - a) * 100) / 100, d = Math.round((Date.now() - g) * 100) / 100, p = d / 16, w = (m, x) => {
-        for (m = String(m); m.length < x; )
-          m = " " + m;
-        return m;
+    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;
       };
       console.info(
-        `%c⏱ ${w(d, 5)} /${w(h, 5)} ms`,
+        `%c⏱ ${x(g, 5)} /${x(f, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * p, 120)
+          Math.min(120 - 120 * w, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
     }
-    return (c = t == null ? void 0 : t.onChange) == null || c.call(t, s), s;
+    return (c = t == null ? void 0 : t.onChange) == null || c.call(t, i), i;
   };
 }
 function be(e, o) {
@@ -1341,13 +1348,13 @@ function be(e, o) {
 }
 const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   let n;
-  return function(...s) {
-    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, s), t);
+  return function(...i) {
+    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, i), t);
   };
 }, Jt = (e) => e, Qt = (e) => {
   const o = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
-  for (let s = o; s <= t; s++)
-    n.push(s);
+  for (let i = o; i <= t; i++)
+    n.push(i);
   return n;
 }, en = (e, o) => {
   const t = e.scrollElement;
@@ -1356,28 +1363,28 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   const n = e.targetWindow;
   if (!n)
     return;
-  const s = (r) => {
+  const i = (r) => {
     const { width: l, height: c } = r;
     o({ width: Math.round(l), height: Math.round(c) });
   };
-  if (s(t.getBoundingClientRect()), !n.ResizeObserver)
+  if (i(t.getBoundingClientRect()), !n.ResizeObserver)
     return () => {
     };
-  const i = new n.ResizeObserver((r) => {
+  const s = new n.ResizeObserver((r) => {
     const l = r[0];
     if (l != null && l.borderBoxSize) {
       const c = l.borderBoxSize[0];
       if (c) {
-        s({ width: c.inlineSize, height: c.blockSize });
+        i({ width: c.inlineSize, height: c.blockSize });
         return;
       }
     }
-    s(t.getBoundingClientRect());
+    i(t.getBoundingClientRect());
   });
-  return i.observe(t, { box: "border-box" }), () => {
-    i.unobserve(t);
+  return s.observe(t, { box: "border-box" }), () => {
+    s.unobserve(t);
   };
-}, _e = {
+}, De = {
   passive: !0
 }, tn = typeof window > "u" ? !0 : "onscrollend" in window, nn = (e, o) => {
   const t = e.scrollElement;
@@ -1386,19 +1393,19 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   const n = e.targetWindow;
   if (!n)
     return;
-  let s = 0;
-  const i = e.options.useScrollendEvent && tn ? () => {
+  let i = 0;
+  const s = e.options.useScrollendEvent && tn ? () => {
   } : Gt(
     n,
     () => {
-      o(s, !1);
+      o(i, !1);
     },
     e.options.isScrollingResetDelay
   ), r = (a) => () => {
-    const { horizontal: u, isRtl: f } = e.options;
-    s = u ? t.scrollLeft * (f && -1 || 1) : t.scrollTop, i(), o(s, 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, _e), t.addEventListener("scrollend", c, _e), () => {
+  return c(), t.addEventListener("scroll", l, De), t.addEventListener("scrollend", c, De), () => {
     t.removeEventListener("scroll", l), t.removeEventListener("scrollend", c);
   };
 }, on = (e, o, t) => {
@@ -1416,9 +1423,9 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   adjustments: o = 0,
   behavior: t
 }, n) => {
-  var s, i;
+  var i, s;
   const r = e + o;
-  (i = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || i.call(s, {
+  (s = (i = n.scrollElement) == null ? void 0 : i.scrollTo) == null || s.call(i, {
     [n.options.horizontal ? "left" : "top"]: r,
     behavior: t
   });
@@ -1427,28 +1434,28 @@ class rn {
   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((s) => {
-        s.forEach((i) => {
-          this._measureElement(i.target, i);
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((i) => {
+        i.forEach((s) => {
+          this._measureElement(s.target, s);
         });
       }));
       return {
         disconnect: () => {
-          var s;
-          (s = n()) == null || s.disconnect(), t = null;
-        },
-        observe: (s) => {
           var i;
-          return (i = n()) == null ? void 0 : i.observe(s, { box: "border-box" });
+          (i = n()) == null || i.disconnect(), t = null;
         },
-        unobserve: (s) => {
-          var i;
-          return (i = n()) == null ? void 0 : i.unobserve(s);
+        observe: (i) => {
+          var s;
+          return (s = n()) == null ? void 0 : s.observe(i, { box: "border-box" });
+        },
+        unobserve: (i) => {
+          var s;
+          return (s = n()) == null ? void 0 : s.unobserve(i);
         }
       };
     })(), this.range = null, this.setOptions = (t) => {
-      Object.entries(t).forEach(([n, s]) => {
-        typeof s > "u" && delete t[n];
+      Object.entries(t).forEach(([n, i]) => {
+        typeof i > "u" && delete t[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -1476,8 +1483,8 @@ class rn {
         ...t
       };
     }, this.notify = (t) => {
-      var n, s;
-      (s = (n = this.options).onChange) == null || s.call(n, this, t);
+      var n, i;
+      (i = (n = this.options).onChange) == null || i.call(n, this, t);
     }, this.maybeNotify = X(
       () => (this.calculateRange(), [
         this.isScrolling,
@@ -1508,34 +1515,34 @@ class rn {
           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((s) => {
-          this.observer.observe(s);
+        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._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (s) => {
-            this.scrollRect = s, this.maybeNotify();
+          this.options.observeElementRect(this, (i) => {
+            this.scrollRect = i, this.maybeNotify();
           })
         ), this.unsubs.push(
-          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.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.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 s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+      const i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
       for (let r = n - 1; r >= 0; r--) {
         const l = t[r];
-        if (s.has(l.lane))
+        if (i.has(l.lane))
           continue;
-        const c = i.get(
+        const c = s.get(
           l.lane
         );
-        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)
+        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)
           break;
       }
-      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;
+      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(
       () => [
         this.options.count,
@@ -1544,11 +1551,11 @@ class rn {
         this.options.getItemKey,
         this.options.enabled
       ],
-      (t, n, s, i, r) => (this.pendingMeasuredCacheIndexes = [], {
+      (t, n, i, s, r) => (this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
-        scrollMargin: s,
-        getItemKey: i,
+        scrollMargin: i,
+        getItemKey: s,
         enabled: r
       }),
       {
@@ -1556,7 +1563,7 @@ class rn {
       }
     ), this.getMeasurements = X(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: s, getItemKey: i, enabled: r }, l) => {
+      ({ count: t, paddingStart: n, scrollMargin: i, getItemKey: s, enabled: r }, l) => {
         if (!r)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
         this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((u) => {
@@ -1566,14 +1573,14 @@ class rn {
         this.pendingMeasuredCacheIndexes = [];
         const a = this.measurementsCache.slice(0, c);
         for (let u = c; u < t; u++) {
-          const f = i(u), g = this.options.lanes === 1 ? a[u - 1] : this.getFurthestMeasurement(a, u), h = g ? g.end + this.options.gap : n + s, d = l.get(f), p = typeof d == "number" ? d : this.options.estimateSize(u), w = h + p, m = g ? g.lane : u % this.options.lanes;
+          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] = {
             index: u,
-            start: h,
-            size: p,
-            end: w,
-            key: f,
-            lane: m
+            start: f,
+            size: w,
+            end: x,
+            key: d,
+            lane: h
           };
         }
         return this.measurementsCache = a, a;
@@ -1584,10 +1591,10 @@ class rn {
       }
     ), this.calculateRange = X(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, s) => this.range = t.length > 0 && n > 0 ? ln({
+      (t, n, i) => this.range = t.length > 0 && n > 0 ? ln({
         measurements: t,
         outerSize: n,
-        scrollOffset: s
+        scrollOffset: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
@@ -1600,40 +1607,40 @@ class rn {
         this.options.overscan,
         this.options.count
       ],
-      (t, n, s, i) => n === null ? [] : t({
+      (t, n, i, s) => n === null ? [] : t({
         startIndex: n.startIndex,
         endIndex: n.endIndex,
-        overscan: s,
-        count: i
+        overscan: i,
+        count: s
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getIndexes",
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (t) => {
-      const n = this.options.indexAttribute, s = t.getAttribute(n);
-      return s ? parseInt(s, 10) : (console.warn(
+      const n = this.options.indexAttribute, i = t.getAttribute(n);
+      return i ? parseInt(i, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const s = this.indexFromElement(t), i = this.measurementsCache[s];
-      if (!i)
+      const i = this.indexFromElement(t), s = this.measurementsCache[i];
+      if (!s)
         return;
-      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));
+      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));
     }, this.resizeItem = (t, n) => {
-      const s = this.measurementsCache[t];
-      if (!s)
+      const i = this.measurementsCache[t];
+      if (!i)
         return;
-      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(), {
+      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(), {
         adjustments: this.scrollAdjustments += r,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, n)), this.notify(!1));
+      })), this.pendingMeasuredCacheIndexes.push(i.index), this.itemSizeCache = new Map(this.itemSizeCache.set(i.key, n)), this.notify(!1));
     }, this.measureElement = (t) => {
       if (!t) {
-        this.elementsCache.forEach((n, s) => {
-          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(s));
+        this.elementsCache.forEach((n, i) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(i));
         });
         return;
       }
@@ -1641,12 +1648,12 @@ class rn {
     }, this.getVirtualItems = X(
       () => [this.getIndexes(), this.getMeasurements()],
       (t, n) => {
-        const s = [];
-        for (let i = 0, r = t.length; i < r; i++) {
-          const l = t[i], c = n[l];
-          s.push(c);
+        const i = [];
+        for (let s = 0, r = t.length; s < r; s++) {
+          const l = t[s], c = n[l];
+          i.push(c);
         }
-        return s;
+        return i;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
@@ -1659,56 +1666,56 @@ class rn {
           n[et(
             0,
             n.length - 1,
-            (s) => be(n[s]).start,
+            (i) => be(n[i]).start,
             t
           )]
         );
     }, this.getOffsetForAlignment = (t, n) => {
-      const s = this.getSize(), i = this.getScrollOffset();
-      n === "auto" && (t <= i ? n = "start" : t >= i + s ? n = "end" : n = "start"), n === "start" ? t = t : n === "end" ? t = t - s : n === "center" && (t = t - s / 2);
-      const r = this.options.horizontal ? "scrollWidth" : "scrollHeight", c = (this.scrollElement ? "document" in this.scrollElement ? this.scrollElement.document.documentElement[r] : this.scrollElement[r] : 0) - s;
+      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;
       return Math.max(Math.min(c, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const s = this.measurementsCache[t];
-      if (!s)
+      const i = this.measurementsCache[t];
+      if (!i)
         return;
-      const i = this.getSize(), r = this.getScrollOffset();
+      const s = this.getSize(), r = this.getScrollOffset();
       if (n === "auto")
-        if (s.end >= r + i - this.options.scrollPaddingEnd)
+        if (i.end >= r + s - this.options.scrollPaddingEnd)
           n = "end";
-        else if (s.start <= r + this.options.scrollPaddingStart)
+        else if (i.start <= r + this.options.scrollPaddingStart)
           n = "start";
         else
           return [r, n];
-      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
+      const l = n === "end" ? i.end + this.options.scrollPaddingEnd : i.start - this.options.scrollPaddingStart;
       return [this.getOffsetForAlignment(l, n), 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: s } = {}) => {
-      this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToOffset = (t, { align: n = "start", behavior: i } = {}) => {
+      this.cancelScrollToIndex(), i === "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: s
+        behavior: i
       });
-    }, this.scrollToIndex = (t, { align: n = "auto", behavior: s } = {}) => {
-      t = Math.max(0, Math.min(t, this.options.count - 1)), this.cancelScrollToIndex(), s === "smooth" && this.isDynamicMode() && console.warn(
+    }, 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(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       );
-      const i = this.getOffsetForIndex(t, n);
-      if (!i) return;
-      const [r, l] = i;
-      this._scrollToOffset(r, { adjustments: void 0, behavior: s }), s !== "smooth" && this.isDynamicMode() && this.targetWindow && (this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
+      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 [a] = be(
             this.getOffsetForIndex(t, l)
           );
-          Zt(a, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: s });
+          Zt(a, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: i });
         } else
-          this.scrollToIndex(t, { align: l, behavior: s });
+          this.scrollToIndex(t, { align: l, behavior: i });
       }));
     }, this.scrollBy = (t, { behavior: n } = {}) => {
       this.cancelScrollToIndex(), n === "smooth" && this.isDynamicMode() && console.warn(
@@ -1720,18 +1727,18 @@ class rn {
     }, this.getTotalSize = () => {
       var t;
       const n = this.getMeasurements();
-      let s;
-      return n.length === 0 ? s = this.options.paddingStart : s = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
-        ...n.slice(-this.options.lanes).map((i) => i.end)
+      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(
-        s - this.options.scrollMargin + this.options.paddingEnd,
+        i - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
     }, this._scrollToOffset = (t, {
       adjustments: n,
-      behavior: s
+      behavior: i
     }) => {
-      this.options.scrollToFn(t, { behavior: s, adjustments: n }, this);
+      this.options.scrollToFn(t, { behavior: i, adjustments: n }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
     }, this.setOptions(o);
@@ -1739,13 +1746,13 @@ class rn {
 }
 const et = (e, o, t, n) => {
   for (; e <= o; ) {
-    const s = (e + o) / 2 | 0, i = t(s);
-    if (i < n)
-      e = s + 1;
-    else if (i > n)
-      o = s - 1;
+    const i = (e + o) / 2 | 0, s = t(i);
+    if (s < n)
+      e = i + 1;
+    else if (s > n)
+      o = i - 1;
     else
-      return s;
+      return i;
   }
   return e > 0 ? e - 1 : 0;
 };
@@ -1754,24 +1761,24 @@ function ln({
   outerSize: o,
   scrollOffset: t
 }) {
-  const n = e.length - 1, i = et(0, n, (l) => e[l].start, t);
-  let r = i;
+  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: i, endIndex: r };
+  return { startIndex: s, endIndex: r };
 }
-const De = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
+const Pe = typeof document < "u" ? C.useLayoutEffect : C.useEffect;
 function cn(e) {
   const o = C.useReducer(() => ({}), {})[1], t = {
     ...e,
-    onChange: (s, i) => {
+    onChange: (i, s) => {
       var r;
-      i ? it(o) : o(), (r = e.onChange) == null || r.call(e, s, i);
+      s ? st(o) : o(), (r = e.onChange) == null || r.call(e, i, s);
     }
   }, [n] = C.useState(
     () => new rn(t)
   );
-  return n.setOptions(t), De(() => n._didMount(), []), De(() => n._willUpdate()), n;
+  return n.setOptions(t), Pe(() => n._didMount(), []), Pe(() => n._willUpdate()), n;
 }
 function an(e) {
   return cn({
@@ -1833,76 +1840,78 @@ function dn(e) {
     }
   );
 }
-function xn(e) {
+function wn(e) {
+  var g;
   const {
     items: o,
     selected: t,
     className: n,
-    onChange: s,
-    disabled: i,
+    onChange: i,
+    disabled: s,
     placeholder: r = "Select an Item",
     multiple: l,
-    width: c = "215px",
-    height: a = "40px",
-    mutable: u,
-    onAdd: f
-  } = e, g = Fe(null), [h, d] = de(!1);
+    mutable: c,
+    onAdd: a
+  } = e, u = Ee(null), [d, m] = de(!1), f = Ee(null);
   return /* @__PURE__ */ b(
     Qe,
     {
       placement: "bottom",
       trigger: "click",
-      show: h,
-      setShow: d,
+      show: d,
+      setShow: m,
       role: "combobox",
-      disabled: i,
+      disabled: s,
+      style: {
+        "--input-width": `${(g = f.current) == null ? void 0 : g.offsetWidth}px`
+      },
       content: /* @__PURE__ */ b(
         hn,
         {
-          ...u ? { mutable: u, onAdd: f } : { mutable: u },
-          ...l ? { multiple: l, items: o, onChange: s, selected: t } : { items: o, onChange: s, selected: t },
-          width: c
+          ...c ? { mutable: c, onAdd: a } : { mutable: c },
+          ...l ? { multiple: l, items: o, onChange: i, selected: t } : { items: o, onChange: i, selected: t }
         }
       ),
       children: /* @__PURE__ */ W(
         "div",
         {
-          style: { width: c, height: a },
-          className: R(
-            "inline-flex grow items-center justify-between rounded border-2 border-input bg-background p-2 transition",
-            i ? "cursor-not-allowed bg-muted text-muted" : "cursor-pointer",
-            h && "border-primary shadow-sm shadow-ring",
+          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",
+            d && "border-primary shadow-sm shadow-ring",
             n
           ),
+          ref: f,
           children: [
             /* @__PURE__ */ b(
               "div",
               {
-                className: R(
+                className: k(
                   "flex max-w-[calc(100%-30px)] flex-none grow items-center gap-1 text-sm",
-                  i ? "text-muted-foreground" : "text-foreground"
+                  s ? "text-muted-foreground" : "text-foreground"
                 ),
-                ref: g,
+                ref: u,
                 children: l ? /* @__PURE__ */ b(
                   Xt,
                   {
-                    items: t.map((p) => p.text),
+                    items: t.map((w) => w.text),
                     data: t,
-                    parentRef: g,
+                    parentRef: u,
+                    estimator: (w, x) => x + 40,
                     badgeVariant: "secondary",
                     badgeStyles: "!bg-input h-6 min-w-min gap-2 !bg-input",
-                    children: (p, w, m) => /* @__PURE__ */ W(
+                    children: (w, x, h) => /* @__PURE__ */ W(
                       We,
                       {
                         className: "flex h-6 min-w-min gap-2 !bg-input pr-1",
                         variant: "secondary",
                         children: [
-                          p,
+                          w,
                           /* @__PURE__ */ b(
                             lt,
                             {
                               onClick: () => {
-                                s(t.filter((x) => x.key !== (m == null ? void 0 : m.key)));
+                                i(t.filter((p) => p.key !== (h == null ? void 0 : h.key)));
                               },
                               variant: "icon",
                               size: "icon",
@@ -1912,7 +1921,7 @@ function xn(e) {
                           )
                         ]
                       },
-                      `collapsed_item_${w}`
+                      `collapsed_item_${x}`
                     )
                   }
                 ) : t.text ?? r
@@ -1921,10 +1930,10 @@ function xn(e) {
             /* @__PURE__ */ b(
               un,
               {
-                className: R(
+                className: k(
                   "size-4 rounded-full bg-input p-0.5 transition duration-300 ease-in-out",
-                  h ? "rotate-180" : "rotate-0",
-                  i ? "text-muted-foreground" : "text-foreground"
+                  d ? "rotate-180" : "rotate-0",
+                  s ? "text-muted-foreground" : "text-foreground"
                 )
               }
             )
@@ -1935,93 +1944,86 @@ function xn(e) {
   );
 }
 function hn(e) {
-  const { items: o, multiple: t, selected: n, onChange: s, width: i, mutable: r, onAdd: l } = e, [c, a] = de(""), u = Fe(null), f = ve(
-    () => o.reduce((d, p) => ((!c.length || p.text.toLowerCase().includes(c.toLowerCase())) && d.push(p), d), []),
-    [o, c]
-  ), g = an({
-    count: f.length,
-    getScrollElement: () => u.current,
+  const { items: o, multiple: t, selected: n, onChange: i, mutable: s, onAdd: r } = e, [l, c] = de(""), a = Ee(null), u = ve(
+    () => o.reduce((f, g) => ((!l.length || g.text.toLowerCase().includes(l.toLowerCase())) && f.push(g), f), []),
+    [o, l]
+  ), d = an({
+    count: u.length,
+    getScrollElement: () => a.current,
     estimateSize: () => 35
-  }), h = n instanceof Array ? n.map((d) => d.key) : [n.key];
-  return /* @__PURE__ */ W(
-    "div",
-    {
-      className: "flex flex-col divide-y-2 divide-border overflow-hidden rounded border border-input bg-background",
-      style: { width: i },
-      children: [
-        /* @__PURE__ */ W("div", { className: R("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" }),
+  }), m = 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__ */ b(
+        "input",
+        {
+          className: "inline-flex grow bg-transparent text-sm text-foreground outline-none",
+          placeholder: "Search",
+          value: l,
+          onChange: (f) => c(f.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ W(
+      "ul",
+      {
+        className: k("max-h-60 grow overflow-auto shadow", "focus:outline-none focus:ring-0"),
+        ref: a,
+        children: [
           /* @__PURE__ */ b(
-            "input",
+            "div",
             {
-              className: "inline-flex grow bg-transparent text-sm text-foreground outline-none",
-              placeholder: "Search",
-              value: c,
-              onChange: (d) => a(d.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ W(
-          "ul",
-          {
-            className: R("max-h-60 grow overflow-auto shadow", "focus:outline-none focus:ring-0"),
-            ref: u,
-            children: [
-              /* @__PURE__ */ b(
-                "div",
+              style: {
+                height: `${d.getTotalSize()}px`,
+                width: "100%",
+                position: "relative"
+              },
+              children: d.getVirtualItems().map((f) => /* @__PURE__ */ b(
+                "li",
                 {
                   style: {
-                    height: `${g.getTotalSize()}px`,
-                    width: "100%",
-                    position: "relative"
+                    height: `${f.size}px`,
+                    transform: `translateY(${f.start}px)`
                   },
-                  children: g.getVirtualItems().map((d) => /* @__PURE__ */ b(
-                    "li",
-                    {
-                      style: {
-                        height: `${d.size}px`,
-                        transform: `translateY(${d.start}px)`
-                      },
-                      className: R(
-                        "absolute left-0 top-0 w-full cursor-pointer px-3 py-2 text-sm text-foreground",
-                        h.includes(f[d.index].key) ? "bg-primary/90 text-primary-foreground" : "transition hover:bg-primary/60"
-                      ),
-                      onClick: () => {
-                        t ? h.includes(f[d.index].key) ? s(
-                          structuredClone(
-                            n.filter(
-                              (p) => p.key !== f[d.index].key
-                            )
-                          )
-                        ) : s(structuredClone([...n, f[d.index]])) : s(f[d.index]);
-                      },
-                      children: f[d.index].text
-                    },
-                    d.key
-                  ))
-                }
-              ),
-              c.length > 0 && f.length === 0 && (r ? /* @__PURE__ */ W(
-                "li",
-                {
-                  className: R("px-3 py-2 text-sm text-foreground"),
+                  className: k(
+                    "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"
+                  ),
                   onClick: () => {
-                    l({ text: c, key: c }), a("");
+                    t ? m.includes(u[f.index].key) ? i(
+                      structuredClone(
+                        n.filter(
+                          (g) => g.key !== u[f.index].key
+                        )
+                      )
+                    ) : i(structuredClone([...n, u[f.index]])) : i(u[f.index]);
                   },
-                  children: [
-                    "Add ",
-                    c
-                  ]
-                }
-              ) : /* @__PURE__ */ b("li", { className: R("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
-            ]
-          }
-        )
-      ]
-    }
-  );
+                  children: u[f.index].text
+                },
+                f.key
+              ))
+            }
+          ),
+          l.length > 0 && u.length === 0 && (s ? /* @__PURE__ */ W(
+            "li",
+            {
+              className: k("px-3 py-2 text-sm text-foreground"),
+              onClick: () => {
+                r({ text: l, key: l }), c("");
+              },
+              children: [
+                "Add ",
+                l
+              ]
+            }
+          ) : /* @__PURE__ */ b("li", { className: k("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
+        ]
+      }
+    )
+  ] });
 }
-function wn(e) {
+function xn(e) {
   return /* @__PURE__ */ b(
     "svg",
     {
@@ -2041,7 +2043,7 @@ function yn(e) {
   return /* @__PURE__ */ b(
     "input",
     {
-      className: R(
+      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-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",
@@ -2054,11 +2056,11 @@ function yn(e) {
   );
 }
 function bn(e) {
-  const { className: o, checked: t, onChange: n, defaultChecked: s, ...i } = e;
+  const { className: o, checked: t, onChange: n, defaultChecked: i, ...s } = e;
   return /* @__PURE__ */ W(
     "div",
     {
-      className: R(
+      className: k(
         "rounded-full",
         "h-5 w-10",
         "border border-muted bg-secondary",
@@ -2067,11 +2069,11 @@ function bn(e) {
       ),
       onClick: () => n == null ? void 0 : n(!t),
       children: [
-        /* @__PURE__ */ b("input", { type: "hidden", readOnly: !0, ...i, defaultChecked: s, checked: t }),
+        /* @__PURE__ */ b("input", { type: "hidden", readOnly: !0, ...s, defaultChecked: i, checked: t }),
         /* @__PURE__ */ b(
           "div",
           {
-            className: R(
+            className: k(
               "[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,14 +2086,14 @@ function bn(e) {
 export {
   We as Badge,
   lt as Button,
-  wn as ChevronDown,
+  xn as ChevronDown,
   un as ChevronUp,
   Xt as Collapse,
-  xn as Dropdown,
+  wn as Dropdown,
   yn as Input,
   Qe as Popover,
   fn as Search,
   bn as Toggle,
   Ve as cva,
-  R as cx
+  k as cx
 };