reend-components 1.1.0 → 1.2.0

package/dist/lib/index.mjs

@@ -8,7 +8,7 @@ import * as F from "@radix-ui/react-toast";
 import { cva as O } from "class-variance-authority";
 import { X as dt, Moon as ct, Sun as ut, Crosshair as pt, Terminal as ft, AlertTriangle as mt } from "lucide-react";
 import { Toaster as bt, toast as J } from "sonner";
-import { toast as Dn } from "sonner";
+import { toast as Cn } from "sonner";
 import { Slot as xt } from "@radix-ui/react-slot";
 import * as ge from "@radix-ui/react-checkbox";
 import * as Ve from "@radix-ui/react-radio-group";
@@ -23,13 +23,13 @@ import * as H from "@radix-ui/react-dialog";
 import * as gt from "@radix-ui/react-separator";
 import * as xe from "react-dom";
 import { Separator as ht } from "react-resizable-panels";
-import { Panel as An, Group as Mn, Separator as Ln } from "react-resizable-panels";
+import { Panel as Mn, Group as Ln, Separator as On } from "react-resizable-panels";
 import "recharts";
 import { AnimatePresence as yt, motion as ue, useInView as vt } from "framer-motion";
 function l(...t) {
   return lt(it(t));
 }
-const bn = q.Provider, xn = q.Root, gn = q.Trigger, Nt = s.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
+const xn = q.Provider, gn = q.Root, hn = q.Trigger, Nt = s.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
   q.Content,
   {
     ref: o,
@@ -211,7 +211,7 @@ function Dt() {
     dismiss: (a) => W({ type: "DISMISS_TOAST", toastId: a })
   };
 }
