xedonium 0.2.0 → 0.4.0

package/dist/xedonium.js

@@ -1,47 +1,117 @@
-import { jsxs as h, jsx as e, Fragment as Y } from "react/jsx-runtime";
-import { useId as S, useRef as E, useState as k, useLayoutEffect as Ne, useEffect as T, cloneElement as Re, createContext as ze, useContext as We, Children as Ke, useMemo as $e, useCallback as Me, forwardRef as qe } from "react";
-import { createPortal as H } from "react-dom";
-const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
-  const n = S(), s = E(null), l = E(null), [o, c] = k(!1), [i, u] = k(null), m = () => c(!0), d = () => {
-    c(!1), u(null);
+import { jsxs as f, jsx as t, Fragment as re } from "react/jsx-runtime";
+import { useRef as A, useEffect as P, useId as O, useState as D, useLayoutEffect as ve, cloneElement as Ve, createContext as Xe, useContext as Je, Children as et, useMemo as je, useCallback as Fe, forwardRef as tt } from "react";
+import { createPortal as ae } from "react-dom";
+const V = (e, r, a) => {
+  const n = A(a);
+  P(() => {
+    n.current = a;
+  }), P(() => {
+    if (!e) return;
+    const s = Array.isArray(r) ? r : [r], l = (i) => {
+      s.some((c) => {
+        var u;
+        return (u = c.current) == null ? void 0 : u.contains(i.target);
+      }) || n.current("outside");
+    }, o = (i) => {
+      i.key === "Escape" && n.current("escape");
+    };
+    return document.addEventListener("mousedown", l), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", o);
+    };
+  }, [e]);
+}, K = 8, rt = { top: "bottom", bottom: "top", left: "right", right: "left" }, at = (e = "bottom") => {
+  const [r, a = "center"] = e.split("-");
+  return { side: r, align: a };
+}, Ne = (e, r, a, n, s) => {
+  if (e === "top" || e === "bottom") {
+    const i = e === "bottom" ? a.bottom + s : a.top - s - n.height, c = r === "start" ? a.left : r === "end" ? a.right - n.width : a.left + a.width / 2 - n.width / 2;
+    return { top: i, left: c };
+  }
+  const l = e === "right" ? a.right + s : a.left - s - n.width;
+  return { top: r === "start" ? a.top : r === "end" ? a.bottom - n.height : a.top + a.height / 2 - n.height / 2, left: l };
+}, J = (e, r, a, n, s) => e === "bottom" ? Math.max(0, r.bottom + n + a.height - (s.height - K)) : e === "top" ? Math.max(0, K - (r.top - n - a.height)) : e === "right" ? Math.max(0, r.right + n + a.width - (s.width - K)) : Math.max(0, K - (r.left - n - a.width)), Be = (e, r, { placement: a = "bottom", gap: n = 6, viewport: s } = {}) => {
+  const l = s ?? { width: document.documentElement.clientWidth, height: window.innerHeight }, { side: o, align: i } = at(a);
+  let c = o;
+  if (o === "auto") {
+    const v = ["bottom", "top", "right", "left"];
+    c = v.find((N) => J(N, e, r, n, l) === 0), c || (c = v.reduce(
+      (N, M) => J(M, e, r, n, l) < J(N, e, r, n, l) ? M : N
+    ));
+  } else if (J(o, e, r, n, l) > 0) {
+    const v = rt[o];
+    J(v, e, r, n, l) < J(o, e, r, n, l) && (c = v);
+  }
+  const u = c === "top" || c === "bottom", b = (v) => u ? [v.left, v.left + r.width] : [v.top, v.top + r.height], d = u ? l.width : l.height, p = (v) => {
+    const [N, M] = b(v);
+    return Math.max(0, K - N) + Math.max(0, M - (d - K));
   };
-  if (Ne(() => {
-    if (!o || !s.current || !l.current) return;
-    const b = s.current.getBoundingClientRect(), x = l.current.getBoundingClientRect(), p = document.documentElement.clientWidth, g = window.innerHeight;
-    let y = b.bottom + pe;
-    y + x.height > g - Q && (y = Math.max(Q, b.top - pe - x.height));
-    const C = b.left + b.width / 2 - x.width / 2, w = Math.min(Math.max(Q, C), p - Q - x.width);
-    u({ top: y, left: w });
-  }, [o, t]), T(() => {
-    if (!o) return;
-    const b = (x) => x.key === "Escape" && d();
-    return window.addEventListener("keydown", b), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      window.removeEventListener("keydown", b), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+  let m = i, g = Ne(c, i, e, r, n);
+  if ((i === "start" || i === "end") && p(g) > 0) {
+    const v = i === "start" ? "end" : "start", N = Ne(c, v, e, r, n);
+    p(N) < p(g) && (g = N, m = v);
+  }
+  const h = Math.min(Math.max(K, g.top), Math.max(K, l.height - K - r.height)), x = Math.min(Math.max(K, g.left), Math.max(K, l.width - K - r.width));
+  return { top: h, left: x, side: c, align: m };
+}, nt = (e) => {
+  const r = e.getBoundingClientRect(), a = r.width * r.height;
+  if (a === 0) return !1;
+  let n = {
+    top: Math.max(r.top, 0),
+    left: Math.max(r.left, 0),
+    bottom: Math.min(r.bottom, window.innerHeight),
+    right: Math.min(r.right, document.documentElement.clientWidth)
+  };
+  for (let o = e.parentElement; o && o !== document.body; o = o.parentElement) {
+    const { overflowX: i, overflowY: c } = getComputedStyle(o);
+    if (i === "visible" && c === "visible") continue;
+    const u = o.getBoundingClientRect();
+    n = {
+      top: Math.max(n.top, u.top),
+      left: Math.max(n.left, u.left),
+      bottom: Math.min(n.bottom, u.bottom),
+      right: Math.min(n.right, u.right)
     };
-  }, [o]), !t) return r;
-  const f = r.props["aria-label"] !== t;
-  return /* @__PURE__ */ h(
+  }
+  const s = Math.max(0, n.right - n.left), l = Math.max(0, n.bottom - n.top);
+  return s * l / a < 0.5;
+}, lt = 6, Oe = ({ text: e, children: r, placement: a = "bottom", className: n = "" }) => {
+  const s = O(), l = A(null), o = A(null), [i, c] = D(!1), [u, b] = D(null), d = () => c(!0), p = () => {
+    c(!1), b(null);
+  };
+  if (ve(() => {
+    if (!i || !l.current || !o.current) return;
+    const g = l.current.getBoundingClientRect(), h = o.current.getBoundingClientRect(), { top: x, left: v } = Be(g, h, { placement: a, gap: lt });
+    b({ top: x, left: v });
+  }, [i, e, a]), P(() => {
+    if (!i) return;
+    const g = (h) => h.key === "Escape" && p();
+    return window.addEventListener("keydown", g), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
+      window.removeEventListener("keydown", g), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+    };
+  }, [i]), !e) return r;
+  const m = r.props["aria-label"] !== e;
+  return /* @__PURE__ */ f(
     "span",
     {
-      ref: s,
-      className: `inline-flex [&>:disabled]:pointer-events-none has-[>:disabled]:cursor-not-allowed ${a}`,
-      onMouseEnter: m,
-      onMouseLeave: d,
-      onFocus: (b) => b.target.matches(":focus-visible") && m(),
-      onBlur: d,
-      onPointerDown: d,
+      ref: l,
+      className: `inline-flex [&>:disabled]:pointer-events-none has-[>:disabled]:cursor-not-allowed ${n}`,
+      onMouseEnter: d,
+      onMouseLeave: p,
+      onFocus: (g) => g.target.matches(":focus-visible") && d(),
+      onBlur: p,
+      onPointerDown: p,
       children: [
-        f ? Re(r, { "aria-describedby": n }) : r,
-        f && /* @__PURE__ */ e("span", { id: n, hidden: !0, children: t }),
-        o && H(
-          /* @__PURE__ */ e(
+        m ? Ve(r, { "aria-describedby": s }) : r,
+        m && /* @__PURE__ */ t("span", { id: s, hidden: !0, children: e }),
+        i && ae(
+          /* @__PURE__ */ t(
             "div",
             {
-              ref: l,
+              ref: o,
               "aria-hidden": "true",
-              style: { top: (i == null ? void 0 : i.top) ?? 0, left: (i == null ? void 0 : i.left) ?? 0, visibility: i ? "visible" : "hidden" },
+              style: { top: (u == null ? void 0 : u.top) ?? 0, left: (u == null ? void 0 : u.left) ?? 0, visibility: u ? "visible" : "hidden" },
               className: "pointer-events-none fixed z-[var(--xd-z-tooltip,100)] w-max max-w-[16rem] border border-app-border bg-app-card px-2.5 py-1.5 text-xs normal-case tracking-normal text-app-text shadow-xl",
-              children: t
+              children: e
             }
           ),
           document.body
@@ -49,118 +119,175 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
       ]
     }
   );
-}, R = (t) => {
+}, H = (e) => {
   const {
     onClick: r,
     tooltip: a,
-    variant: n = "default",
-    className: s = "",
-    children: l,
-    type: o = "button",
+    tooltipPlacement: n,
+    variant: s = "default",
+    className: l = "",
+    children: o,
+    type: i = "button",
     disabled: c = !1,
-    ...i
-  } = t, m = /* @__PURE__ */ e(
+    ...u
+  } = e, d = /* @__PURE__ */ t(
     "button",
     {
-      type: o,
+      type: i,
       onClick: r,
       disabled: c,
       className: `text-xs font-semibold uppercase tracking-widest ${{
         default: "bg-app-strong text-app-bg border border-app-strong hover:bg-app-text",
         secondary: "bg-app-bg text-app-text border border-app-border hover:border-app-strong hover:text-app-text",
         danger: "bg-red-500/10 text-red-700 dark:text-red-400 border border-red-500/30 hover:bg-red-500/20",
+        success: "bg-emerald-600 text-white border border-emerald-600 hover:bg-emerald-500 hover:border-emerald-500 dark:bg-emerald-500 dark:text-black dark:border-emerald-500 dark:hover:bg-emerald-400 dark:hover:border-emerald-400",
         warning: "bg-amber-400 text-black border border-amber-400 hover:bg-amber-300 hover:border-amber-300"
-      }[n]} px-3 py-2 transition disabled:cursor-not-allowed disabled:opacity-50 ${s}`,
-      ...i,
-      children: l
+      }[s]} px-3 py-2 transition disabled:cursor-not-allowed disabled:opacity-50 ${l}`,
+      ...u,
+      children: o
     }
   );
-  return a ? /* @__PURE__ */ e(Le, { text: a, children: m }) : m;
-}, _e = {
-  default: "text-app-text hover:bg-app-bg",
-  warning: "text-amber-700 hover:bg-amber-400/10 dark:text-amber-400"
-}, Ht = ({ label: t, trigger: r, variant: a = "secondary", items: n, className: s = "" }) => {
-  const [l, o] = k(!1), c = E(null), i = S();
-  T(() => {
-    if (!l) return;
-    const m = (f) => {
-      c.current && !c.current.contains(f.target) && o(!1);
-    }, d = (f) => {
-      var b, x;
-      f.key === "Escape" && (o(!1), (x = (b = c.current) == null ? void 0 : b.querySelector("button")) == null || x.focus());
+  return a ? /* @__PURE__ */ t(Oe, { text: a, placement: n, children: d }) : d;
+}, X = ({
+  open: e,
+  anchorRef: r,
+  placement: a = "bottom-start",
+  gap: n = 4,
+  matchWidth: s = !1,
+  panelRef: l,
+  className: o = "",
+  style: i,
+  children: c,
+  ...u
+}) => {
+  const b = A(null), d = l ?? b, [p, m] = D(null);
+  return ve(() => {
+    if (!e) {
+      m(null);
+      return;
+    }
+    const g = () => {
+      var M;
+      const x = (M = r.current) == null ? void 0 : M.getBoundingClientRect(), v = d.current;
+      if (!x || !v) return;
+      const N = {
+        ...Be(x, { width: v.offsetWidth, height: v.offsetHeight }, { placement: a, gap: n }),
+        width: s ? x.width : void 0,
+        // the anchor was scrolled out of view: hide rather than hover over unrelated content
+        hidden: nt(r.current)
+      };
+      m(
+        (y) => y && y.top === N.top && y.left === N.left && y.width === N.width && y.hidden === N.hidden ? y : N
+      );
     };
-    return document.addEventListener("mousedown", m), document.addEventListener("keydown", d), () => {
-      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", d);
+    g(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g);
+    const h = typeof ResizeObserver > "u" ? null : new ResizeObserver(g);
+    return h && d.current && h.observe(d.current), () => {
+      window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g), h == null || h.disconnect();
     };
-  }, [l]);
-  const u = (m) => {
-    o(!1), m.onClick();
+  }, [e, r, d, a, n, s]), e ? ae(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        ref: d,
+        ...u,
+        style: {
+          position: "fixed",
+          top: (p == null ? void 0 : p.top) ?? 0,
+          left: (p == null ? void 0 : p.left) ?? 0,
+          minWidth: p == null ? void 0 : p.width,
+          // invisible (but focusable) until measured, so children can take focus on mount; also hidden while scrolled out
+          opacity: p && !p.hidden ? 1 : 0,
+          pointerEvents: p && !p.hidden ? void 0 : "none",
+          ...i
+        },
+        className: `z-[var(--xd-z-popover,85)] ${o}`,
+        children: c
+      }
+    ),
+    document.body
+  ) : null;
+}, st = {
+  default: "text-app-text hover:bg-app-bg",
+  warning: "text-amber-700 hover:bg-amber-400/10 dark:text-amber-400"
+}, hr = ({ label: e, trigger: r, variant: a = "secondary", items: n, placement: s = "bottom-start", className: l = "" }) => {
+  const [o, i] = D(!1), c = A(null), u = A(null), b = O();
+  V(o, [c, u], (p) => {
+    var m, g;
+    i(!1), p === "escape" && ((g = (m = c.current) == null ? void 0 : m.querySelector("button")) == null || g.focus());
+  });
+  const d = (p) => {
+    i(!1), p.onClick();
   };
-  return /* @__PURE__ */ h("div", { ref: c, className: `relative ${s}`, children: [
-    /* @__PURE__ */ e(
-      R,
+  return /* @__PURE__ */ f("div", { ref: c, className: `relative inline-block ${l}`, children: [
+    /* @__PURE__ */ t(
+      H,
       {
-        onClick: () => o((m) => !m),
+        onClick: () => i((p) => !p),
         variant: a,
-        "aria-label": t,
+        "aria-label": e,
         "aria-haspopup": "menu",
-        "aria-expanded": l,
-        "aria-controls": l ? i : void 0,
+        "aria-expanded": o,
+        "aria-controls": o ? b : void 0,
         children: r
       }
     ),
-    l && /* @__PURE__ */ e(
-      "div",
+    /* @__PURE__ */ t(
+      X,
       {
-        id: i,
+        open: o,
+        anchorRef: c,
+        panelRef: u,
+        placement: s,
+        id: b,
         role: "menu",
-        "aria-label": t,
-        className: "absolute right-0 top-full z-20 mt-2 w-60 overflow-hidden border border-app-border bg-app-card shadow-lg",
-        children: n.map((m) => /* @__PURE__ */ h(
+        "aria-label": e,
+        className: "w-60 max-w-[calc(100vw-1rem)] overflow-hidden border border-app-border bg-app-card shadow-lg",
+        children: n.map((p) => /* @__PURE__ */ f(
           "button",
           {
             type: "button",
             role: "menuitem",
-            disabled: m.disabled,
-            "aria-haspopup": m.hasDialog ? "dialog" : void 0,
-            onClick: () => u(m),
-            className: `flex w-full items-center gap-2 border-b border-app-border bg-app-card px-3 py-2.5 text-left transition last:border-b-0 disabled:cursor-not-allowed disabled:opacity-50 ${_e[m.tone || "default"]}`,
+            disabled: p.disabled,
+            "aria-haspopup": p.hasDialog ? "dialog" : void 0,
+            onClick: () => d(p),
+            className: `flex w-full items-center gap-2 border-b border-app-border bg-app-card px-3 py-2.5 text-left transition last:border-b-0 disabled:cursor-not-allowed disabled:opacity-50 ${st[p.tone || "default"]}`,
             children: [
-              /* @__PURE__ */ h("span", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ e("span", { className: "block text-xs font-medium uppercase tracking-widest", children: m.label }),
-                m.description && /* @__PURE__ */ e("span", { className: "mt-0.5 block text-xs normal-case tracking-normal text-app-muted", children: m.description })
+              /* @__PURE__ */ f("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ t("span", { className: "block text-xs font-medium uppercase tracking-widest", children: p.label }),
+                p.description && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-xs normal-case tracking-normal text-app-muted", children: p.description })
               ] }),
-              m.badge != null && /* @__PURE__ */ e("span", { className: "font-mono text-xs", children: m.badge })
+              p.badge != null && /* @__PURE__ */ t("span", { className: "font-mono text-xs", children: p.badge })
             ]
           },
-          m.key
+          p.key
         ))
       }
     )
   ] });
-}, oe = ({ className: t }) => /* @__PURE__ */ e(
+}, we = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-5 w-5 text-app-soft",
+    className: e ?? "h-5 w-5 text-app-soft",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 1.5,
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
   }
-), Ge = ({ className: t }) => /* @__PURE__ */ e(
+), ot = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4 text-red-600 dark:text-red-400 flex-shrink-0",
+    className: e ?? "w-4 h-4 text-red-600 dark:text-red-400 flex-shrink-0",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -169,36 +296,36 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
       }
     )
   }
-), Ue = {
+), it = {
   info: "border-app-border bg-app-card text-app-text",
   success: "border-emerald-500/40 bg-emerald-500/10 text-emerald-800 dark:text-emerald-300",
   warning: "border-amber-500/50 bg-amber-400/15 text-amber-900 dark:text-amber-200",
   danger: "border-red-500/40 bg-red-500/10 text-red-800 dark:text-red-300"
-}, Zt = ({ tone: t = "info", title: r, onClose: a, icon: n, className: s = "", children: l }) => /* @__PURE__ */ h(
+}, mr = ({ tone: e = "info", title: r, onClose: a, icon: n, className: s = "", children: l }) => /* @__PURE__ */ f(
   "div",
   {
-    role: t === "danger" || t === "warning" ? "alert" : "status",
-    className: `flex items-start gap-3 border px-4 py-3 text-sm ${Ue[t]} ${s}`,
+    role: e === "danger" || e === "warning" ? "alert" : "status",
+    className: `flex items-start gap-3 border px-4 py-3 text-sm ${it[e]} ${s}`,
     children: [
-      /* @__PURE__ */ e("span", { className: "mt-0.5 shrink-0", children: n ?? /* @__PURE__ */ e(Ge, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ h("div", { className: "min-w-0 flex-1", children: [
-        r && /* @__PURE__ */ e("div", { className: "font-semibold", children: r }),
-        l && /* @__PURE__ */ e("div", { className: r ? "mt-0.5 opacity-90" : "", children: l })
+      /* @__PURE__ */ t("span", { className: "mt-0.5 shrink-0", children: n ?? /* @__PURE__ */ t(ot, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+        r && /* @__PURE__ */ t("div", { className: "font-semibold", children: r }),
+        l && /* @__PURE__ */ t("div", { className: r ? "mt-0.5 opacity-90" : "", children: l })
       ] }),
-      a && /* @__PURE__ */ e(
+      a && /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           onClick: a,
           "aria-label": "Dismiss",
-          className: "shrink-0 opacity-70 transition hover:opacity-100",
-          children: /* @__PURE__ */ e(oe, { className: "h-4 w-4" })
+          className: "-m-2 shrink-0 p-2 opacity-70 transition hover:opacity-100",
+          children: /* @__PURE__ */ t(we, { className: "h-4 w-4" })
         }
       )
     ]
   }
-), Ce = ze({ activeTheme: "dark", toggleTheme: () => {
-} }), Ye = () => We(Ce), He = (t) => `flex h-9 w-9 items-center justify-center border transition hover:bg-app-card/80 ${t ? "border-app-strong bg-app-card/80" : "border-transparent hover:border-app-border"}`, Ze = () => /* @__PURE__ */ e(
+), We = Xe({ activeTheme: "dark", toggleTheme: () => {
+} }), ct = () => Je(We), dt = (e) => `flex h-9 w-9 items-center justify-center border transition hover:bg-app-card/80 ${e ? "border-app-strong bg-app-card/80" : "border-transparent hover:border-app-border"}`, pt = () => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
@@ -208,9 +335,9 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "1.8",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" })
   }
-), Qe = () => /* @__PURE__ */ h(
+), ut = () => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
@@ -221,8 +348,8 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
     stroke: "currentColor",
     strokeWidth: "1.8",
     children: [
-      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "4" }),
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "4" }),
+      /* @__PURE__ */ t(
         "path",
         {
           strokeLinecap: "round",
@@ -231,127 +358,132 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
       )
     ]
   }
-), De = ({ variant: t = "button" }) => {
-  const { activeTheme: r, toggleTheme: a } = Ye(), n = r === "dark", s = `Switch to ${n ? "light" : "dark"} theme`, l = n ? /* @__PURE__ */ e(Ze, {}) : /* @__PURE__ */ e(Qe, {});
-  return t === "toolbar" ? /* @__PURE__ */ e(Le, { text: s, children: /* @__PURE__ */ e("button", { type: "button", onClick: a, "aria-label": s, className: He(!1), children: l }) }) : /* @__PURE__ */ e(R, { onClick: a, tooltip: s, "aria-label": s, variant: "secondary", children: l });
-}, Ve = (t) => `px-2.5 py-1.5 text-xs font-semibold uppercase tracking-widest transition sm:px-3 ${t ? "bg-app-card text-app-text" : "text-app-muted hover:text-app-text"}`, Qt = ({
-  brand: t,
+), ze = ({ variant: e = "button" }) => {
+  const { activeTheme: r, toggleTheme: a } = ct(), n = r === "dark", s = `Switch to ${n ? "light" : "dark"} theme`, l = n ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(ut, {});
+  return e === "toolbar" ? /* @__PURE__ */ t(Oe, { text: s, children: /* @__PURE__ */ t("button", { type: "button", onClick: a, "aria-label": s, className: dt(!1), children: l }) }) : /* @__PURE__ */ t(H, { onClick: a, tooltip: s, "aria-label": s, variant: "secondary", children: l });
+}, ht = (e) => `flex min-h-9 items-center px-2.5 py-1.5 text-xs font-semibold uppercase tracking-widest transition sm:px-3 ${e ? "bg-app-card text-app-text" : "text-app-muted hover:text-app-text"}`, fr = ({
+  brand: e,
   logo: r,
   brandHref: a = "/",
   links: n = [],
   actions: s,
   themeToggle: l = !0,
   hideBrandOnMobile: o = !1,
-  linkComponent: c = "a",
-  linkProp: i = "href",
+  linkComponent: i = "a",
+  linkProp: c = "href",
   maxWidth: u = "max-w-5xl"
-}) => /* @__PURE__ */ e("header", { className: "sticky top-0 z-40 border-b border-app-border bg-app-bg/95 backdrop-blur", children: /* @__PURE__ */ h("div", { className: `mx-auto flex h-14 w-full ${u} items-center justify-between gap-3 px-4`, children: [
-  /* @__PURE__ */ h(c, { [i]: a, className: "flex shrink-0 items-center gap-2 text-app-text", children: [
+}) => /* @__PURE__ */ t("header", { className: "sticky top-0 z-40 border-b border-app-border bg-app-bg/95 backdrop-blur", children: /* @__PURE__ */ f("div", { className: `mx-auto flex h-14 w-full ${u} items-center justify-between gap-3 px-4`, children: [
+  /* @__PURE__ */ f(i, { [c]: a, className: "flex min-h-9 shrink-0 items-center gap-2 text-app-text", children: [
     r,
-    /* @__PURE__ */ e("span", { className: `text-base font-bold tracking-tight ${o ? "hidden sm:inline" : ""}`, children: t })
+    /* @__PURE__ */ t("span", { className: `text-base font-bold tracking-tight ${o ? "hidden sm:inline" : ""}`, children: e })
   ] }),
-  n.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Main", className: "flex items-center gap-1", children: n.map(({ href: m, label: d, active: f = !1, ...b }) => /* @__PURE__ */ e(
-    c,
+  n.length > 0 && /* @__PURE__ */ t("nav", { "aria-label": "Main", className: "flex min-w-0 items-center gap-1 overflow-x-auto", children: n.map(({ href: b, label: d, active: p = !1, ...m }) => /* @__PURE__ */ t(
+    i,
     {
-      [i]: m,
-      "aria-current": f ? "page" : void 0,
-      className: Ve(f),
-      ...b,
+      [c]: b,
+      "aria-current": p ? "page" : void 0,
+      className: ht(p),
+      ...m,
       children: d
     },
-    m
+    b
   )) }),
-  /* @__PURE__ */ h("div", { className: "flex shrink-0 items-center gap-1", children: [
-    l && /* @__PURE__ */ e(De, { variant: "toolbar" }),
+  /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center gap-1", children: [
+    l && /* @__PURE__ */ t(ze, { variant: "toolbar" }),
     s
   ] })
-] }) }), Xe = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', X = (t, r) => {
-  T(() => {
+] }) }), mt = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', ie = (e, r) => {
+  P(() => {
     const a = r.current;
-    if (!t || !a) return;
-    const n = document.activeElement, s = () => [...a.querySelectorAll(Xe)];
+    if (!e || !a) return;
+    const n = document.activeElement, s = () => [...a.querySelectorAll(mt)];
     (a.querySelector("[data-autofocus]") || s()[0] || a).focus();
     const l = (o) => {
       if (o.key !== "Tab") return;
-      const c = s();
-      if (!c.length) {
+      const i = s();
+      if (!i.length) {
         o.preventDefault();
         return;
       }
-      const i = c[0], u = c[c.length - 1];
-      o.shiftKey && document.activeElement === i ? (o.preventDefault(), u.focus()) : !o.shiftKey && document.activeElement === u && (o.preventDefault(), i.focus());
+      const c = i[0], u = i[i.length - 1];
+      o.shiftKey && document.activeElement === c ? (o.preventDefault(), u.focus()) : !o.shiftKey && document.activeElement === u && (o.preventDefault(), c.focus());
     };
     return a.addEventListener("keydown", l), () => {
       a.removeEventListener("keydown", l), n != null && n.isConnected && n.focus();
     };
-  }, [t, r]);
-}, ie = (t, r) => {
-  T(() => {
-    if (!t) return;
+  }, [e, r]);
+}, ye = (e, r) => {
+  P(() => {
+    if (!e) return;
     const a = (n) => {
       n.key === "Escape" && r();
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
-  }, [t, r]);
-}, Je = { right: "right-0 border-l", left: "left-0 border-r" }, et = ({ open: t, onClose: r, title: a, side: n = "right", width: s = "max-w-md", footer: l, children: o }) => {
-  const c = E(null), i = S();
-  return ie(t, r), X(t, c), T(() => {
-    if (!t) return;
-    const u = document.body.style.overflow;
+  }, [e, r]);
+}, ft = { right: "right-0 border-l", left: "left-0 border-r" }, bt = ({ open: e, onClose: r, title: a, side: n = "right", width: s = "max-w-md", padded: l = !0, footer: o, children: i }) => {
+  const c = A(null), u = O();
+  return ye(e, r), ie(e, c), P(() => {
+    if (!e) return;
+    const b = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = u;
+      document.body.style.overflow = b;
     };
-  }, [t]), t ? H(
-    /* @__PURE__ */ h("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)]", children: [
-      /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: r }),
-      /* @__PURE__ */ h(
+  }, [e]), e ? ae(
+    /* @__PURE__ */ f("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)]", children: [
+      /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: r }),
+      /* @__PURE__ */ f(
         "aside",
         {
           ref: c,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": i,
+          "aria-labelledby": u,
           tabIndex: -1,
-          className: `absolute inset-y-0 flex w-full flex-col border-app-border bg-app-card shadow-2xl ${Je[n]} ${s}`,
+          className: `absolute inset-y-0 flex w-full flex-col border-app-border bg-app-card shadow-2xl ${ft[n]} ${s}`,
           children: [
-            /* @__PURE__ */ h("div", { className: "flex shrink-0 items-center justify-between border-b border-app-border px-6 py-4", children: [
-              /* @__PURE__ */ e("h2", { id: i, className: "text-sm font-semibold uppercase tracking-widest text-app-soft", children: a }),
-              /* @__PURE__ */ e(R, { onClick: r, tooltip: "Close", "aria-label": "Close", variant: "secondary", children: /* @__PURE__ */ e(oe, {}) })
+            /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center justify-between border-b border-app-border px-6 py-4", children: [
+              /* @__PURE__ */ t("h2", { id: u, className: "text-sm font-semibold uppercase tracking-widest text-app-soft", children: a }),
+              /* @__PURE__ */ t(H, { onClick: r, tooltip: "Close", "aria-label": "Close", variant: "secondary", children: /* @__PURE__ */ t(we, {}) })
             ] }),
-            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-6", children: o }),
-            l && /* @__PURE__ */ e("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-3 border-t border-app-border px-6 py-4", children: l })
+            /* @__PURE__ */ t("div", { className: `min-h-0 flex-1 ${l ? "overflow-y-auto p-6" : "flex flex-col"}`, children: i }),
+            o && /* @__PURE__ */ t("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-3 border-t border-app-border px-6 py-4", children: o })
           ]
         }
       )
     ] }),
     document.body
   ) : null;
-}, tt = ({ className: t }) => /* @__PURE__ */ e(
+}, xt = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-5 w-5",
+    className: e ?? "h-5 w-5",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 12h16M4 18h16" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 12h16M4 18h16" })
   }
-), Vt = ({ header: t, sidebar: r, sidebarTitle: a = "Menu", children: n, className: s = "" }) => {
-  const [l, o] = k(!1), c = () => o(!1), i = typeof r == "function" ? r(c) : r;
-  return /* @__PURE__ */ h("div", { className: `flex h-screen flex-col bg-app-bg text-app-text ${s}`, children: [
-    /* @__PURE__ */ h("header", { className: "flex shrink-0 items-center gap-3 border-b border-app-border bg-app-card px-4 py-2", children: [
-      r && /* @__PURE__ */ e("span", { className: "md:hidden", children: /* @__PURE__ */ e(R, { variant: "secondary", "aria-label": "Open menu", onClick: () => o(!0), children: /* @__PURE__ */ e(tt, {}) }) }),
-      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: t })
+), br = ({ header: e, sidebar: r, sidebarTitle: a = "Menu", children: n, className: s = "" }) => {
+  const [l, o] = D(!1), i = () => o(!1);
+  P(() => {
+    const u = window.matchMedia("(min-width: 768px)"), b = (d) => d.matches && o(!1);
+    return u.addEventListener("change", b), () => u.removeEventListener("change", b);
+  }, []);
+  const c = typeof r == "function" ? r(i) : r;
+  return /* @__PURE__ */ f("div", { className: `relative flex h-screen flex-col overflow-hidden bg-app-bg text-app-text ${s}`, children: [
+    /* @__PURE__ */ f("header", { className: "flex shrink-0 items-center gap-3 border-b border-app-border bg-app-card px-4 py-2", children: [
+      r && /* @__PURE__ */ t("span", { className: "md:hidden", children: /* @__PURE__ */ t(H, { variant: "secondary", "aria-label": "Open menu", onClick: () => o(!0), children: /* @__PURE__ */ t(xt, {}) }) }),
+      /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: e })
     ] }),
-    /* @__PURE__ */ h("div", { className: "flex min-h-0 flex-1", children: [
-      r && /* @__PURE__ */ e("aside", { className: "hidden shrink-0 md:block", children: i }),
-      /* @__PURE__ */ e("main", { className: "min-w-0 flex-1 overflow-y-auto p-4 sm:p-6", children: n })
+    /* @__PURE__ */ f("div", { className: "flex min-h-0 flex-1", children: [
+      r && /* @__PURE__ */ t("aside", { className: "hidden shrink-0 md:block", children: c }),
+      /* @__PURE__ */ t("main", { className: "relative min-w-0 flex-1 overflow-y-auto p-4 sm:p-6", children: n })
     ] }),
-    r && /* @__PURE__ */ e(et, { open: l, onClose: c, title: a, side: "left", width: "max-w-xs", children: /* @__PURE__ */ e("div", { className: "-m-6", children: typeof r == "function" ? r(c) : r }) })
+    r && /* @__PURE__ */ t(bt, { open: l, onClose: i, title: a, side: "left", width: "max-w-xs", padded: !1, children: /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 flex-col [&>nav]:min-h-0 [&>nav]:w-full [&>nav]:flex-1 [&>nav]:border-r-0", children: typeof r == "function" ? r(i) : r }) })
   ] });
-}, ue = [
+}, $e = [
   "rgb(var(--color-app-strong))",
   "#3b82f6",
   "#10b981",
@@ -360,84 +492,84 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
   "#8b5cf6",
   "#06b6d4",
   "#ec4899"
-], J = (t, r) => t.color ?? ue[r % ue.length], Ee = (t, r, a = 5) => {
-  const n = Math.min(0, t), s = r <= n ? n + 1 : r, l = (s - n) / (a - 1), o = 10 ** Math.floor(Math.log10(l)), c = l / o, i = (c <= 1 ? 1 : c <= 2 ? 2 : c <= 5 ? 5 : 10) * o, u = Math.floor(n / i) * i, m = Math.ceil(s / i) * i, d = [];
-  for (let f = u; f <= m + i / 2; f += i) d.push(Number(f.toPrecision(12)));
-  return { min: u, max: m, ticks: d };
-}, rt = (t) => new Intl.NumberFormat(void 0, { notation: "compact", maximumFractionDigits: 1 }).format(t), at = 600, B = { top: 12, right: 16, bottom: 28, left: 44 }, Te = () => {
-  const t = E(null), [r, a] = k(at);
-  return T(() => {
-    const n = t.current;
+], ce = (e, r) => e.color ?? $e[r % $e.length], qe = (e, r, a = 5) => {
+  const n = Math.min(0, e), s = r <= n ? n + 1 : r, l = (s - n) / (a - 1), o = 10 ** Math.floor(Math.log10(l)), i = l / o, c = (i <= 1 ? 1 : i <= 2 ? 2 : i <= 5 ? 5 : 10) * o, u = Math.floor(n / c) * c, b = Math.ceil(s / c) * c, d = [];
+  for (let p = u; p <= b + c / 2; p += c) d.push(Number(p.toPrecision(12)));
+  return { min: u, max: b, ticks: d };
+}, gt = (e) => new Intl.NumberFormat(void 0, { notation: "compact", maximumFractionDigits: 1 }).format(e), vt = 600, _ = { top: 12, right: 16, bottom: 28, left: 44 }, Ke = () => {
+  const e = A(null), [r, a] = D(vt);
+  return P(() => {
+    const n = e.current;
     if (!n || typeof ResizeObserver > "u") return;
     const s = new ResizeObserver(([l]) => {
       const o = Math.round(l.contentRect.width);
       o > 0 && a(o);
     });
     return s.observe(n), () => s.disconnect();
-  }, []), [t, r];
-}, ce = ({ items: t }) => /* @__PURE__ */ e("ul", { className: "m-0 mt-2 flex list-none flex-wrap justify-center gap-x-4 gap-y-1 p-0 text-xs text-app-muted", children: t.map((r) => /* @__PURE__ */ h("li", { className: "flex items-center gap-1.5", children: [
-  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "inline-block h-2.5 w-2.5", style: { background: r.color } }),
+  }, []), [e, r];
+}, ke = ({ items: e }) => /* @__PURE__ */ t("ul", { className: "m-0 mt-2 flex list-none flex-wrap justify-center gap-x-4 gap-y-1 p-0 text-xs text-app-muted", children: e.map((r) => /* @__PURE__ */ f("li", { className: "flex items-center gap-1.5", children: [
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "inline-block h-2.5 w-2.5", style: { background: r.color } }),
   r.name
-] }, r.name)) }), Ie = ({ width: t, height: r, scale: a, labels: n, xPositions: s, label: l, children: o, legend: c }) => {
-  const i = r - B.bottom, u = i - B.top, m = (d) => B.top + u * (1 - (d - a.min) / (a.max - a.min));
-  return /* @__PURE__ */ h("figure", { className: "m-0", children: [
-    /* @__PURE__ */ h(
+] }, r.name)) }), _e = ({ width: e, height: r, scale: a, labels: n, xPositions: s, label: l, children: o, legend: i }) => {
+  const c = r - _.bottom, u = c - _.top, b = (d) => _.top + u * (1 - (d - a.min) / (a.max - a.min));
+  return /* @__PURE__ */ f("figure", { className: "m-0", children: [
+    /* @__PURE__ */ f(
       "svg",
       {
         role: "img",
         "aria-label": l,
-        width: t,
+        width: e,
         height: r,
-        viewBox: `0 0 ${t} ${r}`,
+        viewBox: `0 0 ${e} ${r}`,
         className: "block max-w-full text-app-muted",
         fontFamily: "inherit",
         children: [
-          a.ticks.map((d) => /* @__PURE__ */ h("g", { children: [
-            /* @__PURE__ */ e(
+          a.ticks.map((d) => /* @__PURE__ */ f("g", { children: [
+            /* @__PURE__ */ t(
               "line",
               {
-                x1: B.left,
-                x2: t - B.right,
-                y1: m(d),
-                y2: m(d),
+                x1: _.left,
+                x2: e - _.right,
+                y1: b(d),
+                y2: b(d),
                 stroke: "rgb(var(--color-app-border))",
                 strokeWidth: "1",
                 strokeDasharray: d === a.min ? void 0 : "3 3"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "text",
               {
-                x: B.left - 6,
-                y: m(d),
+                x: _.left - 6,
+                y: b(d),
                 textAnchor: "end",
                 dominantBaseline: "middle",
                 fontSize: "11",
                 fill: "currentColor",
-                children: rt(d)
+                children: gt(d)
               }
             )
           ] }, d)),
-          n.map((d, f) => /* @__PURE__ */ e(
+          n.map((d, p) => /* @__PURE__ */ t(
             "text",
             {
-              x: s[f],
-              y: i + 16,
+              x: s[p],
+              y: c + 16,
               textAnchor: "middle",
               fontSize: "11",
               fill: "currentColor",
               children: d
             },
-            `${d}-${f}`
+            `${d}-${p}`
           )),
-          o(m)
+          o(b)
         ]
       }
     ),
-    c
+    i
   ] });
-}, Ae = (t) => t.map((r, a) => ({ name: r.name, color: J(r, a) })), nt = ({
-  labels: t,
+}, Ue = (e) => e.map((r, a) => ({ name: r.name, color: ce(r, a) })), wt = ({
+  labels: e,
   series: r,
   height: a = 300,
   area: n = !1,
@@ -445,50 +577,50 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
   legend: l = !0,
   className: o = ""
 }) => {
-  const [c, i] = Te(), u = r.flatMap((p) => p.values), m = Ee(Math.min(...u), Math.max(...u)), d = B.left, f = i - B.right, b = (p) => t.length === 1 ? (d + f) / 2 : d + (f - d) * p / (t.length - 1), x = t.map((p, g) => b(g));
-  return /* @__PURE__ */ e("div", { ref: c, className: o, children: /* @__PURE__ */ e(
-    Ie,
+  const [i, c] = Ke(), u = r.flatMap((h) => h.values), b = qe(Math.min(...u), Math.max(...u)), d = _.left, p = c - _.right, m = (h) => e.length === 1 ? (d + p) / 2 : d + (p - d) * h / (e.length - 1), g = e.map((h, x) => m(x));
+  return /* @__PURE__ */ t("div", { ref: i, className: o, children: /* @__PURE__ */ t(
+    _e,
     {
-      width: i,
+      width: c,
       height: a,
-      scale: m,
-      labels: t,
-      xPositions: x,
+      scale: b,
+      labels: e,
+      xPositions: g,
       label: s,
-      legend: l && r.length > 1 ? /* @__PURE__ */ e(ce, { items: Ae(r) }) : null,
-      children: (p) => {
-        const g = p(Math.max(m.min, 0));
-        return r.map((y, C) => {
-          const w = J(y, C), D = y.values.map((v, L) => `${b(L)},${p(v)}`);
-          return /* @__PURE__ */ h("g", { children: [
-            n && /* @__PURE__ */ e(
+      legend: l && r.length > 1 ? /* @__PURE__ */ t(ke, { items: Ue(r) }) : null,
+      children: (h) => {
+        const x = h(Math.max(b.min, 0));
+        return r.map((v, N) => {
+          const M = ce(v, N), y = v.values.map((w, C) => `${m(C)},${h(w)}`);
+          return /* @__PURE__ */ f("g", { children: [
+            n && /* @__PURE__ */ t(
               "polygon",
               {
-                points: `${b(0)},${g} ${D.join(" ")} ${b(y.values.length - 1)},${g}`,
-                fill: w,
+                points: `${m(0)},${x} ${y.join(" ")} ${m(v.values.length - 1)},${x}`,
+                fill: M,
                 opacity: "0.18"
               }
             ),
-            /* @__PURE__ */ e("polyline", { points: D.join(" "), fill: "none", stroke: w, strokeWidth: "2", strokeLinejoin: "round" }),
-            y.values.map((v, L) => /* @__PURE__ */ e("circle", { cx: b(L), cy: p(v), r: "3.5", fill: w, children: /* @__PURE__ */ e("title", { children: `${y.name}, ${t[L]}: ${v}` }) }, L))
-          ] }, y.name);
+            /* @__PURE__ */ t("polyline", { points: y.join(" "), fill: "none", stroke: M, strokeWidth: "2", strokeLinejoin: "round" }),
+            v.values.map((w, C) => /* @__PURE__ */ t("circle", { cx: m(C), cy: h(w), r: "3.5", fill: M, children: /* @__PURE__ */ t("title", { children: `${v.name}, ${e[C]}: ${w}` }) }, C))
+          ] }, v.name);
         });
       }
     }
   ) });
-}, Xt = ({ label: t = "Area chart", ...r }) => /* @__PURE__ */ e(nt, { area: !0, label: t, ...r }), st = { sm: "h-6 w-6 text-[10px]", md: "h-9 w-9 text-xs", lg: "h-14 w-14 text-base" }, lt = (t) => (t ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((r) => r[0].toUpperCase()).join(""), Jt = ({ src: t, name: r, size: a = "md", className: n = "" }) => {
-  const [s, l] = k(!1), o = t && !s;
-  return /* @__PURE__ */ e(
+}, xr = ({ label: e = "Area chart", ...r }) => /* @__PURE__ */ t(wt, { area: !0, label: e, ...r }), yt = { sm: "h-6 w-6 text-[10px]", md: "h-9 w-9 text-xs", lg: "h-14 w-14 text-base" }, kt = (e) => (e ?? "").split(/\s+/).filter(Boolean).slice(0, 2).map((r) => r[0].toUpperCase()).join(""), gr = ({ src: e, name: r, size: a = "md", className: n = "" }) => {
+  const [s, l] = D(!1), o = e && !s;
+  return /* @__PURE__ */ t(
     "span",
     {
       role: "img",
       "aria-label": r,
-      className: `inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-app-border bg-app-bg font-semibold uppercase tracking-wider text-app-soft ${st[a]} ${n}`,
-      children: o ? /* @__PURE__ */ e("img", { src: t, alt: "", className: "h-full w-full object-cover", onError: () => l(!0) }) : lt(r) || "?"
+      className: `inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full border border-app-border bg-app-bg font-semibold uppercase tracking-wider text-app-soft ${yt[a]} ${n}`,
+      children: o ? /* @__PURE__ */ t("img", { src: e, alt: "", className: "h-full w-full object-cover", onError: () => l(!0) }) : kt(r) || "?"
     }
   );
-}, er = ({
-  labels: t,
+}, vr = ({
+  labels: e,
   series: r,
   height: a = 300,
   stacked: n = !1,
@@ -496,285 +628,301 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
   legend: l = !0,
   className: o = ""
 }) => {
-  const [c, i] = Te(), u = t.map((w, D) => r.reduce((v, L) => v + L.values[D], 0)), m = Math.max(...n ? u : r.flatMap((w) => w.values)), d = n ? 0 : Math.min(...r.flatMap((w) => w.values)), f = Ee(d, m), b = B.left, p = (i - B.right - B.left) / t.length, g = p * 0.7, y = n ? g : g / r.length, C = t.map((w, D) => b + p * D + p / 2);
-  return /* @__PURE__ */ e("div", { ref: c, className: o, children: /* @__PURE__ */ e(
-    Ie,
+  const [i, c] = Ke(), u = e.map((M, y) => r.reduce((w, C) => w + C.values[y], 0)), b = Math.max(...n ? u : r.flatMap((M) => M.values)), d = n ? 0 : Math.min(...r.flatMap((M) => M.values)), p = qe(d, b), m = _.left, h = (c - _.right - _.left) / e.length, x = h * 0.7, v = n ? x : x / r.length, N = e.map((M, y) => m + h * y + h / 2);
+  return /* @__PURE__ */ t("div", { ref: i, className: o, children: /* @__PURE__ */ t(
+    _e,
     {
-      width: i,
+      width: c,
       height: a,
-      scale: f,
-      labels: t,
-      xPositions: C,
+      scale: p,
+      labels: e,
+      xPositions: N,
       label: s,
-      legend: l && r.length > 1 ? /* @__PURE__ */ e(ce, { items: Ae(r) }) : null,
-      children: (w) => {
-        const D = w(Math.max(f.min, 0));
-        return t.map((v, L) => {
-          const M = b + p * L + (p - g) / 2;
-          let N = D;
-          return /* @__PURE__ */ e("g", { children: r.map((A, F) => {
-            const j = A.values[L], z = w(j), O = Math.abs(D - z);
-            let $ = Math.min(z, D);
-            const I = M + (n ? 0 : y * F);
-            return n && ($ = N - O, N = $), /* @__PURE__ */ e(
+      legend: l && r.length > 1 ? /* @__PURE__ */ t(ke, { items: Ue(r) }) : null,
+      children: (M) => {
+        const y = M(Math.max(p.min, 0));
+        return e.map((w, C) => {
+          const T = m + h * C + (h - x) / 2;
+          let L = y;
+          return /* @__PURE__ */ t("g", { children: r.map((I, j) => {
+            const B = I.values[C], z = M(B), q = Math.abs(y - z);
+            let k = Math.min(z, y);
+            const $ = T + (n ? 0 : v * j);
+            return n && (k = L - q, L = k), /* @__PURE__ */ t(
               "rect",
               {
-                x: I + 1,
-                y: $,
-                width: Math.max(y - 2, 1),
-                height: O,
-                fill: J(A, F),
-                children: /* @__PURE__ */ e("title", { children: `${A.name}, ${v}: ${j}` })
+                x: $ + 1,
+                y: k,
+                width: Math.max(v - 2, 1),
+                height: q,
+                fill: ce(I, j),
+                children: /* @__PURE__ */ t("title", { children: `${I.name}, ${w}: ${B}` })
               },
-              A.name
+              I.name
             );
-          }) }, `${v}-${L}`);
+          }) }, `${w}-${C}`);
         });
       }
     }
   ) });
-}, tr = ({ items: t, linkComponent: r = "a", linkProp: a = "href", className: n = "" }) => /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: n, children: /* @__PURE__ */ e("ol", { className: "m-0 flex list-none flex-wrap items-center gap-2 p-0 text-xs font-semibold uppercase tracking-widest", children: t.map((s, l) => {
-  const o = l === t.length - 1;
-  return /* @__PURE__ */ h("li", { className: "flex items-center gap-2", children: [
-    o || !s.href ? /* @__PURE__ */ e("span", { "aria-current": o ? "page" : void 0, className: o ? "text-app-text" : "text-app-muted", children: s.label }) : /* @__PURE__ */ e(r, { [a]: s.href, className: "text-app-muted transition hover:text-app-text", children: s.label }),
-    !o && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "text-app-border", children: "/" })
+}, wr = ({ as: e = "p", className: r = "", children: a, ...n }) => /* @__PURE__ */ t(e, { className: `m-0 text-sm text-app-text ${r}`, ...n, children: a }), yr = ({ items: e, linkComponent: r = "a", linkProp: a = "href", className: n = "" }) => /* @__PURE__ */ t("nav", { "aria-label": "Breadcrumb", className: n, children: /* @__PURE__ */ t("ol", { className: "m-0 flex list-none flex-wrap items-center gap-2 p-0 text-xs font-semibold uppercase tracking-widest", children: e.map((s, l) => {
+  const o = l === e.length - 1;
+  return /* @__PURE__ */ f("li", { className: "flex items-center gap-2", children: [
+    o || !s.href ? /* @__PURE__ */ t("span", { "aria-current": o ? "page" : void 0, className: o ? "text-app-text" : "text-app-muted", children: s.label }) : /* @__PURE__ */ t(r, { [a]: s.href, className: "text-app-muted transition hover:text-app-text", children: s.label }),
+    !o && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "text-app-border", children: "/" })
   ] }, `${s.label}-${l}`);
-}) }) }), he = (t) => new Date(t.getFullYear(), t.getMonth(), t.getDate()), K = (t, r) => new Date(t.getFullYear(), t.getMonth(), t.getDate() + r), te = (t, r) => {
-  const a = new Date(t.getFullYear(), t.getMonth() + r, 1), n = new Date(a.getFullYear(), a.getMonth() + 1, 0).getDate();
-  return new Date(a.getFullYear(), a.getMonth(), Math.min(t.getDate(), n));
-}, G = (t, r) => !!t && !!r && t.getTime() === r.getTime(), U = (t, r) => t.getTime() < r.getTime(), ot = (t, r, a) => !!r && U(t, r) || !!a && U(a, t), it = (t, r = 0) => {
-  const a = new Date(t.getFullYear(), t.getMonth(), 1), n = (a.getDay() - r + 7) % 7, s = K(a, -n), l = [];
+}) }) }), Me = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), Y = (e, r) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + r), pe = (e, r) => {
+  const a = new Date(e.getFullYear(), e.getMonth() + r, 1), n = new Date(a.getFullYear(), a.getMonth() + 1, 0).getDate();
+  return new Date(a.getFullYear(), a.getMonth(), Math.min(e.getDate(), n));
+}, ee = (e, r) => !!e && !!r && e.getTime() === r.getTime(), te = (e, r) => e.getTime() < r.getTime(), Nt = (e, r, a) => !!r && te(e, r) || !!a && te(a, e), $t = (e, r = 0) => {
+  const a = new Date(e.getFullYear(), e.getMonth(), 1), n = (a.getDay() - r + 7) % 7, s = Y(a, -n), l = [];
   for (let o = 0; o < 6; o++) {
-    const c = Array.from({ length: 7 }, (i, u) => K(s, o * 7 + u));
-    if (o >= 4 && c[0].getMonth() !== t.getMonth()) break;
-    l.push(c);
+    const i = Array.from({ length: 7 }, (c, u) => Y(s, o * 7 + u));
+    if (o >= 4 && i[0].getMonth() !== e.getMonth()) break;
+    l.push(i);
   }
   return l;
-}, ct = (t = 0, r) => Array.from({ length: 7 }, (a, n) => {
-  const s = new Date(2023, 0, 1 + (t + n) % 7);
+}, Mt = (e = 0, r) => Array.from({ length: 7 }, (a, n) => {
+  const s = new Date(2023, 0, 1 + (e + n) % 7);
   return new Intl.DateTimeFormat(r, { weekday: "short" }).format(s);
-}), dt = (t, r) => new Intl.DateTimeFormat(r, { month: "long", year: "numeric" }).format(t), ne = (t, r) => t ? new Intl.DateTimeFormat(r, { year: "numeric", month: "short", day: "numeric" }).format(t) : "", me = "border border-app-border bg-app-bg px-2 py-1 text-xs font-semibold text-app-text transition hover:border-app-strong disabled:cursor-not-allowed disabled:opacity-50", Se = ({ value: t, onChange: r, rangeStart: a, rangeEnd: n, min: s, max: l, weekStartsOn: o = 0, locale: c, className: i = "" }) => {
-  const u = he(/* @__PURE__ */ new Date()), m = t ?? a ?? u, [d, f] = k(he(m)), [b, x] = k(new Date(m.getFullYear(), m.getMonth(), 1)), p = E(null), g = E(!1);
-  T(() => {
-    var M, N;
-    g.current && (g.current = !1, (N = (M = p.current) == null ? void 0 : M.querySelector('button[tabindex="0"]')) == null || N.focus());
+}), Lt = (e, r) => new Intl.DateTimeFormat(r, { month: "long", year: "numeric" }).format(e), be = (e, r) => e ? new Intl.DateTimeFormat(r, { year: "numeric", month: "short", day: "numeric" }).format(e) : "", Le = "min-h-8 min-w-8 border border-app-border bg-app-bg px-2 py-1 text-xs font-semibold text-app-text transition hover:border-app-strong disabled:cursor-not-allowed disabled:opacity-50", Ge = ({ value: e, onChange: r, rangeStart: a, rangeEnd: n, min: s, max: l, weekStartsOn: o = 0, locale: i, className: c = "" }) => {
+  const u = Me(/* @__PURE__ */ new Date()), b = e ?? a ?? u, [d, p] = D(Me(b)), [m, g] = D(new Date(b.getFullYear(), b.getMonth(), 1)), h = A(null), x = A(!1);
+  P(() => {
+    var T, L;
+    x.current && (x.current = !1, (L = (T = h.current) == null ? void 0 : T.querySelector('button[tabindex="0"]')) == null || L.focus());
   });
-  const y = (M) => {
-    g.current = !0, f(M), (M.getMonth() !== b.getMonth() || M.getFullYear() !== b.getFullYear()) && x(new Date(M.getFullYear(), M.getMonth(), 1));
-  }, C = (M) => {
-    const N = (d.getDay() - o + 7) % 7, A = {
-      ArrowLeft: K(d, -1),
-      ArrowRight: K(d, 1),
-      ArrowUp: K(d, -7),
-      ArrowDown: K(d, 7),
-      PageUp: te(d, -1),
-      PageDown: te(d, 1),
-      Home: K(d, -N),
-      End: K(d, 6 - N)
+  const v = (T) => {
+    x.current = !0, p(T), (T.getMonth() !== m.getMonth() || T.getFullYear() !== m.getFullYear()) && g(new Date(T.getFullYear(), T.getMonth(), 1));
+  }, N = (T) => {
+    const L = (d.getDay() - o + 7) % 7, I = {
+      ArrowLeft: Y(d, -1),
+      ArrowRight: Y(d, 1),
+      ArrowUp: Y(d, -7),
+      ArrowDown: Y(d, 7),
+      PageUp: pe(d, -1),
+      PageDown: pe(d, 1),
+      Home: Y(d, -L),
+      End: Y(d, 6 - L)
     };
-    A[M.key] && (M.preventDefault(), y(A[M.key]));
-  }, w = (M) => {
-    const N = te(b, M);
-    x(N), f(new Date(N.getFullYear(), N.getMonth(), Math.min(d.getDate(), 28)));
-  }, [D, v] = a && n && U(n, a) ? [n, a] : [a, n], L = it(b, o);
-  return /* @__PURE__ */ h("div", { className: `inline-block border border-app-border bg-app-card p-3 text-app-text ${i}`, children: [
-    /* @__PURE__ */ h("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ e("button", { type: "button", className: me, "aria-label": "Previous month", onClick: () => w(-1), children: "‹" }),
-      /* @__PURE__ */ e("div", { "aria-live": "polite", className: "text-xs font-semibold uppercase tracking-widest", children: dt(b, c) }),
-      /* @__PURE__ */ e("button", { type: "button", className: me, "aria-label": "Next month", onClick: () => w(1), children: "›" })
+    I[T.key] && (T.preventDefault(), v(I[T.key]));
+  }, M = (T) => {
+    const L = pe(m, T);
+    g(L), p(new Date(L.getFullYear(), L.getMonth(), Math.min(d.getDate(), 28)));
+  }, [y, w] = a && n && te(n, a) ? [n, a] : [a, n], C = $t(m, o);
+  return /* @__PURE__ */ f("div", { className: `inline-block border border-app-border bg-app-card p-3 text-app-text ${c}`, children: [
+    /* @__PURE__ */ f("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ t("button", { type: "button", className: Le, "aria-label": "Previous month", onClick: () => M(-1), children: "‹" }),
+      /* @__PURE__ */ t("div", { "aria-live": "polite", className: "text-xs font-semibold uppercase tracking-widest", children: Lt(m, i) }),
+      /* @__PURE__ */ t("button", { type: "button", className: Le, "aria-label": "Next month", onClick: () => M(1), children: "›" })
     ] }),
-    /* @__PURE__ */ h("table", { ref: p, role: "grid", onKeyDown: C, className: "border-collapse", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: ct(o, c).map((M) => /* @__PURE__ */ e(
+    /* @__PURE__ */ f("table", { ref: h, role: "grid", onKeyDown: N, className: "border-collapse", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: Mt(o, i).map((T) => /* @__PURE__ */ t(
         "th",
         {
           scope: "col",
-          className: "h-8 w-9 text-[10px] font-semibold uppercase tracking-widest text-app-muted",
-          children: M.slice(0, 2)
+          className: "h-8 w-7 text-[10px] min-[360px]:w-8 sm:w-9 font-semibold uppercase tracking-widest text-app-muted",
+          children: T.slice(0, 2)
         },
-        M
+        T
       )) }) }),
-      /* @__PURE__ */ e("tbody", { children: L.map((M) => /* @__PURE__ */ e("tr", { children: M.map((N) => {
-        const A = G(N, t) || G(N, D) || G(N, v), F = D && v && !U(N, D) && !U(v, N), j = N.getMonth() !== b.getMonth(), z = ot(N, s, l);
-        let O = "text-app-text hover:bg-app-bg";
-        return A ? O = "bg-app-strong text-app-bg" : F ? O = "bg-app-soft/20 text-app-text" : j && (O = "text-app-muted hover:bg-app-bg"), /* @__PURE__ */ e("td", { role: "gridcell", "aria-selected": A, className: "p-0", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ t("tbody", { children: C.map((T) => /* @__PURE__ */ t("tr", { children: T.map((L) => {
+        const I = ee(L, e) || ee(L, y) || ee(L, w), j = y && w && !te(L, y) && !te(w, L), B = L.getMonth() !== m.getMonth(), z = Nt(L, s, l);
+        let q = "text-app-text hover:bg-app-bg";
+        return I ? q = "bg-app-strong text-app-bg" : j ? q = "bg-app-soft/20 text-app-text" : B && (q = "text-app-muted hover:bg-app-bg"), /* @__PURE__ */ t("td", { role: "gridcell", "aria-selected": I, className: "p-0", children: /* @__PURE__ */ t(
           "button",
           {
             type: "button",
-            tabIndex: G(N, d) ? 0 : -1,
+            tabIndex: ee(L, d) ? 0 : -1,
             disabled: z,
-            "aria-label": N.toDateString(),
-            "aria-current": G(N, u) ? "date" : void 0,
+            "aria-label": L.toDateString(),
+            "aria-current": ee(L, u) ? "date" : void 0,
             onClick: () => {
-              f(N), r == null || r(N);
+              p(L), r == null || r(L);
             },
-            className: `h-9 w-9 text-xs transition disabled:cursor-not-allowed disabled:opacity-30 ${O} ${G(N, u) && !A ? "font-bold underline underline-offset-2" : ""}`,
-            children: N.getDate()
+            className: `h-8 w-7 text-xs transition min-[360px]:w-8 sm:h-9 sm:w-9 disabled:cursor-not-allowed disabled:opacity-30 ${q} ${ee(L, u) && !I ? "font-bold underline underline-offset-2" : ""}`,
+            children: L.getDate()
           }
-        ) }, N.getTime());
-      }) }, M[0].getTime())) })
+        ) }, L.getTime());
+      }) }, T[0].getTime())) })
     ] })
   ] });
-}, rr = ({ title: t, subtitle: r, actions: a, footer: n, padded: s = !0, className: l = "", children: o }) => /* @__PURE__ */ h("section", { className: `flex flex-col border border-app-border bg-app-card ${l}`, children: [
-  (t || a) && /* @__PURE__ */ h("header", { className: "flex items-center justify-between gap-3 border-b border-app-border px-5 py-3", children: [
-    /* @__PURE__ */ h("div", { className: "min-w-0", children: [
-      t && /* @__PURE__ */ e("h3", { className: "m-0 text-sm font-semibold uppercase tracking-widest text-app-text", children: t }),
-      r && /* @__PURE__ */ e("p", { className: "m-0 mt-0.5 text-xs text-app-muted", children: r })
+}, kr = ({ title: e, subtitle: r, actions: a, footer: n, padded: s = !0, className: l = "", children: o }) => /* @__PURE__ */ f("section", { className: `flex flex-col border border-app-border bg-app-card ${l}`, children: [
+  (e || a) && /* @__PURE__ */ f("header", { className: "flex items-center justify-between gap-3 border-b border-app-border px-5 py-3", children: [
+    /* @__PURE__ */ f("div", { className: "min-w-0", children: [
+      e && /* @__PURE__ */ t("h3", { className: "m-0 text-sm font-semibold uppercase tracking-widest text-app-text", children: e }),
+      r && /* @__PURE__ */ t("p", { className: "m-0 mt-0.5 text-xs text-app-muted", children: r })
     ] }),
-    a && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-2", children: a })
+    a && /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center gap-2", children: a })
   ] }),
-  /* @__PURE__ */ e("div", { className: `flex-1 text-sm text-app-text ${s ? "p-5" : ""}`, children: o }),
-  n && /* @__PURE__ */ e("footer", { className: "border-t border-app-border px-5 py-3 text-sm", children: n })
-] }), fe = "absolute top-1/2 z-10 -translate-y-1/2 border border-app-border bg-app-card/90 px-2 py-2 text-app-text transition hover:border-app-strong disabled:cursor-not-allowed disabled:opacity-40", ar = ({
-  children: t,
+  /* @__PURE__ */ t("div", { className: `flex-1 text-sm text-app-text ${s ? "p-5" : ""}`, children: o }),
+  n && /* @__PURE__ */ t("footer", { className: "border-t border-app-border px-5 py-3 text-sm", children: n })
+] }), Ce = "absolute top-1/2 z-10 -translate-y-1/2 border border-app-border bg-app-card/90 px-3 py-2 text-app-text transition hover:border-app-strong disabled:cursor-not-allowed disabled:opacity-40", Nr = ({
+  children: e,
   index: r,
   defaultIndex: a = 0,
   onIndexChange: n,
   autoPlay: s = 0,
   loop: l = !0,
   label: o = "Carousel",
-  className: c = ""
+  className: i = ""
 }) => {
-  const i = Ke.toArray(t), [u, m] = k(a), [d, f] = k(!1), b = r ?? u, x = (p) => {
-    if (!i.length) return;
-    let g = p;
-    l ? g = (p + i.length) % i.length : g = Math.min(Math.max(p, 0), i.length - 1), r === void 0 && m(g), n == null || n(g);
+  const c = et.toArray(e), [u, b] = D(a), [d, p] = D(!1), m = r ?? u, g = (h) => {
+    if (!c.length) return;
+    let x = h;
+    l ? x = (h + c.length) % c.length : x = Math.min(Math.max(h, 0), c.length - 1), r === void 0 && b(x), n == null || n(x);
   };
-  return T(() => {
-    if (!s || d || i.length < 2) return;
-    const p = setTimeout(() => x(b + 1), s);
-    return () => clearTimeout(p);
-  }, [s, d, b, i.length]), /* @__PURE__ */ h(
+  return P(() => {
+    if (!s || d || c.length < 2) return;
+    const h = setTimeout(() => g(m + 1), s);
+    return () => clearTimeout(h);
+  }, [s, d, m, c.length]), /* @__PURE__ */ f(
     "div",
     {
       role: "region",
       "aria-roledescription": "carousel",
       "aria-label": o,
-      className: `relative ${c}`,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
-      onFocus: () => f(!0),
-      onBlur: () => f(!1),
-      onKeyDown: (p) => {
-        p.key === "ArrowLeft" ? x(b - 1) : p.key === "ArrowRight" && x(b + 1);
+      className: `relative ${i}`,
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
+      onFocus: () => p(!0),
+      onBlur: () => p(!1),
+      onKeyDown: (h) => {
+        h.key === "ArrowLeft" ? g(m - 1) : h.key === "ArrowRight" && g(m + 1);
       },
       children: [
-        /* @__PURE__ */ e("div", { className: "overflow-hidden border border-app-border bg-app-card", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ t("div", { className: "overflow-hidden border border-app-border bg-app-card", children: /* @__PURE__ */ t(
           "div",
           {
             className: "flex transition-transform duration-300 ease-out",
-            style: { transform: `translateX(-${b * 100}%)` },
+            style: { transform: `translateX(-${m * 100}%)` },
             "aria-live": s && !d ? "off" : "polite",
-            children: i.map((p, g) => /* @__PURE__ */ e(
+            children: c.map((h, x) => /* @__PURE__ */ t(
               "div",
               {
                 role: "group",
                 "aria-roledescription": "slide",
-                "aria-label": `${g + 1} of ${i.length}`,
-                "aria-hidden": g !== b,
-                ref: (y) => {
-                  y && (g === b ? y.removeAttribute("inert") : y.setAttribute("inert", ""));
+                "aria-label": `${x + 1} of ${c.length}`,
+                "aria-hidden": x !== m,
+                ref: (v) => {
+                  v && (x === m ? v.removeAttribute("inert") : v.setAttribute("inert", ""));
                 },
                 className: "w-full shrink-0",
-                children: p
+                children: h
               },
-              g
+              x
             ))
           }
         ) }),
-        i.length > 1 && /* @__PURE__ */ h(Y, { children: [
-          /* @__PURE__ */ e(
+        c.length > 1 && /* @__PURE__ */ f(re, { children: [
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               "aria-label": "Previous slide",
-              className: `${fe} left-2`,
-              disabled: !l && b === 0,
-              onClick: () => x(b - 1),
+              className: `${Ce} left-2`,
+              disabled: !l && m === 0,
+              onClick: () => g(m - 1),
               children: "‹"
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               "aria-label": "Next slide",
-              className: `${fe} right-2`,
-              disabled: !l && b === i.length - 1,
-              onClick: () => x(b + 1),
+              className: `${Ce} right-2`,
+              disabled: !l && m === c.length - 1,
+              onClick: () => g(m + 1),
               children: "›"
             }
           ),
-          /* @__PURE__ */ e("div", { className: "mt-2 flex justify-center gap-1.5", children: i.map((p, g) => /* @__PURE__ */ e(
+          /* @__PURE__ */ t("div", { className: "mt-2 flex justify-center gap-1.5", children: c.map((h, x) => /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              "aria-label": `Go to slide ${g + 1}`,
-              "aria-current": g === b,
-              onClick: () => x(g),
-              className: `h-2 w-2 border border-app-strong transition ${g === b ? "bg-app-strong" : "bg-transparent"}`
+              "aria-label": `Go to slide ${x + 1}`,
+              "aria-current": x === m,
+              onClick: () => g(x),
+              className: "flex h-6 w-6 items-center justify-center",
+              children: /* @__PURE__ */ t(
+                "span",
+                {
+                  className: `h-2 w-2 border border-app-strong transition ${x === m ? "bg-app-strong" : "bg-transparent"}`
+                }
+              )
             },
-            g
+            x
           )) })
         ] })
       ]
     }
   );
-}, be = ({ label: t, checked: r, onChange: a, indeterminate: n = !1, disabled: s = !1, className: l = "", ...o }) => {
-  const c = S(), i = E(null);
-  return T(() => {
-    i.current && (i.current.indeterminate = n);
-  }, [n]), /* @__PURE__ */ h(
+}, Te = ({ label: e, checked: r, onChange: a, indeterminate: n = !1, disabled: s = !1, className: l = "", ...o }) => {
+  const i = O(), c = A(null);
+  P(() => {
+    c.current && (c.current.indeterminate = n);
+  }, [n]);
+  const u = r || n;
+  return /* @__PURE__ */ f(
     "label",
     {
-      htmlFor: c,
-      className: `inline-flex items-center gap-2 align-middle text-sm leading-none text-app-text ${s ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${l}`,
+      htmlFor: i,
+      className: `inline-flex min-h-8 items-center gap-2 align-middle text-sm leading-none text-app-text ${s ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${l}`,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "input",
           {
-            ref: i,
-            id: c,
+            ref: c,
+            id: i,
             type: "checkbox",
             checked: r,
             disabled: s,
-            onChange: (u) => a == null ? void 0 : a(u.target.checked),
-            className: "h-4 w-4 cursor-[inherit] accent-[rgb(var(--color-app-strong))]",
+            onChange: (b) => a == null ? void 0 : a(b.target.checked),
+            className: "peer sr-only",
             ...o
           }
         ),
-        t
+        /* @__PURE__ */ t(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: `flex h-4 w-4 shrink-0 items-center justify-center border transition peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-app-strong ${u ? "border-app-strong bg-app-strong text-app-bg" : "border-app-border bg-app-bg"}`,
+            children: n ? /* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", className: "h-3 w-3", fill: "none", stroke: "currentColor", strokeWidth: "2.2", children: /* @__PURE__ */ t("path", { d: "M3.5 8h9" }) }) : r && /* @__PURE__ */ t("svg", { viewBox: "0 0 16 16", className: "h-3 w-3", fill: "none", stroke: "currentColor", strokeWidth: "2.2", children: /* @__PURE__ */ t("path", { strokeLinecap: "square", strokeLinejoin: "miter", d: "M3 8.5l3.2 3.2L13 4.8" }) })
+          }
+        ),
+        e
       ]
     }
   );
-}, nr = ({
-  open: t,
+}, $r = ({
+  open: e,
   onClose: r,
   commands: a,
   placeholder: n = "Type a command…",
   empty: s = "No matching commands"
 }) => {
-  const [l, o] = k(""), [c, i] = k(0), u = E(null), m = E(null), d = S();
-  ie(t, r), X(t, u), T(() => {
-    t && (o(""), i(0));
-  }, [t]);
-  const f = $e(() => {
-    const p = l.trim().toLowerCase(), g = p ? a.filter((C) => `${C.label} ${C.description ?? ""} ${C.group ?? ""}`.toLowerCase().includes(p)) : a;
-    return [...new Set(g.map((C) => C.group))].flatMap((C) => g.filter((w) => w.group === C));
+  const [l, o] = D(""), [i, c] = D(0), u = A(null), b = A(null), d = O();
+  ye(e, r), ie(e, u), P(() => {
+    e && (o(""), c(0));
+  }, [e]);
+  const p = je(() => {
+    const h = l.trim().toLowerCase(), x = h ? a.filter((N) => `${N.label} ${N.description ?? ""} ${N.group ?? ""}`.toLowerCase().includes(h)) : a;
+    return [...new Set(x.map((N) => N.group))].flatMap((N) => x.filter((M) => M.group === N));
   }, [a, l]);
-  if (T(() => {
-    var p, g, y;
-    (y = (g = (p = m.current) == null ? void 0 : p.querySelector('[aria-selected="true"]')) == null ? void 0 : g.scrollIntoView) == null || y.call(g, { block: "nearest" });
-  }, [c, f]), !t) return null;
-  const b = (p) => {
-    var g;
-    p && (r(), (g = p.onSelect) == null || g.call(p));
-  }, x = (p) => {
-    p.key === "ArrowDown" ? (p.preventDefault(), i((g) => f.length ? (g + 1) % f.length : 0)) : p.key === "ArrowUp" ? (p.preventDefault(), i((g) => f.length ? (g - 1 + f.length) % f.length : 0)) : p.key === "Enter" && (p.preventDefault(), b(f[c]));
+  if (P(() => {
+    var h, x, v;
+    (v = (x = (h = b.current) == null ? void 0 : h.querySelector('[aria-selected="true"]')) == null ? void 0 : x.scrollIntoView) == null || v.call(x, { block: "nearest" });
+  }, [i, p]), !e) return null;
+  const m = (h) => {
+    var x;
+    h && (r(), (x = h.onSelect) == null || x.call(h));
+  }, g = (h) => {
+    h.key === "ArrowDown" ? (h.preventDefault(), c((x) => p.length ? (x + 1) % p.length : 0)) : h.key === "ArrowUp" ? (h.preventDefault(), c((x) => p.length ? (x - 1 + p.length) % p.length : 0)) : h.key === "Enter" && (h.preventDefault(), m(p[i]));
   };
-  return H(
-    /* @__PURE__ */ h("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)] flex items-start justify-center px-4 pt-[15vh]", children: [
-      /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: r }),
-      /* @__PURE__ */ h(
+  return ae(
+    /* @__PURE__ */ f("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)] flex items-start justify-center px-4 pt-[15vh]", children: [
+      /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: r }),
+      /* @__PURE__ */ f(
         "div",
         {
           ref: u,
@@ -784,65 +932,65 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
           tabIndex: -1,
           className: "relative z-10 flex max-h-[60vh] w-full max-w-xl flex-col border border-app-border bg-app-card shadow-2xl",
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "input",
               {
                 "data-autofocus": !0,
                 role: "combobox",
                 "aria-expanded": "true",
                 "aria-controls": d,
-                "aria-activedescendant": f[c] ? `${d}-${f[c].key}` : void 0,
+                "aria-activedescendant": p[i] ? `${d}-${p[i].key}` : void 0,
                 "aria-autocomplete": "list",
                 value: l,
-                onChange: (p) => {
-                  o(p.target.value), i(0);
+                onChange: (h) => {
+                  o(h.target.value), c(0);
                 },
-                onKeyDown: x,
+                onKeyDown: g,
                 placeholder: n,
                 "aria-label": "Search commands",
                 className: "w-full border-b border-app-border bg-transparent px-4 py-3 text-sm text-app-text outline-none placeholder:text-app-muted"
               }
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ f(
               "ul",
               {
                 id: d,
-                ref: m,
+                ref: b,
                 role: "listbox",
                 "aria-label": "Commands",
                 className: "m-0 flex-1 list-none overflow-y-auto p-0",
                 children: [
-                  f.length === 0 && /* @__PURE__ */ e("li", { className: "px-4 py-6 text-center text-sm text-app-muted", children: s }),
-                  f.map((p, g) => {
-                    var C;
-                    const y = p.group && p.group !== ((C = f[g - 1]) == null ? void 0 : C.group);
-                    return /* @__PURE__ */ h("li", { role: "presentation", children: [
-                      y && /* @__PURE__ */ e("div", { className: "px-4 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-widest text-app-muted", children: p.group }),
-                      /* @__PURE__ */ h(
+                  p.length === 0 && /* @__PURE__ */ t("li", { className: "px-4 py-6 text-center text-sm text-app-muted", children: s }),
+                  p.map((h, x) => {
+                    var N;
+                    const v = h.group && h.group !== ((N = p[x - 1]) == null ? void 0 : N.group);
+                    return /* @__PURE__ */ f("li", { role: "presentation", children: [
+                      v && /* @__PURE__ */ t("div", { className: "px-4 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-widest text-app-muted", children: h.group }),
+                      /* @__PURE__ */ f(
                         "div",
                         {
-                          id: `${d}-${p.key}`,
+                          id: `${d}-${h.key}`,
                           role: "option",
-                          "aria-selected": g === c,
-                          onMouseMove: () => i(g),
-                          onClick: () => b(p),
-                          className: `flex cursor-pointer items-center justify-between gap-3 px-4 py-2.5 text-sm ${g === c ? "bg-app-strong text-app-bg" : "text-app-text"}`,
+                          "aria-selected": x === i,
+                          onMouseMove: () => c(x),
+                          onClick: () => m(h),
+                          className: `flex cursor-pointer items-center justify-between gap-3 px-4 py-2.5 text-sm ${x === i ? "bg-app-strong text-app-bg" : "text-app-text"}`,
                           children: [
-                            /* @__PURE__ */ h("span", { className: "min-w-0", children: [
-                              /* @__PURE__ */ e("span", { className: "block truncate", children: p.label }),
-                              p.description && /* @__PURE__ */ e("span", { className: `block truncate text-xs ${g === c ? "opacity-80" : "text-app-muted"}`, children: p.description })
+                            /* @__PURE__ */ f("span", { className: "min-w-0", children: [
+                              /* @__PURE__ */ t("span", { className: "block truncate", children: h.label }),
+                              h.description && /* @__PURE__ */ t("span", { className: `block truncate text-xs ${x === i ? "opacity-80" : "text-app-muted"}`, children: h.description })
                             ] }),
-                            p.shortcut && /* @__PURE__ */ e(
+                            h.shortcut && /* @__PURE__ */ t(
                               "kbd",
                               {
-                                className: `shrink-0 border px-1.5 py-0.5 text-[10px] ${g === c ? "border-app-bg/40" : "border-app-border text-app-muted"}`,
-                                children: p.shortcut
+                                className: `shrink-0 border px-1.5 py-0.5 text-[10px] ${x === i ? "border-app-bg/40" : "border-app-border text-app-muted"}`,
+                                children: h.shortcut
                               }
                             )
                           ]
                         }
                       )
-                    ] }, p.key);
+                    ] }, h.key);
                   })
                 ]
               }
@@ -853,7 +1001,7 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
     ] }),
     document.body
   );
-}, Fe = "xedonium-theme-override", se = {
+}, He = "xedonium-theme-override", xe = {
   light: {
     outer: "#d8d8d8",
     bladeA: "#f5f5f5",
@@ -872,153 +1020,153 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
     ring: "#b5b5b5",
     ringOpacity: "0.85"
   }
-}, pt = 450, xe = () => typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light", je = ({ size: t = 64, theme: r, label: a }) => {
-  const [n, s] = k(() => r || xe()), l = E(null);
-  T(() => {
+}, Ct = 450, De = () => typeof document > "u" ? "light" : document.documentElement.getAttribute("data-theme") === "dark" ? "dark" : "light", Ye = ({ size: e = 64, theme: r, label: a }) => {
+  const [n, s] = D(() => r || De()), l = A(null);
+  P(() => {
     if (r) {
       s(r);
       return;
     }
-    const c = document.documentElement, i = () => s(xe()), u = new MutationObserver(i);
-    return i(), u.observe(c, { attributes: !0, attributeFilter: ["data-theme"] }), () => u.disconnect();
-  }, [r]), T(() => {
-    let c = 0, i = null, u;
-    const m = (d) => {
-      var b;
-      const f = i === null ? 0 : (d - i) / 1e3;
-      i = d, c = (c + pt * f) % 360, (b = l.current) == null || b.setAttribute("transform", `rotate(${c} 32 32)`), u = requestAnimationFrame(m);
+    const i = document.documentElement, c = () => s(De()), u = new MutationObserver(c);
+    return c(), u.observe(i, { attributes: !0, attributeFilter: ["data-theme"] }), () => u.disconnect();
+  }, [r]), P(() => {
+    let i = 0, c = null, u;
+    const b = (d) => {
+      var m;
+      const p = c === null ? 0 : (d - c) / 1e3;
+      c = d, i = (i + Ct * p) % 360, (m = l.current) == null || m.setAttribute("transform", `rotate(${i} 32 32)`), u = requestAnimationFrame(b);
     };
-    return u = requestAnimationFrame(m), () => cancelAnimationFrame(u);
+    return u = requestAnimationFrame(b), () => cancelAnimationFrame(u);
   }, []);
-  const o = se[n] || se.light;
-  return /* @__PURE__ */ h(
+  const o = xe[n] || xe.light;
+  return /* @__PURE__ */ f(
     "svg",
     {
-      width: t,
-      height: t,
+      width: e,
+      height: e,
       viewBox: "0 0 64 64",
       xmlns: "http://www.w3.org/2000/svg",
       focusable: "false",
       ...a ? { role: "img", "aria-label": a } : { "aria-hidden": !0 },
       children: [
-        /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "30", fill: o.outer }),
-        /* @__PURE__ */ h("g", { ref: l, children: [
-          /* @__PURE__ */ e("path", { d: "M32 32 C32 18, 42 14, 45 10 C49 5, 52 6, 50 12 C48 18, 38 20, 32 32 Z", fill: o.bladeA }),
-          /* @__PURE__ */ e("path", { d: "M32 32 C46 32, 50 42, 54 45 C59 49, 58 52, 52 50 C46 48, 44 38, 32 32 Z", fill: o.bladeB }),
-          /* @__PURE__ */ e("path", { d: "M32 32 C32 46, 22 50, 19 54 C15 59, 12 58, 14 52 C16 46, 26 44, 32 32 Z", fill: o.bladeA }),
-          /* @__PURE__ */ e("path", { d: "M32 32 C18 32, 14 22, 10 19 C5 15, 6 12, 12 14 C18 16, 20 26, 32 32 Z", fill: o.bladeB })
+        /* @__PURE__ */ t("circle", { cx: "32", cy: "32", r: "30", fill: o.outer }),
+        /* @__PURE__ */ f("g", { ref: l, children: [
+          /* @__PURE__ */ t("path", { d: "M32 32 C32 18, 42 14, 45 10 C49 5, 52 6, 50 12 C48 18, 38 20, 32 32 Z", fill: o.bladeA }),
+          /* @__PURE__ */ t("path", { d: "M32 32 C46 32, 50 42, 54 45 C59 49, 58 52, 52 50 C46 48, 44 38, 32 32 Z", fill: o.bladeB }),
+          /* @__PURE__ */ t("path", { d: "M32 32 C32 46, 22 50, 19 54 C15 59, 12 58, 14 52 C16 46, 26 44, 32 32 Z", fill: o.bladeA }),
+          /* @__PURE__ */ t("path", { d: "M32 32 C18 32, 14 22, 10 19 C5 15, 6 12, 12 14 C18 16, 20 26, 32 32 Z", fill: o.bladeB })
         ] }),
-        /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "5", fill: o.hubOuter }),
-        /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "3", fill: o.hubInner }),
-        /* @__PURE__ */ e("circle", { cx: "32", cy: "32", r: "30", fill: "none", stroke: o.ring, strokeWidth: "5", opacity: "0.85" })
+        /* @__PURE__ */ t("circle", { cx: "32", cy: "32", r: "5", fill: o.hubOuter }),
+        /* @__PURE__ */ t("circle", { cx: "32", cy: "32", r: "3", fill: o.hubInner }),
+        /* @__PURE__ */ t("circle", { cx: "32", cy: "32", r: "30", fill: "none", stroke: o.ring, strokeWidth: "5", opacity: "0.85" })
       ]
     }
   );
-}, ut = {
+}, Tt = {
   default: { dot: "bg-app-soft", title: "text-app-soft" },
   danger: { dot: "bg-red-500", title: "text-red-700 dark:text-red-400" }
-}, ht = ({
-  open: t,
+}, Dt = ({
+  open: e,
   onClose: r,
   title: a,
   tone: n = "default",
   busy: s = !1,
   dismissible: l = !0,
   role: o = "dialog",
-  describedBy: c,
-  maxWidth: i = "max-w-lg",
+  describedBy: i,
+  maxWidth: c = "max-w-lg",
   className: u = "",
-  as: m = "div",
+  as: b = "div",
   footer: d,
-  children: f,
-  ...b
+  children: p,
+  ...m
 }) => {
-  const x = E(null), p = S(), g = E(r);
-  T(() => {
-    g.current = r;
+  const g = A(null), h = O(), x = A(r);
+  P(() => {
+    x.current = r;
   });
-  const y = Me(() => {
-    !s && l && g.current();
+  const v = Fe(() => {
+    !s && l && x.current();
   }, [s, l]);
-  if (ie(t, y), X(t, x), !t) return null;
-  const { dot: C, title: w } = ut[n];
-  return H(
-    /* @__PURE__ */ h("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)] flex items-center justify-center px-4", children: [
-      /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: y }),
-      /* @__PURE__ */ h(
-        m,
+  if (ye(e, v), ie(e, g), !e) return null;
+  const { dot: N, title: M } = Tt[n];
+  return ae(
+    /* @__PURE__ */ f("div", { className: "fixed inset-0 z-[var(--xd-z-modal,80)] flex items-center justify-center px-4", children: [
+      /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "absolute inset-0 bg-black/30 backdrop-blur-sm", onClick: v }),
+      /* @__PURE__ */ f(
+        b,
         {
-          ref: x,
+          ref: g,
           role: o,
           "aria-modal": "true",
-          "aria-labelledby": p,
-          "aria-describedby": c,
+          "aria-labelledby": h,
+          "aria-describedby": i,
           "aria-busy": s || void 0,
           tabIndex: -1,
-          className: `relative z-10 flex max-h-[90vh] w-full min-w-0 flex-col border border-app-border bg-app-card shadow-2xl ${i} ${u}`,
-          ...b,
+          className: `relative z-10 flex max-h-[90vh] w-full min-w-0 flex-col border border-app-border bg-app-card shadow-2xl ${c} ${u}`,
+          ...m,
           children: [
-            /* @__PURE__ */ h("div", { className: "flex shrink-0 items-center justify-between border-b border-app-border px-6 pb-5 pt-6", children: [
-              /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e("span", { "aria-hidden": "true", className: `inline-block h-2 w-2 rounded-full ${C}` }),
-                /* @__PURE__ */ e("h2", { id: p, className: `text-sm font-semibold uppercase tracking-widest ${w}`, children: a })
+            /* @__PURE__ */ f("div", { className: "flex shrink-0 items-center justify-between border-b border-app-border px-6 pb-5 pt-6", children: [
+              /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", className: `inline-block h-2 w-2 rounded-full ${N}` }),
+                /* @__PURE__ */ t("h2", { id: h, className: `text-sm font-semibold uppercase tracking-widest ${M}`, children: a })
               ] }),
-              /* @__PURE__ */ e(
-                R,
+              /* @__PURE__ */ t(
+                H,
                 {
-                  onClick: () => !s && g.current(),
+                  onClick: () => !s && x.current(),
                   disabled: s,
                   tooltip: "Close dialog",
                   "aria-label": "Close dialog",
                   variant: "secondary",
-                  children: /* @__PURE__ */ e(oe, {})
+                  children: /* @__PURE__ */ t(we, {})
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", children: f }),
-            d && /* @__PURE__ */ e("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-3 border-t border-app-border px-6 pb-6 pt-4", children: d })
+            /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto", children: p }),
+            d && /* @__PURE__ */ t("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-3 border-t border-app-border px-6 pb-6 pt-4", children: d })
           ]
         }
       )
     ] }),
     document.body
   );
-}, sr = ({
-  open: t,
+}, Mr = ({
+  open: e,
   onClose: r,
   onConfirm: a,
   title: n,
   tone: s = "default",
   busy: l = !1,
   confirmLabel: o = "Confirm",
-  busyLabel: c,
-  cancelLabel: i = "Cancel",
+  busyLabel: i,
+  cancelLabel: c = "Cancel",
   error: u,
-  children: m
-}) => /* @__PURE__ */ e(
-  ht,
+  children: b
+}) => /* @__PURE__ */ t(
+  Dt,
   {
-    open: t,
+    open: e,
     onClose: r,
     busy: l,
     title: n,
     tone: s,
     role: s === "danger" ? "alertdialog" : "dialog",
     maxWidth: "max-w-md",
-    footer: /* @__PURE__ */ h(Y, { children: [
-      /* @__PURE__ */ e(R, { onClick: r, disabled: l, variant: "secondary", "data-autofocus": !0, children: i }),
-      /* @__PURE__ */ e(R, { onClick: a, disabled: l, variant: s === "danger" ? "danger" : "default", children: l ? /* @__PURE__ */ h("span", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ e(je, { size: 16 }),
+    footer: /* @__PURE__ */ f(re, { children: [
+      /* @__PURE__ */ t(H, { onClick: r, disabled: l, variant: "secondary", "data-autofocus": !0, children: c }),
+      /* @__PURE__ */ t(H, { onClick: a, disabled: l, variant: s === "danger" ? "danger" : "default", children: l ? /* @__PURE__ */ f("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t(Ye, { size: 16 }),
         " ",
-        c || o
+        i || o
       ] }) : o })
     ] }),
-    children: /* @__PURE__ */ h("div", { className: "flex flex-col gap-3 px-6 py-5 text-sm text-app-text", children: [
-      m,
-      u && /* @__PURE__ */ e("p", { role: "alert", className: "text-red-700 dark:text-red-400", children: u })
+    children: /* @__PURE__ */ f("div", { className: "flex flex-col gap-3 px-6 py-5 text-sm text-app-text", children: [
+      b,
+      u && /* @__PURE__ */ t("p", { role: "alert", className: "text-red-700 dark:text-red-400", children: u })
     ] })
   }
-), lr = ({ maxWidth: t = "max-w-5xl", className: r = "", as: a = "div", children: n, ...s }) => /* @__PURE__ */ e(a, { className: `mx-auto w-full px-4 sm:px-6 ${t} ${r}`, ...s, children: n }), mt = {
+), Lr = ({ maxWidth: e = "max-w-5xl", className: r = "", as: a = "div", children: n, ...s }) => /* @__PURE__ */ t(a, { className: `mx-auto w-full px-4 sm:px-6 ${e} ${r}`, ...s, children: n }), At = {
   1: "grid-cols-1",
   2: "grid-cols-2",
   3: "grid-cols-3",
@@ -1026,7 +1174,7 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
   5: "grid-cols-5",
   6: "grid-cols-6",
   12: "grid-cols-12"
-}, ft = {
+}, Et = {
   1: "grid-cols-1",
   2: "grid-cols-1 sm:grid-cols-2",
   3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
@@ -1034,360 +1182,365 @@ const pe = 6, Q = 8, Le = ({ text: t, children: r, className: a = "" }) => {
   5: "grid-cols-1 sm:grid-cols-3 lg:grid-cols-5",
   6: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",
   12: "grid-cols-4 sm:grid-cols-6 lg:grid-cols-12"
-}, bt = { 0: "gap-0", 1: "gap-1", 2: "gap-2", 3: "gap-3", 4: "gap-4", 6: "gap-6", 8: "gap-8" }, ge = ({ cols: t = 2, gap: r = 4, responsive: a = !0, className: n = "", as: s = "div", children: l, ...o }) => /* @__PURE__ */ e(s, { className: `grid ${(a ? ft : mt)[t]} ${bt[r]} ${n}`, ...o, children: l }), xt = ({ title: t, subtitle: r, children: a }) => /* @__PURE__ */ h("div", { className: "mb-6 flex flex-wrap items-end justify-between gap-3", children: [
-  /* @__PURE__ */ h("div", { children: [
-    /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight text-app-text sm:text-3xl", children: t }),
-    r && /* @__PURE__ */ e("p", { className: "mt-0.5 text-xs font-semibold uppercase tracking-widest text-app-muted", children: r })
+}, It = { 0: "gap-0", 1: "gap-1", 2: "gap-2", 3: "gap-3", 4: "gap-4", 6: "gap-6", 8: "gap-8" }, Ae = ({ cols: e = 2, gap: r = 4, responsive: a = !0, className: n = "", as: s = "div", children: l, ...o }) => /* @__PURE__ */ t(s, { className: `grid ${(a ? Et : At)[e]} ${It[r]} ${n}`, ...o, children: l }), U = ({ as: e, htmlFor: r, className: a = "", children: n, ...s }) => {
+  const l = e ?? (r ? "label" : "span");
+  return /* @__PURE__ */ t(
+    l,
+    {
+      htmlFor: l === "label" ? r : void 0,
+      className: `text-xs font-semibold uppercase tracking-widest text-app-muted ${a}`,
+      ...s,
+      children: n
+    }
+  );
+}, St = ({ title: e, subtitle: r, children: a }) => /* @__PURE__ */ f("div", { className: "mb-6 flex flex-wrap items-end justify-between gap-3", children: [
+  /* @__PURE__ */ f("div", { children: [
+    /* @__PURE__ */ t("h1", { className: "text-2xl font-bold tracking-tight text-app-text sm:text-3xl", children: e }),
+    r && /* @__PURE__ */ t(U, { as: "p", className: "mt-0.5", children: r })
   ] }),
-  a && /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-2", children: a })
-] }), gt = {
+  a && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center gap-2", children: a })
+] }), Pt = {
   up: "text-emerald-700 dark:text-emerald-400",
   down: "text-red-700 dark:text-red-400",
   flat: "text-app-muted"
-}, vt = ({ label: t, value: r, delta: a, trend: n = "flat", hint: s, className: l = "" }) => /* @__PURE__ */ h("div", { className: `flex flex-col gap-1 border border-app-border bg-app-card p-4 ${l}`, children: [
-  /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-  /* @__PURE__ */ h("div", { className: "flex items-baseline gap-2", children: [
-    /* @__PURE__ */ e("span", { className: "text-2xl font-bold tracking-tight text-app-text", children: r }),
-    a && /* @__PURE__ */ h("span", { className: `text-xs font-semibold ${gt[n]}`, children: [
-      /* @__PURE__ */ e("span", { "aria-hidden": "true", children: n === "up" ? "▲ " : n === "down" ? "▼ " : "" }),
+}, Rt = ({ label: e, value: r, delta: a, trend: n = "flat", hint: s, className: l = "" }) => /* @__PURE__ */ f("div", { className: `flex flex-col gap-1 border border-app-border bg-app-card p-4 ${l}`, children: [
+  /* @__PURE__ */ t(U, { children: e }),
+  /* @__PURE__ */ f("div", { className: "flex items-baseline gap-2", children: [
+    /* @__PURE__ */ t("span", { className: "text-2xl font-bold tracking-tight text-app-text", children: r }),
+    a && /* @__PURE__ */ f("span", { className: `text-xs font-semibold ${Pt[n]}`, children: [
+      /* @__PURE__ */ t("span", { "aria-hidden": "true", children: n === "up" ? "▲ " : n === "down" ? "▼ " : "" }),
       a
     ] })
   ] }),
-  s && /* @__PURE__ */ e("span", { className: "text-xs text-app-muted", children: s })
-] }), or = ({ title: t, subtitle: r, actions: a, stats: n = [], columns: s = 2, children: l }) => /* @__PURE__ */ h("div", { className: "flex flex-col gap-6", children: [
-  t && /* @__PURE__ */ e(xt, { title: t, subtitle: r, children: a }),
-  n.length > 0 && /* @__PURE__ */ e(ge, { cols: Math.min(n.length, 4), gap: 4, children: n.map((o) => /* @__PURE__ */ e(vt, { ...o }, o.label)) }),
-  l && /* @__PURE__ */ e(ge, { cols: s, gap: 4, children: l })
-] }), Z = (t = !1) => `w-full bg-app-bg border px-3 py-2 text-sm text-app-text placeholder:text-app-muted outline-none transition focus:ring-2 focus:ring-app-strong focus:border-app-strong disabled:cursor-not-allowed disabled:opacity-50 ${t ? "border-red-500" : "border-app-border"}`, Pe = qe(({ value: t, onChange: r, invalid: a = !1, type: n = "text", className: s = "", ...l }, o) => /* @__PURE__ */ e(
+  s && /* @__PURE__ */ t("span", { className: "text-xs text-app-muted", children: s })
+] }), Cr = ({ title: e, subtitle: r, actions: a, stats: n = [], columns: s = 2, children: l }) => /* @__PURE__ */ f("div", { className: "flex flex-col gap-6", children: [
+  e && /* @__PURE__ */ t(St, { title: e, subtitle: r, children: a }),
+  n.length > 0 && /* @__PURE__ */ t(Ae, { cols: Math.min(n.length, 4), gap: 4, children: n.map((o) => /* @__PURE__ */ t(Rt, { ...o }, o.label)) }),
+  l && /* @__PURE__ */ t(Ae, { cols: s, gap: 4, children: l })
+] }), se = (e = !1) => `w-full bg-app-bg border px-3 py-2 text-sm text-app-text placeholder:text-app-muted outline-none transition focus:ring-2 focus:ring-app-strong focus:border-app-strong disabled:cursor-not-allowed disabled:opacity-50 ${e ? "border-red-500" : "border-app-border"}`, Ze = tt(({ value: e, onChange: r, invalid: a = !1, type: n = "text", className: s = "", ...l }, o) => /* @__PURE__ */ t(
   "input",
   {
     ref: o,
     type: n,
     "aria-invalid": a || void 0,
-    className: `${Z(a)} ${s}`,
-    value: t,
-    onChange: (c) => r == null ? void 0 : r(c.target.value),
+    className: `${se(a)} ${s}`,
+    value: e,
+    onChange: (i) => r == null ? void 0 : r(i.target.value),
     ...l
   }
 ));
-Pe.displayName = "Input";
-const yt = (t, r, a) => {
+Ze.displayName = "Input";
+const jt = (e, r, a) => {
   const n = /* @__PURE__ */ new Set([1, r]);
-  for (let o = t - a; o <= t + a; o++) o > 1 && o < r && n.add(o);
-  const s = [...n].sort((o, c) => o - c), l = [];
-  return s.forEach((o, c) => {
-    c > 0 && o - s[c - 1] > 1 && l.push(null), l.push(o);
+  for (let o = e - a; o <= e + a; o++) o > 1 && o < r && n.add(o);
+  const s = [...n].sort((o, i) => o - i), l = [];
+  return s.forEach((o, i) => {
+    i > 0 && o - s[i - 1] > 1 && l.push(null), l.push(o);
   }), l;
-}, re = (t = !1) => `min-w-[2.25rem] border px-2 py-1.5 text-xs font-semibold tracking-widest transition disabled:cursor-not-allowed disabled:opacity-50 ${t ? "border-app-strong bg-app-strong text-app-bg" : "border-app-border bg-app-bg text-app-text hover:border-app-strong"}`, wt = ({ page: t, pageCount: r, onChange: a, siblings: n = 1, className: s = "" }) => /* @__PURE__ */ e("nav", { "aria-label": "Pagination", className: s, children: /* @__PURE__ */ h("ul", { className: "m-0 flex list-none flex-wrap items-center gap-1 p-0", children: [
-  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { type: "button", className: re(), disabled: t <= 1, onClick: () => a(t - 1), children: "Prev" }) }),
-  yt(t, r, n).map(
-    (l, o) => l === null ? /* @__PURE__ */ e("li", { "aria-hidden": "true", className: "px-1 text-app-muted", children: "…" }, `gap-${o}`) : /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+}, ue = (e = !1) => `min-h-9 min-w-9 border px-2 py-1.5 text-xs font-semibold tracking-widest transition disabled:cursor-not-allowed disabled:opacity-50 ${e ? "border-app-strong bg-app-strong text-app-bg" : "border-app-border bg-app-bg text-app-text hover:border-app-strong"}`, Ft = ({ page: e, pageCount: r, onChange: a, siblings: n = 1, className: s = "" }) => /* @__PURE__ */ t("nav", { "aria-label": "Pagination", className: s, children: /* @__PURE__ */ f("ul", { className: "m-0 flex list-none flex-wrap items-center gap-1 p-0", children: [
+  /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", { type: "button", className: ue(), disabled: e <= 1, onClick: () => a(e - 1), children: "Prev" }) }),
+  jt(e, r, n).map(
+    (l, o) => l === null ? /* @__PURE__ */ t("li", { "aria-hidden": "true", className: "px-1 text-app-muted", children: "…" }, `gap-${o}`) : /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
       "button",
       {
         type: "button",
-        className: re(l === t),
-        "aria-current": l === t ? "page" : void 0,
+        className: ue(l === e),
+        "aria-current": l === e ? "page" : void 0,
         "aria-label": `Page ${l}`,
         onClick: () => a(l),
         children: l
       }
     ) }, l)
   ),
-  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("button", { type: "button", className: re(), disabled: t >= r, onClick: () => a(t + 1), children: "Next" }) })
-] }) }), ve = { left: "text-left", center: "text-center", right: "text-right" }, kt = (t, r) => t == null ? r == null ? 0 : 1 : r == null ? -1 : typeof t == "number" && typeof r == "number" ? t - r : String(t).localeCompare(String(r), void 0, { numeric: !0, sensitivity: "base" }), ir = ({
-  columns: t,
+  /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", { type: "button", className: ue(), disabled: e >= r, onClick: () => a(e + 1), children: "Next" }) })
+] }) }), Ee = { left: "text-left", center: "text-center", right: "text-right" }, Bt = (e, r) => e == null ? r == null ? 0 : 1 : r == null ? -1 : typeof e == "number" && typeof r == "number" ? e - r : String(e).localeCompare(String(r), void 0, { numeric: !0, sensitivity: "base" }), Tr = ({
+  columns: e,
   rows: r,
   rowKey: a = "id",
   pageSize: n = 10,
   searchable: s = !1,
   selectable: l = !1,
   selected: o,
-  onSelectionChange: c,
-  empty: i = "No results",
+  onSelectionChange: i,
+  empty: c = "No results",
   caption: u,
-  className: m = ""
+  className: b = ""
 }) => {
-  const [d, f] = k(null), [b, x] = k(""), [p, g] = k(1), [y, C] = k([]), w = o ?? y, D = ($, I) => I.accessor ? I.accessor($) : $[I.key], v = $e(() => {
-    const $ = b.trim().toLowerCase();
-    let I = $ ? r.filter(
-      (W) => t.some(
-        (P) => String(D(W, P) ?? "").toLowerCase().includes($)
+  const [d, p] = D(null), [m, g] = D(""), [h, x] = D(1), [v, N] = D([]), M = o ?? v, y = (k, $) => $.accessor ? $.accessor(k) : k[$.key], w = je(() => {
+    const k = m.trim().toLowerCase();
+    let $ = k ? r.filter(
+      (R) => e.some(
+        (F) => String(y(R, F) ?? "").toLowerCase().includes(k)
       )
     ) : r;
     if (d) {
-      const W = t.find((P) => P.key === d.key);
-      I = [...I].sort(
-        (P, ee) => kt(D(P, W), D(ee, W)) * (d.dir === "asc" ? 1 : -1)
+      const R = e.find((F) => F.key === d.key);
+      $ = [...$].sort(
+        (F, E) => Bt(y(F, R), y(E, R)) * (d.dir === "asc" ? 1 : -1)
       );
     }
-    return I;
-  }, [r, t, b, d]), L = Math.max(1, Math.ceil(v.length / n)), M = Math.min(p, L), N = v.slice((M - 1) * n, M * n), A = ($) => {
-    o === void 0 && C($), c == null || c($);
-  }, F = N.map(($) => $[a]), j = F.length > 0 && F.every(($) => w.includes($)), z = F.some(($) => w.includes($)), O = ($) => {
-    g(1), f(
-      (I) => (I == null ? void 0 : I.key) !== $.key ? { key: $.key, dir: "asc" } : I.dir === "asc" ? { key: $.key, dir: "desc" } : null
+    return $;
+  }, [r, e, m, d]), C = Math.max(1, Math.ceil(w.length / n)), T = Math.min(h, C), L = w.slice((T - 1) * n, T * n), I = (k) => {
+    o === void 0 && N(k), i == null || i(k);
+  }, j = L.map((k) => k[a]), B = j.length > 0 && j.every((k) => M.includes(k)), z = j.some((k) => M.includes(k)), q = (k) => {
+    x(1), p(
+      ($) => ($ == null ? void 0 : $.key) !== k.key ? { key: k.key, dir: "asc" } : $.dir === "asc" ? { key: k.key, dir: "desc" } : null
     );
   };
-  return /* @__PURE__ */ h("div", { className: `flex flex-col gap-3 ${m}`, children: [
-    s && /* @__PURE__ */ e("div", { className: "max-w-xs", children: /* @__PURE__ */ e(
-      Pe,
+  return /* @__PURE__ */ f("div", { className: `flex flex-col gap-3 ${b}`, children: [
+    s && /* @__PURE__ */ t("div", { className: "max-w-xs", children: /* @__PURE__ */ t(
+      Ze,
       {
-        value: b,
-        onChange: ($) => {
-          x($), g(1);
+        value: m,
+        onChange: (k) => {
+          g(k), x(1);
         },
         placeholder: "Search…",
         "aria-label": "Search rows",
         type: "search"
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "overflow-x-auto border border-app-border", children: /* @__PURE__ */ h("table", { className: "w-full border-collapse bg-app-card text-sm text-app-text", children: [
-      u && /* @__PURE__ */ e("caption", { className: "sr-only", children: u }),
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ h("tr", { className: "border-b border-app-border bg-app-bg", children: [
-        l && /* @__PURE__ */ e("th", { scope: "col", className: "w-10 px-4 py-2.5", children: /* @__PURE__ */ e(
-          be,
+    /* @__PURE__ */ t("div", { className: "overflow-x-auto border border-app-border", children: /* @__PURE__ */ f("table", { className: "w-full border-collapse bg-app-card text-sm text-app-text", children: [
+      u && /* @__PURE__ */ t("caption", { className: "sr-only", children: u }),
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ f("tr", { className: "border-b border-app-border bg-app-bg", children: [
+        l && /* @__PURE__ */ t("th", { scope: "col", className: "w-10 px-4 py-2.5", children: /* @__PURE__ */ t(
+          Te,
           {
             "aria-label": "Select all rows on this page",
-            checked: j,
-            indeterminate: !j && z,
-            onChange: ($) => A(
-              $ ? [.../* @__PURE__ */ new Set([...w, ...F])] : w.filter((I) => !F.includes(I))
+            checked: B,
+            indeterminate: !B && z,
+            onChange: (k) => I(
+              k ? [.../* @__PURE__ */ new Set([...M, ...j])] : M.filter(($) => !j.includes($))
             )
           }
         ) }),
-        t.map(($) => {
-          const I = (d == null ? void 0 : d.key) === $.key;
-          return /* @__PURE__ */ e(
+        e.map((k) => {
+          const $ = (d == null ? void 0 : d.key) === k.key;
+          return /* @__PURE__ */ t(
             "th",
             {
               scope: "col",
-              "aria-sort": I ? d.dir === "asc" ? "ascending" : "descending" : $.sortable ? "none" : void 0,
-              className: `px-4 py-2.5 text-xs font-semibold uppercase tracking-widest text-app-muted ${ve[$.align ?? "left"]}`,
-              children: $.sortable ? /* @__PURE__ */ h(
+              "aria-sort": $ ? d.dir === "asc" ? "ascending" : "descending" : k.sortable ? "none" : void 0,
+              className: `px-4 py-2.5 text-xs font-semibold uppercase tracking-widest text-app-muted ${Ee[k.align ?? "left"]}`,
+              children: k.sortable ? /* @__PURE__ */ f(
                 "button",
                 {
                   type: "button",
-                  onClick: () => O($),
-                  className: "inline-flex items-center gap-1 uppercase tracking-widest transition hover:text-app-text",
+                  onClick: () => q(k),
+                  className: "-my-2 inline-flex min-h-8 items-center gap-1 uppercase tracking-widest transition hover:text-app-text",
                   children: [
-                    $.header,
-                    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: I ? d.dir === "asc" ? "↑" : "↓" : "↕" })
+                    k.header,
+                    /* @__PURE__ */ t("span", { "aria-hidden": "true", children: $ ? d.dir === "asc" ? "↑" : "↓" : "↕" })
                   ]
                 }
-              ) : $.header
+              ) : k.header
             },
-            $.key
+            k.key
           );
         })
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: N.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length + (l ? 1 : 0), className: "px-4 py-6 text-center text-app-muted", children: i }) }) : N.map(($) => {
-        const I = $[a], W = w.includes(I);
-        return /* @__PURE__ */ h(
+      /* @__PURE__ */ t("tbody", { children: L.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length + (l ? 1 : 0), className: "px-4 py-6 text-center text-app-muted", children: c }) }) : L.map((k) => {
+        const $ = k[a], R = M.includes($);
+        return /* @__PURE__ */ f(
           "tr",
           {
-            "aria-selected": l ? W : void 0,
-            className: `border-b border-app-border last:border-b-0 hover:bg-app-bg ${W ? "bg-app-soft/10" : ""}`,
+            "aria-selected": l ? R : void 0,
+            className: `border-b border-app-border last:border-b-0 hover:bg-app-bg ${R ? "bg-app-soft/10" : ""}`,
             children: [
-              l && /* @__PURE__ */ e("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ e(
-                be,
+              l && /* @__PURE__ */ t("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ t(
+                Te,
                 {
-                  "aria-label": `Select row ${I}`,
-                  checked: W,
-                  onChange: (P) => A(P ? [...w, I] : w.filter((ee) => ee !== I))
+                  "aria-label": `Select row ${$}`,
+                  checked: R,
+                  onChange: (F) => I(F ? [...M, $] : M.filter((E) => E !== $))
                 }
               ) }),
-              t.map((P) => /* @__PURE__ */ e("td", { className: `px-4 py-2.5 ${ve[P.align ?? "left"]}`, children: P.render ? P.render($) : $[P.key] }, P.key))
+              e.map((F) => /* @__PURE__ */ t("td", { className: `px-4 py-2.5 ${Ee[F.align ?? "left"]}`, children: F.render ? F.render(k) : k[F.key] }, F.key))
             ]
           },
-          I
+          $
         );
       }) })
     ] }) }),
-    /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center justify-between gap-3 text-xs text-app-muted", children: [
-      /* @__PURE__ */ h("span", { "aria-live": "polite", children: [
-        v.length,
+    /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center justify-between gap-3 text-xs text-app-muted", children: [
+      /* @__PURE__ */ f("span", { "aria-live": "polite", children: [
+        w.length,
         " ",
-        v.length === 1 ? "row" : "rows",
-        l && w.length > 0 ? `, ${w.length} selected` : ""
+        w.length === 1 ? "row" : "rows",
+        l && M.length > 0 ? `, ${M.length} selected` : ""
       ] }),
-      L > 1 && /* @__PURE__ */ e(wt, { page: M, pageCount: L, onChange: g })
+      C > 1 && /* @__PURE__ */ t(Ft, { page: T, pageCount: C, onChange: x })
     ] })
   ] });
-}, de = (t, r, a) => {
-  const n = E(a);
-  T(() => {
-    n.current = a;
-  }), T(() => {
-    if (!t) return;
-    const s = (o) => {
-      var c;
-      (c = r.current) != null && c.contains(o.target) || n.current("outside");
-    }, l = (o) => {
-      o.key === "Escape" && n.current("escape");
-    };
-    return document.addEventListener("mousedown", s), document.addEventListener("keydown", l), () => {
-      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", l);
-    };
-  }, [t, r]);
-}, cr = ({ label: t, value: r, onChange: a, min: n, max: s, placeholder: l = "Select date", error: o, locale: c, weekStartsOn: i }) => {
-  const [u, m] = k(!1), d = E(null), f = S(), b = `${f}-error`;
-  return de(u, d, (x) => {
-    var p, g;
-    m(!1), x === "escape" && ((g = (p = d.current) == null ? void 0 : p.querySelector("button")) == null || g.focus());
-  }), /* @__PURE__ */ h("div", { ref: d, className: "relative flex flex-col gap-1", children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: f, className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ e(
+}, Dr = ({ label: e, value: r, onChange: a, min: n, max: s, placeholder: l = "Select date", error: o, locale: i, weekStartsOn: c }) => {
+  const [u, b] = D(!1), d = A(null), p = A(null), m = A(null), g = O(), h = `${g}-error`;
+  return V(u, [d, m], (x) => {
+    var v, N;
+    b(!1), x === "escape" && ((N = (v = d.current) == null ? void 0 : v.querySelector("button")) == null || N.focus());
+  }), /* @__PURE__ */ f("div", { ref: d, className: "relative flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ t(U, { htmlFor: g, children: e }),
+    /* @__PURE__ */ t(
       "button",
       {
-        id: f,
+        ref: p,
+        id: g,
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": u,
         "aria-invalid": !!o,
-        "aria-describedby": o ? b : void 0,
-        onClick: () => m((x) => !x),
-        className: `${Z(!!o)} text-left ${r ? "" : "text-app-muted"}`,
-        children: r ? ne(r, c) : l
+        "aria-describedby": o ? h : void 0,
+        onClick: () => b((x) => !x),
+        className: `${se(!!o)} text-left ${r ? "" : "text-app-muted"}`,
+        children: r ? be(r, i) : l
       }
     ),
-    u && /* @__PURE__ */ e(
-      "div",
+    /* @__PURE__ */ t(
+      X,
       {
+        open: u,
+        anchorRef: p,
+        panelRef: m,
+        placement: "bottom-start",
         role: "dialog",
         "aria-label": "Choose date",
-        className: "absolute left-0 top-full z-[var(--xd-z-tooltip,70)] mt-1 shadow-xl",
-        children: /* @__PURE__ */ e(
-          Se,
+        className: "shadow-xl",
+        children: /* @__PURE__ */ t(
+          Ge,
           {
             value: r,
             min: n,
             max: s,
-            locale: c,
-            weekStartsOn: i,
+            locale: i,
+            weekStartsOn: c,
             onChange: (x) => {
-              var p, g;
-              a == null || a(x), m(!1), (g = (p = d.current) == null ? void 0 : p.querySelector("button")) == null || g.focus();
+              var v, N;
+              a == null || a(x), b(!1), (N = (v = d.current) == null ? void 0 : v.querySelector("button")) == null || N.focus();
             }
           }
         )
       }
     ),
-    o && /* @__PURE__ */ e("span", { id: b, className: "text-xs text-red-700 dark:text-red-400", children: o })
+    o && /* @__PURE__ */ t("span", { id: h, className: "text-xs text-red-700 dark:text-red-400", children: o })
   ] });
-}, dr = ({
-  label: t,
+}, Ar = ({
+  label: e,
   value: r,
   onChange: a,
   min: n,
   max: s,
   placeholder: l = "Select range",
   error: o,
-  locale: c,
-  weekStartsOn: i
+  locale: i,
+  weekStartsOn: c
 }) => {
-  const [u, m] = k(!1), [d, f] = k(null), b = E(null), x = S(), p = `${x}-error`, g = () => {
-    m(!1), f(null);
+  const [u, b] = D(!1), [d, p] = D(null), m = A(null), g = A(null), h = A(null), x = O(), v = `${x}-error`, N = () => {
+    b(!1), p(null);
   };
-  de(u, b, (w) => {
-    var D, v;
-    g(), w === "escape" && ((v = (D = b.current) == null ? void 0 : D.querySelector("button")) == null || v.focus());
+  V(u, [m, h], (w) => {
+    var C, T;
+    N(), w === "escape" && ((T = (C = m.current) == null ? void 0 : C.querySelector("button")) == null || T.focus());
   });
-  const y = (w) => {
-    var L, M;
+  const M = (w) => {
+    var L, I;
     if (!d) {
-      f(w), a == null || a({ start: w, end: null });
+      p(w), a == null || a({ start: w, end: null });
       return;
     }
-    const [D, v] = U(w, d) ? [w, d] : [d, w];
-    a == null || a({ start: D, end: v }), g(), (M = (L = b.current) == null ? void 0 : L.querySelector("button")) == null || M.focus();
-  }, C = r != null && r.start ? `${ne(r.start, c)} – ${r.end ? ne(r.end, c) : "…"}` : "";
-  return /* @__PURE__ */ h("div", { ref: b, className: "relative flex flex-col gap-1", children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: x, className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ e(
+    const [C, T] = te(w, d) ? [w, d] : [d, w];
+    a == null || a({ start: C, end: T }), N(), (I = (L = m.current) == null ? void 0 : L.querySelector("button")) == null || I.focus();
+  }, y = r != null && r.start ? `${be(r.start, i)} – ${r.end ? be(r.end, i) : "…"}` : "";
+  return /* @__PURE__ */ f("div", { ref: m, className: "relative flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ t(U, { htmlFor: x, children: e }),
+    /* @__PURE__ */ t(
       "button",
       {
+        ref: g,
         id: x,
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": u,
         "aria-invalid": !!o,
-        "aria-describedby": o ? p : void 0,
-        onClick: () => u ? g() : m(!0),
-        className: `${Z(!!o)} text-left ${C ? "" : "text-app-muted"}`,
-        children: C || l
+        "aria-describedby": o ? v : void 0,
+        onClick: () => u ? N() : b(!0),
+        className: `${se(!!o)} text-left ${y ? "" : "text-app-muted"}`,
+        children: y || l
       }
     ),
-    u && /* @__PURE__ */ e(
-      "div",
+    /* @__PURE__ */ t(
+      X,
       {
+        open: u,
+        anchorRef: g,
+        panelRef: h,
+        placement: "bottom-start",
         role: "dialog",
         "aria-label": "Choose date range",
-        className: "absolute left-0 top-full z-[var(--xd-z-tooltip,70)] mt-1 shadow-xl",
-        children: /* @__PURE__ */ e(
-          Se,
+        className: "shadow-xl",
+        children: /* @__PURE__ */ t(
+          Ge,
           {
             rangeStart: d ?? (r == null ? void 0 : r.start),
             rangeEnd: d ? null : r == null ? void 0 : r.end,
             min: n,
             max: s,
-            locale: c,
-            weekStartsOn: i,
-            onChange: y
+            locale: i,
+            weekStartsOn: c,
+            onChange: M
           }
         )
       }
     ),
-    o && /* @__PURE__ */ e("span", { id: p, className: "text-xs text-red-700 dark:text-red-400", children: o })
+    o && /* @__PURE__ */ t("span", { id: v, className: "text-xs text-red-700 dark:text-red-400", children: o })
   ] });
-}, pr = ({ orientation: t = "horizontal", label: r, className: a = "" }) => t === "vertical" ? /* @__PURE__ */ e("div", { role: "separator", "aria-orientation": "vertical", className: `w-px self-stretch bg-app-border ${a}` }) : r ? /* @__PURE__ */ h("div", { role: "separator", className: `flex items-center gap-3 ${a}`, children: [
-  /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-app-border" }),
-  /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: r }),
-  /* @__PURE__ */ e("span", { className: "h-px flex-1 bg-app-border" })
-] }) : /* @__PURE__ */ e("hr", { className: `border-0 border-t border-app-border ${a}` }), ur = ({
-  label: t,
+}, Er = ({ orientation: e = "horizontal", label: r, className: a = "" }) => e === "vertical" ? /* @__PURE__ */ t("div", { role: "separator", "aria-orientation": "vertical", className: `w-px self-stretch bg-app-border ${a}` }) : r ? /* @__PURE__ */ f("div", { role: "separator", className: `flex items-center gap-3 ${a}`, children: [
+  /* @__PURE__ */ t("span", { className: "h-px flex-1 bg-app-border" }),
+  /* @__PURE__ */ t(U, { children: r }),
+  /* @__PURE__ */ t("span", { className: "h-px flex-1 bg-app-border" })
+] }) : /* @__PURE__ */ t("hr", { className: `border-0 border-t border-app-border ${a}` }), Ir = ({
+  label: e,
   value: r,
   onChange: a,
   placeholder: n,
   error: s,
   type: l = "text",
   autoComplete: o = "off",
-  required: c = !0,
-  ...i
+  required: i = !0,
+  ...c
 }) => {
-  const u = S(), m = `${u}-error`;
-  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ e("label", { htmlFor: u, className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ e(
+  const u = O(), b = `${u}-error`;
+  return /* @__PURE__ */ f("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ t(U, { htmlFor: u, children: e }),
+    /* @__PURE__ */ t(
       "input",
       {
         id: u,
         type: l,
         autoComplete: o,
-        "aria-required": c,
+        "aria-required": i,
         "aria-invalid": !!s,
-        "aria-describedby": s ? m : void 0,
+        "aria-describedby": s ? b : void 0,
         className: `bg-app-bg border px-3 py-2 text-sm text-app-text placeholder:text-app-muted outline-none transition focus:ring-2 focus:ring-app-strong focus:border-app-strong ${s ? "border-red-500" : "border-app-border"}`,
         placeholder: n,
         value: r,
         onChange: (d) => a(d.target.value),
-        ...i
+        ...c
       }
     ),
-    s && /* @__PURE__ */ e("span", { id: m, className: "text-xs text-red-700 dark:text-red-400", children: s })
+    s && /* @__PURE__ */ t("span", { id: b, className: "text-xs text-red-700 dark:text-red-400", children: s })
   ] });
-}, hr = ({
-  label: t = "Choose files or drop them here",
+}, Sr = ({
+  label: e = "Choose files or drop them here",
   accept: r,
   multiple: a = !1,
   onChange: n,
   disabled: s = !1
 }) => {
-  const l = S(), [o, c] = k([]), [i, u] = k(!1), m = (d) => {
-    const f = [...d];
-    c(f), n == null || n(f);
+  const l = O(), [o, i] = D([]), [c, u] = D(!1), b = (d) => {
+    const p = [...d];
+    i(p), n == null || n(p);
   };
-  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ f("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ f(
       "label",
       {
         htmlFor: l,
@@ -1396,12 +1549,12 @@ const yt = (t, r, a) => {
         },
         onDragLeave: () => u(!1),
         onDrop: (d) => {
-          d.preventDefault(), u(!1), s || m(a ? d.dataTransfer.files : [d.dataTransfer.files[0]].filter(Boolean));
+          d.preventDefault(), u(!1), s || b(a ? d.dataTransfer.files : [d.dataTransfer.files[0]].filter(Boolean));
         },
-        className: `flex flex-col items-center justify-center gap-1 border border-dashed px-4 py-8 text-center text-sm text-app-muted transition focus-within:ring-2 focus-within:ring-app-strong ${i ? "border-app-strong bg-app-soft/10" : "border-app-border bg-app-bg"} ${s ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:border-app-strong"}`,
+        className: `flex flex-col items-center justify-center gap-1 border border-dashed px-4 py-8 text-center text-sm text-app-muted transition focus-within:ring-2 focus-within:ring-app-strong ${c ? "border-app-strong bg-app-soft/10" : "border-app-border bg-app-bg"} ${s ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:border-app-strong"}`,
         children: [
-          t,
-          /* @__PURE__ */ e(
+          e,
+          /* @__PURE__ */ t(
             "input",
             {
               id: l,
@@ -1410,50 +1563,50 @@ const yt = (t, r, a) => {
               multiple: a,
               disabled: s,
               className: "sr-only",
-              onChange: (d) => m(d.target.files)
+              onChange: (d) => b(d.target.files)
             }
           )
         ]
       }
     ),
-    o.length > 0 && /* @__PURE__ */ e("ul", { className: "m-0 list-none p-0 text-xs text-app-soft", children: o.map((d) => /* @__PURE__ */ e("li", { children: d.name }, `${d.name}-${d.size}`)) })
+    o.length > 0 && /* @__PURE__ */ t("ul", { className: "m-0 list-none p-0 text-xs text-app-soft", children: o.map((d) => /* @__PURE__ */ t("li", { children: d.name }, `${d.name}-${d.size}`)) })
   ] });
-}, Nt = { 0: "gap-0", 1: "gap-1", 2: "gap-2", 3: "gap-3", 4: "gap-4", 6: "gap-6", 8: "gap-8" }, $t = { row: "flex-row", column: "flex-col" }, Mt = {
+}, Ot = { 0: "gap-0", 1: "gap-1", 2: "gap-2", 3: "gap-3", 4: "gap-4", 6: "gap-6", 8: "gap-8" }, Wt = { row: "flex-row", column: "flex-col" }, zt = {
   start: "items-start",
   center: "items-center",
   end: "items-end",
   stretch: "items-stretch",
   baseline: "items-baseline"
-}, Lt = {
+}, qt = {
   start: "justify-start",
   center: "justify-center",
   end: "justify-end",
   between: "justify-between",
   around: "justify-around"
-}, Ct = ({
-  direction: t = "row",
+}, Kt = ({
+  direction: e = "row",
   gap: r = 3,
   align: a,
   justify: n,
   wrap: s = !1,
   inline: l = !1,
   className: o = "",
-  as: c = "div",
-  children: i,
+  as: i = "div",
+  children: c,
   ...u
-}) => /* @__PURE__ */ e(
-  c,
+}) => /* @__PURE__ */ t(
+  i,
   {
-    className: `${l ? "inline-flex" : "flex"} ${$t[t]} ${Nt[r]} ${a ? Mt[a] : ""} ${n ? Lt[n] : ""} ${s ? "flex-wrap" : ""} ${o}`,
+    className: `${l ? "inline-flex" : "flex"} ${Wt[e]} ${Ot[r]} ${a ? zt[a] : ""} ${n ? qt[n] : ""} ${s ? "flex-wrap" : ""} ${o}`,
     ...u,
-    children: i
+    children: c
   }
-), mr = ({ active: t = !0, className: r = "", children: a, ...n }) => {
-  const s = E(null);
-  return X(t, s), /* @__PURE__ */ e("div", { ref: s, tabIndex: -1, className: r, ...n, children: a });
-}, Dt = { square: "aspect-square", video: "aspect-video", photo: "aspect-[4/3]" }, fr = ({ src: t, alt: r, ratio: a, fit: n = "cover", fallback: s = "Image unavailable", className: l = "", ...o }) => {
-  const [c, i] = k(!1), u = `${a ? Dt[a] : ""} ${l}`;
-  return c ? /* @__PURE__ */ e(
+), Pr = ({ active: e = !0, className: r = "", children: a, ...n }) => {
+  const s = A(null);
+  return ie(e, s), /* @__PURE__ */ t("div", { ref: s, tabIndex: -1, className: r, ...n, children: a });
+}, Rr = ({ as: e = "p", className: r = "", children: a, ...n }) => /* @__PURE__ */ t(e, { className: `m-0 text-xs text-app-muted ${r}`, ...n, children: a }), _t = { square: "aspect-square", video: "aspect-video", photo: "aspect-[4/3]" }, jr = ({ src: e, alt: r, ratio: a, fit: n = "cover", fallback: s = "Image unavailable", className: l = "", ...o }) => {
+  const [i, c] = D(!1), u = `${a ? _t[a] : ""} ${l}`;
+  return i ? /* @__PURE__ */ t(
     "div",
     {
       role: "img",
@@ -1461,27 +1614,27 @@ const yt = (t, r, a) => {
       className: `flex items-center justify-center border border-app-border bg-app-bg p-4 text-xs text-app-muted ${u}`,
       children: s
     }
-  ) : /* @__PURE__ */ e(
+  ) : /* @__PURE__ */ t(
     "img",
     {
-      src: t,
+      src: e,
       alt: r,
       loading: "lazy",
-      onError: () => i(!0),
+      onError: () => c(!0),
       className: `block w-full ${n === "contain" ? "object-contain" : "object-cover"} ${u}`,
       ...o
     }
   );
-}, br = ({ items: t, divided: r = !0, className: a = "" }) => /* @__PURE__ */ e("ul", { className: `m-0 list-none border border-app-border bg-app-card p-0 ${a}`, children: t.map((n) => {
-  const s = /* @__PURE__ */ h(Y, { children: [
-    n.leading && /* @__PURE__ */ e("span", { className: "shrink-0", children: n.leading }),
-    /* @__PURE__ */ h("span", { className: "min-w-0 flex-1 text-left", children: [
-      /* @__PURE__ */ e("span", { className: "block truncate text-sm text-app-text", children: n.primary }),
-      n.secondary && /* @__PURE__ */ e("span", { className: "block truncate text-xs text-app-muted", children: n.secondary })
+}, Fr = ({ items: e, divided: r = !0, className: a = "" }) => /* @__PURE__ */ t("ul", { className: `m-0 list-none border border-app-border bg-app-card p-0 ${a}`, children: e.map((n) => {
+  const s = /* @__PURE__ */ f(re, { children: [
+    n.leading && /* @__PURE__ */ t("span", { className: "shrink-0", children: n.leading }),
+    /* @__PURE__ */ f("span", { className: "min-w-0 flex-1 text-left", children: [
+      /* @__PURE__ */ t("span", { className: "block truncate text-sm text-app-text", children: n.primary }),
+      n.secondary && /* @__PURE__ */ t("span", { className: "block truncate text-xs text-app-muted", children: n.secondary })
     ] }),
-    n.trailing && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-app-muted", children: n.trailing })
+    n.trailing && /* @__PURE__ */ t("span", { className: "shrink-0 text-xs text-app-muted", children: n.trailing })
   ] });
-  return /* @__PURE__ */ e("li", { className: r ? "border-b border-app-border last:border-b-0" : "", children: n.onClick ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ t("li", { className: r ? "border-b border-app-border last:border-b-0" : "", children: n.onClick ? /* @__PURE__ */ t(
     "button",
     {
       type: "button",
@@ -1489,9 +1642,9 @@ const yt = (t, r, a) => {
       className: "flex w-full items-center gap-3 px-4 py-3 transition hover:bg-app-bg",
       children: s
     }
-  ) : /* @__PURE__ */ e("div", { className: "flex items-center gap-3 px-4 py-3", children: s }) }, n.key);
-}) }), Et = ({
-  children: t,
+  ) : /* @__PURE__ */ t("div", { className: "flex items-center gap-3 px-4 py-3", children: s }) }, n.key);
+}) }), Ut = ({
+  children: e,
   maxWidth: r = "max-w-5xl",
   centerContent: a = !1,
   themeToggle: n = !1,
@@ -1499,51 +1652,39 @@ const yt = (t, r, a) => {
   innerClassName: l = ""
 }) => {
   const o = a ? "flex flex-1 items-center justify-center" : "";
-  return /* @__PURE__ */ h("main", { className: `relative flex flex-1 flex-col bg-app-bg px-4 py-8 sm:py-10 ${s}`, children: [
-    n && /* @__PURE__ */ e("div", { className: "absolute right-4 top-4", children: /* @__PURE__ */ e(De, {}) }),
-    /* @__PURE__ */ e("div", { className: `mx-auto w-full ${r} ${o} ${l}`, children: t })
+  return /* @__PURE__ */ f("main", { className: `relative flex flex-1 flex-col bg-app-bg px-4 py-8 sm:py-10 ${s}`, children: [
+    n && /* @__PURE__ */ t("div", { className: "absolute right-4 top-4", children: /* @__PURE__ */ t(ze, {}) }),
+    /* @__PURE__ */ t("div", { className: `mx-auto w-full ${r} ${o} ${l}`, children: e })
   ] });
-}, xr = () => /* @__PURE__ */ e(Et, { maxWidth: "max-w-sm", centerContent: !0, children: /* @__PURE__ */ e(je, { label: "Loading" }) }), gr = ({
-  brand: t,
+}, Br = () => /* @__PURE__ */ t(Ut, { maxWidth: "max-w-sm", centerContent: !0, children: /* @__PURE__ */ t(Ye, { label: "Loading" }) }), Or = ({
+  brand: e,
   links: r = [],
   actions: a,
   linkComponent: n = "a",
   linkProp: s = "href",
   label: l = "Main",
   className: o = ""
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ f(
   "nav",
   {
     "aria-label": l,
     className: `flex flex-wrap items-center gap-x-6 gap-y-2 border-b border-app-border bg-app-card px-4 py-3 ${o}`,
     children: [
-      t && /* @__PURE__ */ e("div", { className: "text-sm font-bold tracking-tight text-app-text", children: t }),
-      /* @__PURE__ */ e("ul", { className: "m-0 flex flex-1 list-none flex-wrap items-center gap-1 p-0", children: r.map(({ href: c, label: i, active: u, ...m }) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      e && /* @__PURE__ */ t("div", { className: "text-sm font-bold tracking-tight text-app-text", children: e }),
+      /* @__PURE__ */ t("ul", { className: "m-0 flex flex-1 list-none flex-wrap items-center gap-1 p-0", children: r.map(({ href: i, label: c, active: u, ...b }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(
         n,
         {
-          [s]: c,
+          [s]: i,
           "aria-current": u ? "page" : void 0,
           className: `px-2.5 py-1.5 text-xs font-semibold uppercase tracking-widest transition ${u ? "bg-app-strong text-app-bg" : "text-app-muted hover:text-app-text"}`,
-          ...m,
-          children: i
+          ...b,
+          children: c
         }
-      ) }, i)) }),
-      a && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: a })
+      ) }, c)) }),
+      a && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: a })
     ]
   }
-), ye = 8, Be = (t, r, a) => {
-  const [n, s] = k(!1);
-  return Ne(() => {
-    if (!t) {
-      s(!1);
-      return;
-    }
-    const l = r.current;
-    if (!l) return;
-    const o = l.getBoundingClientRect(), c = document.documentElement.clientWidth, i = a === "end" ? o.left < ye : o.right > c - ye;
-    s(i);
-  }, [t, r, a]), n ? a === "end" ? "start" : "end" : a;
-}, Tt = () => /* @__PURE__ */ e(
+), Gt = () => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
@@ -1553,7 +1694,7 @@ const yt = (t, r, a) => {
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "1.8",
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -1562,8 +1703,8 @@ const yt = (t, r, a) => {
       }
     )
   }
-), vr = ({
-  notifications: t,
+), Wr = ({
+  notifications: e,
   onSelect: r,
   onMarkRead: a,
   onMarkAllRead: n,
@@ -1571,46 +1712,49 @@ const yt = (t, r, a) => {
   empty: l = "You are all caught up",
   align: o = "end"
 }) => {
-  const [c, i] = k(!1), u = E(null), m = E(null), d = Be(c, m, o), f = S(), b = t.filter((x) => !x.read).length;
-  return de(c, u, (x) => {
-    var p, g;
-    i(!1), x === "escape" && ((g = (p = u.current) == null ? void 0 : p.querySelector("button")) == null || g.focus());
-  }), /* @__PURE__ */ h("div", { ref: u, className: "relative inline-block", children: [
-    /* @__PURE__ */ e(
-      R,
+  const [i, c] = D(!1), u = A(null), b = A(null), d = O(), p = e.filter((m) => !m.read).length;
+  return V(i, [u, b], (m) => {
+    var g, h;
+    c(!1), m === "escape" && ((h = (g = u.current) == null ? void 0 : g.querySelector("button")) == null || h.focus());
+  }), /* @__PURE__ */ f("div", { ref: u, className: "relative inline-block", children: [
+    /* @__PURE__ */ t(
+      H,
       {
         variant: "secondary",
-        "aria-label": b ? `Notifications, ${b} unread` : "Notifications",
+        "aria-label": p ? `Notifications, ${p} unread` : "Notifications",
         "aria-haspopup": "dialog",
-        "aria-expanded": c,
-        "aria-controls": c ? f : void 0,
-        onClick: () => i((x) => !x),
-        children: /* @__PURE__ */ h("span", { className: "relative inline-flex", children: [
-          /* @__PURE__ */ e(Tt, {}),
-          b > 0 && /* @__PURE__ */ e(
+        "aria-expanded": i,
+        "aria-controls": i ? d : void 0,
+        onClick: () => c((m) => !m),
+        children: /* @__PURE__ */ f("span", { className: "relative inline-flex", children: [
+          /* @__PURE__ */ t(Gt, {}),
+          p > 0 && /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": "true",
               className: "absolute -right-2 -top-2 min-w-[1rem] bg-red-500 px-1 text-center text-[10px] font-bold leading-4 text-white",
-              children: b > 9 ? "9+" : b
+              children: p > 9 ? "9+" : p
             }
           )
         ] })
       }
     ),
-    c && /* @__PURE__ */ h(
-      "div",
+    /* @__PURE__ */ f(
+      X,
       {
-        ref: m,
-        id: f,
+        open: i,
+        anchorRef: u,
+        panelRef: b,
+        placement: `bottom-${o}`,
+        id: d,
         role: "dialog",
         "aria-label": "Notifications",
-        className: `absolute top-full z-[var(--xd-z-tooltip,70)] mt-1 flex max-h-96 w-80 max-w-[calc(100vw-2rem)] flex-col border border-app-border bg-app-card shadow-xl ${d === "end" ? "right-0" : "left-0"}`,
+        className: "flex max-h-96 w-80 max-w-[calc(100vw-1rem)] flex-col border border-app-border bg-app-card shadow-xl",
         children: [
-          /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 border-b border-app-border px-4 py-2.5", children: [
-            /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-text", children: "Notifications" }),
-            /* @__PURE__ */ h("span", { className: "flex gap-3 text-xs", children: [
-              n && b > 0 && /* @__PURE__ */ e(
+          /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2 border-b border-app-border px-4 py-2.5", children: [
+            /* @__PURE__ */ t("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-text", children: "Notifications" }),
+            /* @__PURE__ */ f("span", { className: "flex gap-3 text-xs", children: [
+              n && p > 0 && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
@@ -1619,7 +1763,7 @@ const yt = (t, r, a) => {
                   children: "Mark all read"
                 }
               ),
-              s && t.length > 0 && /* @__PURE__ */ e(
+              s && e.length > 0 && /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
@@ -1630,76 +1774,76 @@ const yt = (t, r, a) => {
               )
             ] })
           ] }),
-          t.length === 0 ? /* @__PURE__ */ e("p", { className: "m-0 px-4 py-8 text-center text-sm text-app-muted", children: l }) : /* @__PURE__ */ e("ul", { className: "m-0 flex-1 list-none overflow-y-auto p-0", children: t.map((x) => /* @__PURE__ */ e("li", { className: "border-b border-app-border last:border-b-0", children: /* @__PURE__ */ h(
+          e.length === 0 ? /* @__PURE__ */ t("p", { className: "m-0 px-4 py-8 text-center text-sm text-app-muted", children: l }) : /* @__PURE__ */ t("ul", { className: "m-0 flex-1 list-none overflow-y-auto p-0", children: e.map((m) => /* @__PURE__ */ t("li", { className: "border-b border-app-border last:border-b-0", children: /* @__PURE__ */ f(
             "button",
             {
               type: "button",
               onClick: () => {
-                x.read || a == null || a(x.id), r == null || r(x);
+                m.read || a == null || a(m.id), r == null || r(m);
               },
               className: "flex w-full items-start gap-3 px-4 py-3 text-left transition hover:bg-app-bg",
               children: [
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ t(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: `mt-1.5 h-2 w-2 shrink-0 ${x.read ? "bg-transparent" : "bg-red-500"}`
+                    className: `mt-1.5 h-2 w-2 shrink-0 ${m.read ? "bg-transparent" : "bg-red-500"}`
                   }
                 ),
-                /* @__PURE__ */ h("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("span", { className: `block text-sm text-app-text ${x.read ? "" : "font-semibold"}`, children: x.title }),
-                  x.body && /* @__PURE__ */ e("span", { className: "block text-xs text-app-muted", children: x.body }),
-                  x.time && /* @__PURE__ */ e("span", { className: "mt-0.5 block text-[10px] uppercase tracking-widest text-app-muted", children: x.time })
+                /* @__PURE__ */ f("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ t("span", { className: `block text-sm text-app-text ${m.read ? "" : "font-semibold"}`, children: m.title }),
+                  m.body && /* @__PURE__ */ t("span", { className: "block text-xs text-app-muted", children: m.body }),
+                  m.time && /* @__PURE__ */ t("span", { className: "mt-0.5 block text-[10px] uppercase tracking-widest text-app-muted", children: m.time })
                 ] }),
-                !x.read && /* @__PURE__ */ e("span", { className: "sr-only", children: "Unread" })
+                !m.read && /* @__PURE__ */ t("span", { className: "sr-only", children: "Unread" })
               ]
             }
-          ) }, x.id)) })
+          ) }, m.id)) })
         ]
       }
     )
   ] });
-}, q = 240, _ = 100, V = (t, r) => [q / 2 + r * Math.sin(t), q / 2 - r * Math.cos(t)], le = (t, r, a) => {
-  if (r - t >= Math.PI * 2 - 1e-6) {
-    const f = t + Math.PI;
-    return `${le(t, f, a)} ${le(f, t + Math.PI * 2 - 1e-4, a)}`;
+}, zr = ({ as: e = "h1", className: r = "", children: a, ...n }) => /* @__PURE__ */ t(e, { className: `m-0 text-2xl font-bold tracking-tight text-app-text sm:text-3xl ${r}`, ...n, children: a }), Z = 240, Q = 100, oe = (e, r) => [Z / 2 + r * Math.sin(e), Z / 2 - r * Math.cos(e)], ge = (e, r, a) => {
+  if (r - e >= Math.PI * 2 - 1e-6) {
+    const p = e + Math.PI;
+    return `${ge(e, p, a)} ${ge(p, e + Math.PI * 2 - 1e-4, a)}`;
   }
-  const n = r - t > Math.PI ? 1 : 0, [s, l] = V(t, _), [o, c] = V(r, _);
-  if (!a) return `M${q / 2},${q / 2} L${s},${l} A${_},${_} 0 ${n} 1 ${o},${c} Z`;
-  const [i, u] = V(r, a), [m, d] = V(t, a);
-  return `M${s},${l} A${_},${_} 0 ${n} 1 ${o},${c} L${i},${u} A${a},${a} 0 ${n} 0 ${m},${d} Z`;
-}, yr = ({ data: t, donut: r = !1, center: a, label: n = "Pie chart", className: s = "" }) => {
-  const l = t.reduce((i, u) => i + u.value, 0);
+  const n = r - e > Math.PI ? 1 : 0, [s, l] = oe(e, Q), [o, i] = oe(r, Q);
+  if (!a) return `M${Z / 2},${Z / 2} L${s},${l} A${Q},${Q} 0 ${n} 1 ${o},${i} Z`;
+  const [c, u] = oe(r, a), [b, d] = oe(e, a);
+  return `M${s},${l} A${Q},${Q} 0 ${n} 1 ${o},${i} L${c},${u} A${a},${a} 0 ${n} 0 ${b},${d} Z`;
+}, qr = ({ data: e, donut: r = !1, center: a, label: n = "Pie chart", className: s = "" }) => {
+  const l = e.reduce((c, u) => c + u.value, 0);
   let o = 0;
-  const c = t.filter((i) => i.value > 0).map((i, u) => {
-    const m = o;
-    return o += i.value / l * Math.PI * 2, { ...i, start: m, end: o, color: J(i, u) };
+  const i = e.filter((c) => c.value > 0).map((c, u) => {
+    const b = o;
+    return o += c.value / l * Math.PI * 2, { ...c, start: b, end: o, color: ce(c, u) };
   });
-  return /* @__PURE__ */ h("figure", { className: `m-0 ${s}`, children: [
-    /* @__PURE__ */ h(
+  return /* @__PURE__ */ f("figure", { className: `m-0 ${s}`, children: [
+    /* @__PURE__ */ f(
       "svg",
       {
         role: "img",
         "aria-label": n,
-        viewBox: `0 0 ${q} ${q}`,
+        viewBox: `0 0 ${Z} ${Z}`,
         className: "mx-auto block h-auto w-full max-w-xs",
         children: [
-          c.map((i) => /* @__PURE__ */ e(
+          i.map((c) => /* @__PURE__ */ t(
             "path",
             {
-              d: le(i.start, i.end, r ? _ * 0.6 : 0),
-              fill: i.color,
+              d: ge(c.start, c.end, r ? Q * 0.6 : 0),
+              fill: c.color,
               stroke: "rgb(var(--color-app-card))",
               strokeWidth: "2",
-              children: /* @__PURE__ */ e("title", { children: `${i.label}: ${i.value} (${Math.round(i.value / l * 100)}%)` })
+              children: /* @__PURE__ */ t("title", { children: `${c.label}: ${c.value} (${Math.round(c.value / l * 100)}%)` })
             },
-            i.label
+            c.label
           )),
-          r && a && /* @__PURE__ */ e(
+          r && a && /* @__PURE__ */ t(
             "text",
             {
-              x: q / 2,
-              y: q / 2,
+              x: Z / 2,
+              y: Z / 2,
               textAnchor: "middle",
               dominantBaseline: "middle",
               fontSize: "20",
@@ -1711,58 +1855,52 @@ const yt = (t, r, a) => {
         ]
       }
     ),
-    /* @__PURE__ */ e(ce, { items: c.map((i) => ({ name: i.label, color: i.color })) })
+    /* @__PURE__ */ t(ke, { items: i.map((c) => ({ name: c.label, color: c.color })) })
   ] });
-}, wr = ({ trigger: t, label: r, variant: a = "secondary", align: n = "start", className: s = "", children: l }) => {
-  const [o, c] = k(!1), i = E(null), u = E(null), m = Be(o, u, n), d = S();
-  return T(() => {
-    if (!o) return;
-    const f = (x) => {
-      var p;
-      (p = i.current) != null && p.contains(x.target) || c(!1);
-    }, b = (x) => {
-      var p, g;
-      x.key === "Escape" && (c(!1), (g = (p = i.current) == null ? void 0 : p.querySelector("button")) == null || g.focus());
-    };
-    return document.addEventListener("mousedown", f), document.addEventListener("keydown", b), () => {
-      document.removeEventListener("mousedown", f), document.removeEventListener("keydown", b);
-    };
-  }, [o]), /* @__PURE__ */ h("div", { ref: i, className: "relative inline-block", children: [
-    /* @__PURE__ */ e(
-      R,
+}, Kr = ({ trigger: e, label: r, variant: a = "secondary", align: n = "start", placement: s, className: l = "", children: o }) => {
+  const [i, c] = D(!1), u = A(null), b = A(null), d = O();
+  return V(i, [u, b], (p) => {
+    var m, g;
+    c(!1), p === "escape" && ((g = (m = u.current) == null ? void 0 : m.querySelector("button")) == null || g.focus());
+  }), /* @__PURE__ */ f("div", { ref: u, className: "relative inline-block", children: [
+    /* @__PURE__ */ t(
+      H,
       {
         variant: a,
         "aria-label": r,
         "aria-haspopup": "dialog",
-        "aria-expanded": o,
-        "aria-controls": o ? d : void 0,
-        onClick: () => c((f) => !f),
-        children: t
+        "aria-expanded": i,
+        "aria-controls": i ? d : void 0,
+        onClick: () => c((p) => !p),
+        children: e
       }
     ),
-    o && /* @__PURE__ */ e(
-      "div",
+    /* @__PURE__ */ t(
+      X,
       {
-        ref: u,
+        open: i,
+        anchorRef: u,
+        panelRef: b,
+        placement: s ?? `bottom-${n}`,
         id: d,
         role: "dialog",
         "aria-label": r,
-        className: `absolute top-full z-[var(--xd-z-tooltip,70)] mt-1 min-w-[12rem] border border-app-border bg-app-card p-4 text-sm text-app-text shadow-xl ${m === "end" ? "right-0" : "left-0"} ${s}`,
-        children: l
+        className: `min-w-[12rem] max-w-[calc(100vw-1rem)] border border-app-border bg-app-card p-4 text-sm text-app-text shadow-xl ${l}`,
+        children: o
       }
     )
   ] });
-}, kr = ({ children: t, container: r }) => H(t, r ?? document.body), Nr = ({ value: t, label: r, showValue: a = !1, className: n = "" }) => {
-  const s = t === void 0, l = s ? 0 : Math.min(100, Math.max(0, t));
-  return /* @__PURE__ */ h("div", { className: `flex flex-col gap-1 ${n}`, children: [
-    (r || a && !s) && /* @__PURE__ */ h("div", { className: "flex items-center justify-between text-xs font-semibold uppercase tracking-widest text-app-muted", children: [
-      /* @__PURE__ */ e("span", { children: r }),
-      a && !s && /* @__PURE__ */ h("span", { className: "text-app-text", children: [
+}, _r = ({ children: e, container: r }) => ae(e, r ?? document.body), Ur = ({ value: e, label: r, showValue: a = !1, className: n = "" }) => {
+  const s = e === void 0, l = s ? 0 : Math.min(100, Math.max(0, e));
+  return /* @__PURE__ */ f("div", { className: `flex flex-col gap-1 ${n}`, children: [
+    (r || a && !s) && /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ t(U, { children: r }),
+      a && !s && /* @__PURE__ */ f("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-text", children: [
         Math.round(l),
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "div",
       {
         role: "progressbar",
@@ -1771,11 +1909,11 @@ const yt = (t, r, a) => {
         "aria-valuemax": 100,
         "aria-valuenow": s ? void 0 : Math.round(l),
         className: "relative h-1.5 w-full overflow-hidden bg-app-border",
-        children: s ? /* @__PURE__ */ e("div", { className: "absolute inset-y-0 w-2/5 animate-indeterminate bg-app-strong" }) : /* @__PURE__ */ e("div", { className: "h-full bg-app-strong transition-all", style: { width: `${l}%` } })
+        children: s ? /* @__PURE__ */ t("div", { className: "absolute inset-y-0 w-2/5 animate-indeterminate bg-app-strong" }) : /* @__PURE__ */ t("div", { className: "h-full bg-app-strong transition-all", style: { width: `${l}%` } })
       }
     )
   ] });
-}, It = `
+}, Ht = `
   @keyframes rs-blink {
     0%,45%  { fill:rgb(var(--color-app-card)); filter:drop-shadow(0 0 0 transparent); }
     50%,55% { fill:#00e676; filter:drop-shadow(0 0 6px #00e676); }
@@ -1808,25 +1946,25 @@ const yt = (t, r, a) => {
   .rs-fan-hub   { fill:rgb(var(--color-app-soft)); }
   .rs-fan-ring  { fill:none; stroke:rgb(var(--color-app-border)); stroke-width:1.5; }
   .rs-glow      { animation: rs-glow-pulse 3s infinite ease-in-out; }
-`, At = 720, St = 540, $r = () => {
-  const t = E(null), r = E(null);
-  return T(() => {
+`, Yt = 720, Zt = 540, Gr = () => {
+  const e = A(null), r = A(null);
+  return P(() => {
     if (!document.getElementById("rack-server-styles")) {
-      const i = document.createElement("style");
-      i.id = "rack-server-styles", i.textContent = It, document.head.appendChild(i);
+      const c = document.createElement("style");
+      c.id = "rack-server-styles", c.textContent = Ht, document.head.appendChild(c);
     }
     let a = 0, n = 0, s, l = null;
-    const o = performance.now(), c = (i) => {
-      var b, x;
-      const u = l === null ? 0 : (i - l) / 1e3;
-      l = i;
-      const m = (i - o) / 1e3, d = Math.min(m / 3, 1), f = Math.min(m / 5, 1);
-      a = (a + d * d * d * At * u) % 360, n = (n + f * f * f * St * u) % 360, (b = t.current) == null || b.setAttribute("transform", `rotate(${a} 222 100)`), (x = r.current) == null || x.setAttribute("transform", `rotate(${n} 222 163)`), s = requestAnimationFrame(c);
+    const o = performance.now(), i = (c) => {
+      var m, g;
+      const u = l === null ? 0 : (c - l) / 1e3;
+      l = c;
+      const b = (c - o) / 1e3, d = Math.min(b / 3, 1), p = Math.min(b / 5, 1);
+      a = (a + d * d * d * Yt * u) % 360, n = (n + p * p * p * Zt * u) % 360, (m = e.current) == null || m.setAttribute("transform", `rotate(${a} 222 100)`), (g = r.current) == null || g.setAttribute("transform", `rotate(${n} 222 163)`), s = requestAnimationFrame(i);
     };
-    return s = requestAnimationFrame(c), () => {
+    return s = requestAnimationFrame(i), () => {
       cancelAnimationFrame(s);
     };
-  }, []), /* @__PURE__ */ h(
+  }, []), /* @__PURE__ */ f(
     "svg",
     {
       width: "300",
@@ -1836,25 +1974,25 @@ const yt = (t, r, a) => {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ h("defs", { children: [
-          /* @__PURE__ */ h("linearGradient", { id: "rs-sg", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" }),
-            /* @__PURE__ */ e("stop", { offset: "50%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0.3" }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" })
+        /* @__PURE__ */ f("defs", { children: [
+          /* @__PURE__ */ f("linearGradient", { id: "rs-sg", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" }),
+            /* @__PURE__ */ t("stop", { offset: "50%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0.3" }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" })
           ] }),
-          /* @__PURE__ */ h("linearGradient", { id: "rs-pg", x1: "0", y1: "0", x2: "1", y2: "0", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "#00e676" }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))" })
+          /* @__PURE__ */ f("linearGradient", { id: "rs-pg", x1: "0", y1: "0", x2: "1", y2: "0", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: "#00e676" }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))" })
           ] }),
-          /* @__PURE__ */ h("radialGradient", { id: "rs-ag", cx: "50%", cy: "50%", r: "50%", children: [
-            /* @__PURE__ */ e("stop", { offset: "0%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0.15" }),
-            /* @__PURE__ */ e("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" })
+          /* @__PURE__ */ f("radialGradient", { id: "rs-ag", cx: "50%", cy: "50%", r: "50%", children: [
+            /* @__PURE__ */ t("stop", { offset: "0%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0.15" }),
+            /* @__PURE__ */ t("stop", { offset: "100%", stopColor: "rgb(var(--color-app-strong))", stopOpacity: "0" })
           ] }),
-          /* @__PURE__ */ e("clipPath", { id: "rs-rc", children: /* @__PURE__ */ e("rect", { x: "30", y: "55", width: "240", height: "190" }) })
+          /* @__PURE__ */ t("clipPath", { id: "rs-rc", children: /* @__PURE__ */ t("rect", { x: "30", y: "55", width: "240", height: "190" }) })
         ] }),
-        /* @__PURE__ */ e("ellipse", { cx: "150", cy: "150", rx: "130", ry: "110", fill: "url(#rs-ag)", className: "rs-glow" }),
-        /* @__PURE__ */ e("rect", { x: "30", y: "50", width: "240", height: "190", className: "rs-chassis" }),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t("ellipse", { cx: "150", cy: "150", rx: "130", ry: "110", fill: "url(#rs-ag)", className: "rs-glow" }),
+        /* @__PURE__ */ t("rect", { x: "30", y: "50", width: "240", height: "190", className: "rs-chassis" }),
+        /* @__PURE__ */ t(
           "circle",
           {
             cx: "40",
@@ -1865,7 +2003,7 @@ const yt = (t, r, a) => {
             strokeWidth: "1"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "circle",
           {
             cx: "260",
@@ -1876,7 +2014,7 @@ const yt = (t, r, a) => {
             strokeWidth: "1"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "circle",
           {
             cx: "40",
@@ -1887,7 +2025,7 @@ const yt = (t, r, a) => {
             strokeWidth: "1"
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "circle",
           {
             cx: "260",
@@ -1898,50 +2036,50 @@ const yt = (t, r, a) => {
             strokeWidth: "1"
           }
         ),
-        /* @__PURE__ */ e("rect", { x: "42", y: "72", width: "216", height: "56", className: "rs-rack" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "79", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "91", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "103", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "115", width: "80", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "83", r: "2.5", className: "rs-led-g rs-lg1" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "95", r: "2.5", className: "rs-led-g rs-lg2" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "107", r: "2.5", className: "rs-led-b rs-lb1" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "119", r: "2.5", className: "rs-led-g rs-lg3" }),
-        /* @__PURE__ */ e("circle", { cx: "222", cy: "100", r: "20", fill: "rgb(var(--color-app-bg))" }),
-        /* @__PURE__ */ h("g", { ref: t, children: [
-          /* @__PURE__ */ e("path", { d: "M222 80 Q230 100 222 120 Q214 100 222 80", className: "rs-fan-blade" }),
-          /* @__PURE__ */ e("path", { d: "M202 100 Q222 108 242 100 Q222 92 202 100", className: "rs-fan-blade" }),
-          /* @__PURE__ */ e("circle", { cx: "222", cy: "100", r: "2.5", className: "rs-fan-hub" })
+        /* @__PURE__ */ t("rect", { x: "42", y: "72", width: "216", height: "56", className: "rs-rack" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "79", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "91", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "103", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "115", width: "80", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "83", r: "2.5", className: "rs-led-g rs-lg1" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "95", r: "2.5", className: "rs-led-g rs-lg2" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "107", r: "2.5", className: "rs-led-b rs-lb1" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "119", r: "2.5", className: "rs-led-g rs-lg3" }),
+        /* @__PURE__ */ t("circle", { cx: "222", cy: "100", r: "20", fill: "rgb(var(--color-app-bg))" }),
+        /* @__PURE__ */ f("g", { ref: e, children: [
+          /* @__PURE__ */ t("path", { d: "M222 80 Q230 100 222 120 Q214 100 222 80", className: "rs-fan-blade" }),
+          /* @__PURE__ */ t("path", { d: "M202 100 Q222 108 242 100 Q222 92 202 100", className: "rs-fan-blade" }),
+          /* @__PURE__ */ t("circle", { cx: "222", cy: "100", r: "2.5", className: "rs-fan-hub" })
         ] }),
-        /* @__PURE__ */ e("circle", { cx: "222", cy: "100", r: "20", className: "rs-fan-ring" }),
-        /* @__PURE__ */ e("rect", { x: "42", y: "136", width: "216", height: "56", className: "rs-rack" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "143", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "155", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "167", width: "130", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("rect", { x: "52", y: "179", width: "80", height: "8", className: "rs-slotline" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "147", r: "2.5", className: "rs-led-g rs-lg2" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "159", r: "2.5", className: "rs-led-b rs-lb2" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "171", r: "2.5", className: "rs-led-g rs-lg4" }),
-        /* @__PURE__ */ e("circle", { cx: "60", cy: "183", r: "2.5", className: "rs-led-g rs-lg1" }),
-        /* @__PURE__ */ e("circle", { cx: "222", cy: "163", r: "20", fill: "rgb(var(--color-app-bg))" }),
-        /* @__PURE__ */ h("g", { ref: r, children: [
-          /* @__PURE__ */ e("path", { d: "M222 143 Q230 163 222 183 Q214 163 222 143", className: "rs-fan-blade" }),
-          /* @__PURE__ */ e("path", { d: "M202 163 Q222 171 242 163 Q222 155 202 163", className: "rs-fan-blade" }),
-          /* @__PURE__ */ e("circle", { cx: "222", cy: "163", r: "2.5", className: "rs-fan-hub" })
+        /* @__PURE__ */ t("circle", { cx: "222", cy: "100", r: "20", className: "rs-fan-ring" }),
+        /* @__PURE__ */ t("rect", { x: "42", y: "136", width: "216", height: "56", className: "rs-rack" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "143", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "155", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "167", width: "130", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("rect", { x: "52", y: "179", width: "80", height: "8", className: "rs-slotline" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "147", r: "2.5", className: "rs-led-g rs-lg2" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "159", r: "2.5", className: "rs-led-b rs-lb2" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "171", r: "2.5", className: "rs-led-g rs-lg4" }),
+        /* @__PURE__ */ t("circle", { cx: "60", cy: "183", r: "2.5", className: "rs-led-g rs-lg1" }),
+        /* @__PURE__ */ t("circle", { cx: "222", cy: "163", r: "20", fill: "rgb(var(--color-app-bg))" }),
+        /* @__PURE__ */ f("g", { ref: r, children: [
+          /* @__PURE__ */ t("path", { d: "M222 143 Q230 163 222 183 Q214 163 222 143", className: "rs-fan-blade" }),
+          /* @__PURE__ */ t("path", { d: "M202 163 Q222 171 242 163 Q222 155 202 163", className: "rs-fan-blade" }),
+          /* @__PURE__ */ t("circle", { cx: "222", cy: "163", r: "2.5", className: "rs-fan-hub" })
         ] }),
-        /* @__PURE__ */ e("circle", { cx: "222", cy: "163", r: "20", className: "rs-fan-ring" })
+        /* @__PURE__ */ t("circle", { cx: "222", cy: "163", r: "20", className: "rs-fan-ring" })
       ]
     }
   );
-}, Ft = ({ label: t, className: r = "", disabled: a = !1, ...n }) => {
-  const s = S();
-  return /* @__PURE__ */ h(
+}, Qt = ({ label: e, className: r = "", disabled: a = !1, ...n }) => {
+  const s = O();
+  return /* @__PURE__ */ f(
     "label",
     {
       htmlFor: s,
-      className: `inline-flex items-center gap-2 text-sm text-app-text ${a ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${r}`,
+      className: `inline-flex min-h-8 items-center gap-2 text-sm text-app-text ${a ? "cursor-not-allowed opacity-50" : "cursor-pointer"} ${r}`,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "input",
           {
             id: s,
@@ -1951,130 +2089,248 @@ const yt = (t, r, a) => {
             ...n
           }
         ),
-        t
+        e
       ]
     }
   );
-}, Mr = ({ label: t, name: r, value: a, onChange: n, options: s, direction: l = "column" }) => {
-  const o = S();
-  return /* @__PURE__ */ h("fieldset", { className: "flex flex-col gap-2 border-0 p-0", children: [
-    t && /* @__PURE__ */ e("legend", { className: "mb-1 text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ e("div", { className: `flex gap-3 ${l === "row" ? "flex-row flex-wrap" : "flex-col"}`, children: s.map((c) => /* @__PURE__ */ e(
-      Ft,
+}, Hr = ({ label: e, name: r, value: a, onChange: n, options: s, direction: l = "column" }) => {
+  const o = O();
+  return /* @__PURE__ */ f("fieldset", { className: "flex flex-col gap-2 border-0 p-0", children: [
+    e && /* @__PURE__ */ t(U, { as: "legend", className: "mb-1", children: e }),
+    /* @__PURE__ */ t("div", { className: `flex gap-3 ${l === "row" ? "flex-row flex-wrap" : "flex-col"}`, children: s.map((i) => /* @__PURE__ */ t(
+      Qt,
       {
         name: r ?? o,
-        value: c.value,
-        label: c.label,
-        disabled: c.disabled,
-        checked: a === c.value,
-        onChange: () => n == null ? void 0 : n(c.value)
+        value: i.value,
+        label: i.label,
+        disabled: i.disabled,
+        checked: a === i.value,
+        onChange: () => n == null ? void 0 : n(i.value)
       },
-      c.value
+      i.value
     )) })
   ] });
-}, Lr = ({ label: t, value: r, onChange: a, options: n, placeholder: s, error: l, className: o = "", ...c }) => {
-  const i = S(), u = `${i}-error`;
-  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-1", children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: i, className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ h(
-      "select",
+}, Vt = ({ open: e }) => /* @__PURE__ */ t(
+  "svg",
+  {
+    "aria-hidden": "true",
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    className: `h-4 w-4 shrink-0 text-app-muted transition-transform ${e ? "rotate-180" : ""}`,
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 9l6 6 6-6" })
+  }
+), Xt = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    "aria-hidden": "true",
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    className: "h-4 w-4 shrink-0",
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+  }
+), Yr = ({
+  label: e,
+  value: r,
+  onChange: a,
+  options: n,
+  placeholder: s,
+  error: l,
+  disabled: o = !1,
+  name: i,
+  className: c = "",
+  ...u
+}) => {
+  const b = O(), d = `${b}-label`, p = `${b}-list`, m = `${b}-error`, g = A(null), h = A(null), x = A(null), v = A({ text: "", timer: null }), [N, M] = D(!1), [y, w] = D(-1), C = n.findIndex((k) => k.value === r), T = n[C], L = n.map((k, $) => k.disabled ? -1 : $).filter((k) => k >= 0);
+  V(N, [g, x], (k) => {
+    var $;
+    M(!1), k === "escape" && (($ = h.current) == null || $.focus());
+  }), P(() => {
+    var k, $, R;
+    N && ((R = ($ = (k = x.current) == null ? void 0 : k.querySelector('[data-active="true"]')) == null ? void 0 : $.scrollIntoView) == null || R.call($, { block: "nearest" }));
+  }, [N, y]);
+  const I = () => {
+    o || (w(C >= 0 && !n[C].disabled ? C : L[0] ?? -1), M(!0));
+  }, j = (k) => {
+    var R;
+    const $ = n[k];
+    !$ || $.disabled || (a == null || a($.value), M(!1), (R = h.current) == null || R.focus());
+  }, B = (k) => {
+    if (!L.length) return;
+    const $ = L.indexOf(y), R = L[Math.min(Math.max($ + k, 0), L.length - 1)];
+    w(R);
+  }, z = (k) => {
+    const $ = v.current;
+    clearTimeout($.timer), $.text += k.toLowerCase(), $.timer = setTimeout(() => $.text = "", 600);
+    const R = L.indexOf(y), E = [...L.slice(R + 1), ...L.slice(0, R + 1)].find((S) => String(n[S].label).toLowerCase().startsWith($.text));
+    E !== void 0 && (N ? w(E) : a == null || a(n[E].value));
+  }, q = (k) => {
+    if (o) return;
+    const { key: $ } = k;
+    if (!N) {
+      ["ArrowDown", "ArrowUp", "Enter", " "].includes($) ? (k.preventDefault(), I()) : $.length === 1 && !k.ctrlKey && !k.metaKey && !k.altKey && z($);
+      return;
+    }
+    if ($ === "ArrowDown") B(1);
+    else if ($ === "ArrowUp") B(-1);
+    else if ($ === "Home") w(L[0] ?? -1);
+    else if ($ === "End") w(L[L.length - 1] ?? -1);
+    else if ($ === "Enter" || $ === " ") j(y);
+    else if ($ === "Tab") M(!1);
+    else if ($.length === 1 && !k.ctrlKey && !k.metaKey && !k.altKey) z($);
+    else return;
+    $ !== "Tab" && k.preventDefault();
+  };
+  return /* @__PURE__ */ f("div", { ref: g, className: "relative flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ t(U, { id: d, htmlFor: b, children: e }),
+    /* @__PURE__ */ f(
+      "button",
       {
-        id: i,
+        ref: h,
+        id: b,
+        type: "button",
+        role: "combobox",
+        disabled: o,
+        "aria-haspopup": "listbox",
+        "aria-expanded": N,
+        "aria-controls": N ? p : void 0,
+        "aria-activedescendant": N && y >= 0 ? `${b}-opt-${y}` : void 0,
+        "aria-labelledby": e ? `${d} ${b}` : void 0,
         "aria-invalid": !!l,
-        "aria-describedby": l ? u : void 0,
-        className: `${Z(!!l)} ${o}`,
-        value: r,
-        onChange: (m) => a == null ? void 0 : a(m.target.value),
-        ...c,
+        "aria-describedby": l ? m : void 0,
+        onClick: () => N ? M(!1) : I(),
+        onKeyDown: q,
+        className: `${se(!!l)} flex items-center justify-between gap-2 text-left ${c}`,
+        ...u,
         children: [
-          s && /* @__PURE__ */ e("option", { value: "", disabled: !0, children: s }),
-          n.map((m) => /* @__PURE__ */ e("option", { value: m.value, disabled: m.disabled, children: m.label }, m.value))
+          /* @__PURE__ */ t("span", { className: `min-w-0 flex-1 truncate ${T ? "" : "text-app-muted"}`, children: T ? T.label : s ?? " " }),
+          /* @__PURE__ */ t(Vt, { open: N })
         ]
       }
     ),
-    l && /* @__PURE__ */ e("span", { id: u, className: "text-xs text-red-700 dark:text-red-400", children: l })
+    i && /* @__PURE__ */ t("input", { type: "hidden", name: i, value: r ?? "" }),
+    /* @__PURE__ */ t(
+      X,
+      {
+        open: N,
+        anchorRef: h,
+        panelRef: x,
+        placement: "bottom-start",
+        matchWidth: !0,
+        gap: 2,
+        className: "max-h-60 max-w-[calc(100vw-1rem)] overflow-y-auto border border-app-border bg-app-card shadow-xl",
+        children: /* @__PURE__ */ t("ul", { id: p, role: "listbox", "aria-labelledby": e ? d : void 0, className: "m-0 list-none p-0", children: n.map((k, $) => {
+          const R = $ === C, F = $ === y;
+          return /* @__PURE__ */ f(
+            "li",
+            {
+              id: `${b}-opt-${$}`,
+              role: "option",
+              "aria-selected": R,
+              "aria-disabled": k.disabled || void 0,
+              "data-active": F,
+              onMouseDown: (E) => E.preventDefault(),
+              onMouseMove: () => !k.disabled && w($),
+              onClick: () => j($),
+              className: `flex items-center justify-between gap-2 px-3 py-2 text-sm ${k.disabled ? "cursor-not-allowed text-app-muted opacity-50" : F ? "cursor-pointer bg-app-strong text-app-bg" : "cursor-pointer text-app-text"} ${R ? "font-semibold" : ""}`,
+              children: [
+                /* @__PURE__ */ t("span", { className: "min-w-0 truncate", children: k.label }),
+                R && /* @__PURE__ */ t(Xt, {})
+              ]
+            },
+            k.value
+          );
+        }) })
+      }
+    ),
+    l && /* @__PURE__ */ t("span", { id: m, className: "text-xs text-red-700 dark:text-red-400", children: l })
   ] });
-}, Cr = ({
-  items: t,
+}, Zr = ({
+  items: e,
   activeKey: r,
   onSelect: a,
   header: n,
   footer: s,
   collapsed: l = !1,
   linkComponent: o = "a",
-  linkProp: c = "href",
-  label: i = "Sidebar",
+  linkProp: i = "href",
+  label: c = "Sidebar",
   className: u = ""
 }) => {
-  const m = (d, f = 0) => {
-    var w;
-    const b = d.key === r, x = /* @__PURE__ */ h(Y, { children: [
-      d.icon && /* @__PURE__ */ e("span", { className: "shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: d.icon }),
-      !l && /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-left", children: d.label }),
-      !l && d.badge != null && /* @__PURE__ */ e("span", { className: "bg-app-strong px-1.5 text-[10px] font-semibold text-app-bg", children: d.badge })
-    ] }), p = `flex w-full items-center gap-3 py-2 text-xs font-semibold uppercase tracking-widest transition ${b ? "bg-app-strong text-app-bg" : "text-app-muted hover:bg-app-bg hover:text-app-text"} ${l ? "justify-center px-2" : "pr-3"}`, g = l ? void 0 : { paddingLeft: `${0.75 + f * 1}rem` }, y = () => {
-      var D;
-      (D = d.onClick) == null || D.call(d), a == null || a(d.key);
-    }, C = !!((w = d.children) != null && w.length);
-    return /* @__PURE__ */ h("li", { children: [
-      d.href && !C ? /* @__PURE__ */ e(
+  const b = (d, p = 0) => {
+    var M;
+    const m = d.key === r, g = /* @__PURE__ */ f(re, { children: [
+      d.icon && /* @__PURE__ */ t("span", { className: "shrink-0 [&>svg]:h-4 [&>svg]:w-4", children: d.icon }),
+      !l && /* @__PURE__ */ t("span", { className: "min-w-0 flex-1 truncate text-left", children: d.label }),
+      !l && d.badge != null && /* @__PURE__ */ t("span", { className: "bg-app-strong px-1.5 text-[10px] font-semibold text-app-bg", children: d.badge })
+    ] }), h = `flex w-full items-center gap-3 py-2 text-xs font-semibold uppercase tracking-widest transition ${m ? "bg-app-strong text-app-bg" : "text-app-muted hover:bg-app-bg hover:text-app-text"} ${l ? "justify-center px-2" : "pr-3"}`, x = l ? void 0 : { paddingLeft: `${0.75 + p * 1}rem` }, v = () => {
+      var y;
+      (y = d.onClick) == null || y.call(d), a == null || a(d.key);
+    }, N = !!((M = d.children) != null && M.length);
+    return /* @__PURE__ */ f("li", { children: [
+      d.href && !N ? /* @__PURE__ */ t(
         o,
         {
-          [c]: d.href,
-          "aria-current": b ? "page" : void 0,
+          [i]: d.href,
+          "aria-current": m ? "page" : void 0,
           "aria-label": l ? d.label : void 0,
           title: l ? d.label : void 0,
-          onClick: y,
-          className: p,
-          style: g,
-          children: x
+          onClick: v,
+          className: h,
+          style: x,
+          children: g
         }
-      ) : /* @__PURE__ */ e(
+      ) : /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          "aria-current": b ? "page" : void 0,
+          "aria-current": m ? "page" : void 0,
           "aria-label": l ? d.label : void 0,
           title: l ? d.label : void 0,
-          onClick: y,
-          className: p,
-          style: g,
-          children: x
+          onClick: v,
+          className: h,
+          style: x,
+          children: g
         }
       ),
-      C && !l && /* @__PURE__ */ e("ul", { className: "m-0 list-none p-0", children: d.children.map((D) => m(D, f + 1)) })
+      N && !l && /* @__PURE__ */ t("ul", { className: "m-0 list-none p-0", children: d.children.map((y) => b(y, p + 1)) })
     ] }, d.key);
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     "nav",
     {
-      "aria-label": i,
+      "aria-label": c,
       className: `flex h-full flex-col border-r border-app-border bg-app-card ${l ? "w-14" : "w-60"} ${u}`,
       children: [
-        n && /* @__PURE__ */ e("div", { className: "shrink-0 border-b border-app-border px-3 py-3", children: n }),
-        /* @__PURE__ */ e("ul", { className: "m-0 flex-1 list-none overflow-y-auto p-0 py-2", children: t.map((d) => m(d)) }),
-        s && /* @__PURE__ */ e("div", { className: "shrink-0 border-t border-app-border px-3 py-3", children: s })
+        n && /* @__PURE__ */ t("div", { className: "shrink-0 border-b border-app-border px-3 py-3", children: n }),
+        /* @__PURE__ */ t("ul", { className: "m-0 flex-1 list-none overflow-y-auto p-0 py-2", children: e.map((d) => b(d)) }),
+        s && /* @__PURE__ */ t("div", { className: "shrink-0 border-t border-app-border px-3 py-3", children: s })
       ]
     }
   );
-}, Dr = ({ lines: t, circle: r = !1, className: a = "h-4 w-full" }) => t ? /* @__PURE__ */ e("div", { "aria-hidden": "true", className: "flex flex-col gap-2", children: Array.from({ length: t }, (n, s) => /* @__PURE__ */ e("div", { className: `h-3 animate-pulse bg-app-border ${s === t - 1 ? "w-2/3" : "w-full"}` }, s)) }) : /* @__PURE__ */ e("div", { "aria-hidden": "true", className: `animate-pulse bg-app-border ${r ? "rounded-full" : ""} ${a}` }), Er = ({
-  label: t,
+}, Qr = ({ lines: e, circle: r = !1, className: a = "h-4 w-full" }) => e ? /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "flex flex-col gap-2", children: Array.from({ length: e }, (n, s) => /* @__PURE__ */ t("div", { className: `h-3 animate-pulse bg-app-border ${s === e - 1 ? "w-2/3" : "w-full"}` }, s)) }) : /* @__PURE__ */ t("div", { "aria-hidden": "true", className: `animate-pulse bg-app-border ${r ? "rounded-full" : ""} ${a}` }), Vr = ({
+  label: e,
   value: r,
   onChange: a,
   min: n = 0,
   max: s = 100,
   step: l = 1,
   showValue: o = !0,
-  className: c = "",
-  ...i
+  className: i = "",
+  ...c
 }) => {
-  const u = S();
-  return /* @__PURE__ */ h("div", { className: `flex flex-col gap-1 ${c}`, children: [
-    (t || o) && /* @__PURE__ */ h("div", { className: "flex items-center justify-between text-xs font-semibold uppercase tracking-widest text-app-muted", children: [
-      /* @__PURE__ */ e("label", { htmlFor: u, children: t }),
-      o && /* @__PURE__ */ e("span", { className: "text-app-text", children: r })
+  const u = O(), b = s - n, d = b > 0 ? Math.min(100, Math.max(0, (r - n) / b * 100)) : 0;
+  return /* @__PURE__ */ f("div", { className: `flex flex-col gap-1 ${i}`, children: [
+    (e || o) && /* @__PURE__ */ f("div", { className: "flex items-center justify-between gap-2", children: [
+      e ? /* @__PURE__ */ t(U, { htmlFor: u, children: e }) : /* @__PURE__ */ t("span", {}),
+      o && /* @__PURE__ */ t("span", { className: "text-xs font-semibold uppercase tracking-widest text-app-text", children: r })
     ] }),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "input",
       {
         id: u,
@@ -2083,92 +2339,93 @@ const yt = (t, r, a) => {
         max: s,
         step: l,
         value: r,
-        onChange: (m) => a == null ? void 0 : a(Number(m.target.value)),
-        className: "w-full cursor-pointer accent-[rgb(var(--color-app-strong))]",
-        ...i
+        onChange: (p) => a == null ? void 0 : a(Number(p.target.value)),
+        style: { "--xd-fill": `${d}%` },
+        className: "xd-slider w-full",
+        ...c
       }
     )
   ] });
-}, jt = (t, r, a) => {
-  const n = [...t], [s] = n.splice(r, 1);
+}, Jt = (e, r, a) => {
+  const n = [...e], [s] = n.splice(r, 1);
   return n.splice(a, 0, s), n;
-}, Tr = ({ items: t, onChange: r, renderItem: a, label: n = "Sortable list", className: s = "" }) => {
-  const [l, o] = k(null), [c, i] = k(null), [u, m] = k(""), d = (f, b) => {
-    f === b || b < 0 || b >= t.length || r(jt(t, f, b));
+}, Xr = ({ items: e, onChange: r, renderItem: a, label: n = "Sortable list", className: s = "" }) => {
+  const [l, o] = D(null), [i, c] = D(null), [u, b] = D(""), d = (p, m) => {
+    p === m || m < 0 || m >= e.length || r(Jt(e, p, m));
   };
-  return /* @__PURE__ */ h(Y, { children: [
-    /* @__PURE__ */ e("ul", { "aria-label": n, className: `m-0 list-none border border-app-border bg-app-card p-0 ${s}`, children: t.map((f, b) => /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(re, { children: [
+    /* @__PURE__ */ t("ul", { "aria-label": n, className: `m-0 list-none border border-app-border bg-app-card p-0 ${s}`, children: e.map((p, m) => /* @__PURE__ */ f(
       "li",
       {
         draggable: !0,
-        onDragStart: (x) => {
-          o(f.key), x.dataTransfer.effectAllowed = "move", x.dataTransfer.setData("text/plain", String(f.key));
+        onDragStart: (g) => {
+          o(p.key), g.dataTransfer.effectAllowed = "move", g.dataTransfer.setData("text/plain", String(p.key));
         },
-        onDragOver: (x) => {
-          x.preventDefault(), f.key !== c && i(f.key);
+        onDragOver: (g) => {
+          g.preventDefault(), p.key !== i && c(p.key);
         },
-        onDrop: (x) => {
-          x.preventDefault();
-          const p = t.findIndex((g) => g.key === l);
-          d(p, b), o(null), i(null);
+        onDrop: (g) => {
+          g.preventDefault();
+          const h = e.findIndex((x) => x.key === l);
+          d(h, m), o(null), c(null);
         },
         onDragEnd: () => {
-          o(null), i(null);
+          o(null), c(null);
         },
-        className: `flex items-center gap-3 border-b border-app-border px-3 py-2.5 last:border-b-0 ${l === f.key ? "opacity-40" : ""} ${c === f.key && l !== f.key ? "bg-app-soft/20" : ""}`,
+        className: `flex items-center gap-3 border-b border-app-border px-3 py-2.5 last:border-b-0 ${l === p.key ? "opacity-40" : ""} ${i === p.key && l !== p.key ? "bg-app-soft/20" : ""}`,
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "button",
             {
               type: "button",
-              "aria-label": `Reorder ${f.label ?? f.key}. Use up and down arrow keys.`,
-              onKeyDown: (x) => {
-                const p = x.key === "ArrowUp" ? b - 1 : x.key === "ArrowDown" ? b + 1 : null;
-                if (p === null || p < 0 || p >= t.length) return;
-                x.preventDefault();
-                const g = x.currentTarget;
-                d(b, p), m(`${f.label ?? f.key} moved to position ${p + 1} of ${t.length}`), requestAnimationFrame(() => g.focus());
+              "aria-label": `Reorder ${p.label ?? p.key}. Use up and down arrow keys.`,
+              onKeyDown: (g) => {
+                const h = g.key === "ArrowUp" ? m - 1 : g.key === "ArrowDown" ? m + 1 : null;
+                if (h === null || h < 0 || h >= e.length) return;
+                g.preventDefault();
+                const x = g.currentTarget;
+                d(m, h), b(`${p.label ?? p.key} moved to position ${h + 1} of ${e.length}`), requestAnimationFrame(() => x.focus());
               },
-              className: "cursor-grab select-none px-1 text-app-muted transition hover:text-app-text active:cursor-grabbing",
-              children: /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "⋮⋮" })
+              className: "-my-2 cursor-grab select-none px-2 py-2 text-app-muted transition hover:text-app-text active:cursor-grabbing",
+              children: /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "⋮⋮" })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 text-sm text-app-text", children: a(f, b) })
+          /* @__PURE__ */ t("div", { className: "min-w-0 flex-1 text-sm text-app-text", children: a(p, m) })
         ]
       },
-      f.key
+      p.key
     )) }),
-    /* @__PURE__ */ e("div", { role: "status", "aria-live": "polite", className: "sr-only", children: u })
+    /* @__PURE__ */ t("div", { role: "status", "aria-live": "polite", className: "sr-only", children: u })
   ] });
-}, Ir = ({ direction: t = "column", gap: r = 4, ...a }) => /* @__PURE__ */ e(Ct, { direction: t, gap: r, ...a }), Pt = ({ className: t }) => /* @__PURE__ */ e(
+}, Jr = ({ direction: e = "column", gap: r = 4, ...a }) => /* @__PURE__ */ t(Kt, { direction: e, gap: r, ...a }), er = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4 flex-shrink-0 text-emerald-600 dark:text-emerald-400",
+    className: e ?? "w-4 h-4 flex-shrink-0 text-emerald-600 dark:text-emerald-400",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2.5",
-    children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+    children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
   }
-), Ar = ({ steps: t, current: r = 0, className: a = "" }) => /* @__PURE__ */ e("ol", { className: `m-0 flex list-none flex-col gap-4 p-0 sm:flex-row sm:gap-0 ${a}`, children: t.map((n, s) => {
+), ea = ({ steps: e, current: r = 0, className: a = "" }) => /* @__PURE__ */ t("ol", { className: `m-0 flex list-none flex-col gap-4 p-0 sm:flex-row sm:gap-0 ${a}`, children: e.map((n, s) => {
   const l = s < r, o = s === r;
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ f(
     "li",
     {
       "aria-current": o ? "step" : void 0,
       className: "flex flex-1 items-start gap-3 sm:flex-col sm:gap-2",
       children: [
-        /* @__PURE__ */ h("div", { className: "flex items-center sm:w-full", children: [
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ f("div", { className: "flex items-center sm:w-full", children: [
+          /* @__PURE__ */ t(
             "span",
             {
               className: `flex h-7 w-7 shrink-0 items-center justify-center border text-xs font-semibold ${l ? "border-app-strong bg-app-strong text-app-bg" : o ? "border-app-strong text-app-text" : "border-app-border text-app-muted"}`,
-              children: l ? /* @__PURE__ */ e(Pt, { className: "h-4 w-4" }) : s + 1
+              children: l ? /* @__PURE__ */ t(er, { className: "h-4 w-4" }) : s + 1
             }
           ),
-          s < t.length - 1 && /* @__PURE__ */ e(
+          s < e.length - 1 && /* @__PURE__ */ t(
             "span",
             {
               "aria-hidden": "true",
@@ -2176,40 +2433,40 @@ const yt = (t, r, a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ h("div", { className: "pr-2", children: [
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ f("div", { className: "pr-2", children: [
+          /* @__PURE__ */ t(
             "div",
             {
               className: `text-xs font-semibold uppercase tracking-widest ${o || l ? "text-app-text" : "text-app-muted"}`,
               children: n.label
             }
           ),
-          n.description && /* @__PURE__ */ e("div", { className: "mt-0.5 text-xs text-app-muted", children: n.description })
+          n.description && /* @__PURE__ */ t("div", { className: "mt-0.5 text-xs text-app-muted", children: n.description })
         ] })
       ]
     },
     n.label
   );
-}) }), Sr = ({ checked: t, onChange: r, label: a, disabled: n = !1, className: s = "", ...l }) => /* @__PURE__ */ h(
+}) }), ta = ({ checked: e, onChange: r, label: a, disabled: n = !1, className: s = "", ...l }) => /* @__PURE__ */ f(
   "button",
   {
     type: "button",
     role: "switch",
-    "aria-checked": t,
+    "aria-checked": e,
     disabled: n,
-    onClick: () => r == null ? void 0 : r(!t),
-    className: `inline-flex items-center gap-2 text-sm text-app-text disabled:cursor-not-allowed disabled:opacity-50 ${s}`,
+    onClick: () => r == null ? void 0 : r(!e),
+    className: `inline-flex min-h-8 items-center gap-2 text-sm text-app-text disabled:cursor-not-allowed disabled:opacity-50 ${s}`,
     ...l,
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "span",
         {
           "aria-hidden": "true",
-          className: `relative inline-block h-5 w-9 shrink-0 border transition ${t ? "border-app-strong bg-app-strong" : "border-app-border bg-app-bg"}`,
-          children: /* @__PURE__ */ e(
+          className: `relative inline-block h-5 w-9 shrink-0 border transition ${e ? "border-app-strong bg-app-strong" : "border-app-border bg-app-bg"}`,
+          children: /* @__PURE__ */ t(
             "span",
             {
-              className: `absolute top-0.5 h-3.5 w-3.5 transition-all ${t ? "left-[1.1rem] bg-app-bg" : "left-0.5 bg-app-muted"}`
+              className: `absolute top-0.5 h-3.5 w-3.5 transition-all ${e ? "left-[1.1rem] bg-app-bg" : "left-0.5 bg-app-muted"}`
             }
           )
         }
@@ -2217,350 +2474,521 @@ const yt = (t, r, a) => {
       a
     ]
   }
-), we = { left: "text-left", center: "text-center", right: "text-right" }, Fr = ({ columns: t, rows: r, rowKey: a = "id", empty: n = "No data", caption: s, className: l = "" }) => /* @__PURE__ */ e("div", { className: `overflow-x-auto border border-app-border ${l}`, children: /* @__PURE__ */ h("table", { className: "w-full border-collapse bg-app-card text-sm text-app-text", children: [
-  s && /* @__PURE__ */ e("caption", { className: "sr-only", children: s }),
-  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-app-border bg-app-bg", children: t.map((o) => /* @__PURE__ */ e(
+), Ie = { left: "text-left", center: "text-center", right: "text-right" }, ra = ({ columns: e, rows: r, rowKey: a = "id", empty: n = "No data", caption: s, className: l = "" }) => /* @__PURE__ */ t("div", { className: `overflow-x-auto border border-app-border ${l}`, children: /* @__PURE__ */ f("table", { className: "w-full border-collapse bg-app-card text-sm text-app-text", children: [
+  s && /* @__PURE__ */ t("caption", { className: "sr-only", children: s }),
+  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { className: "border-b border-app-border bg-app-bg", children: e.map((o) => /* @__PURE__ */ t(
     "th",
     {
       scope: "col",
-      className: `px-4 py-2.5 text-xs font-semibold uppercase tracking-widest text-app-muted ${we[o.align ?? "left"]}`,
+      className: `px-4 py-2.5 text-xs font-semibold uppercase tracking-widest text-app-muted ${Ie[o.align ?? "left"]}`,
       children: o.header
     },
     o.key
   )) }) }),
-  /* @__PURE__ */ e("tbody", { children: r.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, className: "px-4 py-6 text-center text-app-muted", children: n }) }) : r.map((o) => /* @__PURE__ */ e("tr", { className: "border-b border-app-border last:border-b-0 hover:bg-app-bg", children: t.map((c) => /* @__PURE__ */ e("td", { className: `px-4 py-2.5 ${we[c.align ?? "left"]}`, children: c.render ? c.render(o) : o[c.key] }, c.key)) }, o[a])) })
-] }) }), jr = ({ items: t, value: r, defaultValue: a, onChange: n, className: s = "" }) => {
-  var x;
-  const l = S(), [o, c] = k(a ?? ((x = t[0]) == null ? void 0 : x.key)), i = r ?? o, u = E({}), m = (p) => {
-    r === void 0 && c(p), n == null || n(p);
-  }, d = t.filter((p) => !p.disabled), f = (p) => {
-    var C;
-    const g = d.findIndex((w) => w.key === i);
-    let y;
-    p.key === "ArrowRight" ? y = d[(g + 1) % d.length] : p.key === "ArrowLeft" ? y = d[(g - 1 + d.length) % d.length] : p.key === "Home" ? y = d[0] : p.key === "End" && (y = d[d.length - 1]), y && (p.preventDefault(), m(y.key), (C = u.current[y.key]) == null || C.focus());
-  }, b = t.find((p) => p.key === i);
-  return /* @__PURE__ */ h("div", { className: s, children: [
-    /* @__PURE__ */ e(
+  /* @__PURE__ */ t("tbody", { children: r.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: e.length, className: "px-4 py-6 text-center text-app-muted", children: n }) }) : r.map((o) => /* @__PURE__ */ t("tr", { className: "border-b border-app-border last:border-b-0 hover:bg-app-bg", children: e.map((i) => /* @__PURE__ */ t("td", { className: `px-4 py-2.5 ${Ie[i.align ?? "left"]}`, children: i.render ? i.render(o) : o[i.key] }, i.key)) }, o[a])) })
+] }) }), aa = ({ items: e, value: r, defaultValue: a, onChange: n, className: s = "" }) => {
+  var g;
+  const l = O(), [o, i] = D(a ?? ((g = e[0]) == null ? void 0 : g.key)), c = r ?? o, u = A({}), b = (h) => {
+    r === void 0 && i(h), n == null || n(h);
+  }, d = e.filter((h) => !h.disabled), p = (h) => {
+    var N;
+    const x = d.findIndex((M) => M.key === c);
+    let v;
+    h.key === "ArrowRight" ? v = d[(x + 1) % d.length] : h.key === "ArrowLeft" ? v = d[(x - 1 + d.length) % d.length] : h.key === "Home" ? v = d[0] : h.key === "End" && (v = d[d.length - 1]), v && (h.preventDefault(), b(v.key), (N = u.current[v.key]) == null || N.focus());
+  }, m = e.find((h) => h.key === c);
+  return /* @__PURE__ */ f("div", { className: s, children: [
+    /* @__PURE__ */ t(
       "div",
       {
         role: "tablist",
-        onKeyDown: f,
+        onKeyDown: p,
         className: "flex overflow-x-auto overflow-y-hidden shadow-[inset_0_-1px_0_rgb(var(--color-app-border))]",
-        children: t.map((p) => {
-          const g = p.key === i;
-          return /* @__PURE__ */ e(
+        children: e.map((h) => {
+          const x = h.key === c;
+          return /* @__PURE__ */ t(
             "button",
             {
-              ref: (y) => u.current[p.key] = y,
-              id: `${l}-tab-${p.key}`,
+              ref: (v) => u.current[h.key] = v,
+              id: `${l}-tab-${h.key}`,
               type: "button",
               role: "tab",
-              "aria-selected": g,
-              "aria-controls": `${l}-panel-${p.key}`,
-              tabIndex: g ? 0 : -1,
-              disabled: p.disabled,
-              onClick: () => m(p.key),
-              className: `whitespace-nowrap border-b-2 px-4 py-2 text-xs font-semibold uppercase tracking-widest transition disabled:cursor-not-allowed disabled:opacity-50 ${g ? "border-app-strong text-app-text" : "border-transparent text-app-muted hover:text-app-text"}`,
-              children: p.label
+              "aria-selected": x,
+              "aria-controls": `${l}-panel-${h.key}`,
+              tabIndex: x ? 0 : -1,
+              disabled: h.disabled,
+              onClick: () => b(h.key),
+              className: `whitespace-nowrap border-b-2 px-4 py-2 text-xs font-semibold uppercase tracking-widest transition disabled:cursor-not-allowed disabled:opacity-50 ${x ? "border-app-strong text-app-text" : "border-transparent text-app-muted hover:text-app-text"}`,
+              children: h.label
             },
-            p.key
+            h.key
           );
         })
       }
     ),
-    (b == null ? void 0 : b.content) !== void 0 && /* @__PURE__ */ e(
+    (m == null ? void 0 : m.content) !== void 0 && /* @__PURE__ */ t(
       "div",
       {
         role: "tabpanel",
-        id: `${l}-panel-${b.key}`,
-        "aria-labelledby": `${l}-tab-${b.key}`,
+        id: `${l}-panel-${m.key}`,
+        "aria-labelledby": `${l}-tab-${m.key}`,
         tabIndex: 0,
         className: "pt-4",
-        children: b.content
+        children: m.content
       }
     )
   ] });
-}, Bt = {
+}, na = ({ href: e, linkComponent: r = "a", linkProp: a = "href", className: n = "", children: s, ...l }) => /* @__PURE__ */ t(
+  r,
+  {
+    [a]: e,
+    className: `text-app-text underline underline-offset-2 transition hover:text-app-strong ${n}`,
+    ...l,
+    children: s
+  }
+), tr = {
   default: "bg-app-strong",
   success: "bg-emerald-500",
   warning: "bg-amber-400",
   danger: "bg-red-500"
-}, Pr = ({ items: t, className: r = "" }) => /* @__PURE__ */ e("ol", { className: `m-0 list-none p-0 ${r}`, children: t.map((a, n) => /* @__PURE__ */ h("li", { className: "relative flex gap-4 pb-6 last:pb-0", children: [
-  n < t.length - 1 && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "absolute left-[0.3rem] top-4 bottom-0 w-px bg-app-border" }),
-  /* @__PURE__ */ e("span", { "aria-hidden": "true", className: `relative mt-1.5 h-2.5 w-2.5 shrink-0 ${Bt[a.tone ?? "default"]}` }),
-  /* @__PURE__ */ h("div", { className: "min-w-0 flex-1", children: [
-    /* @__PURE__ */ h("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3", children: [
-      /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-app-text", children: a.title }),
-      a.time && /* @__PURE__ */ e("time", { className: "text-xs text-app-muted", children: a.time })
+}, la = ({ items: e, className: r = "" }) => /* @__PURE__ */ t("ol", { className: `m-0 list-none p-0 ${r}`, children: e.map((a, n) => /* @__PURE__ */ f("li", { className: "relative flex gap-4 pb-6 last:pb-0", children: [
+  n < e.length - 1 && /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "absolute left-[0.3rem] top-4 bottom-0 w-px bg-app-border" }),
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: `relative mt-1.5 h-2.5 w-2.5 shrink-0 ${tr[a.tone ?? "default"]}` }),
+  /* @__PURE__ */ f("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ f("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3", children: [
+      /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-app-text", children: a.title }),
+      a.time && /* @__PURE__ */ t("time", { className: "text-xs text-app-muted", children: a.time })
     ] }),
-    a.description && /* @__PURE__ */ e("p", { className: "m-0 mt-0.5 text-sm text-app-muted", children: a.description })
+    a.description && /* @__PURE__ */ t("p", { className: "m-0 mt-0.5 text-sm text-app-muted", children: a.description })
   ] })
-] }, a.key)) }), Br = ({ label: t, value: r, onChange: a, step: n = 900, min: s, max: l, error: o, ...c }) => {
-  const i = S(), u = `${i}-error`;
-  return /* @__PURE__ */ h("div", { className: "flex flex-col gap-1", children: [
-    t && /* @__PURE__ */ e("label", { htmlFor: i, className: "text-xs font-semibold uppercase tracking-widest text-app-muted", children: t }),
-    /* @__PURE__ */ e(
-      "input",
+] }, a.key)) }), G = (e) => String(e).padStart(2, "0"), he = (e) => {
+  const r = /^(\d{1,2}):(\d{2})/.exec(e ?? "");
+  if (!r) return null;
+  const a = Number(r[1]), n = Number(r[2]);
+  return a < 24 && n < 60 ? { hour: a, minute: n } : null;
+}, Se = ({ hour: e, minute: r }) => e * 60 + r, rr = () => /* @__PURE__ */ f(
+  "svg",
+  {
+    "aria-hidden": "true",
+    focusable: "false",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    className: "h-4 w-4 shrink-0 text-app-muted",
+    children: [
+      /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 7v5l3 2" })
+    ]
+  }
+), me = ({ label: e, options: r, selected: a, onPick: n, columnRef: s }) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: s,
+    role: "listbox",
+    "aria-label": e,
+    className: "flex max-h-56 w-14 flex-col overflow-y-auto border-r border-app-border last:border-r-0",
+    children: r.map((l) => {
+      const o = l.value === a;
+      return /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": o,
+          disabled: l.disabled,
+          "data-selected": o,
+          tabIndex: o || a === null && l.first ? 0 : -1,
+          onClick: () => n(l.value),
+          onKeyDown: (i) => {
+            const c = [...i.currentTarget.parentElement.querySelectorAll("button:not(:disabled)")], u = c.indexOf(i.currentTarget), b = i.key === "ArrowDown" ? 1 : i.key === "ArrowUp" ? -1 : 0;
+            if (b) {
+              i.preventDefault();
+              const d = c[Math.min(Math.max(u + b, 0), c.length - 1)];
+              d == null || d.focus(), d == null || d.click();
+            } else if (i.key === "ArrowLeft" || i.key === "ArrowRight") {
+              const d = [...i.currentTarget.closest("[data-columns]").querySelectorAll("[role=listbox]")], p = d[d.indexOf(i.currentTarget.parentElement) + (i.key === "ArrowRight" ? 1 : -1)], m = (p == null ? void 0 : p.querySelector('[data-selected="true"]')) ?? (p == null ? void 0 : p.querySelector("button:not(:disabled)"));
+              m && (i.preventDefault(), m.focus());
+            }
+          },
+          className: `px-3 py-2 text-center text-sm tabular-nums transition disabled:cursor-not-allowed disabled:opacity-30 ${o ? "bg-app-strong font-semibold text-app-bg" : "text-app-text hover:bg-app-bg"}`,
+          children: l.label
+        },
+        l.value
+      );
+    })
+  }
+), sa = ({
+  label: e,
+  value: r,
+  onChange: a,
+  step: n = 900,
+  min: s,
+  max: l,
+  hour12: o = !1,
+  placeholder: i = "Select time",
+  error: c,
+  disabled: u = !1,
+  className: b = "",
+  ...d
+}) => {
+  const p = O(), m = `${p}-error`, g = A(null), h = A(null), x = A(null), v = A(null), [N, M] = D(!1), y = he(r), w = Math.max(1, Math.round(n / 60)), C = Array.from({ length: Math.ceil(60 / w) }, (E, S) => S * w), T = he(s), L = he(l), I = (E, S) => {
+    const W = E * 60 + S;
+    return (!T || W >= Se(T)) && (!L || W <= Se(L));
+  };
+  V(N, [g, x], (E) => {
+    var S;
+    M(!1), E === "escape" && ((S = h.current) == null || S.focus());
+  }), P(() => {
+    var W, ne;
+    const E = x.current;
+    if (!N || !E) return;
+    E.querySelectorAll("[role=listbox]").forEach((le) => {
+      const de = le.querySelector('[data-selected="true"]');
+      de && (le.scrollTop = de.offsetTop - le.clientHeight / 2 + de.offsetHeight / 2);
+    });
+    const S = ((W = v.current) == null ? void 0 : W.querySelector('[data-selected="true"]')) ?? ((ne = v.current) == null ? void 0 : ne.querySelector("button:not(:disabled)"));
+    S == null || S.focus({ preventScroll: !0 });
+  }, [N]);
+  const j = (E, S) => a == null ? void 0 : a(`${G(E)}:${G(S)}`), B = (E) => {
+    const S = C.find((W) => W === (y == null ? void 0 : y.minute) && I(E, W)) ?? C.find((W) => I(E, W)) ?? 0;
+    j(E, S);
+  }, z = (E) => j((y == null ? void 0 : y.hour) ?? (T ? T.hour : 0), E), q = (E) => {
+    const S = (y == null ? void 0 : y.hour) ?? 0;
+    j(E ? S % 12 + 12 : S % 12, (y == null ? void 0 : y.minute) ?? 0);
+  }, k = ((y == null ? void 0 : y.hour) ?? 0) >= 12, $ = o ? Array.from({ length: 12 }, (E, S) => {
+    const W = S === 0 ? 12 : S, ne = S % 12 + (k ? 12 : 0);
+    return {
+      value: ne,
+      label: G(W),
+      first: S === 0,
+      disabled: !C.some((le) => I(ne, le))
+    };
+  }) : Array.from({ length: 24 }, (E, S) => ({
+    value: S,
+    label: G(S),
+    first: S === 0,
+    disabled: !C.some((W) => I(S, W))
+  })), R = C.map((E, S) => ({
+    value: E,
+    label: G(E),
+    first: S === 0,
+    disabled: !I((y == null ? void 0 : y.hour) ?? (T ? T.hour : 0), E)
+  })), F = y ? o ? `${G(y.hour % 12 === 0 ? 12 : y.hour % 12)}:${G(y.minute)} ${k ? "PM" : "AM"}` : `${G(y.hour)}:${G(y.minute)}` : "";
+  return /* @__PURE__ */ f("div", { ref: g, className: "relative flex flex-col gap-1", children: [
+    e && /* @__PURE__ */ t(U, { htmlFor: p, children: e }),
+    /* @__PURE__ */ f(
+      "button",
       {
-        id: i,
-        type: "time",
-        step: n,
-        min: s,
-        max: l,
-        value: r,
-        "aria-invalid": !!o,
-        "aria-describedby": o ? u : void 0,
-        onChange: (m) => a == null ? void 0 : a(m.target.value),
-        className: Z(!!o),
-        ...c
+        ref: h,
+        id: p,
+        type: "button",
+        disabled: u,
+        "aria-haspopup": "dialog",
+        "aria-expanded": N,
+        "aria-invalid": !!c,
+        "aria-describedby": c ? m : void 0,
+        onClick: () => M((E) => !E),
+        className: `${se(!!c)} flex items-center justify-between gap-2 text-left ${b}`,
+        ...d,
+        children: [
+          /* @__PURE__ */ t("span", { className: F ? "tabular-nums" : "text-app-muted", children: F || i }),
+          /* @__PURE__ */ t(rr, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      X,
+      {
+        open: N,
+        anchorRef: h,
+        panelRef: x,
+        placement: "bottom-start",
+        role: "dialog",
+        "aria-label": "Choose time",
+        className: "border border-app-border bg-app-card shadow-xl",
+        children: /* @__PURE__ */ f("div", { "data-columns": !0, className: "flex", children: [
+          /* @__PURE__ */ t(
+            me,
+            {
+              label: "Hours",
+              options: $,
+              selected: y ? y.hour : null,
+              onPick: B,
+              columnRef: v
+            }
+          ),
+          /* @__PURE__ */ t(me, { label: "Minutes", options: R, selected: y ? y.minute : null, onPick: z }),
+          o && /* @__PURE__ */ t(
+            me,
+            {
+              label: "AM or PM",
+              options: [
+                { value: "AM", label: "AM", first: !0 },
+                { value: "PM", label: "PM" }
+              ],
+              selected: y ? k ? "PM" : "AM" : null,
+              onPick: (E) => q(E === "PM")
+            }
+          )
+        ] })
       }
     ),
-    o && /* @__PURE__ */ e("span", { id: u, className: "text-xs text-red-700 dark:text-red-400", children: o })
+    c && /* @__PURE__ */ t("span", { id: m, className: "text-xs text-red-700 dark:text-red-400", children: c })
   ] });
-}, Or = (t) => {
-  const { toast: r } = t;
-  return /* @__PURE__ */ e(
+}, oa = (e) => {
+  const { toast: r } = e;
+  return /* @__PURE__ */ t(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true",
       className: "fixed bottom-5 right-5 z-[var(--xd-z-toast,90)]",
-      children: r && /* @__PURE__ */ h(
+      children: r && /* @__PURE__ */ f(
         "div",
         {
           className: `max-w-sm px-4 py-3 text-sm font-semibold shadow-xl ${r.type === "error" ? "bg-red-700 text-white" : "bg-emerald-700 text-white"}`,
           children: [
             r.msg,
-            r.link && /* @__PURE__ */ h(Y, { children: [
+            r.link && /* @__PURE__ */ f(re, { children: [
               " ",
-              /* @__PURE__ */ e("a", { href: r.link.href, target: "_blank", rel: "noreferrer", className: "underline underline-offset-2", children: r.link.label })
+              /* @__PURE__ */ t("a", { href: r.link.href, target: "_blank", rel: "noreferrer", className: "underline underline-offset-2", children: r.link.label })
             ] })
           ]
         }
       )
     }
   );
-}, Oe = (t, r, a = 0, n = null, s = []) => (t.forEach((l) => {
+}, Qe = (e, r, a = 0, n = null, s = []) => (e.forEach((l) => {
   var o;
-  s.push({ node: l, depth: a, parent: n }), (o = l.children) != null && o.length && r.includes(l.key) && Oe(l.children, r, a + 1, l.key, s);
-}), s), Rr = ({
-  nodes: t,
+  s.push({ node: l, depth: a, parent: n }), (o = l.children) != null && o.length && r.includes(l.key) && Qe(l.children, r, a + 1, l.key, s);
+}), s), ia = ({
+  nodes: e,
   selected: r,
   onSelect: a,
   defaultExpanded: n = [],
   expanded: s,
   onExpandedChange: l,
   label: o = "Tree",
-  className: c = ""
+  className: i = ""
 }) => {
-  var D;
-  const [i, u] = k(n), m = s ?? i, [d, f] = k(null), b = (v) => {
-    s === void 0 && u(v), l == null || l(v);
-  }, x = (v) => b(m.includes(v) ? m.filter((L) => L !== v) : [...m, v]), p = Oe(t, m), g = p.some((v) => v.node.key === d) ? d : (D = p[0]) == null ? void 0 : D.node.key, y = (v) => {
-    f(v), requestAnimationFrame(() => {
-      var L;
-      return (L = document.getElementById(`${C}-${v}`)) == null ? void 0 : L.focus();
+  var y;
+  const [c, u] = D(n), b = s ?? c, [d, p] = D(null), m = (w) => {
+    s === void 0 && u(w), l == null || l(w);
+  }, g = (w) => m(b.includes(w) ? b.filter((C) => C !== w) : [...b, w]), h = Qe(e, b), x = h.some((w) => w.node.key === d) ? d : (y = h[0]) == null ? void 0 : y.node.key, v = (w) => {
+    p(w), requestAnimationFrame(() => {
+      var C;
+      return (C = document.getElementById(`${N}-${w}`)) == null ? void 0 : C.focus();
     });
-  }, C = `tree-${o.replace(/\W+/g, "-")}`, w = (v, L) => {
-    var j;
-    const { node: M, parent: N } = p[L], A = !!((j = M.children) != null && j.length), F = m.includes(M.key);
-    switch (v.key) {
+  }, N = `tree-${o.replace(/\W+/g, "-")}`, M = (w, C) => {
+    var B;
+    const { node: T, parent: L } = h[C], I = !!((B = T.children) != null && B.length), j = b.includes(T.key);
+    switch (w.key) {
       case "ArrowDown":
-        p[L + 1] && y(p[L + 1].node.key);
+        h[C + 1] && v(h[C + 1].node.key);
         break;
       case "ArrowUp":
-        p[L - 1] && y(p[L - 1].node.key);
+        h[C - 1] && v(h[C - 1].node.key);
         break;
       case "ArrowRight":
-        A && !F ? x(M.key) : A && y(M.children[0].key);
+        I && !j ? g(T.key) : I && v(T.children[0].key);
         break;
       case "ArrowLeft":
-        A && F ? x(M.key) : N !== null && y(N);
+        I && j ? g(T.key) : L !== null && v(L);
         break;
       case "Home":
-        y(p[0].node.key);
+        v(h[0].node.key);
         break;
       case "End":
-        y(p[p.length - 1].node.key);
+        v(h[h.length - 1].node.key);
         break;
       case "Enter":
       case " ":
-        a == null || a(M.key);
+        a == null || a(T.key);
         break;
       default:
         return;
     }
-    v.preventDefault();
+    w.preventDefault();
   };
-  return /* @__PURE__ */ e("ul", { role: "tree", "aria-label": o, className: `m-0 list-none p-0 text-sm text-app-text ${c}`, children: p.map(({ node: v, depth: L }, M) => {
-    var j;
-    const N = !!((j = v.children) != null && j.length), A = m.includes(v.key), F = r === v.key;
-    return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t("ul", { role: "tree", "aria-label": o, className: `m-0 list-none p-0 text-sm text-app-text ${i}`, children: h.map(({ node: w, depth: C }, T) => {
+    var B;
+    const L = !!((B = w.children) != null && B.length), I = b.includes(w.key), j = r === w.key;
+    return /* @__PURE__ */ t(
       "li",
       {
-        id: `${C}-${v.key}`,
+        id: `${N}-${w.key}`,
         role: "treeitem",
-        "aria-level": L + 1,
-        "aria-expanded": N ? A : void 0,
-        "aria-selected": F,
-        tabIndex: v.key === g ? 0 : -1,
-        onKeyDown: (z) => w(z, M),
-        onFocus: () => f(v.key),
+        "aria-level": C + 1,
+        "aria-expanded": L ? I : void 0,
+        "aria-selected": j,
+        tabIndex: w.key === x ? 0 : -1,
+        onKeyDown: (z) => M(z, T),
+        onFocus: () => p(w.key),
         className: "list-none outline-none",
-        children: /* @__PURE__ */ h(
+        children: /* @__PURE__ */ f(
           "div",
           {
-            style: { paddingLeft: `${L * 1.25 + 0.5}rem` },
-            className: `flex cursor-pointer items-center gap-1 py-1.5 pr-3 transition hover:bg-app-bg ${F ? "bg-app-soft/20 font-semibold" : ""}`,
+            style: { paddingLeft: `${C * 1.25 + 0.5}rem` },
+            className: `flex cursor-pointer items-center gap-1 py-1.5 pr-3 transition hover:bg-app-bg ${j ? "bg-app-soft/20 font-semibold" : ""}`,
             onClick: () => {
-              a == null || a(v.key), N && x(v.key);
+              a == null || a(w.key), L && g(w.key);
             },
             children: [
-              /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "w-4 text-center text-xs text-app-muted", children: N ? A ? "▾" : "▸" : "" }),
-              v.label
+              /* @__PURE__ */ t("span", { "aria-hidden": "true", className: "flex h-5 w-5 shrink-0 items-center justify-center text-app-muted", children: L && /* @__PURE__ */ t(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2.5",
+                  className: `h-4 w-4 transition-transform ${I ? "rotate-90" : ""}`,
+                  children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+                }
+              ) }),
+              w.label
             ]
           }
         )
       },
-      v.key
+      w.key
     );
   }) });
-}, ke = (t) => {
-  if (!Number.isFinite(t)) return "0:00";
-  const r = Math.floor(t / 60), a = Math.floor(t % 60);
+}, Pe = (e) => {
+  if (!Number.isFinite(e)) return "0:00";
+  const r = Math.floor(e / 60), a = Math.floor(e % 60);
   return `${r}:${String(a).padStart(2, "0")}`;
-}, ae = "px-2 py-1 text-xs font-semibold uppercase tracking-widest text-app-text transition hover:bg-app-bg focus-visible:outline-offset-[-2px]", zr = ({ src: t, poster: r, title: a = "Video", ratio: n = "video", className: s = "", children: l, ...o }) => {
-  const c = E(null), i = E(null), [u, m] = k(!1), [d, f] = k(0), [b, x] = k(0), [p, g] = k(!1), [y, C] = k(!1);
-  T(() => {
-    const v = () => C(document.fullscreenElement === i.current);
-    return document.addEventListener("fullscreenchange", v), () => document.removeEventListener("fullscreenchange", v);
+}, fe = "min-h-9 px-2 py-1 text-xs font-semibold uppercase tracking-widest text-app-text transition hover:bg-app-bg focus-visible:outline-offset-[-2px]", ca = ({ src: e, poster: r, title: a = "Video", ratio: n = "video", className: s = "", children: l, ...o }) => {
+  const i = A(null), c = A(null), [u, b] = D(!1), [d, p] = D(0), [m, g] = D(0), [h, x] = D(!1), [v, N] = D(!1);
+  P(() => {
+    const w = () => N(document.fullscreenElement === c.current);
+    return document.addEventListener("fullscreenchange", w), () => document.removeEventListener("fullscreenchange", w);
   }, []);
-  const w = () => {
-    const v = c.current;
-    v.paused ? v.play().catch(() => {
-    }) : v.pause();
-  }, D = () => {
-    var v, L;
-    document.fullscreenElement ? document.exitFullscreen() : (L = (v = i.current) == null ? void 0 : v.requestFullscreen) == null || L.call(v);
+  const M = () => {
+    const w = i.current;
+    w.paused ? w.play().catch(() => {
+    }) : w.pause();
+  }, y = () => {
+    var w, C;
+    document.fullscreenElement ? document.exitFullscreen() : (C = (w = c.current) == null ? void 0 : w.requestFullscreen) == null || C.call(w);
   };
-  return /* @__PURE__ */ h("div", { ref: i, className: `flex flex-col border border-app-border bg-app-card ${s}`, children: [
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ f("div", { ref: c, className: `flex flex-col border border-app-border bg-app-card ${s}`, children: [
+    /* @__PURE__ */ t(
       "video",
       {
-        ref: c,
-        src: t,
+        ref: i,
+        src: e,
         poster: r,
         title: a,
-        muted: p,
+        muted: h,
         playsInline: !0,
         preload: "metadata",
-        className: `block w-full bg-black ${n === "video" ? "aspect-video" : ""} ${y ? "flex-1" : ""}`,
-        onClick: w,
-        onPlay: () => m(!0),
-        onPause: () => m(!1),
-        onTimeUpdate: (v) => f(v.currentTarget.currentTime),
-        onLoadedMetadata: (v) => x(v.currentTarget.duration),
+        className: `block w-full bg-black ${n === "video" ? "aspect-video" : ""} ${v ? "flex-1" : ""}`,
+        onClick: M,
+        onPlay: () => b(!0),
+        onPause: () => b(!1),
+        onTimeUpdate: (w) => p(w.currentTarget.currentTime),
+        onLoadedMetadata: (w) => g(w.currentTarget.duration),
         ...o,
         children: l
       }
     ),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ f(
       "div",
       {
         role: "group",
         "aria-label": `${a} controls`,
         className: "flex items-center gap-1 border-t border-app-border px-1 py-1",
         children: [
-          /* @__PURE__ */ e("button", { type: "button", className: ae, onClick: w, "aria-label": u ? "Pause" : "Play", children: u ? "Pause" : "Play" }),
-          /* @__PURE__ */ e("span", { className: "w-10 text-center text-xs tabular-nums text-app-muted", children: ke(d) }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t("button", { type: "button", className: fe, onClick: M, "aria-label": u ? "Pause" : "Play", children: u ? "Pause" : "Play" }),
+          /* @__PURE__ */ t("span", { className: "w-10 text-center text-xs tabular-nums text-app-muted", children: Pe(d) }),
+          /* @__PURE__ */ t(
             "input",
             {
               type: "range",
               "aria-label": "Seek",
               min: 0,
-              max: b || 0,
+              max: m || 0,
               step: "any",
-              value: Math.min(d, b || 0),
-              onChange: (v) => {
-                c.current.currentTime = Number(v.target.value), f(Number(v.target.value));
+              value: Math.min(d, m || 0),
+              onChange: (w) => {
+                i.current.currentTime = Number(w.target.value), p(Number(w.target.value));
               },
               className: "min-w-0 flex-1 cursor-pointer accent-[rgb(var(--color-app-strong))]"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "w-10 text-center text-xs tabular-nums text-app-muted", children: ke(b) }),
-          /* @__PURE__ */ e("button", { type: "button", className: ae, "aria-pressed": p, onClick: () => g((v) => !v), children: p ? "Unmute" : "Mute" }),
-          /* @__PURE__ */ e("button", { type: "button", className: ae, onClick: D, children: y ? "Exit" : "Full" })
+          /* @__PURE__ */ t("span", { className: "w-10 text-center text-xs tabular-nums text-app-muted", children: Pe(m) }),
+          /* @__PURE__ */ t("button", { type: "button", className: fe, "aria-pressed": h, onClick: () => x((w) => !w), children: h ? "Unmute" : "Mute" }),
+          /* @__PURE__ */ t("button", { type: "button", className: fe, onClick: y, children: v ? "Exit" : "Full" })
         ]
       }
     )
   ] });
-}, Wr = ({
-  items: t,
+}, da = ({
+  items: e,
   itemHeight: r,
   height: a = 320,
   overscan: n = 4,
   renderItem: s,
   getKey: l,
   label: o = "List",
-  className: c = ""
+  className: i = ""
 }) => {
-  const [i, u] = k(0), m = Math.max(0, Math.floor(i / r) - n), d = Math.min(t.length, Math.ceil((i + a) / r) + n);
-  return /* @__PURE__ */ e(
+  const [c, u] = D(0), b = Math.max(0, Math.floor(c / r) - n), d = Math.min(e.length, Math.ceil((c + a) / r) + n);
+  return /* @__PURE__ */ t(
     "div",
     {
       role: "list",
       "aria-label": o,
-      "aria-rowcount": t.length,
+      "aria-rowcount": e.length,
       tabIndex: 0,
-      onScroll: (f) => u(f.currentTarget.scrollTop),
+      onScroll: (p) => u(p.currentTarget.scrollTop),
       style: { height: a },
-      className: `overflow-y-auto border border-app-border bg-app-card ${c}`,
-      children: /* @__PURE__ */ e("div", { style: { height: t.length * r, position: "relative" }, children: t.slice(m, d).map((f, b) => {
-        const x = m + b;
-        return /* @__PURE__ */ e(
+      className: `overflow-y-auto border border-app-border bg-app-card ${i}`,
+      children: /* @__PURE__ */ t("div", { style: { height: e.length * r, position: "relative" }, children: e.slice(b, d).map((p, m) => {
+        const g = b + m;
+        return /* @__PURE__ */ t(
           "div",
           {
             role: "listitem",
-            "aria-posinset": x + 1,
-            "aria-setsize": t.length,
-            style: { position: "absolute", top: x * r, height: r, left: 0, right: 0 },
+            "aria-posinset": g + 1,
+            "aria-setsize": e.length,
+            style: { position: "absolute", top: g * r, height: r, left: 0, right: 0 },
             className: "flex items-center border-b border-app-border px-4 text-sm text-app-text",
-            children: s(f, x)
+            children: s(p, g)
           },
-          l ? l(f, x) : x
+          l ? l(p, g) : g
         );
       }) })
     }
   );
-}, Kr = ({ className: t }) => /* @__PURE__ */ h(
+}, pa = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-3.5 h-3.5",
+    className: e ?? "w-3.5 h-3.5",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2",
     children: [
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 12H5" }),
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5l-7 7 7 7" })
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 12H5" }),
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5l-7 7 7 7" })
     ]
   }
-), qr = ({ className: t }) => /* @__PURE__ */ h(
+), ua = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4",
+    className: e ?? "w-4 h-4",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           strokeLinecap: "round",
@@ -2568,20 +2996,20 @@ const yt = (t, r, a) => {
           d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
         }
       ),
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
     ]
   }
-), _r = ({ className: t }) => /* @__PURE__ */ e(
+), ha = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4",
+    className: e ?? "w-4 h-4",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -2590,34 +3018,34 @@ const yt = (t, r, a) => {
       }
     )
   }
-), Gr = ({ className: t }) => /* @__PURE__ */ h(
+), ma = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-5 w-5",
+    className: e ?? "h-5 w-5",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2",
     children: [
-      /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
-      /* @__PURE__ */ e("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
-      /* @__PURE__ */ e("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
-      /* @__PURE__ */ e("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
+      /* @__PURE__ */ t("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
+      /* @__PURE__ */ t("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
+      /* @__PURE__ */ t("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
+      /* @__PURE__ */ t("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
     ]
   }
-), Ur = ({ className: t }) => /* @__PURE__ */ e(
+), fa = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4",
+    className: e ?? "w-4 h-4",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -2626,17 +3054,17 @@ const yt = (t, r, a) => {
       }
     )
   }
-), Yr = ({ className: t }) => /* @__PURE__ */ e(
+), ba = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-4 h-4",
+    className: e ?? "w-4 h-4",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -2645,17 +3073,17 @@ const yt = (t, r, a) => {
       }
     )
   }
-), Hr = ({ className: t }) => /* @__PURE__ */ e(
+), xa = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-5 w-5 text-app-soft",
+    className: e ?? "h-5 w-5 text-app-soft",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: 1.5,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -2664,33 +3092,33 @@ const yt = (t, r, a) => {
       }
     )
   }
-), Zr = ({ className: t }) => /* @__PURE__ */ h(
+), ga = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "w-3.5 h-3.5",
+    className: e ?? "w-3.5 h-3.5",
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2",
     children: [
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 11-2.63-6.36" }),
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 3v6h-6" })
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a9 9 0 11-2.63-6.36" }),
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 3v6h-6" })
     ]
   }
-), Qr = ({ className: t }) => /* @__PURE__ */ h(
+), va = ({ className: e }) => /* @__PURE__ */ f(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-4 w-4",
+    className: e ?? "h-4 w-4",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ e(
+      /* @__PURE__ */ t(
         "path",
         {
           strokeLinecap: "round",
@@ -2698,20 +3126,20 @@ const yt = (t, r, a) => {
           d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 010 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 010-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28z"
         }
       ),
-      /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+      /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
     ]
   }
-), Vr = ({ className: t }) => /* @__PURE__ */ e(
+), wa = ({ className: e }) => /* @__PURE__ */ t(
   "svg",
   {
     "aria-hidden": "true",
     focusable: "false",
-    className: t ?? "h-7 w-7 text-app-soft",
+    className: e ?? "h-7 w-7 text-app-soft",
     fill: "none",
     viewBox: "0 0 24 24",
     stroke: "currentColor",
     strokeWidth: 1.5,
-    children: /* @__PURE__ */ e(
+    children: /* @__PURE__ */ t(
       "path",
       {
         strokeLinecap: "round",
@@ -2720,48 +3148,60 @@ const yt = (t, r, a) => {
       }
     )
   }
-), Xr = (t, r = "") => {
-  T(() => {
-    document.title = [t, r].filter(Boolean).join(" · ");
-  }, [t, r]);
-}, Ot = () => typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform), Rt = (t, r) => {
-  const a = t.toLowerCase().split("+"), n = a.pop(), s = new Set(a), l = Ot(), o = s.has("ctrl") || s.has("mod") && !l, c = s.has("meta") || s.has("mod") && l;
-  return r.key.toLowerCase() === n && r.ctrlKey === o && r.metaKey === c && r.altKey === s.has("alt") && r.shiftKey === s.has("shift");
-}, zt = (t) => t instanceof HTMLElement && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName)), Jr = (t, r = !0) => {
-  const a = E(t);
-  T(() => {
-    a.current = t;
-  }), T(() => {
+), ya = (e, r = "") => {
+  P(() => {
+    document.title = [e, r].filter(Boolean).join(" · ");
+  }, [e, r]);
+}, Re = 8, ka = (e, r, a) => {
+  const [n, s] = D(!1);
+  return ve(() => {
+    if (!e) {
+      s(!1);
+      return;
+    }
+    const l = r.current;
+    if (!l) return;
+    const o = l.getBoundingClientRect(), i = document.documentElement.clientWidth, c = a === "end" ? o.left < Re : o.right > i - Re;
+    s(c);
+  }, [e, r, a]), n ? a === "end" ? "start" : "end" : a;
+}, ar = () => typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform), nr = (e, r) => {
+  const a = e.toLowerCase().split("+"), n = a.pop(), s = new Set(a), l = ar(), o = s.has("ctrl") || s.has("mod") && !l, i = s.has("meta") || s.has("mod") && l;
+  return r.key.toLowerCase() === n && r.ctrlKey === o && r.metaKey === i && r.altKey === s.has("alt") && r.shiftKey === s.has("shift");
+}, lr = (e) => e instanceof HTMLElement && (e.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)), Na = (e, r = !0) => {
+  const a = A(e);
+  P(() => {
+    a.current = e;
+  }), P(() => {
     if (!r) return;
     const n = (s) => {
       for (const [l, o] of Object.entries(a.current))
-        if (!(!Rt(l, s) || !/\b(mod|ctrl|alt|meta)\+/i.test(l) && zt(s.target))) {
+        if (!(!nr(l, s) || !/\b(mod|ctrl|alt|meta)\+/i.test(l) && lr(s.target))) {
           s.preventDefault(), o(s);
           return;
         }
     };
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
   }, [r]);
-}, ea = (t) => {
-  T(() => {
-    if (!t) return;
+}, $a = (e) => {
+  P(() => {
+    if (!e) return;
     const r = (a) => {
       a.preventDefault(), a.returnValue = "";
     };
     return window.addEventListener("beforeunload", r), () => window.removeEventListener("beforeunload", r);
-  }, [t]);
-}, ta = (t = 3e3) => {
-  const [r, a] = k(null), n = E(null);
-  T(() => () => clearTimeout(n.current), []);
-  const s = Me(
-    (l, o = "success", { link: c, duration: i = t } = {}) => {
-      clearTimeout(n.current), a({ msg: l, type: o, link: c }), n.current = setTimeout(() => a(null), i);
+  }, [e]);
+}, Ma = (e = 3e3) => {
+  const [r, a] = D(null), n = A(null);
+  P(() => () => clearTimeout(n.current), []);
+  const s = Fe(
+    (l, o = "success", { link: i, duration: c = e } = {}) => {
+      clearTimeout(n.current), a({ msg: l, type: o, link: i }), n.current = setTimeout(() => a(null), c);
     },
-    [t]
+    [e]
   );
   return { toast: r, showToast: s };
-}, Wt = (t, r = "") => {
-  const a = se[t], n = `
+}, sr = (e, r = "") => {
+  const a = xe[e], n = `
 		<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
 			<title>${r}</title>
 			<circle cx="32" cy="32" r="30" fill="${a.outer}"/>
@@ -2775,128 +3215,133 @@ const yt = (t, r, a) => {
 		</svg>
 	`;
   return `data:image/svg+xml,${encodeURIComponent(n)}`;
-}, Kt = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", qt = (t = Fe) => {
+}, or = () => typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ir = (e = He) => {
   if (typeof window > "u") return null;
   try {
-    const r = window.localStorage.getItem(t);
+    const r = window.localStorage.getItem(e);
     if (r === "light" || r === "dark") return r;
   } catch {
   }
   return null;
-}, _t = ({ storageKey: t = Fe, favicon: r = !0, faviconTitle: a = "" } = {}) => {
-  const [n, s] = k(Kt), [l, o] = k(() => qt(t)), c = l || n;
-  return T(() => {
+}, cr = ({ storageKey: e = He, favicon: r = !0, faviconTitle: a = "" } = {}) => {
+  const [n, s] = D(or), [l, o] = D(() => ir(e)), i = l || n;
+  return P(() => {
     if (typeof window > "u") return;
-    const u = window.matchMedia("(prefers-color-scheme: dark)"), m = (d) => s(d.matches ? "dark" : "light");
-    return u.addEventListener("change", m), () => u.removeEventListener("change", m);
-  }, []), T(() => {
+    const u = window.matchMedia("(prefers-color-scheme: dark)"), b = (d) => s(d.matches ? "dark" : "light");
+    return u.addEventListener("change", b), () => u.removeEventListener("change", b);
+  }, []), P(() => {
     try {
-      l ? window.localStorage.setItem(t, l) : window.localStorage.removeItem(t);
+      l ? window.localStorage.setItem(e, l) : window.localStorage.removeItem(e);
     } catch {
     }
-  }, [l, t]), T(() => {
-    if (document.documentElement.setAttribute("data-theme", c), !r) return;
-    const u = document.getElementById("app-favicon") || document.querySelector("link[rel='icon']");
-    u && u.setAttribute("href", Wt(c, a));
-  }, [c, r, a]), { activeTheme: c, toggleTheme: () => o((u) => (u || n) === "dark" ? "light" : "dark") };
-}, ra = ({ children: t, storageKey: r, favicon: a = !1, faviconTitle: n }) => {
-  const s = _t({ storageKey: r, favicon: a, faviconTitle: n });
-  return /* @__PURE__ */ e(Ce.Provider, { value: s, children: t });
+  }, [l, e]), P(() => {
+    if (document.documentElement.setAttribute("data-theme", i), !r) return;
+    let u = document.getElementById("app-favicon") || document.querySelector("link[rel~='icon']");
+    u || (u = document.createElement("link"), u.id = "app-favicon", u.rel = "icon", document.head.appendChild(u)), u.setAttribute("type", "image/svg+xml"), u.setAttribute("href", sr(i, a));
+  }, [i, r, a]), { activeTheme: i, toggleTheme: () => o((u) => (u || n) === "dark" ? "light" : "dark") };
+}, La = ({ children: e, storageKey: r, favicon: a = !1, faviconTitle: n }) => {
+  const s = cr({ storageKey: r, favicon: a, faviconTitle: n });
+  return /* @__PURE__ */ t(We.Provider, { value: s, children: e });
 };
 export {
-  Ht as ActionMenu,
-  Zt as Alert,
-  Qt as AppBar,
-  Vt as AppShell,
-  Xt as AreaChart,
-  Kr as ArrowLeftIcon,
-  Jt as Avatar,
-  er as BarChart,
-  tr as Breadcrumb,
-  R as Button,
-  Se as Calendar,
-  rr as Card,
-  ar as Carousel,
-  Pt as CheckIcon,
-  be as Checkbox,
-  oe as CloseIcon,
-  nr as CommandPalette,
-  sr as ConfirmDialog,
-  lr as Container,
-  Fe as DEFAULT_THEME_STORAGE_KEY,
-  or as Dashboard,
-  ir as DataGrid,
-  cr as DatePicker,
-  dr as DateRangePicker,
-  pr as Divider,
-  et as Drawer,
-  qr as EyeIcon,
-  _r as EyeOffIcon,
-  je as FanFavicon,
-  ur as Field,
-  hr as FileUpload,
-  Ct as Flex,
-  mr as FocusTrap,
-  ge as Grid,
-  Gr as GridIcon,
-  Ur as HomeIcon,
-  fr as Image,
-  Ge as InfoIcon,
-  Pe as Input,
-  nt as LineChart,
-  br as List,
-  xr as LoadingScreen,
-  Yr as LogoutIcon,
-  tt as MenuIcon,
-  ht as Modal,
-  gr as Navbar,
-  vr as NotificationCenter,
-  xt as PageHeader,
-  Et as PageLayout,
-  wt as Pagination,
-  Hr as PencilIcon,
-  yr as PieChart,
-  wr as Popover,
-  kr as Portal,
-  Nr as Progress,
-  $r as RackServer,
-  Ft as Radio,
-  Mr as RadioGroup,
-  Zr as RefreshIcon,
-  Lr as Select,
-  Qr as SettingsIcon,
-  Vr as ShieldIcon,
-  Cr as Sidebar,
-  Dr as Skeleton,
-  Er as Slider,
-  Tr as SortableList,
-  Ir as Stack,
-  vt as StatCard,
-  Ar as Stepper,
-  Sr as Switch,
-  se as THEME_FAVICON_COLORS,
-  Fr as Table,
-  jr as Tabs,
-  Ce as ThemeContext,
-  ra as ThemeProvider,
-  De as ThemeToggle,
-  Br as TimePicker,
-  Pr as Timeline,
-  Or as Toast,
-  Le as Tooltip,
-  Rr as Tree,
-  zr as Video,
-  Wr as VirtualList,
-  Wt as buildFaviconHref,
-  He as toolbarButtonClass,
-  _t as useAppTheme,
-  X as useDialogFocus,
-  de as useDismissable,
-  Xr as useDocumentTitle,
-  ie as useEscapeKey,
-  Be as useFlipAlign,
-  Jr as useKeyboardShortcuts,
-  ea as useLeaveWarning,
-  Ye as useTheme,
-  ta as useTimedToast
+  hr as ActionMenu,
+  mr as Alert,
+  fr as AppBar,
+  br as AppShell,
+  xr as AreaChart,
+  pa as ArrowLeftIcon,
+  gr as Avatar,
+  vr as BarChart,
+  wr as BodyText,
+  yr as Breadcrumb,
+  H as Button,
+  Ge as Calendar,
+  kr as Card,
+  Nr as Carousel,
+  er as CheckIcon,
+  Te as Checkbox,
+  we as CloseIcon,
+  $r as CommandPalette,
+  Mr as ConfirmDialog,
+  Lr as Container,
+  He as DEFAULT_THEME_STORAGE_KEY,
+  Cr as Dashboard,
+  Tr as DataGrid,
+  Dr as DatePicker,
+  Ar as DateRangePicker,
+  Er as Divider,
+  bt as Drawer,
+  ua as EyeIcon,
+  ha as EyeOffIcon,
+  Ye as FanFavicon,
+  Ir as Field,
+  Sr as FileUpload,
+  Kt as Flex,
+  Pr as FocusTrap,
+  Ae as Grid,
+  ma as GridIcon,
+  Rr as HelperText,
+  fa as HomeIcon,
+  jr as Image,
+  ot as InfoIcon,
+  Ze as Input,
+  U as Label,
+  wt as LineChart,
+  Fr as List,
+  Br as LoadingScreen,
+  ba as LogoutIcon,
+  xt as MenuIcon,
+  Dt as Modal,
+  Or as Navbar,
+  Wr as NotificationCenter,
+  St as PageHeader,
+  Ut as PageLayout,
+  zr as PageTitle,
+  Ft as Pagination,
+  xa as PencilIcon,
+  qr as PieChart,
+  Kr as Popover,
+  _r as Portal,
+  Ur as Progress,
+  Gr as RackServer,
+  Qt as Radio,
+  Hr as RadioGroup,
+  ga as RefreshIcon,
+  Yr as Select,
+  va as SettingsIcon,
+  wa as ShieldIcon,
+  Zr as Sidebar,
+  Qr as Skeleton,
+  Vr as Slider,
+  Xr as SortableList,
+  Jr as Stack,
+  Rt as StatCard,
+  ea as Stepper,
+  ta as Switch,
+  xe as THEME_FAVICON_COLORS,
+  ra as Table,
+  aa as Tabs,
+  na as TextLink,
+  We as ThemeContext,
+  La as ThemeProvider,
+  ze as ThemeToggle,
+  sa as TimePicker,
+  la as Timeline,
+  oa as Toast,
+  Oe as Tooltip,
+  ia as Tree,
+  ca as Video,
+  da as VirtualList,
+  sr as buildFaviconHref,
+  dt as toolbarButtonClass,
+  cr as useAppTheme,
+  ie as useDialogFocus,
+  V as useDismissable,
+  ya as useDocumentTitle,
+  ye as useEscapeKey,
+  ka as useFlipAlign,
+  Na as useKeyboardShortcuts,
+  $a as useLeaveWarning,
+  ct as useTheme,
+  Ma as useTimedToast
 };