@noxickon/onyx 2.0.3 → 3.0.0

package/dist/legacy/legacy.es.js

@@ -0,0 +1,842 @@
+import { jsx as g, jsxs as U, Fragment as ge } from "react/jsx-runtime";
+import { d as F, D as we, c as se, E as ye } from "../chunks/hooks-6tQOArBm.js";
+import { useState as X, useRef as J, useEffect as q, createContext as le, useContext as oe, useId as Oe, useCallback as ae } from "react";
+import { Menu as Ee, X as Le } from "lucide-react";
+import { af as z, g as ne, r as Q, ag as ce, n as de, L as Ne, ah as Se } from "../chunks/ui-DrKTwQ0M.js";
+import { createPortal as Ce } from "react-dom";
+const ke = (i, e) => {
+  let s = 0, l = i.length - 1;
+  for (; s <= l; ) {
+    const t = Math.floor((s + l) / 2);
+    i[t] <= e ? s = t + 1 : l = t - 1;
+  }
+  return Math.max(0, s - 1);
+}, Pe = 5, Te = 16, Me = (i) => {
+  const e = F.c(51), {
+    count: s,
+    estimateSize: l,
+    gap: t,
+    overscan: o,
+    scrollRef: r
+  } = i, a = t === void 0 ? 0 : t, n = o === void 0 ? Pe : o, [d, u] = X(0), [c, f] = X(0), [x, h] = X(ze);
+  let p;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ new Map(), e[0] = p) : p = e[0];
+  const O = J(p), C = J(null);
+  let L;
+  e[1] !== l || e[2] !== x ? (L = (b) => {
+    const m = x.get(b);
+    return m !== void 0 ? m : typeof l == "function" ? l(b) : l;
+  }, e[1] = l, e[2] = x, e[3] = L) : L = e[3];
+  const v = L;
+  let P;
+  if (e[4] !== s || e[5] !== a || e[6] !== v) {
+    const b = [];
+    let m = 0;
+    for (let w = 0; w < s; w++)
+      b.push(m), m = m + (v(w) + (w < s - 1 ? a : 0));
+    P = {
+      offsets: b,
+      totalSize: m
+    }, e[4] = s, e[5] = a, e[6] = v, e[7] = P;
+  } else
+    P = e[7];
+  const {
+    offsets: y,
+    totalSize: k
+  } = P;
+  let j;
+  e: {
+    if (s === 0) {
+      let G;
+      e[8] === Symbol.for("react.memo_cache_sentinel") ? (G = {
+        start: 0,
+        end: 0
+      }, e[8] = G) : G = e[8], j = G;
+      break e;
+    }
+    let b, m;
+    if (e[9] !== s || e[10] !== a || e[11] !== v || e[12] !== y || e[13] !== d || e[14] !== c) {
+      m = ke(y, d), b = m;
+      let G = 0;
+      for (; b < s && G < c; )
+        G = G + (v(b) + a), b++;
+      e[9] = s, e[10] = a, e[11] = v, e[12] = y, e[13] = d, e[14] = c, e[15] = b, e[16] = m;
+    } else
+      b = e[15], m = e[16];
+    const w = m - n, M = s - 1;
+    let S;
+    e[17] !== w || e[18] !== M ? (S = se(w, 0, M), e[17] = w, e[18] = M, e[19] = S) : S = e[19];
+    const I = b + n;
+    let A;
+    e[20] !== s || e[21] !== I ? (A = se(I, 0, s), e[20] = s, e[21] = I, e[22] = A) : A = e[22];
+    let K;
+    e[23] !== A || e[24] !== S ? (K = {
+      start: S,
+      end: A
+    }, e[23] = A, e[24] = S, e[25] = K) : K = e[25], j = K;
+  }
+  const _ = j;
+  let D;
+  e: {
+    if (s === 0) {
+      let m;
+      e[26] === Symbol.for("react.memo_cache_sentinel") ? (m = [], e[26] = m) : m = e[26], D = m;
+      break e;
+    }
+    let b;
+    if (e[27] !== v || e[28] !== y || e[29] !== _.end || e[30] !== _.start) {
+      let m;
+      e[32] !== v || e[33] !== y ? (m = (w) => ({
+        index: w,
+        start: y[w],
+        size: v(w)
+      }), e[32] = v, e[33] = y, e[34] = m) : m = e[34], b = we(_.start, _.end).map(m), e[27] = v, e[28] = y, e[29] = _.end, e[30] = _.start, e[31] = b;
+    } else
+      b = e[31];
+    D = b;
+  }
+  const T = D;
+  let R;
+  e[35] === Symbol.for("react.memo_cache_sentinel") ? (R = (b) => (m) => {
+    if (!m) {
+      const S = O.current.get(b);
+      S && (C.current?.unobserve(S), O.current.delete(b));
+      return;
+    }
+    const w = O.current.get(b);
+    w !== m && (w && C.current?.unobserve(w), C.current?.observe(m), O.current.set(b, m));
+    const M = m.getBoundingClientRect().height;
+    h((S) => {
+      if (S.get(b) === M)
+        return S;
+      const I = new Map(S);
+      return I.set(b, M), I;
+    });
+  }, e[35] = R) : R = e[35];
+  const V = R;
+  let $;
+  e[36] !== s || e[37] !== v || e[38] !== y || e[39] !== r || e[40] !== k ? ($ = (b, m) => {
+    const w = m === void 0 ? {} : m, {
+      align: M,
+      behavior: S
+    } = w, I = M === void 0 ? "start" : M, A = S === void 0 ? "auto" : S, K = r.current;
+    if (!K || b < 0 || b >= s)
+      return;
+    const G = y[b], re = v(b), te = K.clientHeight;
+    let ee;
+    e: switch (I) {
+      case "center": {
+        ee = G - te / 2 + re / 2;
+        break e;
+      }
+      case "end": {
+        ee = G - te + re;
+        break e;
+      }
+      default:
+        ee = G;
+    }
+    K.scrollTo({
+      top: se(ee, 0, k - te),
+      behavior: A
+    });
+  }, e[36] = s, e[37] = v, e[38] = y, e[39] = r, e[40] = k, e[41] = $) : $ = e[41];
+  const E = $;
+  let N, B;
+  e[42] !== r ? (N = () => {
+    const b = r.current;
+    if (!b)
+      return;
+    const m = ye(() => {
+      u(b.scrollTop);
+    }, Te), w = () => {
+      f(b.clientHeight);
+    };
+    w(), b.addEventListener("scroll", m, {
+      passive: !0
+    });
+    const M = new ResizeObserver(w);
+    return M.observe(b), () => {
+      b.removeEventListener("scroll", m), m.cancel(), M.disconnect();
+    };
+  }, B = [r], e[42] = r, e[43] = N, e[44] = B) : (N = e[43], B = e[44]), q(N, B);
+  let H, Y;
+  e[45] === Symbol.for("react.memo_cache_sentinel") ? (H = () => (C.current = new ResizeObserver((b) => {
+    const m = [];
+    b.forEach((w) => {
+      const M = w.target, S = [...O.current.entries()].find((I) => {
+        const [, A] = I;
+        return A === M;
+      })?.[0];
+      S !== void 0 && m.push([S, w.contentRect.height]);
+    }), m.length > 0 && h((w) => {
+      let M = !1;
+      const S = new Map(w);
+      for (const [I, A] of m)
+        w.get(I) !== A && (S.set(I, A), M = !0);
+      return M ? S : w;
+    });
+  }), () => {
+    C.current?.disconnect(), C.current = null;
+  }), Y = [], e[45] = H, e[46] = Y) : (H = e[45], Y = e[46]), q(H, Y);
+  let W;
+  return e[47] !== E || e[48] !== k || e[49] !== T ? (W = {
+    virtualItems: T,
+    totalSize: k,
+    measureElement: V,
+    scrollToIndex: E
+  }, e[47] = E, e[48] = k, e[49] = T, e[50] = W) : W = e[50], W;
+};
+function ze() {
+  return /* @__PURE__ */ new Map();
+}
+const rt = (i) => {
+  const e = F.c(28);
+  let s, l, t, o, r, a, n;
+  e[0] !== i ? ({
+    brand: s,
+    children: l,
+    className: t,
+    hasSidebar: a,
+    navClassName: r,
+    toggleSidebar: n,
+    ...o
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a, e[7] = n) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6], n = e[7]);
+  const d = a === void 0 ? !1 : a;
+  let u;
+  e[8] !== t ? (u = z("sticky top-0 z-10 max-h-15 min-h-15 bg-card", t), e[8] = t, e[9] = u) : u = e[9];
+  let c;
+  e[10] !== r ? (c = z("mx-auto flex max-w-10xl items-center justify-between px-4 py-2.5", r), e[10] = r, e[11] = c) : c = e[11];
+  let f;
+  e[12] !== d || e[13] !== n ? (f = d ? /* @__PURE__ */ g(ne, { "aria-label": "Open menu", "data-ox-slot": "header-toggle", variant: "ghost", onClick: n, children: /* @__PURE__ */ g(Q, { icon: Ee }) }) : null, e[12] = d, e[13] = n, e[14] = f) : f = e[14];
+  let x;
+  e[15] !== s ? (x = s ? /* @__PURE__ */ g("div", { children: s }) : null, e[15] = s, e[16] = x) : x = e[16];
+  let h;
+  e[17] !== f || e[18] !== x ? (h = /* @__PURE__ */ U("div", { className: "flex items-center gap-[17px]", children: [
+    f,
+    x
+  ] }), e[17] = f, e[18] = x, e[19] = h) : h = e[19];
+  let p;
+  e[20] !== l || e[21] !== c || e[22] !== h ? (p = /* @__PURE__ */ U("nav", { className: c, children: [
+    h,
+    l
+  ] }), e[20] = l, e[21] = c, e[22] = h, e[23] = p) : p = e[23];
+  let O;
+  return e[24] !== o || e[25] !== u || e[26] !== p ? (O = /* @__PURE__ */ g("header", { className: u, "data-ox-slot": "header", ...o, children: p }), e[24] = o, e[25] = u, e[26] = p, e[27] = O) : O = e[27], O;
+}, at = (i) => {
+  const e = F.c(22);
+  let s, l, t, o, r, a, n;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    color: a,
+    icon: o,
+    subtitle: r,
+    title: n,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a, e[7] = n) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6], n = e[7]);
+  const d = a === void 0 ? "purple" : a, u = n || r || o, c = u ? "main-headline" : void 0;
+  let f;
+  e[8] !== l ? (f = z("w-full p-6", l), e[8] = l, e[9] = f) : f = e[9];
+  let x;
+  e[10] !== d || e[11] !== u || e[12] !== o || e[13] !== r || e[14] !== n ? (x = u ? /* @__PURE__ */ g("div", { className: "mb-8 border-b border-border pb-6", children: /* @__PURE__ */ U("div", { className: "flex items-center gap-4", children: [
+    o ? /* @__PURE__ */ g(Q.Box, { color: d, size: "2xl", children: /* @__PURE__ */ g(Q, { icon: o }) }) : null,
+    /* @__PURE__ */ U("div", { children: [
+      n ? /* @__PURE__ */ g("h2", { id: "main-headline", className: "text-xl font-semibold text-foreground", "data-ox-slot": "main-headline", children: n }) : null,
+      r && /* @__PURE__ */ g("p", { className: "mt-1 text-sm", children: r })
+    ] })
+  ] }) }) : null, e[10] = d, e[11] = u, e[12] = o, e[13] = r, e[14] = n, e[15] = x) : x = e[15];
+  let h;
+  return e[16] !== s || e[17] !== t || e[18] !== c || e[19] !== f || e[20] !== x ? (h = /* @__PURE__ */ U("main", { "aria-labelledby": c, className: f, "data-ox-slot": "main-content", ...t, children: [
+    x,
+    s
+  ] }), e[16] = s, e[17] = t, e[18] = c, e[19] = f, e[20] = x, e[21] = h) : h = e[21], h;
+}, fe = "group ox-focus-ring items-center rounded-lg text-sm transition-colors text-left col-span-2 grid grid-cols-subgrid", ue = "size-10 justify-center", he = "h-10 w-full px-2", me = "bg-sidebar-accent text-sidebar-accent-foreground", _e = "h-15", be = le(void 0), $e = (i) => {
+  const e = F.c(24);
+  let s, l, t, o, r, a, n;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    desktopCollapsed: r,
+    hasHeader: a,
+    mobileCollapsed: n,
+    onClose: o,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a, e[7] = n) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6], n = e[7]);
+  const d = r === void 0 ? !1 : r, u = a === void 0 ? !1 : a, c = n === void 0 ? !0 : n, [f, x] = X(window.innerWidth < ce), h = f ? c : d;
+  let p;
+  e[8] !== h || e[9] !== f ? (p = {
+    collapsed: h,
+    isMobile: f
+  }, e[8] = h, e[9] = f, e[10] = p) : p = e[10];
+  const O = p;
+  let C, L;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+    const y = () => {
+      x(window.innerWidth < ce);
+    };
+    return y(), window.addEventListener("resize", y), () => {
+      window.removeEventListener("resize", y);
+    };
+  }, L = [], e[11] = C, e[12] = L) : (C = e[11], L = e[12]), q(C, L);
+  let v;
+  e[13] !== s || e[14] !== l || e[15] !== t || e[16] !== h || e[17] !== u || e[18] !== f || e[19] !== o ? (v = f ? /* @__PURE__ */ g(de, { open: !h, onOpenChange: (y) => !y && o?.(), children: /* @__PURE__ */ g(de.Content, { closeOnOutsideClick: o !== void 0, side: "left", children: /* @__PURE__ */ U("nav", { "aria-label": "Mobile navigation", className: z("flex h-screen w-full flex-col bg-sidebar", l), role: "navigation", ...t, "data-ox-slot": "sidebar", children: [
+    o ? /* @__PURE__ */ g("div", { className: z("flex h-15 items-center gap-[17px] px-4", _e), children: /* @__PURE__ */ g(ne, { "aria-label": "Close sidebar", size: "md", variant: "ghost", onClick: o, children: /* @__PURE__ */ g(Q, { icon: Le }) }) }) : null,
+    s
+  ] }) }) }) : /* @__PURE__ */ g("nav", { "aria-label": "Desktop navigation", className: z("sticky box-content flex flex-col overflow-y-auto bg-sidebar", {
+    "top-0 h-screen": !u,
+    "viewport-minus-header top-15": u,
+    'max-w-18 min-w-18 **:data-[ox-slot="sidebar-label"]:hidden': h,
+    "max-w-64 min-w-64": !h
+  }, l), role: "navigation", ...t, "data-ox-slot": "sidebar", children: s }), e[13] = s, e[14] = l, e[15] = t, e[16] = h, e[17] = u, e[18] = f, e[19] = o, e[20] = v) : v = e[20];
+  let P;
+  return e[21] !== O || e[22] !== v ? (P = /* @__PURE__ */ g(be.Provider, { value: O, children: v }), e[21] = O, e[22] = v, e[23] = P) : P = e[23], P;
+}, Z = () => {
+  const i = oe(be);
+  if (!i)
+    throw new Error("useSidebar must be used within a SidebarProvider");
+  return i;
+}, He = (i) => {
+  const e = F.c(12);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  const {
+    collapsed: o,
+    isMobile: r
+  } = Z(), a = o && !r, n = !o || r;
+  let d;
+  e[4] !== l || e[5] !== a || e[6] !== n ? (d = z("grid flex-1 content-start gap-y-1 overflow-y-auto p-4", {
+    "grid-cols-1 place-items-center": a,
+    "grid-cols-[auto_1fr]": n
+  }, "**:data-[ox-slot=sidebar-link]:col-span-2 **:data-[ox-slot=sidebar-link]:grid **:data-[ox-slot=sidebar-link]:grid-cols-subgrid", "**:data-[ox-slot=sidebar-button]:col-span-2 **:data-[ox-slot=sidebar-button]:grid **:data-[ox-slot=sidebar-button]:grid-cols-subgrid", "**:data-[ox-slot=icon]:col-start-(--ox-menu-icon-col) **:data-[ox-slot=icon]:justify-self-center", "**:data-[ox-slot=sidebar-label]:col-start-(--ox-menu-label-col)", l), e[4] = l, e[5] = a, e[6] = n, e[7] = d) : d = e[7];
+  let u;
+  return e[8] !== s || e[9] !== t || e[10] !== d ? (u = /* @__PURE__ */ g("div", { className: d, ...t, "data-ox-slot": "sidebar-body", children: s }), e[8] = s, e[9] = t, e[10] = d, e[11] = u) : u = e[11], u;
+}, Ie = (i) => {
+  const e = F.c(18);
+  let s, l, t, o, r;
+  e[0] !== i ? ({
+    active: o,
+    children: s,
+    className: l,
+    disabled: r,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5]);
+  const a = o === void 0 ? !1 : o, n = r === void 0 ? !1 : r, {
+    collapsed: d
+  } = Z(), u = !d, c = a && !n;
+  let f;
+  e[6] !== l || e[7] !== d || e[8] !== n || e[9] !== u || e[10] !== c ? (f = z("enabled:cursor-pointer enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent enabled:hover:text-sidebar-accent-foreground", fe, {
+    [ue]: d,
+    [he]: u,
+    [me]: c,
+    "disabled:ox-default-disabled": n
+  }, l), e[6] = l, e[7] = d, e[8] = n, e[9] = u, e[10] = c, e[11] = f) : f = e[11];
+  const x = a ? "active" : "inactive";
+  let h;
+  return e[12] !== s || e[13] !== n || e[14] !== t || e[15] !== f || e[16] !== x ? (h = /* @__PURE__ */ g("button", { className: f, disabled: n, type: "button", ...t, "data-ox-slot": "sidebar-button", "data-ox-state": x, children: s }), e[12] = s, e[13] = n, e[14] = t, e[15] = f, e[16] = x, e[17] = h) : h = e[17], h;
+}, Fe = (i) => {
+  const e = F.c(10);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  let o;
+  e[4] !== l ? (o = z("p-4", l), e[4] = l, e[5] = o) : o = e[5];
+  let r;
+  return e[6] !== s || e[7] !== t || e[8] !== o ? (r = /* @__PURE__ */ g("div", { className: o, ...t, "data-ox-slot": "sidebar-footer", children: s }), e[6] = s, e[7] = t, e[8] = o, e[9] = r) : r = e[9], r;
+}, Re = (i) => {
+  const e = F.c(17);
+  let s, l, t, o;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    headline: o,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o) : (s = e[1], l = e[2], t = e[3], o = e[4]);
+  const {
+    collapsed: r,
+    isMobile: a
+  } = Z();
+  let n;
+  e[5] !== l ? (n = z("contents", l), e[5] = l, e[6] = n) : n = e[6];
+  const d = r && !a;
+  let u;
+  e[7] !== d ? (u = z("col-span-full mt-4 mb-2 block cursor-default text-xs text-muted-foreground", {
+    invisible: d
+  }), e[7] = d, e[8] = u) : u = e[8];
+  let c;
+  e[9] !== o || e[10] !== u ? (c = /* @__PURE__ */ g("h3", { className: u, children: o }), e[9] = o, e[10] = u, e[11] = c) : c = e[11];
+  let f;
+  return e[12] !== s || e[13] !== t || e[14] !== n || e[15] !== c ? (f = /* @__PURE__ */ U("div", { className: n, ...t, "data-ox-slot": "sidebar-group", children: [
+    c,
+    s
+  ] }), e[12] = s, e[13] = t, e[14] = n, e[15] = c, e[16] = f) : f = e[16], f;
+}, Be = (i) => {
+  const e = F.c(10);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  let o;
+  e[4] !== l ? (o = z("flex h-15 items-center px-4", l), e[4] = l, e[5] = o) : o = e[5];
+  let r;
+  return e[6] !== s || e[7] !== t || e[8] !== o ? (r = /* @__PURE__ */ g("div", { className: o, ...t, "data-ox-slot": "sidebar-header", children: s }), e[6] = s, e[7] = t, e[8] = o, e[9] = r) : r = e[9], r;
+}, Ae = (i) => {
+  const e = F.c(17);
+  let s, l, t, o, r, a;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    icon: t,
+    path: o,
+    size: a,
+    ...r
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6]);
+  const n = a === void 0 ? "md" : a, {
+    collapsed: d
+  } = Z(), u = !d;
+  let c;
+  e[7] !== l || e[8] !== u ? (c = z("shrink-0 text-current", {
+    "mr-2": u
+  }, l), e[7] = l, e[8] = u, e[9] = c) : c = e[9];
+  let f;
+  return e[10] !== s || e[11] !== t || e[12] !== o || e[13] !== r || e[14] !== n || e[15] !== c ? (f = /* @__PURE__ */ g(Q, { className: c, icon: t, path: o, size: n, ...r, children: s }), e[10] = s, e[11] = t, e[12] = o, e[13] = r, e[14] = n, e[15] = c, e[16] = f) : f = e[16], f;
+}, je = (i) => {
+  const e = F.c(10);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  let o;
+  e[4] !== l ? (o = z("overflow-hidden text-ellipsis", l), e[4] = l, e[5] = o) : o = e[5];
+  let r;
+  return e[6] !== s || e[7] !== t || e[8] !== o ? (r = /* @__PURE__ */ g("span", { className: o, ...t, "data-ox-slot": "sidebar-label", children: s }), e[6] = s, e[7] = t, e[8] = o, e[9] = r) : r = e[9], r;
+}, De = (i) => {
+  const e = F.c(22);
+  let s, l, t, o, r, a;
+  e[0] !== i ? ({
+    active: r,
+    children: s,
+    className: l,
+    disabled: a,
+    href: o,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6]);
+  const n = r === void 0 ? !1 : r, d = a === void 0 ? !1 : a, {
+    collapsed: u
+  } = Z(), c = n ? "page" : void 0, f = !u, x = n && !d, h = !n && !d;
+  let p;
+  e[7] !== l || e[8] !== u || e[9] !== d || e[10] !== f || e[11] !== x || e[12] !== h ? (p = z(fe, {
+    [ue]: u,
+    [he]: f,
+    [me]: x,
+    "cursor-pointer text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground": h,
+    "ox-default-disabled": d
+  }, l), e[7] = l, e[8] = u, e[9] = d, e[10] = f, e[11] = x, e[12] = h, e[13] = p) : p = e[13];
+  const O = d ? void 0 : o, C = d ? Ve : void 0, L = n ? "active" : "inactive";
+  let v;
+  return e[14] !== s || e[15] !== t || e[16] !== L || e[17] !== c || e[18] !== p || e[19] !== O || e[20] !== C ? (v = /* @__PURE__ */ g("a", { "aria-current": c, className: p, href: O, role: "link", onClick: C, ...t, "data-ox-slot": "sidebar-link", "data-ox-state": L, children: s }), e[14] = s, e[15] = t, e[16] = L, e[17] = c, e[18] = p, e[19] = O, e[20] = C, e[21] = v) : v = e[21], v;
+};
+function Ve(i) {
+  return i.preventDefault();
+}
+const ct = Object.assign($e, {
+  Body: He,
+  Button: Ie,
+  Footer: Fe,
+  Group: Re,
+  Header: Be,
+  Icon: Ae,
+  Label: je,
+  Link: De
+}), xe = le(null), ie = () => {
+  const i = oe(xe);
+  if (!i)
+    throw new Error("EndlessList compound components must be used within OxEndlessList");
+  return i;
+}, Ye = 5, Ge = (i) => {
+  const e = F.c(65);
+  let s, l, t, o, r, a, n, d, u, c, f, x, h, p, O;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    data: t,
+    estimateSize: r,
+    gap: c,
+    getItemKey: a,
+    hasNextPage: f,
+    isError: x,
+    isLoading: h,
+    loadMoreThreshold: p,
+    onLoadMore: n,
+    overscan: O,
+    renderItem: d,
+    style: u,
+    ...o
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r, e[6] = a, e[7] = n, e[8] = d, e[9] = u, e[10] = c, e[11] = f, e[12] = x, e[13] = h, e[14] = p, e[15] = O) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5], a = e[6], n = e[7], d = e[8], u = e[9], c = e[10], f = e[11], x = e[12], h = e[13], p = e[14], O = e[15]);
+  const C = c === void 0 ? 0 : c, L = f === void 0 ? !1 : f, v = x === void 0 ? !1 : x, P = h === void 0 ? !1 : h, y = p === void 0 ? Ye : p, k = O === void 0 ? 5 : O, j = J(null);
+  let _;
+  e[16] !== t.length || e[17] !== r || e[18] !== C || e[19] !== k ? (_ = {
+    count: t.length,
+    estimateSize: r,
+    scrollRef: j,
+    overscan: k,
+    gap: C
+  }, e[16] = t.length, e[17] = r, e[18] = C, e[19] = k, e[20] = _) : _ = e[20];
+  const {
+    measureElement: D,
+    totalSize: T,
+    virtualItems: R
+  } = Me(_);
+  let V;
+  e[21] !== R ? (V = R.at(-1), e[21] = R, e[22] = V) : V = e[22];
+  const $ = V;
+  let E, N;
+  e[23] !== t.length || e[24] !== L || e[25] !== v || e[26] !== P || e[27] !== $ || e[28] !== y || e[29] !== n ? (N = () => {
+    if (!$)
+      return;
+    $.index >= t.length - y && L && !P && !v && n && n();
+  }, E = [$, t.length, L, P, v, y, n], e[23] = t.length, e[24] = L, e[25] = v, e[26] = P, e[27] = $, e[28] = y, e[29] = n, e[30] = E, e[31] = N) : (E = e[30], N = e[31]), q(N, E);
+  let B;
+  e[32] !== t.length || e[33] !== L || e[34] !== v || e[35] !== P || e[36] !== n ? (B = {
+    isLoading: P,
+    isError: v,
+    hasNextPage: L,
+    itemCount: t.length,
+    onRetry: n
+  }, e[32] = t.length, e[33] = L, e[34] = v, e[35] = P, e[36] = n, e[37] = B) : B = e[37];
+  const H = B;
+  let Y;
+  e[38] !== l ? (Y = z("relative overflow-auto", l), e[38] = l, e[39] = Y) : Y = e[39];
+  let W;
+  e[40] !== T ? (W = {
+    height: T
+  }, e[40] = T, e[41] = W) : W = e[41];
+  let b;
+  if (e[42] !== t || e[43] !== a || e[44] !== D || e[45] !== d || e[46] !== R) {
+    let S;
+    e[48] !== t || e[49] !== a || e[50] !== D || e[51] !== d ? (S = (I) => {
+      const A = t[I.index], K = a(A, I.index);
+      return /* @__PURE__ */ g("div", { "data-index": I.index, "data-ox-slot": "endless-list-item", ref: D(I.index), style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        transform: `translateY(${I.start}px)`
+      }, children: d(A, I.index) }, K);
+    }, e[48] = t, e[49] = a, e[50] = D, e[51] = d, e[52] = S) : S = e[52], b = R.map(S), e[42] = t, e[43] = a, e[44] = D, e[45] = d, e[46] = R, e[47] = b;
+  } else
+    b = e[47];
+  let m;
+  e[53] !== W || e[54] !== b ? (m = /* @__PURE__ */ g("div", { className: "relative w-full", style: W, children: b }), e[53] = W, e[54] = b, e[55] = m) : m = e[55];
+  let w;
+  e[56] !== s || e[57] !== o || e[58] !== u || e[59] !== Y || e[60] !== m ? (w = /* @__PURE__ */ U("div", { className: Y, "data-ox-slot": "endless-list", ref: j, style: u, ...o, children: [
+    m,
+    s
+  ] }), e[56] = s, e[57] = o, e[58] = u, e[59] = Y, e[60] = m, e[61] = w) : w = e[61];
+  let M;
+  return e[62] !== H || e[63] !== w ? (M = /* @__PURE__ */ g(xe.Provider, { value: H, children: w }), e[62] = H, e[63] = w, e[64] = M) : M = e[64], M;
+}, We = (i) => {
+  const e = F.c(10);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  const {
+    isLoading: o,
+    itemCount: r
+  } = ie();
+  if (r > 0 || o)
+    return null;
+  let a;
+  e[4] !== l ? (a = z("flex items-center justify-center py-8 text-muted-foreground", l), e[4] = l, e[5] = a) : a = e[5];
+  const n = s ?? "No items to display";
+  let d;
+  return e[6] !== t || e[7] !== a || e[8] !== n ? (d = /* @__PURE__ */ g("div", { className: a, "data-ox-slot": "endless-list-empty", ...t, children: n }), e[6] = t, e[7] = a, e[8] = n, e[9] = d) : d = e[9], d;
+}, Ke = (i) => {
+  const e = F.c(14);
+  let s, l, t, o;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    onRetry: o,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o) : (s = e[1], l = e[2], t = e[3], o = e[4]);
+  const {
+    isError: r,
+    onRetry: a
+  } = ie();
+  if (!r)
+    return null;
+  const n = o ?? a;
+  let d;
+  e[5] !== l ? (d = z("sticky bottom-0 flex flex-col items-center justify-center gap-2 bg-background/80 py-4 backdrop-blur-sm", l), e[5] = l, e[6] = d) : d = e[6];
+  let u;
+  e[7] !== s || e[8] !== n ? (u = s ?? /* @__PURE__ */ U(ge, { children: [
+    /* @__PURE__ */ g("span", { className: "text-sm text-destructive", children: "Failed to load items" }),
+    n && /* @__PURE__ */ g(ne, { size: "sm", variant: "secondary", onClick: n, children: "Retry" })
+  ] }), e[7] = s, e[8] = n, e[9] = u) : u = e[9];
+  let c;
+  return e[10] !== t || e[11] !== d || e[12] !== u ? (c = /* @__PURE__ */ g("div", { className: d, "data-ox-slot": "endless-list-error", ...t, children: u }), e[10] = t, e[11] = d, e[12] = u, e[13] = c) : c = e[13], c;
+}, Ue = (i) => {
+  const e = F.c(12);
+  let s, l, t;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t) : (s = e[1], l = e[2], t = e[3]);
+  const {
+    hasNextPage: o,
+    isLoading: r
+  } = ie();
+  if (!r || !o)
+    return null;
+  let a;
+  e[4] !== l ? (a = z("sticky bottom-0 flex items-center justify-center bg-background/80 py-4 backdrop-blur-sm", l), e[4] = l, e[5] = a) : a = e[5];
+  let n;
+  e[6] !== s ? (n = s ?? /* @__PURE__ */ g(Ne, { size: "md" }), e[6] = s, e[7] = n) : n = e[7];
+  let d;
+  return e[8] !== t || e[9] !== a || e[10] !== n ? (d = /* @__PURE__ */ g("div", { className: a, "data-ox-slot": "endless-list-loader", ...t, children: n }), e[8] = t, e[9] = a, e[10] = n, e[11] = d) : d = e[11], d;
+}, dt = Object.assign(Ge, {
+  Empty: We,
+  Error: Ke,
+  Loader: Ue
+}), pe = le(void 0), qe = (i, e, s, l, t) => {
+  let o = 0, r = 0;
+  switch (s) {
+    case "top":
+      o = i.left, r = i.top - e.height - t;
+      break;
+    case "bottom":
+      o = i.left, r = i.bottom + t;
+      break;
+    case "left":
+      o = i.left - e.width - t, r = i.top;
+      break;
+    case "right":
+      o = i.right + t, r = i.top;
+      break;
+  }
+  if (s === "top" || s === "bottom")
+    switch (l) {
+      case "start":
+        break;
+      case "center":
+        o = i.left + (i.width - e.width) / 2;
+        break;
+      case "end":
+        o = i.right - e.width;
+        break;
+    }
+  else if (s === "left" || s === "right")
+    switch (l) {
+      case "start":
+        break;
+      case "center":
+        r = i.top + (i.height - e.height) / 2;
+        break;
+      case "end":
+        r = i.bottom - e.height;
+        break;
+    }
+  return {
+    x: o,
+    y: r
+  };
+}, Xe = ({
+  align: i = "center",
+  animationDuration: e = 0,
+  ariaHaspopup: s,
+  children: l,
+  defaultOpen: t = !1,
+  disabled: o = !1,
+  hoverDelay: r = 0,
+  id: a,
+  offset: n = 8,
+  onOpenChange: d,
+  open: u,
+  position: c = "top",
+  trigger: f = "hover",
+  useAriaControls: x = !0
+}) => {
+  const h = Oe(), [p, O] = X(t), [C, L] = X(!1), [v, P] = X(!1), y = J(null), k = J(null), j = J(null), _ = u !== void 0, T = o ? !1 : _ ? u : p, R = a || h, V = ae((E) => {
+    o || (!E && T ? (L(!0), setTimeout(() => {
+      d?.(!1), _ || O(!1), L(!1);
+    }, e)) : (d?.(E), _ || O(E)));
+  }, [o, _, d, T, e]), $ = ae(() => {
+    if (!y.current || !k.current || !T) return;
+    const E = y.current.getBoundingClientRect(), N = k.current.getBoundingClientRect(), B = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    let H = c;
+    c === "top" && E.top < N.height + n ? H = "bottom" : c === "bottom" && E.bottom + N.height + n > B.height ? H = "top" : c === "left" && E.left < N.width + n ? H = "right" : c === "right" && E.right + N.width + n > B.width && (H = "left");
+    const Y = qe(E, N, H, i, n);
+    k.current && (k.current.style.left = `${Y.x}px`, k.current.style.top = `${Y.y}px`, k.current.style.visibility = "visible", k.current.dataset.oxSide = H, P(!0));
+  }, [T, c, i, n]);
+  return q(() => {
+    T || P(!1);
+  }, [T]), q(() => () => {
+    j.current && clearTimeout(j.current);
+  }, []), q(() => {
+    if (!T || f !== "click") return;
+    const E = (N) => {
+      y.current && !y.current.contains(N.target) && k.current && !k.current.contains(N.target) && V(!1);
+    };
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+  }, [T, V, f]), q(() => {
+    if (T) {
+      requestAnimationFrame(() => {
+        $();
+      });
+      const E = () => $(), N = () => $();
+      return window.addEventListener("resize", E), window.addEventListener("scroll", N, !0), () => {
+        window.removeEventListener("resize", E), window.removeEventListener("scroll", N, !0);
+      };
+    }
+  }, [T, c, i, n, $]), /* @__PURE__ */ g(pe.Provider, { value: {
+    ariaHaspopup: s,
+    closing: C,
+    contentRef: k,
+    disabled: o,
+    hoverDelay: r,
+    hoverTimeoutRef: j,
+    id: R,
+    isPositioned: v,
+    open: T,
+    setOpen: V,
+    trigger: f,
+    triggerRef: y,
+    useAriaControls: x
+  }, children: l });
+};
+function ve() {
+  const i = oe(pe);
+  if (i === void 0)
+    throw new Error("Floating components must be used within an OxFloating provider");
+  return i;
+}
+const Je = (i) => i ? "open" : "closed", Qe = (i) => {
+  const e = F.c(19);
+  let s, l, t, o, r;
+  e[0] !== i ? ({
+    children: s,
+    className: l,
+    portal: r,
+    style: o,
+    ...t
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o, e[5] = r) : (s = e[1], l = e[2], t = e[3], o = e[4], r = e[5]);
+  const a = r === void 0 ? !0 : r, {
+    closing: n,
+    contentRef: d,
+    id: u,
+    isPositioned: c,
+    open: f
+  } = ve();
+  let x;
+  e[6] !== s || e[7] !== l || e[8] !== n || e[9] !== d || e[10] !== t || e[11] !== u || e[12] !== c || e[13] !== f || e[14] !== o ? (x = f || n ? /* @__PURE__ */ g("div", { id: u, "aria-hidden": !f && !n, className: z("fixed z-50", l), "data-ox-slot": "floating-content", "data-ox-state": n ? "closing" : Je(f), ref: d, style: {
+    ...o,
+    visibility: c ? "visible" : "hidden"
+  }, ...t, children: s }) : null, e[6] = s, e[7] = l, e[8] = n, e[9] = d, e[10] = t, e[11] = u, e[12] = c, e[13] = f, e[14] = o, e[15] = x) : x = e[15];
+  const h = x;
+  let p;
+  return e[16] !== h || e[17] !== a ? (p = a && typeof document < "u" ? Ce(h, document.body) : h, e[16] = h, e[17] = a, e[18] = p) : p = e[18], p;
+}, Ze = Se("OxFloatingTrigger", "div"), et = (i) => {
+  const e = F.c(47);
+  let s, l, t, o;
+  e[0] !== i ? ({
+    asChild: s,
+    children: l,
+    className: t,
+    ...o
+  } = i, e[0] = i, e[1] = s, e[2] = l, e[3] = t, e[4] = o) : (s = e[1], l = e[2], t = e[3], o = e[4]);
+  const {
+    ariaHaspopup: r,
+    hoverDelay: a,
+    hoverTimeoutRef: n,
+    id: d,
+    open: u,
+    setOpen: c,
+    trigger: f,
+    triggerRef: x,
+    useAriaControls: h
+  } = ve();
+  let p;
+  e[5] !== a || e[6] !== n || e[7] !== c || e[8] !== f ? (p = () => {
+    f === "hover" && (n.current && clearTimeout(n.current), a > 0 ? n.current = globalThis.setTimeout(() => {
+      c(!0);
+    }, a) : c(!0));
+  }, e[5] = a, e[6] = n, e[7] = c, e[8] = f, e[9] = p) : p = e[9];
+  const O = p;
+  let C;
+  e[10] !== n || e[11] !== c || e[12] !== f ? (C = () => {
+    f === "hover" && (n.current && (clearTimeout(n.current), n.current = null), c(!1));
+  }, e[10] = n, e[11] = c, e[12] = f, e[13] = C) : C = e[13];
+  const L = C;
+  let v;
+  e[14] !== u || e[15] !== c || e[16] !== f ? (v = () => {
+    f === "click" && c(!u);
+  }, e[14] = u, e[15] = c, e[16] = f, e[17] = v) : v = e[17];
+  const P = v;
+  let y;
+  e[18] !== c || e[19] !== f ? (y = () => {
+    f === "focus" && c(!0);
+  }, e[18] = c, e[19] = f, e[20] = y) : y = e[20];
+  const k = y;
+  let j;
+  e[21] !== c || e[22] !== f ? (j = () => {
+    f === "focus" && c(!1);
+  }, e[21] = c, e[22] = f, e[23] = j) : j = e[23];
+  const _ = j, D = h && u ? d : void 0, T = !h && u ? d : void 0, R = h ? u : void 0, V = u ? "open" : "closed";
+  let $;
+  e[24] !== r || e[25] !== o || e[26] !== _ || e[27] !== P || e[28] !== k || e[29] !== O || e[30] !== L || e[31] !== D || e[32] !== T || e[33] !== R || e[34] !== V || e[35] !== x ? ($ = {
+    "aria-controls": D,
+    "aria-describedby": T,
+    "aria-expanded": R,
+    "aria-haspopup": r,
+    "data-ox-slot": "floating-trigger",
+    "data-ox-state": V,
+    ref: x,
+    onBlur: _,
+    onClick: P,
+    onFocus: k,
+    onMouseEnter: O,
+    onMouseLeave: L,
+    ...o
+  }, e[24] = r, e[25] = o, e[26] = _, e[27] = P, e[28] = k, e[29] = O, e[30] = L, e[31] = D, e[32] = T, e[33] = R, e[34] = V, e[35] = x, e[36] = $) : $ = e[36];
+  const E = $;
+  if (s) {
+    let H;
+    return e[37] !== l || e[38] !== t || e[39] !== E ? (H = /* @__PURE__ */ g(Ze, { className: t, ...E, children: l }), e[37] = l, e[38] = t, e[39] = E, e[40] = H) : H = e[40], H;
+  }
+  let N;
+  e[41] !== t ? (N = z("w-full", t), e[41] = t, e[42] = N) : N = e[42];
+  let B;
+  return e[43] !== l || e[44] !== N || e[45] !== E ? (B = /* @__PURE__ */ g("div", { className: N, ...E, children: l }), e[43] = l, e[44] = N, e[45] = E, e[46] = B) : B = e[46], B;
+}, ft = Object.assign(Xe, {
+  Content: Qe,
+  Trigger: et
+});
+export {
+  dt as OxEndlessList,
+  ft as OxFloating,
+  pe as OxFloatingContext,
+  rt as OxLegacyHeader,
+  at as OxLegacyMainContent,
+  ct as OxLegacySidebar,
+  ve as useOxFloatingContext,
+  Me as useVirtualList
+};