@still-forest/canopy 0.26.0 → 0.27.0

package/dist/SidebarLayout.js

@@ -1,72 +1,92 @@
-import { j as a } from "./jsx-runtime.js";
-import { c as j, u as U, b as xe, d as be, S as ge, e as me } from "./calendar.js";
-import * as s from "react";
-import { Fragment as ve } from "react";
-import { c } from "./index2.js";
-import { P as X, c as we, a as Y, u as ye, b as je, R as Te, A as Ce, d as T, e as Z, f as ke, g as Ne, D as _e, C as Se, h as Ee, i as Re, j as Pe, k as Me, l as Oe, m as De, n as Ae, T as Ie, o as Le, p as ze, O as He } from "./popover.js";
-import { F as $e } from "./Layout2.js";
-import { T as Be } from "./Heading.js";
+import { j as t } from "./jsx-runtime.js";
+import { c as T, u as X, b as ye, B as we, d as je, S as Te, e as Ce } from "./calendar.js";
+import * as i from "react";
+import { Fragment as ke } from "react";
+import { c as u } from "./index2.js";
+import { P as Y, c as Ne, a as Z, u as _e, b as Se, R as Ee, A as Re, d as C, e as J, f as Pe, g as Me, D as Oe, C as De, h as Ae, i as Ie, j as ze, k as Le, l as $e, m as He, n as Be, T as Fe, o as Ge, p as qe, O as Ue } from "./popover.js";
+import { F as Q } from "./Layout2.js";
+import { T as ee } from "./Heading.js";
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fe = [
+const Ve = [
   ["rect", { width: "14", height: "8", x: "5", y: "2", rx: "2", key: "wc9tft" }],
   ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", key: "w68u3i" }],
   ["path", { d: "M6 18h2", key: "rwmk9e" }],
   ["path", { d: "M12 18h6", key: "aqd8w3" }]
-], Ge = j("computer", Fe);
+], Ke = T("computer", Ve);
+/**
+ * @license lucide-react v0.525.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const We = [
+  ["path", { d: "M12 17v4", key: "1riwvh" }],
+  ["path", { d: "m14.305 7.53.923-.382", key: "1mlnsw" }],
+  ["path", { d: "m15.228 4.852-.923-.383", key: "82mpwg" }],
+  ["path", { d: "m16.852 3.228-.383-.924", key: "ln4sir" }],
+  ["path", { d: "m16.852 8.772-.383.923", key: "1dejw0" }],
+  ["path", { d: "m19.148 3.228.383-.924", key: "192kgf" }],
+  ["path", { d: "m19.53 9.696-.382-.924", key: "fiavlr" }],
+  ["path", { d: "m20.772 4.852.924-.383", key: "1j8mgp" }],
+  ["path", { d: "m20.772 7.148.924.383", key: "zix9be" }],
+  ["path", { d: "M22 13v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7", key: "1tnzv8" }],
+  ["path", { d: "M8 21h8", key: "1ev6f3" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }]
+], Xe = T("monitor-cog", We);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = [
+const Ye = [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
-], Ke = j("moon", qe);
+], te = T("moon", Ye);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = [
+const Ze = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
-], We = j("panel-left-open", Ve);
+], Je = T("panel-left-open", Ze);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ue = [
+const Qe = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }],
   ["path", { d: "m10 15-3-3 3-3", key: "1pgupc" }]
-], Xe = j("panel-right-open", Ue);
+], et = T("panel-right-open", Qe);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ye = [
+const tt = [
   ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
   ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
-], Ze = j("square-arrow-out-up-right", Ye);
+], at = T("square-arrow-out-up-right", tt);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = [
+const rt = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -76,223 +96,223 @@ const Je = [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], Qe = j("sun", Je);
+], ae = T("sun", rt);
 /**
  * @license lucide-react v0.525.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const et = [
+const ot = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], tt = j("x", et);
-var at = "Separator", V = "horizontal", rt = ["horizontal", "vertical"], J = s.forwardRef((e, t) => {
-  const { decorative: r, orientation: o = V, ...n } = e, i = ot(o) ? o : V, u = r ? { role: "none" } : { "aria-orientation": i === "vertical" ? i : void 0, role: "separator" };
-  return /* @__PURE__ */ a.jsx(
-    X.div,
+], nt = T("x", ot);
+var st = "Separator", V = "horizontal", it = ["horizontal", "vertical"], re = i.forwardRef((e, a) => {
+  const { decorative: r, orientation: o = V, ...n } = e, s = lt(o) ? o : V, c = r ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+  return /* @__PURE__ */ t.jsx(
+    Y.div,
     {
-      "data-orientation": i,
-      ...u,
+      "data-orientation": s,
+      ...c,
       ...n,
-      ref: t
+      ref: a
     }
   );
 });
