@rinzai/zen 0.1.6 → 0.1.7

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) => {
+const k = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "string" || typeof t == "number" ? o + " " + t : Array.isArray(t) ? o + " " + k(...t) : typeof t == "object" ? o + " " + Object.entries(t).reduce((n, [s, i]) => i == null || i === !1 ? n : typeof i == "string" || typeof i == "number" ? n + " " + s + "-" + i : typeof i == "boolean" && i ? n + " " + s : n, "") : o, ""), 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);
+  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: s } = o, i = Object.keys(n).map((a) => {
-    const u = t == null ? void 0 : t[a], f = s == null ? void 0 : s[a];
+    const u = t == null ? void 0 : t[a], d = s == null ? void 0 : s[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,
           ...r
-        }[h]
+        }[f]
       ) : {
         ...s,
         ...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, i, 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 }) });
@@ -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) {
@@ -121,9 +121,9 @@ function ft(e, o, t) {
 }
 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) {
@@ -142,7 +142,7 @@ function ht(e, o, t) {
 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;
+  return s && (i = i.map((r) => r + "-" + s), o && (i = i.concat(i.map(Se)))), i;
 }
 function ae(e) {
   return e.replace(/left|right|bottom|top/g, (o) => at[o]);
@@ -182,53 +182,53 @@ function ue(e) {
     y: t
   };
 }
-function Ae(e, o, t) {
+function ze(e, o, t) {
   let {
     reference: n,
     floating: s
   } = 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 i = G(o), r = $e(o), l = je(r), c = U(o), a = i === "y", u = n.x + n.width / 2 - s.width / 2, d = n.y + n.height / 2 - s.height / 2, m = n[l] / 2 - s[l] / 2;
+  let f;
   switch (c) {
     case "top":
-      h = {
+      f = {
         x: u,
         y: n.y - s.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 = {
+      f = {
         x: n.x - s.width,
-        y: f
+        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 {
@@ -243,24 +243,24 @@ const xt = async (e, o, t) => {
     strategy: s
   }), {
     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 x = 0; x < l.length; x++) {
     const {
       name: w,
-      fn: m
-    } = l[p], {
-      x,
+      fn: h
+    } = l[x], {
+      x: p,
       y: v,
       data: E,
       reset: y
-    } = await m({
+    } = await h({
       x: u,
-      y: f,
+      y: d,
       initialPlacement: n,
-      placement: g,
+      placement: m,
       strategy: s,
-      middlewareData: h,
+      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,
+    u = p ?? u, d = v ?? d, f = {
+      ...f,
       [w]: {
-        ...h[w],
+        ...f[w],
         ...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
     }) : y.rects), {
       x: u,
-      y: f
-    } = Ae(a, g, c)), p = -1);
+      y: d
+    } = ze(a, m, c)), x = -1);
   }
   return {
     x: u,
-    y: f,
-    placement: g,
+    y: d,
+    placement: m,
     strategy: s,
-    middlewareData: h
+    middlewareData: f
   };
 };
 async function He(e, o) {
@@ -304,15 +304,15 @@ async function He(e, o) {
   } = 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({
+    elementContext: d = "floating",
+    altBoundary: m = !1,
+    padding: f = 0
+  } = he(o, e), g = pt(f), w = l[m ? d === "floating" ? "reference" : "floating" : d], h = 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)),
     boundary: a,
     rootBoundary: u,
     strategy: c
-  })), x = f === "floating" ? {
+  })), p = d === "floating" ? {
     x: n,
     y: s,
     width: r.floating.width,
@@ -325,15 +325,15 @@ async function He(e, o) {
     y: 1
   }, y = ue(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.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) {
@@ -351,20 +351,20 @@ const wt = function(e) {
         elements: a
       } = o, {
         mainAxis: u = !0,
-        crossAxis: f = !0,
-        fallbackPlacements: g,
-        fallbackStrategy: h = "bestFit",
-        fallbackAxisSideDirection: d = "none",
-        flipAlignment: p = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: f = "bestFit",
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: x = !0,
         ...w
       } = he(e, o);
       if ((t = i.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 = [];
+      const h = U(s), p = G(l), v = U(l) === l, E = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), y = m || (v || !x ? [ae(l)] : dt(l)), O = g !== "none";
+      !m && O && y.push(...mt(l, x, g, E));
+      const R = [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) {
+      if (u && Y.push(z[h]), d) {
         const I = ft(s, r, E);
         Y.push(z[I[0]], z[I[1]]);
       }
@@ -373,7 +373,7 @@ const wt = function(e) {
         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 = i.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 (s !== M)
           return {
             reset: {
-              placement: k
+              placement: M
             }
           };
       }
@@ -421,26 +421,26 @@ async function yt(e, o) {
     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);
+  } = 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, 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) {
@@ -480,12 +480,12 @@ const bt = function(e) {
         limiter: l = {
           fn: (w) => {
             let {
-              x: m,
-              y: x
+              x: h,
+              y: p
             } = w;
             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];
+      }, u = await He(o, c), d = G(U(s)), m = Be(d);
+      let f = a[m], g = a[d];
       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);
+        const w = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", p = f + u[w], 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 w = d === "y" ? "top" : "left", h = d === "y" ? "bottom" : "right", p = g + u[w], v = g - u[h];
+        g = Ae(p, g, v);
       }
-      const p = l.fn({
+      const x = l.fn({
         ...o,
-        [g]: h,
-        [f]: d
+        [m]: f,
+        [d]: g
       });
       return {
-        ...p,
+        ...x,
         data: {
-          x: p.x - t,
-          y: p.y - n,
+          x: x.x - t,
+          y: x.y - n,
           enabled: {
-            [g]: i,
-            [f]: r
+            [m]: i,
+            [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,16 +537,16 @@ 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 {
@@ -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,14 +584,14 @@ 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) {
   return N(e) ? {
@@ -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,14 +621,14 @@ 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);
+  const s = Ke(e), i = s === ((n = e.ownerDocument) == null ? void 0 : n.body), r = A(s);
   if (i) {
-    const l = Se(r);
+    const l = Ce(r);
     return o.concat(r, r.visualViewport || [], oe(s) ? s : [], l && t ? ne(l) : []);
   }
   return o.concat(s, ne(s, [], t));
 }
-function Se(e) {
+function Ce(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Ye(e) {
@@ -641,11 +641,11 @@ function Ye(e) {
     $: 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(), {
@@ -661,38 +661,38 @@ 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 s = e.getBoundingClientRect(), i = 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;
+  let c = (s.left + l.x) / r.x, a = (s.top + l.y) / r.y, u = s.width / r.x, d = 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 m = A(i), f = n && N(n) ? A(n) : n;
+    let g = m, x = Ce(g);
+    for (; x && n && f !== g; ) {
+      const w = Z(x), h = x.getBoundingClientRect(), p = L(x), v = h.left + (x.clientLeft + parseFloat(p.paddingLeft)) * w.x, E = h.top + (x.clientTop + parseFloat(p.paddingTop)) * w.y;
+      c *= w.x, a *= w.y, u *= w.x, d *= w.y, c += v, a += E, g = A(x), x = Ce(g);
     }
   }
   return ue({
     width: u,
-    height: f,
+    height: d,
     x: c,
     y: a
   });
 }
-function ke(e, o) {
+function Me(e, o) {
   const t = xe(e).scrollLeft;
   return o ? o.left + t : K(P(e)).left + t;
 }
@@ -700,7 +700,7 @@ function Xe(e, o, t) {
   t === void 0 && (t = !1);
   const n = e.getBoundingClientRect(), s = n.left + o.scrollLeft - (t ? 0 : (
     // RTL <body> scrollbar.
-    ke(e, n)
+    Me(e, n)
   )), i = n.top + o.scrollTop;
   return {
     x: s,
@@ -721,17 +721,17 @@ function Rt(e) {
     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 && !i) && ((Q(n) !== "body" || oe(r)) && (c = xe(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 && !i ? 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) {
@@ -739,7 +739,7 @@ function kt(e) {
 }
 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);
+  let r = -t.scrollLeft + Me(e);
   const l = -t.scrollTop;
   return L(n).direction === "rtl" && (r += H(o.clientWidth, n.clientWidth) - s), {
     width: s,
@@ -749,11 +749,11 @@ function Mt(e) {
   };
 }
 function Tt(e, o) {
-  const t = T(e), n = P(e), s = t.visualViewport;
+  const t = A(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();
+    const a = Re();
     (!a || a && o === "fixed") && (l = s.offsetLeft, c = s.offsetTop);
   }
   return {
@@ -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);
@@ -803,7 +803,7 @@ function zt(e, o) {
   const i = L(e).position === "fixed";
   let r = i ? $(e) : e;
   for (; N(r) && !J(r); ) {
-    const l = L(r), c = Ce(r);
+    const l = L(r), c = Oe(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);
   }
   return o.set(e, n), n;
@@ -816,9 +816,9 @@ function It(e) {
     strategy: s
   } = 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, s);
+    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, s));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -845,13 +845,13 @@ function Lt(e, o, t) {
   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;
+      const m = K(o, !0, i, o);
+      c.x = m.x + o.clientLeft, c.y = m.y + o.clientTop;
+    } else s && (c.x = Me(s));
+  const a = s && !n && !i ? Xe(s, 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
   };
@@ -859,7 +859,7 @@ function Lt(e, o, t) {
 function we(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,7 +868,7 @@ 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)) {
@@ -880,10 +880,10 @@ function Ge(e, o) {
     }
     return t;
   }
-  let n = Ne(e, o);
+  let n = Le(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;
+    n = Le(n, o);
+  return n && J(n) && we(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);
@@ -924,13 +924,13 @@ function Ft(e, o) {
     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 = se(u), g = se(s.clientWidth - (a + d)), x = se(s.clientHeight - (u + m)), w = se(a), p = {
+      rootMargin: -f + "px " + -g + "px " + -x + "px " + -w + "px",
       threshold: H(0, le(1, c)) || 1
     };
     let v = !0;
@@ -947,12 +947,12 @@ function Ft(e, o) {
     }
     try {
       t = new IntersectionObserver(E, {
-        ...x,
+        ...p,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(E, x);
+      t = new IntersectionObserver(E, p);
     }
     t.observe(e);
   }
@@ -966,32 +966,32 @@ function Vt(e, o, t, n) {
     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 = s || i ? [...a ? ne(a) : [], ...ne(o)] : [];
+  u.forEach((h) => {
+    s && h.addEventListener("scroll", t, {
       passive: !0
-    }), i && m.addEventListener("resize", t);
+    }), i && 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;
+  }), a && !c && f.observe(a), f.observe(o));
+  let g, x = 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);
+    const h = K(e);
+    x && (h.x !== x.x || h.y !== x.y || h.width !== x.width || h.height !== x.height) && t(), x = h, g = requestAnimationFrame(w);
   }
   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) => {
+      s && p.removeEventListener("scroll", t), i && 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) => {
@@ -1041,7 +1041,7 @@ 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;
 }
@@ -1065,30 +1065,30 @@ function Ht(e) {
     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, x] = C.useState(null), [w, h] = C.useState(null), p = C.useCallback((S) => {
+    S !== O.current && (O.current = S, x(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 = i || g, y = r || w, O = C.useRef(null), R = 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 || !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,12 +1096,12 @@ 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]);
+  }, [m, o, t, q, ee]);
   ie(() => {
-    a === !1 && z.current.isPositioned && (z.current.isPositioned = !1, f((S) => ({
+    a === !1 && z.current.isPositioned && (z.current.isPositioned = !1, d((S) => ({
       ...S,
       isPositioned: !1
     })));
@@ -1110,7 +1110,7 @@ function Ht(e) {
   ie(() => (I.current = !0, () => {
     I.current = !1;
   }), []), ie(() => {
-    if (E && (O.current = E), y && (A.current = y), E && y) {
+    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),
@@ -1187,52 +1187,56 @@ function Qe(e) {
     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, x] = de(a), w = () => u !== void 0 && a !== void 0 ? a : g, h = () => u !== void 0 && a !== void 0 ? u : x, { x: p, y: v, strategy: E, refs: y } = Ht({
+    open: w(),
     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());
+            w() ? (h()(!1), r == null || r()) : (h()(!0), l == null || l());
           }
-          y.stopPropagation();
+          R.stopPropagation();
         },
-        role: f,
+        role: d,
         children: i
       }
     ),
-    d() && st(
+    w() && st(
       /* @__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
         }
@@ -1242,59 +1246,59 @@ function Qe(e) {
   ] });
 }
 function Xt(e) {
-  var p, w;
+  var x, w;
   const {
     items: o = [],
     children: t,
     moreItemsLabel: n = "",
     parentRef: s,
     data: i,
-    estimator: r = (m, x) => x + 30,
+    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 = s == null ? void 0 : s.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.measureText(n).width + 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.measureText(h).width))) ?? [],
     [o]
   );
   return re(() => {
-    h();
+    f();
   }, [o]), re(() => {
     if (!(s != null && s.current)) return;
-    const m = new ResizeObserver(() => {
-      h();
+    const h = new ResizeObserver(() => {
+      f();
     });
-    return m.observe(s.current), () => {
-      m.disconnect();
+    return h.observe(s.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])),
+  }, [o]), /* @__PURE__ */ W(Fe, { children: [
+    (x = u.visible) == null ? void 0 : x.map((h, p) => t(h, p, i == null ? void 0 : i[p])),
     ((w = u.hidden) == null ? void 0 : w.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,
+            i == null ? void 0 : i[u.visible.length + p]
           )
         ) }),
         children: /* @__PURE__ */ b(We, { className: a, variant: c, children: /* @__PURE__ */ b("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
@@ -1309,24 +1313,24 @@ function X(e, o, t) {
     let a;
     t.key && ((i = t.debug) != null && i.call(t)) && (a = Date.now());
     const u = e();
-    if (!(u.length !== n.length || u.some((h, d) => n[d] !== h)))
+    if (!(u.length !== n.length || u.some((f, g) => n[g] !== f)))
       return s;
     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()), s = 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, x = g / 16, w = (h, p) => {
+        for (h = String(h); h.length < p; )
+          h = " " + h;
+        return h;
       };
       console.info(
-        `%c⏱ ${w(d, 5)} /${w(h, 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 * p, 120)
+          Math.min(120 - 120 * x, 120)
         )}deg 100% 31%);`,
         t == null ? void 0 : t.key
       );
@@ -1377,7 +1381,7 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
   return i.observe(t, { box: "border-box" }), () => {
     i.unobserve(t);
   };
-}, _e = {
+}, De = {
   passive: !0
 }, tn = typeof window > "u" ? !0 : "onscrollend" in window, nn = (e, o) => {
   const t = e.scrollElement;
@@ -1395,10 +1399,10 @@ const Zt = (e, o) => Math.abs(e - o) < 1, Gt = (e, o, t) => {
     },
     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;
+    s = u ? t.scrollLeft * (d && -1 || 1) : t.scrollTop, i(), o(s, 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) => {
@@ -1566,14 +1570,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 = i(u), m = this.options.lanes === 1 ? a[u - 1] : this.getFurthestMeasurement(a, u), f = m ? m.end + this.options.gap : n + s, g = l.get(d), x = typeof g == "number" ? g : this.options.estimateSize(u), w = f + x, h = m ? m.lane : u % this.options.lanes;
           a[u] = {
             index: u,
-            start: h,
-            size: p,
+            start: f,
+            size: x,
             end: w,
-            key: f,
-            lane: m
+            key: d,
+            lane: h
           };
         }
         return this.measurementsCache = a, a;
@@ -1760,7 +1764,7 @@ function ln({
     r++;
   return { startIndex: i, 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,
@@ -1771,7 +1775,7 @@ function cn(e) {
   }, [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({
@@ -1834,6 +1838,7 @@ function dn(e) {
   );
 }
 function xn(e) {
+  var g;
   const {
     items: o,
     selected: t,
@@ -1842,67 +1847,68 @@ function xn(e) {
     disabled: i,
     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,
+      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: s, selected: t } : { items: o, onChange: s, 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",
+          className: k(
+            "inline-flex h-10 w-56 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",
+            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"
                 ),
-                ref: g,
+                ref: u,
                 children: l ? /* @__PURE__ */ b(
                   Xt,
                   {
-                    items: t.map((p) => p.text),
+                    items: t.map((x) => x.text),
                     data: t,
-                    parentRef: g,
+                    parentRef: u,
+                    estimator: (x, w) => w + 40,
                     badgeVariant: "secondary",
                     badgeStyles: "!bg-input h-6 min-w-min gap-2 !bg-input",
-                    children: (p, w, m) => /* @__PURE__ */ W(
+                    children: (x, w, h) => /* @__PURE__ */ W(
                       We,
                       {
                         className: "flex h-6 min-w-min gap-2 !bg-input pr-1",
                         variant: "secondary",
                         children: [
-                          p,
+                          x,
                           /* @__PURE__ */ b(
                             lt,
                             {
                               onClick: () => {
-                                s(t.filter((x) => x.key !== (m == null ? void 0 : m.key)));
+                                s(t.filter((p) => p.key !== (h == null ? void 0 : h.key)));
                               },
                               variant: "icon",
                               size: "icon",
@@ -1921,9 +1927,9 @@ 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",
+                  d ? "rotate-180" : "rotate-0",
                   i ? "text-muted-foreground" : "text-foreground"
                 )
               }
@@ -1935,91 +1941,84 @@ 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: s, mutable: i, 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) ? s(
+                      structuredClone(
+                        n.filter(
+                          (g) => g.key !== u[f.index].key
+                        )
+                      )
+                    ) : s(structuredClone([...n, u[f.index]])) : s(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 && (i ? /* @__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) {
   return /* @__PURE__ */ b(
@@ -2041,7 +2040,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",
@@ -2058,7 +2057,7 @@ function bn(e) {
   return /* @__PURE__ */ W(
     "div",
     {
-      className: R(
+      className: k(
         "rounded-full",
         "h-5 w-10",
         "border border-muted bg-secondary",
@@ -2071,7 +2070,7 @@ function bn(e) {
         /* @__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"
             )
@@ -2093,5 +2092,5 @@ export {
   fn as Search,
   bn as Toggle,
   Ve as cva,
-  R as cx
+  k as cx
 };