@rinzai/zen 0.1.10 → 0.2.0

package/dist/zen.js

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