-J.displayName = at;
-function ot(e) {
-  return rt.includes(e);
+re.displayName = st;
+function lt(e) {
+  return it.includes(e);
 }
-var nt = J, [D, ma] = we("Tooltip", [
-  Y
-]), A = Y(), Q = "TooltipProvider", st = 700, z = "tooltip.open", [it, B] = D(Q), ee = (e) => {
+var dt = re, [D, Ta] = Ne("Tooltip", [
+  Z
+]), A = Z(), oe = "TooltipProvider", ct = 700, L = "tooltip.open", [ut, B] = D(oe), ne = (e) => {
   const {
-    __scopeTooltip: t,
-    delayDuration: r = st,
+    __scopeTooltip: a,
+    delayDuration: r = ct,
     skipDelayDuration: o = 300,
     disableHoverableContent: n = !1,
-    children: i
-  } = e, l = s.useRef(!0), u = s.useRef(!1), d = s.useRef(0);
-  return s.useEffect(() => {
-    const f = d.current;
-    return () => window.clearTimeout(f);
-  }, []), /* @__PURE__ */ a.jsx(
-    it,
+    children: s
+  } = e, l = i.useRef(!0), c = i.useRef(!1), d = i.useRef(0);
+  return i.useEffect(() => {
+    const h = d.current;
+    return () => window.clearTimeout(h);
+  }, []), /* @__PURE__ */ t.jsx(
+    ut,
     {
-      scope: t,
+      scope: a,
       isOpenDelayedRef: l,
       delayDuration: r,
-      onOpen: s.useCallback(() => {
+      onOpen: i.useCallback(() => {
         window.clearTimeout(d.current), l.current = !1;
       }, []),
-      onClose: s.useCallback(() => {
+      onClose: i.useCallback(() => {
         window.clearTimeout(d.current), d.current = window.setTimeout(
           () => l.current = !0,
           o
         );
       }, [o]),
-      isPointerInTransitRef: u,
-      onPointerInTransitChange: s.useCallback((f) => {
-        u.current = f;
+      isPointerInTransitRef: c,
+      onPointerInTransitChange: i.useCallback((h) => {
+        c.current = h;
       }, []),
       disableHoverableContent: n,
-      children: i
+      children: s
     }
   );
 };
-ee.displayName = Q;
-var R = "Tooltip", [lt, P] = D(R), te = (e) => {
+ne.displayName = oe;
+var R = "Tooltip", [pt, P] = D(R), se = (e) => {
   const {
-    __scopeTooltip: t,
+    __scopeTooltip: a,
     children: r,
     open: o,
     defaultOpen: n,
-    onOpenChange: i,
+    onOpenChange: s,
     disableHoverableContent: l,
-    delayDuration: u
-  } = e, d = B(R, e.__scopeTooltip), f = A(t), [p, b] = s.useState(null), x = ye(), h = s.useRef(0), v = l ?? d.disableHoverableContent, w = u ?? d.delayDuration, y = s.useRef(!1), [g, m] = je({
+    delayDuration: c
+  } = e, d = B(R, e.__scopeTooltip), h = A(a), [p, b] = i.useState(null), x = _e(), f = i.useRef(0), v = l ?? d.disableHoverableContent, y = c ?? d.delayDuration, w = i.useRef(!1), [m, g] = Se({
     prop: o,
     defaultProp: n ?? !1,
-    onChange: (K) => {
-      K ? (d.onOpen(), document.dispatchEvent(new CustomEvent(z))) : d.onClose(), i?.(K);
+    onChange: (U) => {
+      U ? (d.onOpen(), document.dispatchEvent(new CustomEvent(L))) : d.onClose(), s?.(U);
     },
     caller: R
-  }), N = s.useMemo(() => g ? y.current ? "delayed-open" : "instant-open" : "closed", [g]), _ = s.useCallback(() => {
-    window.clearTimeout(h.current), h.current = 0, y.current = !1, m(!0);
-  }, [m]), S = s.useCallback(() => {
-    window.clearTimeout(h.current), h.current = 0, m(!1);
-  }, [m]), q = s.useCallback(() => {
-    window.clearTimeout(h.current), h.current = window.setTimeout(() => {
-      y.current = !0, m(!0), h.current = 0;
-    }, w);
-  }, [w, m]);
-  return s.useEffect(() => () => {
-    h.current && (window.clearTimeout(h.current), h.current = 0);
-  }, []), /* @__PURE__ */ a.jsx(Te, { ...f, children: /* @__PURE__ */ a.jsx(
-    lt,
+  }), _ = i.useMemo(() => m ? w.current ? "delayed-open" : "instant-open" : "closed", [m]), S = i.useCallback(() => {
+    window.clearTimeout(f.current), f.current = 0, w.current = !1, g(!0);
+  }, [g]), E = i.useCallback(() => {
+    window.clearTimeout(f.current), f.current = 0, g(!1);
+  }, [g]), q = i.useCallback(() => {
+    window.clearTimeout(f.current), f.current = window.setTimeout(() => {
+      w.current = !0, g(!0), f.current = 0;
+    }, y);
+  }, [y, g]);
+  return i.useEffect(() => () => {
+    f.current && (window.clearTimeout(f.current), f.current = 0);
+  }, []), /* @__PURE__ */ t.jsx(Ee, { ...h, children: /* @__PURE__ */ t.jsx(
+    pt,
     {
-      scope: t,
+      scope: a,
       contentId: x,
-      open: g,
-      stateAttribute: N,
+      open: m,
+      stateAttribute: _,
       trigger: p,
       onTriggerChange: b,
-      onTriggerEnter: s.useCallback(() => {
-        d.isOpenDelayedRef.current ? q() : _();
-      }, [d.isOpenDelayedRef, q, _]),
-      onTriggerLeave: s.useCallback(() => {
-        v ? S() : (window.clearTimeout(h.current), h.current = 0);
-      }, [S, v]),
-      onOpen: _,
-      onClose: S,
+      onTriggerEnter: i.useCallback(() => {
+        d.isOpenDelayedRef.current ? q() : S();
+      }, [d.isOpenDelayedRef, q, S]),
+      onTriggerLeave: i.useCallback(() => {
+        v ? E() : (window.clearTimeout(f.current), f.current = 0);
+      }, [E, v]),
+      onOpen: S,
+      onClose: E,
       disableHoverableContent: v,
       children: r
     }
   ) });
 };
-te.displayName = R;
-var H = "TooltipTrigger", ae = s.forwardRef(
-  (e, t) => {
-    const { __scopeTooltip: r, ...o } = e, n = P(H, r), i = B(H, r), l = A(r), u = s.useRef(null), d = U(t, u, n.onTriggerChange), f = s.useRef(!1), p = s.useRef(!1), b = s.useCallback(() => f.current = !1, []);
-    return s.useEffect(() => () => document.removeEventListener("pointerup", b), [b]), /* @__PURE__ */ a.jsx(Ce, { asChild: !0, ...l, children: /* @__PURE__ */ a.jsx(
-      X.button,
+se.displayName = R;
+var $ = "TooltipTrigger", ie = i.forwardRef(
+  (e, a) => {
+    const { __scopeTooltip: r, ...o } = e, n = P($, r), s = B($, r), l = A(r), c = i.useRef(null), d = X(a, c, n.onTriggerChange), h = i.useRef(!1), p = i.useRef(!1), b = i.useCallback(() => h.current = !1, []);
+    return i.useEffect(() => () => document.removeEventListener("pointerup", b), [b]), /* @__PURE__ */ t.jsx(Re, { asChild: !0, ...l, children: /* @__PURE__ */ t.jsx(
+      Y.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
         ...o,
         ref: d,
-        onPointerMove: T(e.onPointerMove, (x) => {
-          x.pointerType !== "touch" && !p.current && !i.isPointerInTransitRef.current && (n.onTriggerEnter(), p.current = !0);
+        onPointerMove: C(e.onPointerMove, (x) => {
+          x.pointerType !== "touch" && !p.current && !s.isPointerInTransitRef.current && (n.onTriggerEnter(), p.current = !0);
         }),
-        onPointerLeave: T(e.onPointerLeave, () => {
+        onPointerLeave: C(e.onPointerLeave, () => {
           n.onTriggerLeave(), p.current = !1;
         }),
-        onPointerDown: T(e.onPointerDown, () => {
-          n.open && n.onClose(), f.current = !0, document.addEventListener("pointerup", b, { once: !0 });
+        onPointerDown: C(e.onPointerDown, () => {
+          n.open && n.onClose(), h.current = !0, document.addEventListener("pointerup", b, { once: !0 });
         }),
-        onFocus: T(e.onFocus, () => {
-          f.current || n.onOpen();
+        onFocus: C(e.onFocus, () => {
+          h.current || n.onOpen();
         }),
-        onBlur: T(e.onBlur, n.onClose),
-        onClick: T(e.onClick, n.onClose)
+        onBlur: C(e.onBlur, n.onClose),
+        onClick: C(e.onClick, n.onClose)
       }
     ) });
   }
 );
-ae.displayName = H;
-var F = "TooltipPortal", [dt, ct] = D(F, {
+ie.displayName = $;
+var F = "TooltipPortal", [ht, ft] = D(F, {
   forceMount: void 0
-}), re = (e) => {
-  const { __scopeTooltip: t, forceMount: r, children: o, container: n } = e, i = P(F, t);
-  return /* @__PURE__ */ a.jsx(dt, { scope: t, forceMount: r, children: /* @__PURE__ */ a.jsx(Z, { present: r || i.open, children: /* @__PURE__ */ a.jsx(ke, { asChild: !0, container: n, children: o }) }) });
+}), le = (e) => {
+  const { __scopeTooltip: a, forceMount: r, children: o, container: n } = e, s = P(F, a);
+  return /* @__PURE__ */ t.jsx(ht, { scope: a, forceMount: r, children: /* @__PURE__ */ t.jsx(J, { present: r || s.open, children: /* @__PURE__ */ t.jsx(Pe, { asChild: !0, container: n, children: o }) }) });
 };
-re.displayName = F;
-var C = "TooltipContent", oe = s.forwardRef(
-  (e, t) => {
-    const r = ct(C, e.__scopeTooltip), { forceMount: o = r.forceMount, side: n = "top", ...i } = e, l = P(C, e.__scopeTooltip);
-    return /* @__PURE__ */ a.jsx(Z, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ a.jsx(ne, { side: n, ...i, ref: t }) : /* @__PURE__ */ a.jsx(ut, { side: n, ...i, ref: t }) });
+le.displayName = F;
+var k = "TooltipContent", de = i.forwardRef(
+  (e, a) => {
+    const r = ft(k, e.__scopeTooltip), { forceMount: o = r.forceMount, side: n = "top", ...s } = e, l = P(k, e.__scopeTooltip);
+    return /* @__PURE__ */ t.jsx(J, { present: o || l.open, children: l.disableHoverableContent ? /* @__PURE__ */ t.jsx(ce, { side: n, ...s, ref: a }) : /* @__PURE__ */ t.jsx(xt, { side: n, ...s, ref: a }) });
   }
-), ut = s.forwardRef((e, t) => {
-  const r = P(C, e.__scopeTooltip), o = B(C, e.__scopeTooltip), n = s.useRef(null), i = U(t, n), [l, u] = s.useState(null), { trigger: d, onClose: f } = r, p = n.current, { onPointerInTransitChange: b } = o, x = s.useCallback(() => {
-    u(null), b(!1);
-  }, [b]), h = s.useCallback(
-    (v, w) => {
-      const y = v.currentTarget, g = { x: v.clientX, y: v.clientY }, m = xt(g, y.getBoundingClientRect()), N = bt(g, m), _ = gt(w.getBoundingClientRect()), S = vt([...N, ..._]);
-      u(S), b(!0);
+), xt = i.forwardRef((e, a) => {
+  const r = P(k, e.__scopeTooltip), o = B(k, e.__scopeTooltip), n = i.useRef(null), s = X(a, n), [l, c] = i.useState(null), { trigger: d, onClose: h } = r, p = n.current, { onPointerInTransitChange: b } = o, x = i.useCallback(() => {
+    c(null), b(!1);
+  }, [b]), f = i.useCallback(
+    (v, y) => {
+      const w = v.currentTarget, m = { x: v.clientX, y: v.clientY }, g = vt(m, w.getBoundingClientRect()), _ = yt(m, g), S = wt(y.getBoundingClientRect()), E = Tt([..._, ...S]);
+      c(E), b(!0);
     },
     [b]
   );
-  return s.useEffect(() => () => x(), [x]), s.useEffect(() => {
+  return i.useEffect(() => () => x(), [x]), i.useEffect(() => {
     if (d && p) {
-      const v = (y) => h(y, p), w = (y) => h(y, d);
-      return d.addEventListener("pointerleave", v), p.addEventListener("pointerleave", w), () => {
-        d.removeEventListener("pointerleave", v), p.removeEventListener("pointerleave", w);
+      const v = (w) => f(w, p), y = (w) => f(w, d);
+      return d.addEventListener("pointerleave", v), p.addEventListener("pointerleave", y), () => {
+        d.removeEventListener("pointerleave", v), p.removeEventListener("pointerleave", y);
       };
     }
-  }, [d, p, h, x]), s.useEffect(() => {
+  }, [d, p, f, x]), i.useEffect(() => {
     if (l) {
-      const v = (w) => {
-        const y = w.target, g = { x: w.clientX, y: w.clientY }, m = d?.contains(y) || p?.contains(y), N = !mt(g, l);
-        m ? x() : N && (x(), f());
+      const v = (y) => {
+        const w = y.target, m = { x: y.clientX, y: y.clientY }, g = d?.contains(w) || p?.contains(w), _ = !jt(m, l);
+        g ? x() : _ && (x(), h());
       };
       return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
     }
-  }, [d, p, l, f, x]), /* @__PURE__ */ a.jsx(ne, { ...e, ref: i });
-}), [pt, ft] = D(R, { isInside: !1 }), ht = xe("TooltipContent"), ne = s.forwardRef(
-  (e, t) => {
+  }, [d, p, l, h, x]), /* @__PURE__ */ t.jsx(ce, { ...e, ref: s });
+}), [bt, mt] = D(R, { isInside: !1 }), gt = ye("TooltipContent"), ce = i.forwardRef(
+  (e, a) => {
     const {
       __scopeTooltip: r,
       children: o,
       "aria-label": n,
-      onEscapeKeyDown: i,
+      onEscapeKeyDown: s,
       onPointerDownOutside: l,
-      ...u
-    } = e, d = P(C, r), f = A(r), { onClose: p } = d;
-    return s.useEffect(() => (document.addEventListener(z, p), () => document.removeEventListener(z, p)), [p]), s.useEffect(() => {
+      ...c
+    } = e, d = P(k, r), h = A(r), { onClose: p } = d;
+    return i.useEffect(() => (document.addEventListener(L, p), () => document.removeEventListener(L, p)), [p]), i.useEffect(() => {
       if (d.trigger) {
         const b = (x) => {
           x.target?.contains(d.trigger) && p();
         };
         return window.addEventListener("scroll", b, { capture: !0 }), () => window.removeEventListener("scroll", b, { capture: !0 });
       }
-    }, [d.trigger, p]), /* @__PURE__ */ a.jsx(
-      _e,
+    }, [d.trigger, p]), /* @__PURE__ */ t.jsx(
+      Oe,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
-        onEscapeKeyDown: i,
+        onEscapeKeyDown: s,
         onPointerDownOutside: l,
         onFocusOutside: (b) => b.preventDefault(),
         onDismiss: p,
-        children: /* @__PURE__ */ a.jsxs(
-          Se,
+        children: /* @__PURE__ */ t.jsxs(
+          De,
           {
             "data-state": d.stateAttribute,
-            ...f,
-            ...u,
-            ref: t,
+            ...h,
+            ...c,
+            ref: a,
             style: {
-              ...u.style,
+              ...c.style,
               "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
               "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
               "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
@@ -300,8 +320,8 @@ var C = "TooltipContent", oe = s.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ a.jsx(ht, { children: o }),
-              /* @__PURE__ */ a.jsx(pt, { scope: r, isInside: !0, children: /* @__PURE__ */ a.jsx(Ee, { id: d.contentId, role: "tooltip", children: n || o }) })
+              /* @__PURE__ */ t.jsx(gt, { children: o }),
+              /* @__PURE__ */ t.jsx(bt, { scope: r, isInside: !0, children: /* @__PURE__ */ t.jsx(Ae, { id: d.contentId, role: "tooltip", children: n || o }) })
             ]
           }
         )
@@ -309,21 +329,21 @@ var C = "TooltipContent", oe = s.forwardRef(
     );
   }
 );
-oe.displayName = C;
-var se = "TooltipArrow", ie = s.forwardRef(
-  (e, t) => {
+de.displayName = k;
+var ue = "TooltipArrow", pe = i.forwardRef(
+  (e, a) => {
     const { __scopeTooltip: r, ...o } = e, n = A(r);
-    return ft(
-      se,
+    return mt(
+      ue,
       r
-    ).isInside ? null : /* @__PURE__ */ a.jsx(Ne, { ...n, ...o, ref: t });
+    ).isInside ? null : /* @__PURE__ */ t.jsx(Me, { ...n, ...o, ref: a });
   }
 );
-ie.displayName = se;
-function xt(e, t) {
-  const r = Math.abs(t.top - e.y), o = Math.abs(t.bottom - e.y), n = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
-  switch (Math.min(r, o, n, i)) {
-    case i:
+pe.displayName = ue;
+function vt(e, a) {
+  const r = Math.abs(a.top - e.y), o = Math.abs(a.bottom - e.y), n = Math.abs(a.right - e.x), s = Math.abs(a.left - e.x);
+  switch (Math.min(r, o, n, s)) {
+    case s:
       return "left";
     case n:
       return "right";
@@ -335,9 +355,9 @@ function xt(e, t) {
       throw new Error("unreachable");
   }
 }
-function bt(e, t, r = 5) {
+function yt(e, a, r = 5) {
   const o = [];
-  switch (t) {
+  switch (a) {
     case "top":
       o.push(
         { x: e.x - r, y: e.y + r },
@@ -365,211 +385,268 @@ function bt(e, t, r = 5) {
   }
   return o;
 }
-function gt(e) {
-  const { top: t, right: r, bottom: o, left: n } = e;
+function wt(e) {
+  const { top: a, right: r, bottom: o, left: n } = e;
   return [
-    { x: n, y: t },
-    { x: r, y: t },
+    { x: n, y: a },
+    { x: r, y: a },
     { x: r, y: o },
     { x: n, y: o }
   ];
 }
-function mt(e, t) {
+function jt(e, a) {
   const { x: r, y: o } = e;
   let n = !1;
-  for (let i = 0, l = t.length - 1; i < t.length; l = i++) {
-    const u = t[i], d = t[l], f = u.x, p = u.y, b = d.x, x = d.y;
-    p > o != x > o && r < (b - f) * (o - p) / (x - p) + f && (n = !n);
+  for (let s = 0, l = a.length - 1; s < a.length; l = s++) {
+    const c = a[s], d = a[l], h = c.x, p = c.y, b = d.x, x = d.y;
+    p > o != x > o && r < (b - h) * (o - p) / (x - p) + h && (n = !n);
   }
   return n;
 }
-function vt(e) {
-  const t = e.slice();
-  return t.sort((r, o) => r.x < o.x ? -1 : r.x > o.x ? 1 : r.y < o.y ? -1 : r.y > o.y ? 1 : 0), wt(t);
+function Tt(e) {
+  const a = e.slice();
+  return a.sort((r, o) => r.x < o.x ? -1 : r.x > o.x ? 1 : r.y < o.y ? -1 : r.y > o.y ? 1 : 0), Ct(a);
 }
-function wt(e) {
+function Ct(e) {
   if (e.length <= 1) return e.slice();
-  const t = [];
+  const a = [];
   for (let o = 0; o < e.length; o++) {
     const n = e[o];
-    for (; t.length >= 2; ) {
-      const i = t[t.length - 1], l = t[t.length - 2];
-      if ((i.x - l.x) * (n.y - l.y) >= (i.y - l.y) * (n.x - l.x)) t.pop();
+    for (; a.length >= 2; ) {
+      const s = a[a.length - 1], l = a[a.length - 2];
+      if ((s.x - l.x) * (n.y - l.y) >= (s.y - l.y) * (n.x - l.x)) a.pop();
       else break;
     }
-    t.push(n);
+    a.push(n);
   }
-  t.pop();
+  a.pop();
   const r = [];
   for (let o = e.length - 1; o >= 0; o--) {
     const n = e[o];
     for (; r.length >= 2; ) {
-      const i = r[r.length - 1], l = r[r.length - 2];
-      if ((i.x - l.x) * (n.y - l.y) >= (i.y - l.y) * (n.x - l.x)) r.pop();
+      const s = r[r.length - 1], l = r[r.length - 2];
+      if ((s.x - l.x) * (n.y - l.y) >= (s.y - l.y) * (n.x - l.x)) r.pop();
       else break;
     }
     r.push(n);
   }
-  return r.pop(), t.length === 1 && r.length === 1 && t[0].x === r[0].x && t[0].y === r[0].y ? t : t.concat(r);
+  return r.pop(), a.length === 1 && r.length === 1 && a[0].x === r[0].x && a[0].y === r[0].y ? a : a.concat(r);
 }
-var yt = ee, jt = te, Tt = ae, Ct = re, kt = oe, Nt = ie;
-const le = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(Re, { ...t, children: e });
-le.Trigger = Pe;
-le.Content = Me;
-function _t({
+var kt = ne, Nt = se, _t = ie, St = le, Et = de, Rt = pe;
+const he = ({ children: e, ...a }) => /* @__PURE__ */ t.jsx(Ie, { ...a, children: e });
+he.Trigger = ze;
+he.Content = Le;
+function Pt({
   className: e,
-  orientation: t = "horizontal",
+  orientation: a = "horizontal",
   decorative: r = !0,
   ...o
 }) {
-  return /* @__PURE__ */ a.jsx(
-    nt,
+  return /* @__PURE__ */ t.jsx(
+    dt,
     {
-      className: c(
+      className: u(
         "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
         e
       ),
       "data-slot": "separator-root",
       decorative: r,
-      orientation: t,
+      orientation: a,
       ...o
     }
   );
 }
-function St({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx("div", { className: "relative w-full overflow-x-auto", "data-slot": "table-container", children: /* @__PURE__ */ a.jsx("table", { className: c("w-full caption-bottom text-sm", e), "data-slot": "table", ...t }) });
+function Mt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: "relative w-full overflow-x-auto", "data-slot": "table-container", children: /* @__PURE__ */ t.jsx("table", { className: u("w-full caption-bottom text-sm", e), "data-slot": "table", ...a }) });
 }
-function Et({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx("thead", { className: c("[&_tr]:border-b", e), "data-slot": "table-header", ...t });
+function Ot({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("thead", { className: u("[&_tr]:border-b", e), "data-slot": "table-header", ...a });
 }
-function Rt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx("tbody", { className: c("[&_tr:last-child]:border-0", e), "data-slot": "table-body", ...t });
+function Dt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("tbody", { className: u("[&_tr:last-child]:border-0", e), "data-slot": "table-body", ...a });
 }
-function Pt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function At({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "tr",
     {
-      className: c("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", e),
+      className: u("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", e),
       "data-slot": "table-row",
-      ...t
+      ...a
     }
   );
 }
-function Mt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function It({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "th",
     {
-      className: c(
+      className: u(
         "h-10 whitespace-nowrap px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         e
       ),
       "data-slot": "table-head",
-      ...t
+      ...a
     }
   );
 }
-function Ot({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function zt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "td",
     {
-      className: c(
+      className: u(
         "whitespace-nowrap p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         e
       ),
       "data-slot": "table-cell",
-      ...t
+      ...a
     }
   );
 }
-function Dt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx("caption", { className: c("mt-4 text-muted-foreground text-sm", e), "data-slot": "table-caption", ...t });
+function Lt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("caption", { className: u("mt-4 text-muted-foreground text-sm", e), "data-slot": "table-caption", ...a });
 }
-const k = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(St, { ...t, children: e });
-k.Body = Rt;
-k.Caption = Dt;
-k.Cell = Ot;
-k.Head = Mt;
-k.Header = Et;
-k.Row = Pt;
-function G({ delayDuration: e = 0, ...t }) {
-  return /* @__PURE__ */ a.jsx(yt, { "data-slot": "tooltip-provider", delayDuration: e, ...t });
+const N = ({ children: e, ...a }) => /* @__PURE__ */ t.jsx(Mt, { ...a, children: e });
+N.Body = Dt;
+N.Caption = Lt;
+N.Cell = zt;
+N.Head = It;
+N.Header = Ot;
+N.Row = At;
+const K = [
+  {
+    theme: "light",
+    icon: /* @__PURE__ */ t.jsx(ae, {}),
+    label: "Light mode"
+  },
+  {
+    theme: "dark",
+    icon: /* @__PURE__ */ t.jsx(te, {}),
+    label: "Dark mode"
+  },
+  {
+    theme: "system",
+    icon: /* @__PURE__ */ t.jsx(Ke, {}),
+    label: "System theme"
+  }
+], $t = ({ theme: e, setTheme: a, className: r, buttonClassName: o, ...n }) => {
+  const s = () => {
+    a(e === "light" ? "dark" : e === "dark" ? "system" : "light");
+  }, l = K.find((d) => d.theme === e)?.icon, c = K.find((d) => d.theme === e)?.label;
+  return /* @__PURE__ */ t.jsx("span", { className: u(r), ...n, children: /* @__PURE__ */ t.jsxs(we, { className: u("p-1 w-full", o), onClick: s, variant: "unstyled", children: [
+    l,
+    /* @__PURE__ */ t.jsx(ee, { size: "base", truncate: !0, children: c })
+  ] }) });
+}, Ht = ({
+  variant: e = "horizontal",
+  theme: a,
+  setTheme: r,
+  className: o,
+  buttonClassName: n,
+  ...s
+}) => {
+  const l = (c) => a === c ? "text-primary/75" : "text-primary/25 hover:text-primary";
+  return e === "stacked" ? /* @__PURE__ */ t.jsx(
+    $t,
+    {
+      buttonClassName: n,
+      className: o,
+      setTheme: r,
+      theme: a,
+      ...s
+    }
+  ) : /* @__PURE__ */ t.jsxs(Q, { gap: "4", children: [
+    /* @__PURE__ */ t.jsxs(j, { children: [
+      /* @__PURE__ */ t.jsx(j.Trigger, { children: /* @__PURE__ */ t.jsx(Xe, { className: l("system"), onClick: () => r("system"), size: 32 }) }),
+      /* @__PURE__ */ t.jsx(j.Content, { children: "Use system theme" })
+    ] }),
+    /* @__PURE__ */ t.jsxs(j, { children: [
+      /* @__PURE__ */ t.jsx(j.Trigger, { children: /* @__PURE__ */ t.jsx(ae, { className: l("light"), onClick: () => r("light"), size: 32 }) }),
+      /* @__PURE__ */ t.jsx(j.Content, { children: "Use light theme" })
+    ] }),
+    /* @__PURE__ */ t.jsxs(j, { children: [
+      /* @__PURE__ */ t.jsx(j.Trigger, { children: /* @__PURE__ */ t.jsx(te, { className: l("dark"), onClick: () => r("dark"), size: 32 }) }),
+      /* @__PURE__ */ t.jsx(j.Content, { children: "Use dark theme" })
+    ] })
+  ] });
+};
+function G({ delayDuration: e = 0, ...a }) {
+  return /* @__PURE__ */ t.jsx(kt, { "data-slot": "tooltip-provider", delayDuration: e, ...a });
 }
-function de({ ...e }) {
-  return /* @__PURE__ */ a.jsx(G, { children: /* @__PURE__ */ a.jsx(jt, { "data-slot": "tooltip", ...e }) });
+function fe({ ...e }) {
+  return /* @__PURE__ */ t.jsx(G, { children: /* @__PURE__ */ t.jsx(Nt, { "data-slot": "tooltip", ...e }) });
 }
-function ce({ ...e }) {
-  return /* @__PURE__ */ a.jsx(Tt, { "data-slot": "tooltip-trigger", ...e });
+function xe({ ...e }) {
+  return /* @__PURE__ */ t.jsx(_t, { "data-slot": "tooltip-trigger", ...e });
 }
-function ue({
+function be({
   className: e,
-  sideOffset: t = 0,
+  sideOffset: a = 0,
   children: r,
   ...o
 }) {
-  return /* @__PURE__ */ a.jsx(Ct, { children: /* @__PURE__ */ a.jsxs(
-    kt,
+  return /* @__PURE__ */ t.jsx(St, { children: /* @__PURE__ */ t.jsxs(
+    Et,
     {
-      className: c(
+      className: u(
         "fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs data-[state=closed]:animate-out",
         e
       ),
       "data-slot": "tooltip-content",
-      sideOffset: t,
+      sideOffset: a,
       ...o,
       children: [
         r,
-        /* @__PURE__ */ a.jsx(Nt, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
+        /* @__PURE__ */ t.jsx(Rt, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
       ]
     }
   ) });
 }
-const pe = ({ children: e, open: t, onOpenChange: r }) => /* @__PURE__ */ a.jsx(G, { children: /* @__PURE__ */ a.jsx(de, { onOpenChange: r, open: t, children: e }) }), At = ({ children: e, cursor: t = "pointer", className: r }) => /* @__PURE__ */ a.jsx(
-  ce,
+const j = ({ children: e, open: a, onOpenChange: r }) => /* @__PURE__ */ t.jsx(G, { children: /* @__PURE__ */ t.jsx(fe, { onOpenChange: r, open: a, children: e }) }), Bt = ({ children: e, cursor: a = "pointer", className: r }) => /* @__PURE__ */ t.jsx(
+  xe,
   {
     asChild: !0,
-    className: c(
-      t === "arrow" && "cursor-default",
-      t === "pointer" && "cursor-pointer",
-      t === "text" && "cursor-text",
-      t === "not-allowed" && "cursor-not-allowed",
+    className: u(
+      a === "arrow" && "cursor-default",
+      a === "pointer" && "cursor-pointer",
+      a === "text" && "cursor-text",
+      a === "not-allowed" && "cursor-not-allowed",
       r
     ),
     children: e
   }
-), It = ({ children: e }) => /* @__PURE__ */ a.jsx(ue, { children: e });
-pe.Trigger = At;
-pe.Content = It;
-function Lt({ ...e }) {
-  return /* @__PURE__ */ a.jsx(Oe, { "data-slot": "sheet", ...e });
+), Ft = ({ children: e }) => /* @__PURE__ */ t.jsx(be, { children: e });
+j.Trigger = Bt;
+j.Content = Ft;
+function Gt({ ...e }) {
+  return /* @__PURE__ */ t.jsx($e, { "data-slot": "sheet", ...e });
 }
-function zt({ ...e }) {
-  return /* @__PURE__ */ a.jsx(ze, { "data-slot": "sheet-portal", ...e });
+function qt({ ...e }) {
+  return /* @__PURE__ */ t.jsx(qe, { "data-slot": "sheet-portal", ...e });
 }
-function Ht({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
-    He,
+function Ut({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Ue,
     {
-      className: c(
+      className: u(
         "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in",
         e
       ),
       "data-slot": "sheet-overlay",
-      ...t
+      ...a
     }
   );
 }
-function $t({
+function Vt({
   className: e,
-  children: t,
+  children: a,
   side: r = "right",
   ...o
 }) {
-  return /* @__PURE__ */ a.jsxs(zt, { children: [
-    /* @__PURE__ */ a.jsx(Ht, {}),
-    /* @__PURE__ */ a.jsxs(
-      De,
+  return /* @__PURE__ */ t.jsxs(qt, { children: [
+    /* @__PURE__ */ t.jsx(Ut, {}),
+    /* @__PURE__ */ t.jsxs(
+      He,
       {
-        className: c(
+        className: u(
           "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:duration-300 data-[state=open]:duration-500",
           r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
@@ -580,124 +657,124 @@ function $t({
         "data-slot": "sheet-content",
         ...o,
         children: [
-          t,
-          /* @__PURE__ */ a.jsxs(Ae, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ a.jsx(tt, { className: "size-4" }),
-            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+          a,
+          /* @__PURE__ */ t.jsxs(Be, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ t.jsx(nt, { className: "size-4" }),
+            /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function Bt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx("div", { className: c("flex flex-col gap-1.5 p-4", e), "data-slot": "sheet-header", ...t });
+function Kt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx("div", { className: u("flex flex-col gap-1.5 p-4", e), "data-slot": "sheet-header", ...a });
 }
-function Ft({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
-    Ie,
+function Wt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Fe,
     {
-      className: c("font-semibold text-foreground", e),
+      className: u("font-semibold text-foreground", e),
       "data-slot": "sheet-title",
-      ...t
+      ...a
     }
   );
 }
-function Gt({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
-    Le,
+function Xt({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Ge,
     {
-      className: c("text-muted-foreground text-sm", e),
+      className: u("text-muted-foreground text-sm", e),
       "data-slot": "sheet-description",
-      ...t
+      ...a
     }
   );
 }
-const L = 768;
-function qt() {
-  const [e, t] = s.useState(void 0);
-  return s.useEffect(() => {
-    const r = window.matchMedia(`(max-width: ${L - 1}px)`), o = () => {
-      t(window.innerWidth < L);
+const z = 768;
+function Yt() {
+  const [e, a] = i.useState(void 0);
+  return i.useEffect(() => {
+    const r = window.matchMedia(`(max-width: ${z - 1}px)`), o = () => {
+      a(window.innerWidth < z);
     };
-    return r.addEventListener("change", o), t(window.innerWidth < L), () => r.removeEventListener("change", o);
+    return r.addEventListener("change", o), a(window.innerWidth < z), () => r.removeEventListener("change", o);
   }, []), !!e;
 }
-const Kt = "sidebar_state", Vt = 60 * 60 * 24 * 7, Wt = "16rem", Ut = "18rem", Xt = "3rem", Yt = "b", fe = s.createContext(null);
+const Zt = "sidebar_state", Jt = 60 * 60 * 24 * 7, Qt = "16rem", ea = "18rem", ta = "3rem", aa = "b", me = i.createContext(null);
 function I() {
-  const e = s.useContext(fe);
+  const e = i.useContext(me);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return e;
 }
-function Zt({
+function ra({
   defaultOpen: e = !0,
-  open: t,
+  open: a,
   onOpenChange: r,
   className: o,
   style: n,
-  children: i,
+  children: s,
   ...l
 }) {
-  const u = qt(), [d, f] = s.useState(!1), [p, b] = s.useState(e), x = t ?? p, h = s.useCallback(
-    (g) => {
-      const m = typeof g == "function" ? g(x) : g;
-      r ? r(m) : b(m), document.cookie = `${Kt}=${m}; path=/; max-age=${Vt}`;
+  const c = Yt(), [d, h] = i.useState(!1), [p, b] = i.useState(e), x = a ?? p, f = i.useCallback(
+    (m) => {
+      const g = typeof m == "function" ? m(x) : m;
+      r ? r(g) : b(g), document.cookie = `${Zt}=${g}; path=/; max-age=${Jt}`;
     },
     [r, x]
-  ), v = s.useCallback(() => u ? f((g) => !g) : h((g) => !g), [u, h]);
-  s.useEffect(() => {
-    const g = (m) => {
-      m.key === Yt && (m.metaKey || m.ctrlKey) && (m.preventDefault(), v());
+  ), v = i.useCallback(() => c ? h((m) => !m) : f((m) => !m), [c, f]);
+  i.useEffect(() => {
+    const m = (g) => {
+      g.key === aa && (g.metaKey || g.ctrlKey) && (g.preventDefault(), v());
     };
-    return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
   }, [v]);
-  const w = x ? "expanded" : "collapsed", y = s.useMemo(
+  const y = x ? "expanded" : "collapsed", w = i.useMemo(
     () => ({
-      state: w,
+      state: y,
       open: x,
-      setOpen: h,
-      isMobile: u,
+      setOpen: f,
+      isMobile: c,
       openMobile: d,
-      setOpenMobile: f,
+      setOpenMobile: h,
       toggleSidebar: v
     }),
-    [w, x, h, u, d, v]
+    [y, x, f, c, d, v]
   );
-  return /* @__PURE__ */ a.jsx(fe.Provider, { value: y, children: /* @__PURE__ */ a.jsx(G, { delayDuration: 0, children: /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(me.Provider, { value: w, children: /* @__PURE__ */ t.jsx(G, { delayDuration: 0, children: /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", o),
+      className: u("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", o),
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": Wt,
-        "--sidebar-width-icon": Xt,
+        "--sidebar-width": Qt,
+        "--sidebar-width-icon": ta,
         ...n
       },
       ...l,
-      children: i
+      children: s
     }
   ) }) });
 }
-function Jt({
+function oa({
   side: e = "left",
-  variant: t = "sidebar",
+  variant: a = "sidebar",
   collapsible: r = "offcanvas",
   className: o,
   children: n,
-  ...i
+  ...s
 }) {
-  const { isMobile: l, state: u, openMobile: d, setOpenMobile: f } = I();
-  return r === "none" ? /* @__PURE__ */ a.jsx(
+  const { isMobile: l, state: c, openMobile: d, setOpenMobile: h } = I();
+  return r === "none" ? /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", o),
+      className: u("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", o),
       "data-slot": "sidebar",
-      ...i,
+      ...s,
       children: n
     }
-  ) : l ? /* @__PURE__ */ a.jsx(Lt, { onOpenChange: f, open: d, ...i, children: /* @__PURE__ */ a.jsxs(
-    $t,
+  ) : l ? /* @__PURE__ */ t.jsx(Gt, { onOpenChange: h, open: d, ...s, children: /* @__PURE__ */ t.jsxs(
+    Vt,
     {
       className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
       "data-mobile": "true",
@@ -705,51 +782,51 @@ function Jt({
       "data-slot": "sidebar",
       side: e,
       style: {
-        "--sidebar-width": Ut
+        "--sidebar-width": ea
       },
       children: [
-        /* @__PURE__ */ a.jsxs(Bt, { className: "sr-only", children: [
-          /* @__PURE__ */ a.jsx(Ft, { children: "Sidebar" }),
-          /* @__PURE__ */ a.jsx(Gt, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ t.jsxs(Kt, { className: "sr-only", children: [
+          /* @__PURE__ */ t.jsx(Wt, { children: "Sidebar" }),
+          /* @__PURE__ */ t.jsx(Xt, { children: "Displays the mobile sidebar." })
         ] }),
-        /* @__PURE__ */ a.jsx("div", { className: "flex h-full w-full flex-col", children: n })
+        /* @__PURE__ */ t.jsx("div", { className: "flex h-full w-full flex-col", children: n })
       ]
     }
-  ) }) : /* @__PURE__ */ a.jsxs(
+  ) }) : /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
-      "data-collapsible": u === "collapsed" ? r : "",
+      "data-collapsible": c === "collapsed" ? r : "",
       "data-side": e,
       "data-slot": "sidebar",
-      "data-state": u,
-      "data-variant": t,
+      "data-state": c,
+      "data-variant": a,
       children: [
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: c(
+            className: u(
               "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offcanvas]:w-0",
               "group-data-[side=right]:rotate-180",
-              t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+              a === "floating" || a === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
             ),
             "data-slot": "sidebar-gap"
           }
         ),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: c(
+            className: u(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
-              t === "floating" || t === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              a === "floating" || a === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
               o
             ),
             "data-slot": "sidebar-container",
-            ...i,
-            children: /* @__PURE__ */ a.jsx(
+            ...s,
+            children: /* @__PURE__ */ t.jsx(
               "div",
               {
                 className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
@@ -764,35 +841,35 @@ function Jt({
     }
   );
 }
-function Qt({ className: e, onClick: t, children: r, ...o }) {
-  const { toggleSidebar: n, open: i } = I();
-  return /* @__PURE__ */ a.jsxs(
-    be,
+function na({ className: e, onClick: a, children: r, ...o }) {
+  const { toggleSidebar: n, open: s } = I();
+  return /* @__PURE__ */ t.jsxs(
+    je,
     {
-      className: c("size-7", e),
+      className: u("size-7", e),
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       onClick: (l) => {
-        t?.(l), n();
+        a?.(l), n();
       },
       size: "icon",
       variant: "ghost",
       ...o,
       children: [
-        i ? /* @__PURE__ */ a.jsx(Xe, {}) : /* @__PURE__ */ a.jsx(We, {}),
-        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Toggle Sidebar" }),
-        i ? r : null
+        s ? /* @__PURE__ */ t.jsx(et, {}) : /* @__PURE__ */ t.jsx(Je, {}),
+        /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Toggle Sidebar" }),
+        s ? r : null
       ]
     }
   );
 }
-function ea({ className: e, ...t }) {
+function sa({ className: e, ...a }) {
   const { toggleSidebar: r } = I();
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
       "aria-label": "Toggle Sidebar",
-      className: c(
+      className: u(
         "-translate-x-1/2 group-data-[side=left]:-right-4 absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=right]:left-0 sm:flex",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
@@ -806,116 +883,116 @@ function ea({ className: e, ...t }) {
       onClick: r,
       tabIndex: -1,
       title: "Toggle Sidebar",
-      ...t
+      ...a
     }
   );
 }
-function ta({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function ia({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "main",
     {
-      className: c(
+      className: u(
         "relative flex w-full flex-1 flex-col bg-background",
         "md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
         e
       ),
       "data-slot": "sidebar-inset",
-      ...t
+      ...a
     }
   );
 }
-function aa({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function la({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("flex flex-col gap-2 p-2", e),
+      className: u("flex flex-col gap-2 p-2", e),
       "data-sidebar": "header",
       "data-slot": "sidebar-header",
-      ...t
+      ...a
     }
   );
 }
-function ra({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function da({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("flex flex-col gap-2 p-2", e),
+      className: u("flex flex-col gap-2 p-2", e),
       "data-sidebar": "footer",
       "data-slot": "sidebar-footer",
-      ...t
+      ...a
     }
   );
 }
-function he({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
-    _t,
+function ge({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
+    Pt,
     {
-      className: c("mx-2 w-auto bg-sidebar-border", e),
+      className: u("mx-2 w-auto bg-sidebar-border", e),
       "data-sidebar": "separator",
       "data-slot": "sidebar-separator",
-      ...t
+      ...a
     }
   );
 }
-function oa({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function ca({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c(
+      className: u(
         "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         e
       ),
       "data-sidebar": "content",
       "data-slot": "sidebar-content",
-      ...t
+      ...a
     }
   );
 }
-function na({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function ua({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("relative flex w-full min-w-0 flex-col p-2", e),
+      className: u("relative flex w-full min-w-0 flex-col p-2", e),
       "data-sidebar": "group",
       "data-slot": "sidebar-group",
-      ...t
+      ...a
     }
   );
 }
-function sa({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function pa({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: c("w-full text-sm", e),
+      className: u("w-full text-sm", e),
       "data-sidebar": "group-content",
       "data-slot": "sidebar-group-content",
-      ...t
+      ...a
     }
   );
 }
-function $({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function H({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "ul",
     {
-      className: c("flex w-full min-w-0 flex-col gap-1", e),
+      className: u("flex w-full min-w-0 flex-col gap-1", e),
       "data-sidebar": "menu",
       "data-slot": "sidebar-menu",
-      ...t
+      ...a
     }
   );
 }
-function M({ className: e, ...t }) {
-  return /* @__PURE__ */ a.jsx(
+function M({ className: e, ...a }) {
+  return /* @__PURE__ */ t.jsx(
     "li",
     {
-      className: c("group/menu-item relative", e),
+      className: u("group/menu-item relative", e),
       "data-sidebar": "menu-item",
       "data-slot": "sidebar-menu-item",
-      ...t
+      ...a
     }
   );
 }
-const ia = me(
+const ha = Ce(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -937,18 +1014,18 @@ const ia = me(
 );
 function O({
   asChild: e = !1,
-  isActive: t = !1,
+  isActive: a = !1,
   variant: r = "default",
   size: o = "default",
   tooltip: n,
-  className: i,
+  className: s,
   ...l
 }) {
-  const u = e ? ge : "button", { isMobile: d, state: f } = I(), p = /* @__PURE__ */ a.jsx(
-    u,
+  const c = e ? Te : "button", { isMobile: d, state: h } = I(), p = /* @__PURE__ */ t.jsx(
+    c,
     {
-      className: c(ia({ variant: r, size: o }), i),
-      "data-active": t,
+      className: u(ha({ variant: r, size: o }), s),
+      "data-active": a,
       "data-sidebar": "menu-button",
       "data-size": o,
       "data-slot": "sidebar-menu-button",
@@ -957,88 +1034,66 @@ function O({
   );
   return n ? (typeof n == "string" && (n = {
     children: n
-  }), /* @__PURE__ */ a.jsxs(de, { children: [
-    /* @__PURE__ */ a.jsx(ce, { asChild: !0, children: p }),
-    /* @__PURE__ */ a.jsx(ue, { align: "center", hidden: f !== "collapsed" || d, side: "right", ...n })
+  }), /* @__PURE__ */ t.jsxs(fe, { children: [
+    /* @__PURE__ */ t.jsx(xe, { asChild: !0, children: p }),
+    /* @__PURE__ */ t.jsx(be, { align: "center", hidden: h !== "collapsed" || d, side: "right", ...n })
   ] })) : p;
 }
-const E = ({ children: e }) => /* @__PURE__ */ a.jsx(Be, { size: "base", truncate: !0, children: e }), la = ({ itemSet: e, activeSlug: t }) => /* @__PURE__ */ a.jsx(a.Fragment, { children: e.links.map((r) => /* @__PURE__ */ a.jsx(M, { className: "hover:cursor-pointer", onClick: r.onClick, children: /* @__PURE__ */ a.jsx(O, { asChild: !0, isActive: t === r.slug, children: /* @__PURE__ */ a.jsxs("span", { children: [
-  /* @__PURE__ */ a.jsx(r.icon, {}),
-  /* @__PURE__ */ a.jsx(E, { children: r.title }),
-  r.external && /* @__PURE__ */ a.jsx($e, { children: /* @__PURE__ */ a.jsx(Ze, { size: 12, strokeWidth: 1.5 }) })
-] }) }) }, r.slug)) }), W = ({ itemSets: e, activeSlug: t }) => /* @__PURE__ */ a.jsx($, { children: e.map((r, o) => /* @__PURE__ */ a.jsxs(ve, { children: [
-  /* @__PURE__ */ a.jsx(la, { activeSlug: t, itemSet: r }),
-  o < e.length - 1 && /* @__PURE__ */ a.jsx(he, {})
-] }, `item-set-${o}`)) }), da = ({ theme: e, setTheme: t }) => /* @__PURE__ */ a.jsx(
-  O,
-  {
-    asChild: !0,
-    className: "cursor-pointer",
-    onClick: () => {
-      t(e === "light" ? "dark" : "light");
-    },
-    children: /* @__PURE__ */ a.jsxs("span", { children: [
-      e === "light" && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(Ke, {}),
-        /* @__PURE__ */ a.jsx(E, { children: "Dark mode" })
-      ] }),
-      e === "dark" && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(Qe, {}),
-        /* @__PURE__ */ a.jsx(E, { children: "Light mode" })
-      ] }),
-      e === "system" && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        /* @__PURE__ */ a.jsx(Ge, {}),
-        /* @__PURE__ */ a.jsx(E, { children: "System theme" })
-      ] })
-    ] })
-  }
-), ca = ({
+const ve = ({ children: e }) => /* @__PURE__ */ t.jsx(ee, { size: "base", truncate: !0, children: e }), fa = ({ itemSet: e, activeSlug: a }) => /* @__PURE__ */ t.jsx(t.Fragment, { children: e.links.map((r) => /* @__PURE__ */ t.jsx(M, { className: "hover:cursor-pointer", onClick: r.onClick, children: /* @__PURE__ */ t.jsx(O, { asChild: !0, isActive: a === r.slug, children: /* @__PURE__ */ t.jsxs("span", { children: [
+  /* @__PURE__ */ t.jsx(r.icon, {}),
+  /* @__PURE__ */ t.jsx(ve, { children: r.title }),
+  r.external && /* @__PURE__ */ t.jsx(Q, { children: /* @__PURE__ */ t.jsx(at, { size: 12, strokeWidth: 1.5 }) })
+] }) }) }, r.slug)) }), W = ({ itemSets: e, activeSlug: a }) => /* @__PURE__ */ t.jsx(H, { children: e.map((r, o) => /* @__PURE__ */ t.jsxs(ke, { children: [
+  /* @__PURE__ */ t.jsx(fa, { activeSlug: a, itemSet: r }),
+  o < e.length - 1 && /* @__PURE__ */ t.jsx(ge, {})
+] }, `item-set-${o}`)) }), xa = ({
   brandContent: e,
-  brandOnClick: t,
+  brandOnClick: a,
   activeSlug: r,
   itemSets: o,
   bottomItemSets: n = [],
-  theme: i,
+  theme: s,
   setTheme: l,
-  ...u
-}) => /* @__PURE__ */ a.jsxs(Jt, { collapsible: "icon", ...u, children: [
-  /* @__PURE__ */ a.jsx(aa, { children: /* @__PURE__ */ a.jsx($, { children: /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(
+  ...c
+}) => /* @__PURE__ */ t.jsxs(oa, { collapsible: "icon", ...c, children: [
+  /* @__PURE__ */ t.jsx(la, { children: /* @__PURE__ */ t.jsx(H, { children: /* @__PURE__ */ t.jsx(M, { children: /* @__PURE__ */ t.jsx(
     O,
     {
-      className: t ? "cursor-pointer" : "cursor-default",
-      onClick: t,
+      className: a ? "cursor-pointer" : "cursor-default",
+      onClick: a,
       size: "lg",
       children: e
     }
   ) }) }) }),
-  /* @__PURE__ */ a.jsx(oa, { children: /* @__PURE__ */ a.jsx(na, { children: /* @__PURE__ */ a.jsx(sa, { children: /* @__PURE__ */ a.jsx(W, { activeSlug: r, itemSets: o }) }) }) }),
-  /* @__PURE__ */ a.jsx(ra, { className: "mb-4", children: /* @__PURE__ */ a.jsxs($, { children: [
-    /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(O, { asChild: !0, children: /* @__PURE__ */ a.jsx(Qt, { className: "justify-start font-normal", children: /* @__PURE__ */ a.jsx(E, { children: "Collapse menu" }) }) }) }),
-    /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(da, { setTheme: l, theme: i }) }),
-    n.length > 0 && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx(he, {}),
-      /* @__PURE__ */ a.jsx(W, { activeSlug: r, itemSets: n })
+  /* @__PURE__ */ t.jsx(ca, { children: /* @__PURE__ */ t.jsx(ua, { children: /* @__PURE__ */ t.jsx(pa, { children: /* @__PURE__ */ t.jsx(W, { activeSlug: r, itemSets: o }) }) }) }),
+  /* @__PURE__ */ t.jsx(da, { className: "mb-4", children: /* @__PURE__ */ t.jsxs(H, { children: [
+    /* @__PURE__ */ t.jsx(M, { children: /* @__PURE__ */ t.jsx(O, { asChild: !0, children: /* @__PURE__ */ t.jsx(na, { className: "justify-start font-normal", children: /* @__PURE__ */ t.jsx(ve, { children: "Collapse menu" }) }) }) }),
+    /* @__PURE__ */ t.jsx(M, { children: /* @__PURE__ */ t.jsx(O, { asChild: !0, children: /* @__PURE__ */ t.jsx(Ht, { buttonClassName: "p-0", setTheme: l, theme: s, variant: "stacked" }) }) }),
+    n.length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(ge, {}),
+      /* @__PURE__ */ t.jsx(W, { activeSlug: r, itemSets: n })
     ] })
   ] }) }),
-  /* @__PURE__ */ a.jsx(ea, {})
-] }), va = ({ children: e, ...t }) => /* @__PURE__ */ a.jsxs(Zt, { children: [
-  /* @__PURE__ */ a.jsx(ca, { ...t }),
-  /* @__PURE__ */ a.jsx(ta, { children: e })
+  /* @__PURE__ */ t.jsx(sa, {})
+] }), Ca = ({ children: e, ...a }) => /* @__PURE__ */ t.jsxs(ra, { children: [
+  /* @__PURE__ */ t.jsx(xa, { ...a }),
+  /* @__PURE__ */ t.jsx(ia, { className: "max-w-screen-xl", children: e })
 ] });
 export {
-  E as M,
-  le as P,
-  Qt as S,
-  k as T,
-  tt as X,
-  ca as a,
-  va as b,
-  _t as c,
-  Rt as d,
-  Dt as e,
-  Ot as f,
-  Mt as g,
-  Et as h,
-  Pt as i,
-  pe as j
+  ve as M,
+  he as P,
+  na as S,
+  N as T,
+  nt as X,
+  xa as a,
+  Ca as b,
+  Pt as c,
+  Dt as d,
+  Lt as e,
+  zt as f,
+  It as g,
+  Ot as h,
+  At as i,
+  Ht as j,
+  j as k
 };