-function hn() {
+function yn() {
   const { toasts: t } = Dt();
   return /* @__PURE__ */ u(wt, { children: [
     t.map(function({ id: r, title: a, description: o, action: n, ...i }) {
@@ -227,7 +227,7 @@ function hn() {
     /* @__PURE__ */ e(Be, {})
   ] });
 }
-const yn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
+const vn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
   bt,
   {
     theme: t,
@@ -253,7 +253,7 @@ const yn = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
     },
     ...r
   }
-), vn = {
+), Nn = {
   info: (t, r) => J(t, { duration: 5e3, ...r }),
   success: (t, r) => J.success(t, { duration: 4e3, ...r }),
   warning: (t, r) => J.warning(t, { duration: 8e3, ...r }),
@@ -539,7 +539,7 @@ const Ht = s.forwardRef(
 );
 Ht.displayName = "LinkCard";
 const Yt = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
-function Nn(t, r = !0) {
+function wn(t, r = !0) {
   me(() => {
     if (!r || !t.current) return;
     const a = t.current, o = () => Array.from(a.querySelectorAll(Yt)), n = (i) => {
@@ -552,7 +552,7 @@ function Nn(t, r = !0) {
     return a.addEventListener("keydown", n), () => a.removeEventListener("keydown", n);
   }, [t, r]);
 }
-function wn(t, r, a = {}) {
+function kn(t, r, a = {}) {
   me(() => {
     const { meta: o = !1, ctrl: n = !1, shift: i = !1, preventDefault: c = !0 } = a, d = (p) => {
       o && !p.metaKey || n && !(p.ctrlKey || p.metaKey) || i && !p.shiftKey || p.key.toLowerCase() === t.toLowerCase() && (c && p.preventDefault(), r());
@@ -560,7 +560,7 @@ function wn(t, r, a = {}) {
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [t, r, a]);
 }
-function kn(t, r = {}) {
+function Tn(t, r = {}) {
   const { threshold: a = 0.1, once: o = !0 } = r, [n, i] = nt(() => typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1), c = st(n);
   return c.current = n, me(() => {
     if (typeof window > "u" || c.current && o) return;
@@ -575,7 +575,7 @@ function kn(t, r = {}) {
     return p.observe(d), () => p.disconnect();
   }, [t, a, o]), n;
 }
-function Tn(t, r = 100) {
+function Sn(t, r = 100) {
   return Array.from({ length: t }, (a, o) => `${o * r}ms`);
 }
 const Ut = O(
@@ -3572,7 +3572,7 @@ const Sa = ({ direction: t = "horizontal", className: r, ...a }) => /* @__PURE__
   }
 );
 Sa.displayName = "ResizeHandle";
-const Sn = [
+const Rn = [
   "var(--chart-1)",
   "var(--chart-2)",
   "var(--chart-3)",
@@ -3581,20 +3581,26 @@ const Sn = [
   "var(--chart-6)",
   "var(--chart-7)",
   "var(--chart-8)"
-], Rn = {
+], En = {
   backgroundColor: "transparent",
   style: { fontFamily: "JetBrains Mono, monospace", fontSize: 11 },
   tick: { fill: "hsl(var(--muted-foreground))" },
   grid: { stroke: "hsl(var(--border))" }
 };
 function Ra(t) {
-  return t.replace(/^### (.+)$/gm, "<h3>$1</h3>").replace(/^## (.+)$/gm, "<h2>$1</h2>").replace(/^# (.+)$/gm, "<h1>$1</h1>").replace(/^---$/gm, "<hr />").replace(/^> (.+)$/gm, "<blockquote>$1</blockquote>").replace(/^\d+\. (.+)$/gm, "<li>$1</li>").replace(/^[-*] (.+)$/gm, '<li class="ul">$1</li>').replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/__(.+?)__/g, "<u>$1</u>").replace(/~~(.+?)~~/g, "<s>$1</s>").replace(/`(.+?)`/g, "<code>$1</code>").replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>').replace(/\n\n+/g, "</p><p>").replace(/^(?!<[hbloius])(.+)$/gm, (r) => r.trim() === "" ? "" : r.startsWith("<") ? r : `<p>${r}</p>`);
+  return t.replace(/&/g, "&amp;").replace(/</g, "&lt;");
 }
-function Ea(t, r, a = r, o = "") {
+function Ea(t) {
+  return Ra(t).replace(/^### (.+)$/gm, "<h3>$1</h3>").replace(/^## (.+)$/gm, "<h2>$1</h2>").replace(/^# (.+)$/gm, "<h1>$1</h1>").replace(/^---$/gm, "<hr />").replace(/^> (.+)$/gm, "<blockquote>$1</blockquote>").replace(/^\d+\. (.+)$/gm, "<li>$1</li>").replace(/^[-*] (.+)$/gm, '<li class="ul">$1</li>').replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/__(.+?)__/g, "<u>$1</u>").replace(/~~(.+?)~~/g, "<s>$1</s>").replace(/`(.+?)`/g, "<code>$1</code>").replace(/\[(.+?)\]\((.+?)\)/g, (r, a, o) => {
+    const n = o.trim();
+    return /^(https?:|mailto:|\/(?!\/))/i.test(n) ? `<a href="${n}" target="_blank" rel="noopener noreferrer">${a}</a>` : a;
+  }).replace(/\n\n+/g, "</p><p>").replace(/^(?!<[hbloius])(.+)$/gm, (r) => r.trim() === "" ? "" : r.startsWith("<") ? r : `<p>${r}</p>`);
+}
+function Ia(t, r, a = r, o = "") {
   const { selectionStart: n, selectionEnd: i, value: c } = t, d = c.slice(n, i) || o, p = c.slice(0, n) + r + d + a + c.slice(i), b = n + r.length + d.length;
   return { newVal: p, newCursor: b };
 }
-function Ia(t, r) {
+function _a(t, r) {
   const { selectionStart: a, value: o } = t, i = (a > 0 && o[a - 1] !== `
 ` ? `
 ` : "") + r + `
@@ -3615,7 +3621,7 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
     "aria-pressed": a,
     children: t
   }
-), ie = () => /* @__PURE__ */ e("div", { className: "w-px h-5 bg-border mx-1.5 shrink-0", "aria-hidden": "true" }), _a = s.forwardRef(
+), ie = () => /* @__PURE__ */ e("div", { className: "w-px h-5 bg-border mx-1.5 shrink-0", "aria-hidden": "true" }), Da = s.forwardRef(
   ({
     value: t,
     onChange: r,
@@ -3628,9 +3634,9 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
     className: p,
     id: b
   }, f) => {
-    const [m, v] = s.useState(t ?? ""), [x, g] = s.useState(
-      i ?? "markdown"
-    ), N = s.useRef(null), h = t ?? m, y = i ?? x;
+    const [m, v] = s.useState(
+      t ?? ""
+    ), [x, g] = s.useState(i ?? "markdown"), N = s.useRef(null), h = t ?? m, y = i ?? x;
     s.useEffect(() => {
       t !== void 0 && v(t);
     }, [t]);
@@ -3642,14 +3648,14 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
     }, E = (R, k = R, C = "text") => {
       const L = N.current;
       if (!L || d) return;
-      const { newVal: w, newCursor: _ } = Ea(L, R, k, C), M = o ? w.slice(0, o) : w;
+      const { newVal: w, newCursor: _ } = Ia(L, R, k, C), M = o ? w.slice(0, o) : w;
       t === void 0 && v(M), r == null || r(M), requestAnimationFrame(() => {
         L.focus(), L.setSelectionRange(_, _);
       });
     }, D = (R) => {
       const k = N.current;
       if (!k || d) return;
-      const { newVal: C, newCursor: L } = Ia(k, R), w = o ? C.slice(0, o) : C;
+      const { newVal: C, newCursor: L } = _a(k, R), w = o ? C.slice(0, o) : C;
       t === void 0 && v(w), r == null || r(w), requestAnimationFrame(() => {
         k.focus(), k.setSelectionRange(L, L);
       });
@@ -3666,23 +3672,121 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
         ),
         children: [
           /* @__PURE__ */ u("div", { className: "flex items-center gap-0.5 flex-wrap px-3 py-2 bg-surface-1 border border-border border-b-0", children: [
-            /* @__PURE__ */ e(V, { label: "B", title: "Bold (**text**)", onClick: () => E("**", "**", "bold") }),
-            /* @__PURE__ */ e(V, { label: "I", title: "Italic (*text*)", onClick: () => E("*", "*", "italic") }),
-            /* @__PURE__ */ e(V, { label: "U", title: "Underline (__text__)", onClick: () => E("__", "__", "text") }),
-            /* @__PURE__ */ e(V, { label: "S", title: "Strikethrough (~~text~~)", onClick: () => E("~~", "~~", "text") }),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "B",
+                title: "Bold (**text**)",
+                onClick: () => E("**", "**", "bold")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "I",
+                title: "Italic (*text*)",
+                onClick: () => E("*", "*", "italic")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "U",
+                title: "Underline (__text__)",
+                onClick: () => E("__", "__", "text")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "S",
+                title: "Strikethrough (~~text~~)",
+                onClick: () => E("~~", "~~", "text")
+              }
+            ),
             /* @__PURE__ */ e(ie, {}),
-            /* @__PURE__ */ e(V, { label: "H1", title: "Heading 1", onClick: () => D("# Heading 1") }),
-            /* @__PURE__ */ e(V, { label: "H2", title: "Heading 2", onClick: () => D("## Heading 2") }),
-            /* @__PURE__ */ e(V, { label: "H3", title: "Heading 3", onClick: () => D("### Heading 3") }),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "H1",
+                title: "Heading 1",
+                onClick: () => D("# Heading 1")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "H2",
+                title: "Heading 2",
+                onClick: () => D("## Heading 2")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "H3",
+                title: "Heading 3",
+                onClick: () => D("### Heading 3")
+              }
+            ),
             /* @__PURE__ */ e(ie, {}),
-            /* @__PURE__ */ e(V, { label: "❝", title: "Blockquote", onClick: () => D("> Quote") }),
-            /* @__PURE__ */ e(V, { label: "≡", title: "Unordered list", onClick: () => D("- Item") }),
-            /* @__PURE__ */ e(V, { label: "≡·", title: "Ordered list", onClick: () => D("1. Item") }),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "❝",
+                title: "Blockquote",
+                onClick: () => D("> Quote")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "≡",
+                title: "Unordered list",
+                onClick: () => D("- Item")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "≡·",
+                title: "Ordered list",
+                onClick: () => D("1. Item")
+              }
+            ),
             /* @__PURE__ */ e(ie, {}),
-            /* @__PURE__ */ e(V, { label: "url", title: "Link", onClick: () => E("[", "](https://)", "link text") }),
-            /* @__PURE__ */ e(V, { label: "img", title: "Image", onClick: () => E("![", "](https://)", "alt text") }),
-            /* @__PURE__ */ e(V, { label: "⎯", title: "Horizontal divider (---)", onClick: () => D("---") }),
-            /* @__PURE__ */ e(V, { label: "`", title: "Inline code", onClick: () => E("`", "`", "code") })
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "url",
+                title: "Link",
+                onClick: () => E("[", "](https://)", "link text")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "img",
+                title: "Image",
+                onClick: () => E("![", "](https://)", "alt text")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "⎯",
+                title: "Horizontal divider (---)",
+                onClick: () => D("---")
+              }
+            ),
+            /* @__PURE__ */ e(
+              V,
+              {
+                label: "`",
+                title: "Inline code",
+                onClick: () => E("`", "`", "code")
+              }
+            )
           ] }),
           y === "markdown" ? /* @__PURE__ */ e(
             "textarea",
@@ -3731,7 +3835,7 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
                 ),
                 style: { minHeight: `${n}px` },
                 dangerouslySetInnerHTML: {
-                  __html: h ? Ra(h) : `<p class="text-muted-foreground/40">${a}</p>`
+                  __html: h ? Ea(h) : `<p class="text-muted-foreground/40">${a}</p>`
                 },
                 "aria-label": "Preview",
                 "aria-live": "polite"
@@ -3777,15 +3881,15 @@ const V = ({ label: t, title: r, active: a, onClick: o }) => /* @__PURE__ */ e(
     );
   }
 );
-_a.displayName = "RichTextEditor";
-const Da = s.forwardRef(
+Da.displayName = "RichTextEditor";
+const Ca = s.forwardRef(
   ({ title: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ u("div", { ref: n, className: l("space-y-3", r), ...o, children: [
     /* @__PURE__ */ e("h3", { className: "font-display text-[12px] font-bold tracking-[0.15em] uppercase text-muted-foreground", children: t }),
     /* @__PURE__ */ e("ul", { className: "space-y-2", children: a })
   ] })
 );
-Da.displayName = "FooterColumn";
-const Ca = s.forwardRef(
+Ca.displayName = "FooterColumn";
+const Aa = s.forwardRef(
   ({ external: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
     "a",
     {
@@ -3801,8 +3905,8 @@ const Ca = s.forwardRef(
     }
   ) })
 );
-Ca.displayName = "FooterLink";
-const Aa = s.forwardRef(
+Aa.displayName = "FooterLink";
+const Ma = s.forwardRef(
   ({ brand: t, tagline: r, copyright: a, note: o, className: n, children: i, ...c }, d) => /* @__PURE__ */ u(
     "footer",
     {
@@ -3828,8 +3932,8 @@ const Aa = s.forwardRef(
     }
   )
 );
-Aa.displayName = "Footer";
-const Ma = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ e(
+Ma.displayName = "Footer";
+const La = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("div", { className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ e(
   "table",
   {
     ref: a,
@@ -3837,10 +3941,10 @@ const Ma = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("div",
     ...r
   }
 ) }));
-Ma.displayName = "Table";
-const La = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("thead", { ref: a, className: l("[&_tr]:border-b", t), ...r }));
-La.displayName = "TableHeader";
-const Oa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+La.displayName = "Table";
+const Oa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("thead", { ref: a, className: l("[&_tr]:border-b", t), ...r }));
+Oa.displayName = "TableHeader";
+const $a = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "tbody",
   {
     ref: a,
@@ -3848,8 +3952,8 @@ const Oa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Oa.displayName = "TableBody";
-const $a = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+$a.displayName = "TableBody";
+const Pa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "tfoot",
   {
     ref: a,
@@ -3860,8 +3964,8 @@ const $a = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-$a.displayName = "TableFooter";
-const Pa = s.forwardRef(
+Pa.displayName = "TableFooter";
+const Va = s.forwardRef(
   ({ className: t, selected: r, ...a }, o) => /* @__PURE__ */ e(
     "tr",
     {
@@ -3879,8 +3983,8 @@ const Pa = s.forwardRef(
     }
   )
 );
-Pa.displayName = "TableRow";
-const Va = s.forwardRef(
+Va.displayName = "TableRow";
+const Ba = s.forwardRef(
   ({ className: t, sortable: r, sortDirection: a, onSort: o, children: n, ...i }, c) => /* @__PURE__ */ e(
     "th",
     {
@@ -3901,8 +4005,8 @@ const Va = s.forwardRef(
     }
   )
 );
-Va.displayName = "TableHead";
-const Ba = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+Ba.displayName = "TableHead";
+const ja = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "td",
   {
     ref: a,
@@ -3913,8 +4017,8 @@ const Ba = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Ba.displayName = "TableCell";
-const ja = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+ja.displayName = "TableCell";
+const Fa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "caption",
   {
     ref: a,
@@ -3925,8 +4029,8 @@ const ja = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-ja.displayName = "TableCaption";
-const Fa = s.forwardRef(
+Fa.displayName = "TableCaption";
+const za = s.forwardRef(
   ({ colSpan: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ e("tr", { ref: n, ...o, children: /* @__PURE__ */ e(
     "td",
     {
@@ -3942,12 +4046,12 @@ const Fa = s.forwardRef(
     }
   ) })
 );
-Fa.displayName = "TableEmpty";
-const za = s.forwardRef(
+za.displayName = "TableEmpty";
+const Ha = s.forwardRef(
   ({ className: t, ...r }, a) => /* @__PURE__ */ e("ul", { ref: a, className: l("space-y-2", t), ...r })
 );
-za.displayName = "List";
-const Ha = s.forwardRef(
+Ha.displayName = "List";
+const Ya = s.forwardRef(
   ({ className: t, children: r, ...a }, o) => /* @__PURE__ */ u(
     "li",
     {
@@ -3971,8 +4075,8 @@ const Ha = s.forwardRef(
     }
   )
 );
-Ha.displayName = "ListItem";
-const Ya = s.forwardRef(
+Ya.displayName = "ListItem";
+const Ua = s.forwardRef(
   ({ className: t, children: r, ...a }, o) => {
     const n = s.Children.map(r, (i, c) => s.isValidElement(i) ? s.cloneElement(
       i,
@@ -3983,8 +4087,8 @@ const Ya = s.forwardRef(
     return /* @__PURE__ */ e("ol", { ref: o, className: l("space-y-2", t), ...a, children: n });
   }
 );
-Ya.displayName = "NumberedList";
-const Ua = s.forwardRef(
+Ua.displayName = "NumberedList";
+const Ga = s.forwardRef(
   ({ className: t, children: r, _index: a = 0, ...o }, n) => /* @__PURE__ */ u(
     "li",
     {
@@ -3998,10 +4102,10 @@ const Ua = s.forwardRef(
     }
   )
 );
-Ua.displayName = "NumberedListItem";
-const Ga = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("dl", { ref: a, className: l("space-y-3", t), ...r }));
-Ga.displayName = "DescriptionList";
-const Wa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+Ga.displayName = "NumberedListItem";
+const Wa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("dl", { ref: a, className: l("space-y-3", t), ...r }));
+Wa.displayName = "DescriptionList";
+const Ka = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "dt",
   {
     ref: a,
@@ -4012,8 +4116,8 @@ const Wa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Wa.displayName = "DescriptionTerm";
-const Ka = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+Ka.displayName = "DescriptionTerm";
+const qa = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "dd",
   {
     ref: a,
@@ -4021,8 +4125,8 @@ const Ka = s.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
     ...r
   }
 ));
-Ka.displayName = "DescriptionDetail";
-const qa = s.forwardRef(
+qa.displayName = "DescriptionDetail";
+const Xa = s.forwardRef(
   ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "ul",
     {
@@ -4032,8 +4136,8 @@ const qa = s.forwardRef(
     }
   )
 );
-qa.displayName = "LinkList";
-const Xa = s.forwardRef(
+Xa.displayName = "LinkList";
+const Ja = s.forwardRef(
   ({ className: t, children: r, description: a, ...o }, n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ u(
     "a",
     {
@@ -4063,8 +4167,8 @@ const Xa = s.forwardRef(
     }
   ) })
 );
-Xa.displayName = "LinkListItem";
-const Ja = s.forwardRef(
+Ja.displayName = "LinkListItem";
+const Za = s.forwardRef(
   ({ value: t, label: r, trend: a, trendValue: o, description: n, className: i, ...c }, d) => {
     const p = a === "up" ? "text-ef-green" : a === "down" ? "text-destructive" : "text-muted-foreground", b = a === "up" ? "▲" : a === "down" ? "▼" : null;
     return /* @__PURE__ */ u(
@@ -4092,8 +4196,8 @@ const Ja = s.forwardRef(
     );
   }
 );
-Ja.displayName = "Stat";
-const Za = s.forwardRef(
+Za.displayName = "Stat";
+const Qa = s.forwardRef(
   ({ className: t, ...r }, a) => /* @__PURE__ */ e(
     "div",
     {
@@ -4107,8 +4211,8 @@ const Za = s.forwardRef(
     }
   )
 );
-Za.displayName = "StatGrid";
-const Qa = s.forwardRef(
+Qa.displayName = "StatGrid";
+const eo = s.forwardRef(
   ({ options: t, activeId: r, direction: a = "none", onSortChange: o, className: n }, i) => {
     const c = (d) => {
       o && (d === r ? a === "asc" ? o(d, "desc") : a === "desc" ? o(d, "none") : o(d, "asc") : o(d, "asc"));
@@ -4152,8 +4256,8 @@ const Qa = s.forwardRef(
     );
   }
 );
-Qa.displayName = "SortControl";
-const eo = 120, to = s.forwardRef(
+eo.displayName = "SortControl";
+const to = 120, ro = s.forwardRef(
   ({
     onRefresh: t,
     threshold: r = 60,
@@ -4190,7 +4294,7 @@ const eo = 120, to = s.forwardRef(
           g(0), v("idle");
           return;
         }
-        const C = Math.min(k, eo);
+        const C = Math.min(k, to);
         g(C), C >= r ? (f.current || (h(10), f.current = !0), v("threshold")) : v("pulling");
       },
       [n, m, r, h]
@@ -4261,7 +4365,7 @@ const eo = 120, to = s.forwardRef(
     );
   }
 );
-to.displayName = "PullToRefresh";
+ro.displayName = "PullToRefresh";
 function Te(t) {
   switch (t.variant) {
     case "archive":
@@ -4284,7 +4388,7 @@ function Se(t) {
       return "text-white";
   }
 }
-const ro = s.forwardRef(
+const ao = s.forwardRef(
   ({
     leftSwipeAction: t,
     rightSwipeAction: r,
@@ -4382,8 +4486,8 @@ const ro = s.forwardRef(
     ] });
   }
 );
-ro.displayName = "SwipeableItem";
-const ao = s.forwardRef(
+ao.displayName = "SwipeableItem";
+const oo = s.forwardRef(
   ({ text: t, resetDelay: r = 2e3, onCopy: a, className: o, ...n }, i) => {
     const [c, d] = s.useState(!1), p = s.useRef();
     return s.useEffect(() => () => clearTimeout(p.current), []), /* @__PURE__ */ e(
@@ -4416,8 +4520,8 @@ const ao = s.forwardRef(
     );
   }
 );
-ao.displayName = "CopyClipboard";
-const oo = s.forwardRef(
+oo.displayName = "CopyClipboard";
+const no = s.forwardRef(
   ({ threshold: t = 300, smooth: r = !0, className: a, ...o }, n) => {
     const [i, c] = s.useState(!1);
     s.useEffect(() => {
@@ -4446,8 +4550,8 @@ const oo = s.forwardRef(
     ) : null;
   }
 );
-oo.displayName = "BackToTop";
-const no = s.forwardRef(
+no.displayName = "BackToTop";
+const so = s.forwardRef(
   ({ color: t, height: r = 2, className: a, style: o, ...n }, i) => {
     const [c, d] = s.useState(0);
     return s.useEffect(() => {
@@ -4481,8 +4585,8 @@ const no = s.forwardRef(
     );
   }
 );
-no.displayName = "ScrollProgress";
-const so = s.forwardRef(
+so.displayName = "ScrollProgress";
+const io = s.forwardRef(
   ({
     message: t,
     onAccept: r,
@@ -4530,8 +4634,8 @@ const so = s.forwardRef(
     }
   )
 );
-so.displayName = "CookieConsent";
-function En() {
+io.displayName = "CookieConsent";
+function In() {
   const [t, r] = s.useState(!1);
   return s.useEffect(() => {
     const a = (o) => {
@@ -4544,7 +4648,7 @@ function En() {
     close: () => r(!1)
   };
 }
-function io(t, r) {
+function lo(t, r) {
   if (!r.trim()) return t;
   const a = r.toLowerCase();
   return t.map((o) => ({
@@ -4552,14 +4656,14 @@ function io(t, r) {
     items: o.items.filter((n) => n.label.toLowerCase().includes(a))
   })).filter((o) => o.items.length > 0);
 }
-const lo = ({
+const co = ({
   open: t,
   onOpenChange: r,
   groups: a,
   onSelect: o,
   placeholder: n = "Type a command or search..."
 }) => {
-  const [i, c] = s.useState(""), [d, p] = s.useState(0), b = s.useRef(null), f = io(a, i), m = f.flatMap((g) => g.items);
+  const [i, c] = s.useState(""), [d, p] = s.useState(0), b = s.useRef(null), f = lo(a, i), m = f.flatMap((g) => g.items);
   s.useEffect(() => {
     if (t) {
       c(""), p(0);
@@ -4652,8 +4756,8 @@ const lo = ({
     )
   ] });
 };
-lo.displayName = "CommandPalette";
-const co = ({
+co.displayName = "CommandPalette";
+const uo = ({
   trigger: t,
   groups: r,
   items: a,
@@ -4697,8 +4801,8 @@ const co = ({
     ) })
   ] });
 };
-co.displayName = "Dropdown";
-const uo = ({
+uo.displayName = "Dropdown";
+const po = ({
   children: t,
   groups: r,
   items: a,
@@ -4772,8 +4876,8 @@ const uo = ({
     }
   );
 };
-uo.displayName = "ContextMenu";
-const po = s.forwardRef(
+po.displayName = "ContextMenu";
+const fo = s.forwardRef(
   ({
     children: t,
     title: r,
@@ -4837,8 +4941,8 @@ const po = s.forwardRef(
     );
   }
 );
-po.displayName = "SpoilerBlock";
-const fo = s.forwardRef(
+fo.displayName = "SpoilerBlock";
+const mo = s.forwardRef(
   ({ children: t, className: r, ...a }, o) => {
     const [n, i] = s.useState(!1);
     return /* @__PURE__ */ e(
@@ -4860,8 +4964,8 @@ const fo = s.forwardRef(
     );
   }
 );
-fo.displayName = "SpoilerInline";
-const mo = s.forwardRef(
+mo.displayName = "SpoilerInline";
+const bo = s.forwardRef(
   ({ storageKey: t = "ef-theme", className: r, ...a }, o) => {
     const [n, i] = s.useState(!1), [c, d] = s.useState(!1), p = s.useRef();
     return s.useEffect(() => {
@@ -4909,8 +5013,8 @@ const mo = s.forwardRef(
     );
   }
 );
-mo.displayName = "ThemeSwitcher";
-const bo = {
+bo.displayName = "ThemeSwitcher";
+const xo = {
   low: {
     duration: "6s",
     clipTop: "15% 0 70% 0",
@@ -4932,7 +5036,7 @@ const bo = {
     offset: 4,
     defaultInterval: 1200
   }
-}, xo = s.forwardRef(
+}, go = s.forwardRef(
   ({
     children: t,
     className: r,
@@ -4941,7 +5045,7 @@ const bo = {
     continuousInterval: n,
     ...i
   }, c) => {
-    const d = bo[a], p = n ?? d.defaultInterval, [b, f] = s.useState(!1);
+    const d = xo[a], p = n ?? d.defaultInterval, [b, f] = s.useState(!1);
     s.useEffect(() => {
       if (!o) return;
       const v = setInterval(() => {
@@ -4995,9 +5099,9 @@ const bo = {
     );
   }
 );
-xo.displayName = "GlitchText";
-const go = { sm: 16, md: 28, lg: 44 }, ho = s.forwardRef(({ size: t = "md", label: r, className: a }, o) => {
-  const n = go[t];
+go.displayName = "GlitchText";
+const ho = { sm: 16, md: 28, lg: 44 }, yo = s.forwardRef(({ size: t = "md", label: r, className: a }, o) => {
+  const n = ho[t];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -5021,18 +5125,18 @@ const go = { sm: 16, md: 28, lg: 44 }, ho = s.forwardRef(({ size: t = "md", labe
     }
   );
 });
-ho.displayName = "DiamondLoader";
-const yo = {
+yo.displayName = "DiamondLoader";
+const vo = {
   online: "ONLINE",
   warning: "CAUTION",
   offline: "OFFLINE",
   scanning: "SCANNING"
-}, vo = {
+}, No = {
   online: "bg-ef-green",
   warning: "bg-ef-yellow",
   offline: "bg-ef-red",
   scanning: "bg-ef-cyan animate-pulse"
-}, No = s.forwardRef(
+}, wo = s.forwardRef(
   ({
     title: t,
     status: r = "online",
@@ -5079,13 +5183,13 @@ const yo = {
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: l("w-2 h-2", vo[r]),
+                        className: l("w-2 h-2", No[r]),
                         style: {
                           clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"
                         }
                       }
                     ),
-                    /* @__PURE__ */ e("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground", children: yo[r] })
+                    /* @__PURE__ */ e("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground", children: vo[r] })
                   ] }),
                   n && /* @__PURE__ */ e(
                     "div",
@@ -5118,8 +5222,8 @@ const yo = {
     );
   }
 );
-No.displayName = "TacticalPanel";
-const wo = s.forwardRef(
+wo.displayName = "TacticalPanel";
+const ko = s.forwardRef(
   ({ title: t, subtitle: r, icon: a, value: o, className: n }, i) => {
     const [c, d] = s.useState(!1);
     return /* @__PURE__ */ u(
@@ -5163,23 +5267,23 @@ const wo = s.forwardRef(
     );
   }
 );
-wo.displayName = "HoloCard";
+ko.displayName = "HoloCard";
 const Re = {
   1: 2e3,
   2: 1500,
   3: 1e3,
   4: 600,
   5: 300
-}, ko = {
+}, To = {
   mono: "text-muted-foreground",
   classified: "text-primary",
   transmission: "text-ef-cyan"
-}, To = {
+}, So = {
   system: "text-muted-foreground",
   data: "text-ef-cyan",
   warning: "text-ef-orange",
   classified: "text-primary"
-}, So = [
+}, Ro = [
   "[SYS] Initializing ENDFIELD protocol...",
   "[NET] Connection established — latency: 12ms",
   "[SEC] Authentication verified ◆ Level: ALPHA",
@@ -5194,16 +5298,16 @@ const Re = {
 function Ee(t) {
   return typeof t == "string" ? t : t.text;
 }
-function Ro(t, r) {
-  if (r) return ko[r];
+function Eo(t, r) {
+  if (r) return To[r];
   if (typeof t != "string" && t.type)
-    return To[t.type] ?? "text-muted-foreground";
+    return So[t.type] ?? "text-muted-foreground";
   const a = typeof t == "string" ? t : t.text;
   return a.includes("[SEC]") ? "text-ef-green" : a.includes("[NET]") ? "text-ef-blue" : a.includes("[DAT]") ? "text-ef-cyan" : a.includes("[GPU]") ? "text-ef-purple" : "text-muted-foreground";
 }
-const Eo = s.forwardRef(
+const Io = s.forwardRef(
   ({
-    messages: t = So,
+    messages: t = Ro,
     speed: r = 3,
     messageType: a,
     className: o,
@@ -5258,7 +5362,7 @@ const Eo = s.forwardRef(
                   {
                     initial: { opacity: 0, x: -10 },
                     animate: { opacity: 1, x: 0 },
-                    className: Ro(f, a),
+                    className: Eo(f, a),
                     children: Ee(f)
                   },
                   `${Ee(f)}-${m}`
@@ -5272,8 +5376,8 @@ const Eo = s.forwardRef(
     );
   }
 );
-Eo.displayName = "DataStream";
-const Io = O(
+Io.displayName = "DataStream";
+const _o = O(
   "inline-flex items-center gap-1.5 clip-corner-sm border px-3 py-1 font-display text-[10px] font-bold tracking-[0.15em] uppercase",
   {
     variants: {
@@ -5289,11 +5393,11 @@ const Io = O(
       variant: "default"
     }
   }
-), _o = s.forwardRef(({ variant: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ u(
+), Do = s.forwardRef(({ variant: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ u(
   "span",
   {
     ref: n,
-    className: l(Io({ variant: t }), r),
+    className: l(_o({ variant: t }), r),
     ...o,
     children: [
       /* @__PURE__ */ e("span", { style: { fontSize: "6px" }, children: "◆" }),
@@ -5301,8 +5405,8 @@ const Io = O(
     ]
   }
 ));
-_o.displayName = "TacticalBadge";
-const Do = {
+Do.displayName = "TacticalBadge";
+const Co = {
   caution: {
     border: "border-ef-yellow/30",
     bg: "bg-ef-yellow/5",
@@ -5321,8 +5425,8 @@ const Do = {
     icon: "text-ef-red",
     label: "CRITICAL"
   }
-}, Co = s.forwardRef(({ level: t = "caution", children: r, className: a }, o) => {
-  const n = Do[t];
+}, Ao = s.forwardRef(({ level: t = "caution", children: r, className: a }, o) => {
+  const n = Co[t];
   return /* @__PURE__ */ u(
     "div",
     {
@@ -5344,8 +5448,8 @@ const Do = {
     }
   );
 });
-Co.displayName = "WarningBanner";
-const Ao = s.forwardRef(
+Ao.displayName = "WarningBanner";
+const Mo = s.forwardRef(
   ({ label: t, className: r }, a) => /* @__PURE__ */ u(
     "div",
     {
@@ -5365,8 +5469,8 @@ const Ao = s.forwardRef(
     }
   )
 );
-Ao.displayName = "ScanDivider";
-const Mo = s.forwardRef(({ label: t, value: r, unit: a, className: o }, n) => /* @__PURE__ */ u(
+Mo.displayName = "ScanDivider";
+const Lo = s.forwardRef(({ label: t, value: r, unit: a, className: o }, n) => /* @__PURE__ */ u(
   "div",
   {
     ref: n,
@@ -5378,7 +5482,7 @@ const Mo = s.forwardRef(({ label: t, value: r, unit: a, className: o }, n) => /*
     ]
   }
 ));
-Mo.displayName = "CoordinateTag";
+Lo.displayName = "CoordinateTag";
 function G(t, r, a, o, n) {
   return {
     x: t + a * Math.sin(n * o),
@@ -5388,7 +5492,7 @@ function G(t, r, a, o, n) {
 function le(t) {
   return t.map((r) => `${r.x},${r.y}`).join(" ");
 }
-const Lo = s.forwardRef(
+const Oo = s.forwardRef(
   ({
     data: t,
     color: r = "primary",
@@ -5572,12 +5676,12 @@ const Lo = s.forwardRef(
     );
   }
 );
-Lo.displayName = "RadarChart";
+Oo.displayName = "RadarChart";
 const Ie = {
   sm: "w-5 h-5",
   md: "w-8 h-8",
   lg: "w-12 h-12"
-}, Oo = s.forwardRef(
+}, $o = s.forwardRef(
   ({
     children: t,
     systemLabel: r = "SYS::ENDFIELD v2.0",
@@ -5691,8 +5795,8 @@ const Ie = {
     );
   }
 );
-Oo.displayName = "HUDOverlay";
-const $o = O(
+$o.displayName = "HUDOverlay";
+const Po = O(
   [
     "relative bg-surface-1 border overflow-hidden transition-all duration-300",
     "before:absolute before:top-0 before:left-0 before:w-5 before:h-5",
@@ -5722,7 +5826,7 @@ const $o = O(
     },
     defaultVariants: { priority: "medium", status: "active", clickable: !1 }
   }
-), Po = {
+), Vo = {
   active: {
     label: "ACTIVE",
     cls: "text-ef-green   border-ef-green/40   bg-ef-green/10"
@@ -5743,12 +5847,12 @@ const $o = O(
     label: "CLASSIFIED",
     cls: "text-primary    border-primary/40    bg-primary/10"
   }
-}, Vo = {
+}, Bo = {
   low: { label: "LOW", cls: "text-muted-foreground" },
   medium: { label: "MEDIUM", cls: "text-ef-blue" },
   high: { label: "HIGH", cls: "text-ef-orange" },
   critical: { label: "CRITICAL", cls: "text-destructive" }
-}, Bo = s.forwardRef(
+}, jo = s.forwardRef(
   ({
     className: t,
     title: r,
@@ -5762,7 +5866,7 @@ const $o = O(
     onClick: b,
     ...f
   }, m) => {
-    const v = Po[n], x = Vo[i], g = !!b, N = (y) => {
+    const v = Vo[n], x = Bo[i], g = !!b, N = (y) => {
       g && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), b == null || b(y));
     }, h = d !== void 0 ? Math.min(100, Math.max(0, d)) : void 0;
     return /* @__PURE__ */ u(
@@ -5775,7 +5879,7 @@ const $o = O(
         onClick: b,
         onKeyDown: N,
         className: l(
-          $o({ priority: i, status: n, clickable: g }),
+          Po({ priority: i, status: n, clickable: g }),
           t
         ),
         ...f,
@@ -5855,7 +5959,7 @@ const $o = O(
     );
   }
 );
-Bo.displayName = "MissionCard";
+jo.displayName = "MissionCard";
 const _e = {
   1: "text-muted-foreground/60",
   2: "text-ef-green/70",
@@ -5901,7 +6005,16 @@ function Ae({
       style: {
         clipPath: "polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%)"
       },
-      children: t ? /* @__PURE__ */ e("img", { src: t, alt: r, className: "w-full h-full object-cover" }) : /* @__PURE__ */ e("span", { children: a ?? r.slice(0, 2) })
+      children: t ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: t,
+          alt: r,
+          loading: "lazy",
+          decoding: "async",
+          className: "w-full h-full object-cover"
+        }
+      ) : /* @__PURE__ */ e("span", { children: a ?? r.slice(0, 2) })
     }
   );
 }
@@ -5919,7 +6032,7 @@ function Me({ rarity: t }) {
     }
   );
 }
-function jo({ label: t }) {
+function Fo({ label: t }) {
   return /* @__PURE__ */ u(
     "span",
     {
@@ -5935,7 +6048,7 @@ function jo({ label: t }) {
     }
   );
 }
-const Fo = s.forwardRef(
+const zo = s.forwardRef(
   ({
     className: t,
     name: r,
@@ -5996,7 +6109,7 @@ const Fo = s.forwardRef(
             /* @__PURE__ */ u("div", { className: "flex-1 min-w-0 pt-1", children: [
               /* @__PURE__ */ e("h3", { className: "font-display text-[16px] font-bold uppercase tracking-wider text-foreground leading-tight", children: r }),
               d && /* @__PURE__ */ e("p", { className: "font-mono text-[10px] text-muted-foreground/60 mt-0.5 uppercase tracking-wider", children: d }),
-              a && /* @__PURE__ */ e("div", { className: "mt-1.5", children: /* @__PURE__ */ e(jo, { label: a }) }),
+              a && /* @__PURE__ */ e("div", { className: "mt-1.5", children: /* @__PURE__ */ e(Fo, { label: a }) }),
               /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(Me, { rarity: v }) })
             ] })
           ] }),
@@ -6027,8 +6140,8 @@ const Fo = s.forwardRef(
     );
   }
 );
-Fo.displayName = "OperatorCard";
-const zo = O("flex items-center gap-1.5", {
+zo.displayName = "OperatorCard";
+const Ho = O("flex items-center gap-1.5", {
   variants: {
     size: {
       sm: "[&>span.seg]:w-3 [&>span.seg]:h-2",
@@ -6037,7 +6150,7 @@ const zo = O("flex items-center gap-1.5", {
     }
   },
   defaultVariants: { size: "md" }
-}), Ho = O("seg transition-all duration-200", {
+}), Yo = O("seg transition-all duration-200", {
   variants: {
     variant: {
       health: "",
@@ -6052,7 +6165,7 @@ const zo = O("flex items-center gap-1.5", {
   energy: "bg-primary",
   shield: "bg-ef-blue",
   experience: "bg-ef-purple"
-}, Yo = s.forwardRef(
+}, Uo = s.forwardRef(
   ({
     className: t,
     value: r,
@@ -6085,11 +6198,11 @@ const zo = O("flex items-center gap-1.5", {
         ...p,
         children: [
           n && /* @__PURE__ */ e("span", { className: "font-mono text-[10px] uppercase tracking-wider text-muted-foreground shrink-0", children: n }),
-          /* @__PURE__ */ e("div", { className: l(zo({ size: c })), children: Array.from({ length: o }).map((g, N) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: l(Ho({ size: c })), children: Array.from({ length: o }).map((g, N) => /* @__PURE__ */ e(
             "span",
             {
               className: l(
-                Ho({ variant: d }),
+                Yo({ variant: d }),
                 x(N)
               )
             },
@@ -6105,14 +6218,14 @@ const zo = O("flex items-center gap-1.5", {
     );
   }
 );
-Yo.displayName = "StatusBar";
-const Uo = {
+Uo.displayName = "StatusBar";
+const Go = {
   system: { prefix: "[SYS] ", color: "text-muted-foreground", ariaLive: "off" },
   info: { prefix: "[INFO]", color: "text-ef-blue", ariaLive: "off" },
   success: { prefix: "[OK]  ", color: "text-ef-green", ariaLive: "polite" },
   warning: { prefix: "[WARN]", color: "text-ef-orange", ariaLive: "polite" },
   error: { prefix: "[ERR] ", color: "text-destructive", ariaLive: "assertive" }
-}, Go = s.forwardRef(
+}, Wo = s.forwardRef(
   ({
     className: t,
     entries: r,
@@ -6157,7 +6270,7 @@ const Uo = {
               children: [
                 r.length === 0 && /* @__PURE__ */ e("div", { className: "px-4 py-2 text-muted-foreground/40 text-[12px]", children: "No output." }),
                 r.map((m, v) => {
-                  const x = Uo[m.level], g = m.id ?? v;
+                  const x = Go[m.level], g = m.id ?? v;
                   return /* @__PURE__ */ u(
                     "div",
                     {
@@ -6199,8 +6312,8 @@ const Uo = {
     );
   }
 );
-Go.displayName = "CommandOutput";
-const Wo = O(
+Wo.displayName = "CommandOutput";
+const Ko = O(
   "font-display font-bold text-primary tabular-nums leading-none",
   {
     variants: {
@@ -6212,7 +6325,7 @@ const Wo = O(
     },
     defaultVariants: { size: "md" }
   }
-), Ko = O(
+), qo = O(
   "font-mono uppercase tracking-widest text-muted-foreground/60",
   {
     variants: {
@@ -6238,8 +6351,8 @@ function Z({
   size: a
 }) {
   return /* @__PURE__ */ u("div", { className: "flex flex-col items-center gap-1", children: [
-    /* @__PURE__ */ e("span", { className: Wo({ size: a }), children: t }),
-    /* @__PURE__ */ e("span", { className: Ko({ size: a }), children: r })
+    /* @__PURE__ */ e("span", { className: Ko({ size: a }), children: t }),
+    /* @__PURE__ */ e("span", { className: qo({ size: a }), children: r })
   ] });
 }
 function ce({ size: t }) {
@@ -6254,7 +6367,7 @@ function ce({ size: t }) {
     }
   );
 }
-const qo = s.forwardRef(
+const Xo = s.forwardRef(
   ({
     className: t,
     targetDate: r,
@@ -6281,7 +6394,7 @@ const qo = s.forwardRef(
     }, [f, o]);
     const g = s.useMemo(
       () => `Countdown: ${m.days} days ${m.hours} hours ${m.minutes} minutes ${m.seconds} seconds`,
-      [m.days, m.hours, m.minutes]
+      [m.days, m.hours, m.minutes, m.seconds]
     ), N = c && !(i && m.days === 0);
     return /* @__PURE__ */ u(
       "div",
@@ -6310,14 +6423,14 @@ const qo = s.forwardRef(
     );
   }
 );
-qo.displayName = "CountdownTimer";
-function Xo({
+Xo.displayName = "CountdownTimer";
+function Jo({
   active: t,
   direction: r
 }) {
   return t ? /* @__PURE__ */ e("span", { className: "ml-1 text-primary text-[10px]", children: r === "asc" ? "▲" : "▼" }) : /* @__PURE__ */ e("span", { className: "ml-1 text-muted-foreground/20 text-[10px]", children: "↕" });
 }
-function Jo({ colCount: t }) {
+function Zo({ colCount: t }) {
   return /* @__PURE__ */ e("tr", { children: Array.from({ length: t }).map((r, a) => /* @__PURE__ */ e("td", { className: "px-4 py-3 border-b border-border", children: /* @__PURE__ */ e(
     "div",
     {
@@ -6333,7 +6446,7 @@ const $e = {
   center: "text-center",
   right: "text-right"
 };
-function Zo({
+function Qo({
   className: t,
   columns: r,
   data: a,
@@ -6376,7 +6489,7 @@ function Zo({
               children: [
                 h.header,
                 h.sortable && /* @__PURE__ */ e(
-                  Xo,
+                  Jo,
                   {
                     active: y,
                     direction: n
@@ -6387,7 +6500,7 @@ function Zo({
             h.key
           );
         }) }) }),
-        /* @__PURE__ */ e("tbody", { children: b ? Array.from({ length: f }).map((h, y) => /* @__PURE__ */ e(Jo, { colCount: r.length }, y)) : a.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r.length, className: "px-4 py-12 text-center", children: m ?? /* @__PURE__ */ e("span", { className: "font-mono text-[12px] text-muted-foreground/40 uppercase tracking-wider", children: "NO DATA" }) }) }) : a.map((h, y) => {
+        /* @__PURE__ */ e("tbody", { children: b ? Array.from({ length: f }).map((h, y) => /* @__PURE__ */ e(Zo, { colCount: r.length }, y)) : a.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r.length, className: "px-4 py-12 text-center", children: m ?? /* @__PURE__ */ e("span", { className: "font-mono text-[12px] text-muted-foreground/40 uppercase tracking-wider", children: "NO DATA" }) }) }) : a.map((h, y) => {
           const T = c && N.has(y), S = y % 2 === 1;
           return /* @__PURE__ */ e(
             "tr",
@@ -6422,9 +6535,9 @@ function Zo({
     }
   );
 }
-const Qo = s.forwardRef(Zo);
-Qo.displayName = "TacticalTable";
-const en = s.forwardRef(
+const en = s.forwardRef(Qo);
+en.displayName = "TacticalTable";
+const tn = s.forwardRef(
   ({
     className: t,
     cols: r = 20,
@@ -6486,8 +6599,8 @@ const en = s.forwardRef(
     );
   }
 );
-en.displayName = "MatrixGrid";
-const tn = O("flex items-end gap-px", {
+tn.displayName = "MatrixGrid";
+const rn = O("flex items-end gap-px", {
   variants: {
     color: {
       primary: "[&>span]:bg-primary",
@@ -6502,7 +6615,7 @@ const tn = O("flex items-end gap-px", {
   slow: "1.4s",
   medium: "0.8s",
   fast: "0.4s"
-}, rn = s.forwardRef(
+}, an = s.forwardRef(
   ({
     className: t,
     barCount: r = 12,
@@ -6524,7 +6637,7 @@ const tn = O("flex items-end gap-px", {
       "div",
       {
         ref: b,
-        className: l(tn({ color: c }), t),
+        className: l(rn({ color: c }), t),
         style: { height: o, ...d },
         "aria-hidden": "true",
         ...p,
@@ -6547,7 +6660,7 @@ const tn = O("flex items-end gap-px", {
     );
   }
 );
-rn.displayName = "FrequencyBars";
+an.displayName = "FrequencyBars";
 export {
   gr as Accordion,
   vr as AccordionContent,
@@ -6557,12 +6670,12 @@ export {
   ur as Avatar,
   fr as AvatarFallback,
   pr as AvatarImage,
-  oo as BackToTop,
+  no as BackToTop,
   At as Badge,
   wa as BottomSheet,
   ea as Breadcrumb,
   pe as Button,
-  Sn as CHART_COLORS,
+  Rn as CHART_COLORS,
   Ot as Card,
   jt as CardBody,
   Bt as CardDescription,
@@ -6573,18 +6686,18 @@ export {
   Ta as Carousel,
   ka as CarouselItem,
   Jt as Checkbox,
-  Go as CommandOutput,
-  lo as CommandPalette,
-  uo as ContextMenu,
-  so as CookieConsent,
-  Mo as CoordinateTag,
-  ao as CopyClipboard,
-  qo as CountdownTimer,
-  Eo as DataStream,
+  Wo as CommandOutput,
+  co as CommandPalette,
+  po as ContextMenu,
+  io as CookieConsent,
+  Lo as CoordinateTag,
+  oo as CopyClipboard,
+  Xo as CountdownTimer,
+  Io as DataStream,
   fa as DatePicker,
-  Ka as DescriptionDetail,
-  Ga as DescriptionList,
-  Wa as DescriptionTerm,
+  qa as DescriptionDetail,
+  Wa as DescriptionList,
+  Ka as DescriptionTerm,
   Ge as Dialog,
   Ar as DialogClose,
   qe as DialogContent,
@@ -6595,52 +6708,52 @@ export {
   We as DialogPortal,
   Je as DialogTitle,
   Cr as DialogTrigger,
-  ho as DiamondLoader,
-  co as Dropdown,
+  yo as DiamondLoader,
+  uo as Dropdown,
   Yr as EmptyState,
   ya as FileUpload,
   na as FilterBar,
   oa as FilterChip,
-  Aa as Footer,
-  Da as FooterColumn,
-  Ca as FooterLink,
-  rn as FrequencyBars,
-  xo as GlitchText,
-  Oo as HUDOverlay,
+  Ma as Footer,
+  Ca as FooterColumn,
+  Aa as FooterLink,
+  an as FrequencyBars,
+  go as GlitchText,
+  $o as HUDOverlay,
   Kt as HelperText,
-  wo as HoloCard,
+  ko as HoloCard,
   Gt as Input,
   Wt as Label,
   Ht as LinkCard,
-  qa as LinkList,
-  Xa as LinkListItem,
-  za as List,
-  Ha as ListItem,
-  en as MatrixGrid,
-  Bo as MissionCard,
+  Xa as LinkList,
+  Ja as LinkListItem,
+  Ha as List,
+  Ya as ListItem,
+  tn as MatrixGrid,
+  jo as MissionCard,
   ra as NumberInput,
-  Ya as NumberedList,
-  Ua as NumberedListItem,
+  Ua as NumberedList,
+  Ga as NumberedListItem,
   sa as OTPInput,
   zt as OperatorCard,
   Qr as Pagination,
-  An as Panel,
-  Mn as PanelGroup,
-  Ln as PanelResizeHandle,
+  Mn as Panel,
+  Ln as PanelGroup,
+  On as PanelResizeHandle,
   Er as Popover,
   _r as PopoverAnchor,
   Dr as PopoverContent,
   Ir as PopoverTrigger,
   xr as Progress,
-  to as PullToRefresh,
-  Lo as RadarChart,
+  ro as PullToRefresh,
+  Oo as RadarChart,
   Zt as RadioGroup,
   Qt as RadioGroupItem,
   ba as Rating,
   Sa as ResizeHandle,
-  _a as RichTextEditor,
-  Ao as ScanDivider,
-  no as ScrollProgress,
+  Da as RichTextEditor,
+  Mo as ScanDivider,
+  so as ScrollProgress,
   tr as Select,
   nr as SelectContent,
   rr as SelectGroup,
@@ -6659,34 +6772,34 @@ export {
   Y as SkeletonLine,
   zr as SkeletonTableRow,
   Qe as SkeletonText,
-  yn as SonnerToaster,
-  Qa as SortControl,
-  po as SpoilerBlock,
-  fo as SpoilerInline,
-  Ja as Stat,
-  Za as StatGrid,
-  Yo as StatusBar,
+  vn as SonnerToaster,
+  eo as SortControl,
+  fo as SpoilerBlock,
+  mo as SpoilerInline,
+  Za as Stat,
+  Qa as StatGrid,
+  Uo as StatusBar,
   Jr as Stepper,
-  ro as SwipeableItem,
+  ao as SwipeableItem,
   er as Switch,
-  Ma as Table,
-  Oa as TableBody,
-  ja as TableCaption,
-  Ba as TableCell,
-  Fa as TableEmpty,
-  $a as TableFooter,
-  Va as TableHead,
-  La as TableHeader,
-  Pa as TableRow,
+  La as Table,
+  $a as TableBody,
+  Fa as TableCaption,
+  ja as TableCell,
+  za as TableEmpty,
+  Pa as TableFooter,
+  Ba as TableHead,
+  Oa as TableHeader,
+  Va as TableRow,
   Nr as Tabs,
   Rr as TabsContent,
   kr as TabsList,
   Sr as TabsTrigger,
-  _o as TacticalBadge,
-  No as TacticalPanel,
-  Qo as TacticalTable,
+  Do as TacticalBadge,
+  wo as TacticalPanel,
+  en as TacticalTable,
   Xt as Textarea,
-  mo as ThemeSwitcher,
+  bo as ThemeSwitcher,
   Xr as Timeline,
   tt as TimelineItem,
   je as Toast,
@@ -6696,14 +6809,14 @@ export {
   wt as ToastProvider,
   ze as ToastTitle,
   Be as ToastViewport,
-  hn as Toaster,
-  xn as Tooltip,
+  yn as Toaster,
+  gn as Tooltip,
   Nt as TooltipContent,
-  bn as TooltipProvider,
-  gn as TooltipTrigger,
+  xn as TooltipProvider,
+  hn as TooltipTrigger,
   Kr as TopBanner,
   aa as ViewToggle,
-  Co as WarningBanner,
+  Ao as WarningBanner,
   Ur as alertVariants,
   dr as avatarVariants,
   Ct as badgeVariants,
@@ -6712,11 +6825,11 @@ export {
   l as cn,
   Mr as dialogContentVariants,
   Hr as emptyStateVariants,
-  Rn as endfieldChartTheme,
-  tn as frequencyBarsVariants,
+  En as endfieldChartTheme,
+  rn as frequencyBarsVariants,
   Ut as inputWrapperVariants,
-  $o as missionCardVariants,
-  vn as notify,
+  Po as missionCardVariants,
+  Nn as notify,
   ta as numberInputVariants,
   Ce as operatorCardVariants,
   ne as paginationItemVariants,
@@ -6724,20 +6837,20 @@ export {
   mr as progressTrackVariants,
   Or as separatorVariants,
   Pr as skeletonLineVariants,
-  zo as statusBarContainerVariants,
-  Ho as statusBarSegmentVariants,
+  Ho as statusBarContainerVariants,
+  Yo as statusBarSegmentVariants,
   wr as tabsListVariants,
   Tr as tabsTriggerVariants,
-  Io as tacticalBadgeVariants,
+  _o as tacticalBadgeVariants,
   qt as textareaVariants,
   qr as timelineItemVariants,
-  Dn as toast,
+  Cn as toast,
   _t as toastAction,
-  En as useCommandPalette,
-  Nn as useFocusTrap,
-  kn as useInView,
-  wn as useShortcut,
-  Tn as useStagger,
+  In as useCommandPalette,
+  wn as useFocusTrap,
+  Tn as useInView,
+  kn as useShortcut,
+  Sn as useStagger,
   Dt as useToast
 };
 //# sourceMappingURL=index.mjs.map