@rinzai/zen 0.1.11 → 0.2.0

package/dist/zen.js

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