reend-components 0.2.0 → 0.4.0

package/dist/lib/index.mjs

@@ -1,43 +1,55 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import * as n from "react";
-import * as T from "@radix-ui/react-tooltip";
-import { clsx as z } from "clsx";
-import { twMerge as H } from "tailwind-merge";
-import * as m from "@radix-ui/react-toast";
-import { cva as P } from "class-variance-authority";
-import { X as W, Crosshair as Y, Terminal as X, AlertTriangle as K } from "lucide-react";
-import { Toaster as Q } from "sonner";
-import { toast as Ue } from "sonner";
-import { AnimatePresence as Z, motion as I, useInView as q } from "framer-motion";
-function x(...e) {
-  return H(z(e));
+import { jsx as e, jsxs as c, Fragment as Le } from "react/jsx-runtime";
+import * as i from "react";
+import * as z from "@radix-ui/react-tooltip";
+import { clsx as $e } from "clsx";
+import { twMerge as Fe } from "tailwind-merge";
+import * as D from "@radix-ui/react-toast";
+import { cva as T } from "class-variance-authority";
+import { X as Be, Crosshair as je, Terminal as ze, AlertTriangle as Ge } from "lucide-react";
+import { Toaster as Ue } from "sonner";
+import { toast as Va } from "sonner";
+import { Slot as He } from "@radix-ui/react-slot";
+import * as oe from "@radix-ui/react-checkbox";
+import * as Te from "@radix-ui/react-radio-group";
+import * as ne from "@radix-ui/react-switch";
+import * as A from "@radix-ui/react-select";
+import * as re from "@radix-ui/react-avatar";
+import * as se from "@radix-ui/react-progress";
+import * as B from "@radix-ui/react-accordion";
+import * as q from "@radix-ui/react-tabs";
+import * as j from "@radix-ui/react-popover";
+import * as P from "@radix-ui/react-dialog";
+import * as Ye from "@radix-ui/react-separator";
+import { AnimatePresence as We, motion as te, useInView as qe } from "framer-motion";
+function s(...t) {
+  return Fe($e(t));
 }
-const Le = T.Provider, Oe = T.Root, Pe = T.Trigger, J = n.forwardRef(({ className: e, sideOffset: r = 4, ...o }, a) => /* @__PURE__ */ t(
-  T.Content,
+const Ra = z.Provider, Ia = z.Root, Ca = z.Trigger, Ke = i.forwardRef(({ className: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ e(
+  z.Content,
   {
-    ref: a,
+    ref: o,
     sideOffset: r,
-    className: x(
+    className: s(
       "z-50 overflow-hidden border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      e
+      t
     ),
-    ...o
+    ...a
   }
 ));
-J.displayName = T.Content.displayName;
-const ee = m.Provider, _ = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Viewport,
+Ke.displayName = z.Content.displayName;
+const Xe = D.Provider, ke = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  D.Viewport,
   {
-    ref: o,
-    className: x(
+    ref: a,
+    className: s(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      e
+      t
     ),
     ...r
   }
 ));
-_.displayName = m.Viewport.displayName;
-const te = P(
+ke.displayName = D.Viewport.displayName;
+const Ze = T(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -50,170 +62,170 @@ const te = P(
       variant: "default"
     }
   }
-), M = n.forwardRef(({ className: e, variant: r, ...o }, a) => /* @__PURE__ */ t(
-  m.Root,
+), Se = i.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ e(
+  D.Root,
   {
-    ref: a,
-    className: x(te({ variant: r }), e),
-    ...o
+    ref: o,
+    className: s(Ze({ variant: r }), t),
+    ...a
   }
 ));
-M.displayName = m.Root.displayName;
-const re = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Action,
+Se.displayName = D.Root.displayName;
+const Qe = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  D.Action,
   {
-    ref: o,
-    className: x(
+    ref: a,
+    className: s(
       "inline-flex h-8 shrink-0 items-center justify-center border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors group-[.destructive]:border-muted/40 hover:bg-secondary group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
-      e
+      t
     ),
     ...r
   }
 ));
-re.displayName = m.Action.displayName;
-const V = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Close,
+Qe.displayName = D.Action.displayName;
+const Re = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  D.Close,
   {
-    ref: o,
-    className: x(
+    ref: a,
+    className: s(
       "absolute right-2 top-2 p-1 text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 hover:text-foreground group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:outline-none focus:ring-2 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      e
+      t
     ),
     "toast-close": "",
     ...r,
-    children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ e(Be, { className: "h-4 w-4" })
   }
 ));
-V.displayName = m.Close.displayName;
-const B = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Title,
+Re.displayName = D.Close.displayName;
+const Ie = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  D.Title,
   {
-    ref: o,
-    className: x("text-sm font-semibold", e),
+    ref: a,
+    className: s("text-sm font-semibold", t),
     ...r
   }
 ));
-B.displayName = m.Title.displayName;
-const U = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Description,
+Ie.displayName = D.Title.displayName;
+const Ce = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  D.Description,
   {
-    ref: o,
-    className: x("text-sm opacity-90", e),
+    ref: a,
+    className: s("text-sm opacity-90", t),
     ...r
   }
 ));
-U.displayName = m.Description.displayName;
-const oe = 1, ae = 5e3;
-let $ = 0;
-function se() {
-  return $ = ($ + 1) % Number.MAX_SAFE_INTEGER, $.toString();
+Ce.displayName = D.Description.displayName;
+const Je = 1, et = 5e3;
+let K = 0;
+function tt() {
+  return K = (K + 1) % Number.MAX_SAFE_INTEGER, K.toString();
 }
-const D = /* @__PURE__ */ new Map(), O = (e) => {
-  if (D.has(e))
+const X = /* @__PURE__ */ new Map(), ie = (t) => {
+  if (X.has(t))
     return;
   const r = setTimeout(() => {
-    D.delete(e), N({
+    X.delete(t), $({
       type: "REMOVE_TOAST",
-      toastId: e
+      toastId: t
     });
-  }, ae);
-  D.set(e, r);
-}, ne = (e, r) => {
+  }, et);
+  X.set(t, r);
+}, rt = (t, r) => {
   switch (r.type) {
     case "ADD_TOAST":
       return {
-        ...e,
-        toasts: [r.toast, ...e.toasts].slice(0, oe)
+        ...t,
+        toasts: [r.toast, ...t.toasts].slice(0, Je)
       };
     case "UPDATE_TOAST":
       return {
-        ...e,
-        toasts: e.toasts.map(
-          (o) => o.id === r.toast.id ? { ...o, ...r.toast } : o
+        ...t,
+        toasts: t.toasts.map(
+          (a) => a.id === r.toast.id ? { ...a, ...r.toast } : a
         )
       };
     case "DISMISS_TOAST": {
-      const { toastId: o } = r;
-      return o ? O(o) : e.toasts.forEach((a) => {
-        O(a.id);
+      const { toastId: a } = r;
+      return a ? ie(a) : t.toasts.forEach((o) => {
+        ie(o.id);
       }), {
-        ...e,
-        toasts: e.toasts.map(
-          (a) => a.id === o || o === void 0 ? {
-            ...a,
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === a || a === void 0 ? {
+            ...o,
             open: !1
-          } : a
+          } : o
         )
       };
     }
     case "REMOVE_TOAST":
       return r.toastId === void 0 ? {
-        ...e,
+        ...t,
         toasts: []
       } : {
-        ...e,
-        toasts: e.toasts.filter((o) => o.id !== r.toastId)
+        ...t,
+        toasts: t.toasts.filter((a) => a.id !== r.toastId)
       };
   }
-}, S = [];
-let E = { toasts: [] };
-function N(e) {
-  E = ne(E, e), S.forEach((r) => {
-    r(E);
+}, Y = [];
+let W = { toasts: [] };
+function $(t) {
+  W = rt(W, t), Y.forEach((r) => {
+    r(W);
   });
 }
-function ie({ ...e }) {
-  const r = se(), o = (s) => N({
+function at({ ...t }) {
+  const r = tt(), a = (n) => $({
     type: "UPDATE_TOAST",
-    toast: { ...s, id: r }
-  }), a = () => N({ type: "DISMISS_TOAST", toastId: r });
-  return N({
+    toast: { ...n, id: r }
+  }), o = () => $({ type: "DISMISS_TOAST", toastId: r });
+  return $({
     type: "ADD_TOAST",
     toast: {
-      ...e,
+      ...t,
       id: r,
       open: !0,
-      onOpenChange: (s) => {
-        s || a();
+      onOpenChange: (n) => {
+        n || o();
       }
     }
   }), {
     id: r,
-    dismiss: a,
-    update: o
+    dismiss: o,
+    update: a
   };
 }
-function le() {
-  const [e, r] = n.useState(E);
-  return n.useEffect(() => (S.push(r), () => {
-    const o = S.indexOf(r);
-    o > -1 && S.splice(o, 1);
-  }), [e]), {
-    ...e,
-    toast: ie,
-    dismiss: (o) => N({ type: "DISMISS_TOAST", toastId: o })
+function ot() {
+  const [t, r] = i.useState(W);
+  return i.useEffect(() => (Y.push(r), () => {
+    const a = Y.indexOf(r);
+    a > -1 && Y.splice(a, 1);
+  }), [t]), {
+    ...t,
+    toast: at,
+    dismiss: (a) => $({ type: "DISMISS_TOAST", toastId: a })
   };
 }
-function _e() {
-  const { toasts: e } = le();
-  return /* @__PURE__ */ i(ee, { children: [
-    e.map(function({ id: r, title: o, description: a, action: s, ...c }) {
-      return /* @__PURE__ */ i(M, { ...c, children: [
-        /* @__PURE__ */ i("div", { className: "grid gap-1", children: [
-          o && /* @__PURE__ */ t(B, { children: o }),
-          a && /* @__PURE__ */ t(U, { children: a })
+function Aa() {
+  const { toasts: t } = ot();
+  return /* @__PURE__ */ c(Xe, { children: [
+    t.map(function({ id: r, title: a, description: o, action: n, ...l }) {
+      return /* @__PURE__ */ c(Se, { ...l, children: [
+        /* @__PURE__ */ c("div", { className: "grid gap-1", children: [
+          a && /* @__PURE__ */ e(Ie, { children: a }),
+          o && /* @__PURE__ */ e(Ce, { children: o })
         ] }),
-        s,
-        /* @__PURE__ */ t(V, {})
+        n,
+        /* @__PURE__ */ e(Re, {})
       ] }, r);
     }),
-    /* @__PURE__ */ t(_, {})
+    /* @__PURE__ */ e(ke, {})
   ] });
 }
-const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
-  Q,
+const Da = ({ theme: t = "dark", ...r }) => /* @__PURE__ */ e(
+  Ue,
   {
-    theme: e,
+    theme: t,
     className: "toaster group",
     toastOptions: {
       classNames: {
@@ -225,479 +237,2442 @@ const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
     },
     ...r
   }
-), de = n.forwardRef(
-  ({ children: e, className: r = "" }, o) => /* @__PURE__ */ i("span", { ref: o, className: `relative inline-block ${r}`, children: [
-    /* @__PURE__ */ t("span", { className: "relative z-10", children: e }),
-    /* @__PURE__ */ t(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: "absolute inset-0 text-ef-cyan opacity-70 animate-glitch",
-        style: {
-          clipPath: "inset(20% 0 50% 0)",
-          transform: "translate(-2px, 0)"
-        },
-        children: e
-      }
-    ),
-    /* @__PURE__ */ t(
-      "span",
-      {
-        "aria-hidden": !0,
-        className: "absolute inset-0 text-ef-red opacity-70 animate-glitch",
-        style: {
-          clipPath: "inset(50% 0 20% 0)",
-          transform: "translate(2px, 0)",
-          animationDelay: "0.1s"
-        },
-        children: e
+), le = T(
+  "inline-flex items-center justify-center gap-2 font-display font-bold uppercase tracking-[0.1em] transition-all duration-150 select-none whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-40",
+  {
+    variants: {
+      variant: {
+        primary: "clip-corner bg-primary text-primary-foreground hover:brightness-110 hover:shadow-glow active:brightness-90",
+        secondary: "clip-corner border border-white/25 text-card-foreground bg-transparent hover:border-primary/60 hover:text-primary active:bg-primary/5",
+        ghost: "bg-transparent text-muted-foreground hover:text-primary hover:bg-primary/5 active:bg-primary/10",
+        danger: "clip-corner bg-destructive text-destructive-foreground hover:brightness-110 active:brightness-90",
+        link: "bg-transparent text-primary underline-offset-4 hover:underline h-auto p-0",
+        icon: "bg-white/5 border border-white/10 text-muted-foreground hover:border-primary/30 hover:bg-primary/10 hover:text-primary"
+      },
+      size: {
+        xs: "h-7  px-3  text-[11px]",
+        sm: "h-8  px-4  text-xs",
+        md: "h-11 px-7  text-sm",
+        lg: "h-[52px] px-9  text-base",
+        xl: "h-[60px] px-12 text-lg",
+        icon: "h-10 w-10 p-0"
       }
-    )
-  ] })
-);
-de.displayName = "GlitchText";
-const ce = { sm: 16, md: 28, lg: 44 }, pe = n.forwardRef(({ size: e = "md", label: r, className: o }, a) => {
-  const s = ce[e];
-  return /* @__PURE__ */ i(
-    "div",
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), nt = i.forwardRef(
+  ({
+    className: t,
+    variant: r,
+    size: a,
+    asChild: o = !1,
+    loading: n = !1,
+    disabled: l,
+    children: p,
+    type: d = "button",
+    ...m
+  }, u) => o ? /* @__PURE__ */ e(
+    He,
     {
-      ref: a,
-      className: `flex flex-col items-center gap-3${o ? ` ${o}` : ""}`,
+      ref: u,
+      className: s(le({ variant: r, size: a }), t),
+      "aria-disabled": l || void 0,
+      ...m,
+      children: p
+    }
+  ) : /* @__PURE__ */ c(
+    "button",
+    {
+      ref: u,
+      type: d,
+      className: s(
+        le({ variant: r, size: a }),
+        n && "pointer-events-none opacity-80",
+        t
+      ),
+      disabled: l || n,
+      "aria-busy": n || void 0,
+      ...m,
       children: [
-        /* @__PURE__ */ t("div", { className: "relative", style: { width: s * 2, height: s * 2 }, children: [0, 1, 2].map((c) => /* @__PURE__ */ t(
-          "div",
+        n && /* @__PURE__ */ e(
+          "span",
           {
-            className: "absolute inset-0 border-2 border-primary",
-            style: {
-              transform: `rotate(45deg) scale(${1 - c * 0.25})`,
-              animation: `diamondSpin ${1.2 + c * 0.4}s linear infinite${c === 1 ? " reverse" : ""}`,
-              opacity: 1 - c * 0.25
-            }
-          },
-          c
-        )) }),
-        r && /* @__PURE__ */ t("span", { className: "font-mono text-xs text-muted-foreground tracking-[0.15em] uppercase", children: r })
+            className: "h-4 w-4 shrink-0 border-2 border-current clip-corner-sm animate-diamond-spin",
+            "aria-hidden": "true"
+          }
+        ),
+        p
       ]
     }
-  );
-});
-pe.displayName = "DiamondLoader";
-const me = {
-  online: "ONLINE",
-  warning: "CAUTION",
-  offline: "OFFLINE",
-  scanning: "SCANNING"
-}, fe = {
-  online: "bg-ef-green",
-  warning: "bg-ef-yellow",
-  offline: "bg-ef-red",
-  scanning: "bg-ef-cyan animate-pulse"
-}, ue = n.forwardRef(({ title: e, status: r = "online", children: o, className: a }, s) => /* @__PURE__ */ i(
-  "div",
-  {
-    ref: s,
-    className: `relative border border-border bg-surface-1 scanline-overlay${a ? ` ${a}` : ""}`,
-    children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-border bg-surface-0", children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ t(Y, { className: "w-3.5 h-3.5 text-primary" }),
-          /* @__PURE__ */ t("span", { className: "font-display text-[11px] font-bold tracking-[0.15em] uppercase text-foreground", children: e })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: `w-2 h-2 ${fe[r]}`,
-              style: { clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)" }
-            }
-          ),
-          /* @__PURE__ */ t("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground", children: me[r] })
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "absolute top-0 left-0 w-6 h-6 border-t-2 border-l-2 border-primary/40 pointer-events-none" }),
-      /* @__PURE__ */ t("div", { className: "absolute top-0 right-0 w-6 h-6 border-t-2 border-r-2 border-primary/40 pointer-events-none" }),
-      /* @__PURE__ */ t("div", { className: "absolute bottom-0 left-0 w-6 h-6 border-b-2 border-l-2 border-primary/40 pointer-events-none" }),
-      /* @__PURE__ */ t("div", { className: "absolute bottom-0 right-0 w-6 h-6 border-b-2 border-r-2 border-primary/40 pointer-events-none" }),
-      /* @__PURE__ */ t("div", { className: "p-5", children: o })
-    ]
-  }
-));
-ue.displayName = "TacticalPanel";
-const ge = n.forwardRef(
-  ({ title: e, subtitle: r, icon: o, value: a, className: s }, c) => {
-    const [l, g] = n.useState(!1);
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        ref: c,
-        className: `relative clip-corner border border-border bg-surface-1 p-6 overflow-hidden group cursor-pointer transition-all duration-500 hover:border-primary/30${s ? ` ${s}` : ""}`,
-        onMouseEnter: () => g(!0),
-        onMouseLeave: () => g(!1),
-        children: [
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "absolute left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/60 to-transparent pointer-events-none transition-all",
-              style: {
-                top: l ? "100%" : "-10%",
-                opacity: l ? 1 : 0,
-                transitionDuration: "2000ms"
-              }
-            }
-          ),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "absolute inset-0 pointer-events-none transition-opacity duration-500",
-              style: {
-                background: "linear-gradient(135deg, transparent 0%, hsl(var(--primary) / 0.03) 40%, transparent 60%)",
-                opacity: l ? 1 : 0
-              }
-            }
-          ),
-          /* @__PURE__ */ i("div", { className: "relative z-10", children: [
-            /* @__PURE__ */ t(o, { className: "w-5 h-5 text-primary mb-4 group-hover:drop-shadow-[0_0_8px_hsl(var(--primary)/0.5)] transition-all" }),
-            a && /* @__PURE__ */ t("p", { className: "font-display text-3xl font-bold text-primary mb-1", children: a }),
-            /* @__PURE__ */ t("h4", { className: "font-display text-sm font-bold tracking-[0.05em] uppercase text-foreground mb-1", children: e }),
-            /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: r })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "absolute bottom-3 right-3 text-primary/20 group-hover:text-primary/60 transition-colors text-xs", children: "◆" })
-        ]
-      }
-    );
-  }
-);
-ge.displayName = "HoloCard";
-const be = [
-  "[SYS] Initializing ENDFIELD protocol...",
-  "[NET] Connection established — latency: 12ms",
-  "[SEC] Authentication verified ◆ Level: ALPHA",
-  "[DAT] Loading design tokens: 94 variables mapped",
-  "[GPU] Render pipeline: Optimized (60fps locked)",
-  "[SYS] Component registry: 70 modules online",
-  "[NET] Sync complete — all nodes operational",
-  "[DAT] Color system: HSL-based, 9 neutrals, 9 accents",
-  "[SEC] Encryption: AES-256 ◆ Status: ACTIVE",
-  "[SYS] ENDFIELD DESIGN SYSTEM v2.0 ◆ READY"
-], xe = n.forwardRef(
-  ({ messages: e = be, className: r }, o) => {
-    const [a, s] = n.useState([]), c = n.useRef(null);
-    return n.useEffect(() => {
-      let l = 0;
-      const g = setInterval(() => {
-        s((b) => {
-          const u = [...b, e[l % e.length]];
-          return u.length > 8 ? u.slice(-8) : u;
-        }), l++;
-      }, 1200);
-      return () => clearInterval(g);
-    }, [e]), n.useEffect(() => {
-      c.current && (c.current.scrollTop = c.current.scrollHeight);
-    }, [a]), /* @__PURE__ */ i(
-      "div",
-      {
-        ref: o,
-        className: `border border-border bg-background clip-corner overflow-hidden${r ? ` ${r}` : ""}`,
-        children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-surface-0", children: [
-            /* @__PURE__ */ t(X, { className: "w-3.5 h-3.5 text-primary" }),
-            /* @__PURE__ */ t("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground uppercase", children: "LIVE FEED" }),
-            /* @__PURE__ */ i("div", { className: "ml-auto flex items-center gap-1.5", children: [
-              /* @__PURE__ */ t(
-                "div",
-                {
-                  className: "w-1.5 h-1.5 bg-ef-green animate-pulse",
-                  style: { clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)" }
-                }
-              ),
-              /* @__PURE__ */ t("span", { className: "font-mono text-[10px] text-ef-green", children: "ACTIVE" })
-            ] })
-          ] }),
-          /* @__PURE__ */ i(
-            "div",
-            {
-              ref: c,
-              className: "p-4 h-48 overflow-y-auto font-mono text-xs space-y-1",
-              children: [
-                /* @__PURE__ */ t(Z, { children: a.map((l, g) => /* @__PURE__ */ t(
-                  I.div,
-                  {
-                    initial: { opacity: 0, x: -10 },
-                    animate: { opacity: 1, x: 0 },
-                    className: l.includes("[SEC]") ? "text-ef-green" : l.includes("[NET]") ? "text-ef-blue" : l.includes("[DAT]") ? "text-ef-cyan" : l.includes("[GPU]") ? "text-ef-purple" : "text-muted-foreground",
-                    children: l
-                  },
-                  `${l}-${g}`
-                )) }),
-                /* @__PURE__ */ t("span", { className: "inline-block w-2 h-4 bg-primary animate-cursor-blink" })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
+  )
 );
-xe.displayName = "DataStream";
-const he = P(
-  "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",
+nt.displayName = "Button";
+const st = T(
+  "inline-flex items-center gap-1.5 border px-2.5 py-0.5 font-mono text-[10px] font-semibold tracking-[0.12em] uppercase transition-colors",
   {
     variants: {
       variant: {
-        default: "border-primary/40 text-primary bg-primary/10",
+        default: "border-white/15 text-muted-foreground bg-white/5",
+        primary: "border-primary/40 text-primary bg-primary/10",
+        info: "border-ef-blue/40 text-ef-blue bg-ef-blue/10",
         success: "border-ef-green/40 text-ef-green bg-ef-green/10",
-        warning: "border-ef-yellow/40 text-ef-yellow bg-ef-yellow/10",
-        danger: "border-ef-red/40 text-ef-red bg-ef-red/10",
-        info: "border-ef-cyan/40 text-ef-cyan bg-ef-cyan/10"
+        warning: "border-ef-orange/40 text-ef-orange bg-ef-orange/10",
+        danger: "border-destructive/40 text-destructive bg-destructive/10",
+        purple: "border-ef-purple/40 text-ef-purple bg-ef-purple/10"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), ve = n.forwardRef(({ variant: e, className: r, children: o, ...a }, s) => /* @__PURE__ */ i(
-  "span",
-  {
-    ref: s,
-    className: x(he({ variant: e }), r),
-    ...a,
-    children: [
-      /* @__PURE__ */ t("span", { style: { fontSize: "6px" }, children: "◆" }),
-      o
-    ]
-  }
-));
-ve.displayName = "TacticalBadge";
-const ye = {
-  caution: {
-    border: "border-ef-yellow/30",
-    bg: "bg-ef-yellow/5",
-    icon: "text-ef-yellow",
-    label: "CAUTION"
-  },
-  alert: {
-    border: "border-ef-orange/30",
-    bg: "bg-ef-orange/5",
-    icon: "text-ef-orange",
-    label: "ALERT"
-  },
-  critical: {
-    border: "border-ef-red/30",
-    bg: "bg-ef-red/5",
-    icon: "text-ef-red",
-    label: "CRITICAL"
-  }
-}, Ne = n.forwardRef(({ level: e = "caution", children: r, className: o }, a) => {
-  const s = ye[e];
-  return /* @__PURE__ */ i(
-    "div",
+), it = i.forwardRef(
+  ({ className: t, variant: r, removable: a, onRemove: o, children: n, ...l }, p) => /* @__PURE__ */ c(
+    "span",
     {
-      ref: a,
-      className: `clip-corner border ${s.border} ${s.bg} p-4 flex items-start gap-3${o ? ` ${o}` : ""}`,
+      ref: p,
+      className: s(st({ variant: r }), a && "pr-1", t),
+      ...l,
       children: [
-        /* @__PURE__ */ t(K, { className: `w-5 h-5 ${s.icon} shrink-0 mt-0.5` }),
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ t(
-            "span",
-            {
-              className: `font-display text-[11px] font-bold tracking-[0.15em] ${s.icon}`,
-              children: s.label
-            }
-          ),
-          /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground mt-1", children: r })
-        ] })
+        n,
+        a && /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: (d) => {
+              d.stopPropagation(), o == null || o();
+            },
+            className: "ml-0.5 inline-flex items-center justify-center leading-none opacity-50 hover:opacity-100 transition-opacity focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current",
+            "aria-label": "Remove",
+            tabIndex: 0,
+            children: "×"
+          }
+        )
       ]
     }
-  );
-});
-Ne.displayName = "WarningBanner";
-const Te = n.forwardRef(
-  ({ label: e, className: r }, o) => /* @__PURE__ */ i(
+  )
+);
+it.displayName = "Badge";
+const lt = "before:content-[''] before:absolute before:-top-px before:-left-px before:w-6 before:h-6 before:border-t-2 before:border-l-2 before:border-primary/40 before:pointer-events-none after:content-[''] after:absolute after:-bottom-px after:-right-px after:w-6 after:h-6 after:border-b-2 after:border-r-2 after:border-primary/40 after:pointer-events-none", dt = T(
+  [
+    "relative bg-surface-1 border border-border transition-all duration-300",
+    lt
+  ].join(" "),
+  {
+    variants: {
+      hoverable: {
+        true: [
+          "cursor-pointer",
+          "hover:-translate-y-1",
+          "hover:shadow-[0_16px_48px_rgba(0,0,0,0.5)]",
+          "hover:border-primary/20",
+          "hover:before:border-primary/60",
+          "hover:after:border-primary/60"
+        ].join(" "),
+        false: ""
+      },
+      selected: {
+        true: "border-2 border-primary/40 bg-primary/[0.06]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      hoverable: !1,
+      selected: !1
+    }
+  }
+), ct = i.forwardRef(
+  ({ className: t, hoverable: r, selected: a, ...o }, n) => /* @__PURE__ */ e(
     "div",
     {
-      ref: o,
-      className: `relative flex items-center gap-4 py-2${r ? ` ${r}` : ""}`,
-      children: [
-        /* @__PURE__ */ t("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" }),
-        e && /* @__PURE__ */ i("span", { className: "font-display text-[10px] font-bold tracking-[0.2em] uppercase text-primary/60 flex items-center gap-2", children: [
-          /* @__PURE__ */ t("span", { style: { fontSize: "6px" }, children: "◆" }),
-          " ",
-          e,
-          " ",
-          /* @__PURE__ */ t("span", { style: { fontSize: "6px" }, children: "◆" })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" })
-      ]
+      ref: n,
+      className: s(dt({ hoverable: r, selected: a }), t),
+      ...o
     }
   )
 );
-Te.displayName = "ScanDivider";
-const we = n.forwardRef(({ label: e, value: r, unit: o, className: a }, s) => /* @__PURE__ */ i(
+ct.displayName = "Card";
+const pt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: s,
-    className: `inline-flex items-center border border-border bg-surface-0 overflow-hidden${a ? ` ${a}` : ""}`,
-    children: [
-      /* @__PURE__ */ t("span", { className: "font-mono text-[10px] tracking-[0.1em] uppercase text-muted-foreground bg-surface-2 px-2.5 py-1.5 border-r border-border", children: e }),
-      /* @__PURE__ */ t("span", { className: "font-mono text-xs text-primary px-2.5 py-1.5 font-bold", children: r }),
-      o && /* @__PURE__ */ t("span", { className: "font-mono text-[10px] text-muted-foreground pr-2.5", children: o })
-    ]
+    ref: a,
+    className: s("flex items-start justify-between gap-4 p-5", t),
+    ...r
+  }
+));
+pt.displayName = "CardHeader";
+const mt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  "p",
+  {
+    ref: a,
+    className: s(
+      "font-mono text-[10px] tracking-[0.15em] uppercase text-primary mb-2",
+      t
+    ),
+    ...r
+  }
+));
+mt.displayName = "CardMeta";
+const ft = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  "h3",
+  {
+    ref: a,
+    className: s(
+      "font-display text-sm font-bold tracking-[0.02em] uppercase text-foreground",
+      t
+    ),
+    ...r
+  }
+));
+ft.displayName = "CardTitle";
+const ut = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  "p",
+  {
+    ref: a,
+    className: s("text-sm text-muted-foreground leading-relaxed", t),
+    ...r
+  }
+));
+ut.displayName = "CardDescription";
+const xt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e("div", { ref: a, className: s("p-5", t), ...r }));
+xt.displayName = "CardBody";
+const gt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  "div",
+  {
+    ref: a,
+    className: s(
+      "flex items-center gap-3 px-5 py-4 border-t border-border",
+      t
+    ),
+    ...r
   }
 ));
-we.displayName = "CoordinateTag";
-const Se = n.forwardRef(
-  ({ data: e, size: r = 260, color: o = "primary", className: a }, s) => {
-    const c = n.useRef(null), l = q(c, { once: !0 }), g = n.useCallback(
-      (d) => {
-        c.current = d, typeof s == "function" ? s(d) : s && (s.current = d);
+gt.displayName = "CardFooter";
+const ht = T(
+  "relative flex items-center border transition-all duration-150 bg-surface-1",
+  {
+    variants: {
+      state: {
+        default: [
+          "border-white/[0.12]",
+          "hover:border-white/20",
+          "focus-within:border-primary",
+          "focus-within:shadow-[0_0_0_3px_rgba(255,212,41,0.1)]"
+        ].join(" "),
+        error: [
+          "border-ef-red",
+          "focus-within:shadow-[0_0_0_3px_rgba(255,71,87,0.1)]"
+        ].join(" "),
+        success: "border-ef-green"
       },
-      [s]
-    ), b = r / 2, u = r / 2, f = r * 0.38, v = 4, j = e.length, R = Math.PI * 2 / j, y = o === "cyan" ? "--ef-cyan" : "--primary", w = (d, p) => ({
-      x: b + p * Math.sin(d * R),
-      y: u - p * Math.cos(d * R)
-    }), G = Array.from({ length: v }, (d, p) => {
-      const h = f * ((p + 1) / v);
-      return e.map((A, F) => w(F, h)).map((A) => `${A.x},${A.y}`).join(" ");
-    }), k = e.map((d, p) => w(p, d.value / 100 * f)), C = k.map((d) => `${d.x},${d.y}`).join(" "), L = e.map(() => `${b},${u}`).join(" ");
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: g,
-        className: `flex flex-col items-center w-full${a ? ` ${a}` : ""}`,
-        children: /* @__PURE__ */ i(
-          "svg",
-          {
-            viewBox: `0 0 ${r} ${r}`,
-            className: "w-full max-w-[260px] h-auto overflow-visible",
-            children: [
-              G.map((d, p) => /* @__PURE__ */ t(
-                "polygon",
-                {
-                  points: d,
-                  fill: "none",
-                  stroke: "hsl(var(--border))",
-                  strokeWidth: 1,
-                  opacity: 0.5
-                },
-                p
-              )),
-              e.map((d, p) => {
-                const h = w(p, f);
-                return /* @__PURE__ */ t(
-                  "line",
-                  {
-                    x1: b,
-                    y1: u,
-                    x2: h.x,
-                    y2: h.y,
-                    stroke: "hsl(var(--border))",
-                    strokeWidth: 1,
-                    opacity: 0.3
-                  },
-                  p
-                );
-              }),
-              /* @__PURE__ */ t(
-                I.polygon,
-                {
-                  points: l ? C : L,
-                  fill: `hsl(var(${y}) / 0.15)`,
-                  stroke: `hsl(var(${y}))`,
-                  strokeWidth: 2,
-                  initial: !1,
-                  animate: { points: l ? C : L },
-                  transition: { duration: 0.8, ease: [0.25, 0.8, 0.25, 1] },
-                  style: {
-                    filter: `drop-shadow(0 0 8px hsl(var(${y}) / 0.3))`
-                  }
-                }
-              ),
-              k.map((d, p) => /* @__PURE__ */ t(
-                I.circle,
-                {
-                  cx: b,
-                  cy: u,
-                  r: 4,
-                  fill: `hsl(var(${y}))`,
-                  stroke: "hsl(var(--background))",
-                  strokeWidth: 2,
-                  initial: !1,
-                  animate: { cx: l ? d.x : b, cy: l ? d.y : u },
-                  transition: { duration: 0.8, delay: p * 0.05 },
-                  style: {
-                    filter: `drop-shadow(0 0 4px hsl(var(${y}) / 0.5))`
-                  }
-                },
-                p
-              )),
-              e.map((d, p) => {
-                const h = w(p, f + 20);
-                return /* @__PURE__ */ t(
-                  "text",
-                  {
-                    x: h.x,
-                    y: h.y,
-                    textAnchor: "middle",
-                    dominantBaseline: "middle",
-                    className: "font-display text-[9px] font-bold tracking-[0.1em] uppercase",
-                    fill: "hsl(var(--muted-foreground))",
-                    children: d.label
-                  },
-                  p
-                );
-              })
-            ]
-          }
-        )
+      size: {
+        sm: "h-8",
+        md: "h-11",
+        lg: "h-[52px]"
       }
-    );
+    },
+    defaultVariants: {
+      state: "default",
+      size: "md"
+    }
   }
-);
-Se.displayName = "RadarChart";
-const Ee = n.forwardRef(
+), bt = i.forwardRef(
   ({
-    children: e,
-    systemLabel: r = "SYS::ENDFIELD v2.0",
-    lat: o = "LAT 37.7749°N",
-    lon: a = "LON 122.4194°W",
-    showCoords: s = !0,
-    showCrosshair: c = !0,
-    className: l
-  }, g) => {
-    const [b, u] = n.useState("");
-    return n.useEffect(() => {
-      const f = () => u((/* @__PURE__ */ new Date()).toLocaleTimeString("en-GB"));
-      f();
-      const v = setInterval(f, 1e3);
-      return () => clearInterval(v);
-    }, []), /* @__PURE__ */ i(
+    className: t,
+    state: r = "default",
+    size: a = "md",
+    leftElement: o,
+    rightElement: n,
+    disabled: l,
+    ...p
+  }, d) => {
+    const m = o || a === "sm" ? "pl-2" : "pl-3", u = n || a === "sm" ? "pr-2" : "pr-3";
+    return /* @__PURE__ */ c(
       "div",
       {
-        ref: g,
-        className: `relative border border-border bg-surface-0 aspect-video flex items-center justify-center overflow-hidden${l ? ` ${l}` : ""}`,
+        className: s(
+          ht({ state: r, size: a }),
+          l && "opacity-40 cursor-not-allowed pointer-events-none bg-background",
+          t
+        ),
         children: [
-          /* @__PURE__ */ t("div", { className: "absolute inset-0 scanline-overlay" }),
-          [
-            "top-3 left-3 border-t-2 border-l-2",
-            "top-3 right-3 border-t-2 border-r-2",
-            "bottom-3 left-3 border-b-2 border-l-2",
-            "bottom-3 right-3 border-b-2 border-r-2"
-          ].map((f, v) => /* @__PURE__ */ t(
-            "div",
+          o && /* @__PURE__ */ e("span", { className: "pl-3 flex-shrink-0 text-muted-foreground flex items-center", children: o }),
+          /* @__PURE__ */ e(
+            "input",
             {
-              className: `absolute w-8 h-8 ${f} border-primary/40 pointer-events-none`
-            },
-            v
-          )),
-          c && /* @__PURE__ */ i("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none", children: [
-            /* @__PURE__ */ t(
+              ref: d,
+              disabled: l,
+              className: s(
+                "h-full flex-1 min-w-0 bg-transparent text-foreground text-sm font-mono",
+                "placeholder:text-muted-foreground focus:outline-none",
+                m,
+                u
+              ),
+              ...p
+            }
+          ),
+          n && /* @__PURE__ */ e("span", { className: "pr-3 flex-shrink-0 text-muted-foreground flex items-center", children: n })
+        ]
+      }
+    );
+  }
+);
+bt.displayName = "Input";
+const vt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  "label",
+  {
+    ref: a,
+    className: s(
+      "font-display text-[11px] font-semibold uppercase tracking-widest text-muted-foreground",
+      t
+    ),
+    ...r
+  }
+));
+vt.displayName = "Label";
+const yt = i.forwardRef(
+  ({ className: t, state: r = "default", ...a }, o) => /* @__PURE__ */ e(
+    "p",
+    {
+      ref: o,
+      className: s(
+        "text-[12px] leading-tight",
+        r === "error" && "text-destructive",
+        r === "success" && "text-ef-green",
+        r === "default" && "text-muted-foreground",
+        t
+      ),
+      ...a
+    }
+  )
+);
+yt.displayName = "HelperText";
+const Nt = T(
+  [
+    "w-full resize-y border bg-surface-1 text-foreground",
+    "placeholder:text-muted-foreground font-mono text-sm",
+    "transition-all duration-150 focus:outline-none",
+    "min-h-[120px] px-3 py-2.5",
+    "disabled:opacity-40 disabled:cursor-not-allowed disabled:bg-background disabled:pointer-events-none"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        default: [
+          "border-white/[0.12]",
+          "hover:border-white/20",
+          "focus:border-primary",
+          "focus:shadow-[0_0_0_3px_rgba(255,212,41,0.1)]"
+        ].join(" "),
+        error: [
+          "border-ef-red",
+          "focus:shadow-[0_0_0_3px_rgba(255,71,87,0.1)]"
+        ].join(" "),
+        success: "border-ef-green"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+), wt = i.forwardRef(
+  ({ className: t, state: r = "default", showCount: a, maxLength: o, onChange: n, ...l }, p) => {
+    const [d, m] = i.useState(() => {
+      const f = l.value ?? l.defaultValue ?? "";
+      return String(f).length;
+    });
+    i.useEffect(() => {
+      l.value !== void 0 && m(String(l.value).length);
+    }, [l.value]);
+    const u = () => o !== void 0 && d > o ? "text-destructive" : o !== void 0 && d / o >= 0.8 ? "text-ef-orange" : "text-muted-foreground";
+    return /* @__PURE__ */ c("div", { className: "relative", children: [
+      /* @__PURE__ */ e(
+        "textarea",
+        {
+          ref: p,
+          maxLength: o,
+          onChange: (f) => {
+            m(f.target.value.length), n == null || n(f);
+          },
+          className: s(
+            Nt({ state: r }),
+            a && "pb-7",
+            t
+          ),
+          ...l
+        }
+      ),
+      a && /* @__PURE__ */ e(
+        "span",
+        {
+          className: s(
+            "absolute bottom-2 right-3 font-mono text-[11px] pointer-events-none select-none",
+            u()
+          ),
+          children: o !== void 0 ? `${d}/${o}` : d
+        }
+      )
+    ] });
+  }
+);
+wt.displayName = "Textarea";
+const Tt = i.forwardRef(({ className: t, label: r, helperText: a, id: o, ...n }, l) => {
+  const p = i.useId(), d = o ?? p;
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e(
+        oe.Root,
+        {
+          ref: l,
+          id: d,
+          className: s(
+            "group peer h-[18px] w-[18px] shrink-0 border-2 border-white/25 bg-transparent",
+            "cursor-pointer transition-all duration-150",
+            "hover:border-primary/60",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            "disabled:cursor-not-allowed disabled:opacity-40",
+            "data-[state=checked]:bg-primary data-[state=checked]:border-primary",
+            "data-[state=indeterminate]:bg-primary/50 data-[state=indeterminate]:border-primary",
+            t
+          ),
+          ...n,
+          children: /* @__PURE__ */ c(oe.Indicator, { className: "flex items-center justify-center", children: [
+            /* @__PURE__ */ e("span", { className: "hidden group-data-[state=checked]:inline leading-none text-primary-foreground text-[10px] font-bold select-none", children: "◆" }),
+            /* @__PURE__ */ e("span", { className: "hidden group-data-[state=indeterminate]:inline leading-none text-primary-foreground text-sm font-bold select-none", children: "−" })
+          ] })
+        }
+      ),
+      r && /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: d,
+          className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none leading-none",
+          children: r
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground pl-[30px]", children: a })
+  ] });
+});
+Tt.displayName = "Checkbox";
+const kt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  Te.Root,
+  {
+    ref: a,
+    className: s("flex flex-col gap-3", t),
+    ...r
+  }
+));
+kt.displayName = "RadioGroup";
+const St = i.forwardRef(({ className: t, label: r, helperText: a, id: o, ...n }, l) => {
+  const p = i.useId(), d = o ?? p;
+  return /* @__PURE__ */ c("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ c(
+        Te.Item,
+        {
+          ref: l,
+          id: d,
+          className: s(
+            "group peer cursor-pointer shrink-0 flex items-center justify-center",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            "disabled:cursor-not-allowed disabled:opacity-40",
+            t
+          ),
+          ...n,
+          children: [
+            /* @__PURE__ */ e("span", { className: "text-[18px] leading-none select-none transition-colors duration-150 group-data-[state=unchecked]:inline group-data-[state=checked]:hidden text-muted-foreground/50 group-hover:text-muted-foreground group-data-[disabled]:pointer-events-none", children: "◇" }),
+            /* @__PURE__ */ e("span", { className: "text-[18px] leading-none select-none transition-colors duration-150 group-data-[state=checked]:inline group-data-[state=unchecked]:hidden text-primary", children: "◆" })
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ e(
+        "label",
+        {
+          htmlFor: d,
+          className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none leading-none",
+          children: r
+        }
+      )
+    ] }),
+    a && /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground pl-[30px]", children: a })
+  ] });
+});
+St.displayName = "RadioGroupItem";
+const Rt = i.forwardRef(({ className: t, label: r, offLabel: a, onLabel: o, id: n, checked: l, ...p }, d) => {
+  const m = i.useId(), u = n ?? m;
+  return /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+    (a || o) && /* @__PURE__ */ e("span", { className: "text-[11px] font-mono uppercase tracking-widest text-muted-foreground select-none min-w-[32px] text-right", children: l ? o : a }),
+    /* @__PURE__ */ e(
+      ne.Root,
+      {
+        ref: d,
+        id: u,
+        checked: l,
+        className: s(
+          "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-none",
+          "border border-white/15 bg-white/10",
+          "transition-all duration-200",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+          "disabled:cursor-not-allowed disabled:opacity-40",
+          "data-[state=checked]:bg-primary data-[state=checked]:border-primary",
+          t
+        ),
+        ...p,
+        children: /* @__PURE__ */ e(
+          ne.Thumb,
+          {
+            className: s(
+              "pointer-events-none block h-5 w-5 bg-white shadow-sm ring-0",
+              "transition-transform duration-200",
+              "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0.5"
+            )
+          }
+        )
+      }
+    ),
+    r && /* @__PURE__ */ e(
+      "label",
+      {
+        htmlFor: u,
+        className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none",
+        children: r
+      }
+    )
+  ] });
+});
+Rt.displayName = "Switch";
+const It = A.Root;
+It.displayName = "Select";
+const Ct = A.Group;
+Ct.displayName = "SelectGroup";
+const At = A.Value;
+At.displayName = "SelectValue";
+const Dt = i.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ c(
+  A.Trigger,
+  {
+    ref: o,
+    className: s(
+      "relative flex h-11 w-full items-center justify-between",
+      "border border-white/[0.12] bg-surface-1 px-3",
+      "font-mono text-sm text-foreground",
+      "transition-all duration-150",
+      "hover:border-white/20",
+      "focus:outline-none focus:border-primary focus:shadow-[0_0_0_3px_rgba(255,212,41,0.1)]",
+      "disabled:cursor-not-allowed disabled:opacity-40 disabled:pointer-events-none",
+      "data-[placeholder]:text-muted-foreground",
+      "[&>span]:line-clamp-1",
+      t
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ e(A.Icon, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "shrink-0 text-muted-foreground text-xs ml-2 select-none", children: "▾" }) })
+    ]
+  }
+));
+Dt.displayName = "SelectTrigger";
+const Ae = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  A.ScrollUpButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground text-xs",
+      t
+    ),
+    ...r,
+    children: "▴"
+  }
+));
+Ae.displayName = "SelectScrollUpButton";
+const De = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  A.ScrollDownButton,
+  {
+    ref: a,
+    className: s(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground text-xs",
+      t
+    ),
+    ...r,
+    children: "▾"
+  }
+));
+De.displayName = "SelectScrollDownButton";
+const Et = i.forwardRef(({ className: t, children: r, position: a = "popper", ...o }, n) => /* @__PURE__ */ e(A.Portal, { children: /* @__PURE__ */ c(
+  A.Content,
+  {
+    ref: n,
+    className: s(
+      "relative z-[var(--z-overlay,50)] min-w-[8rem] overflow-hidden",
+      "bg-surface-2 border border-white/10 shadow-lg",
+      "data-[state=open]:animate-fade-in-up",
+      "data-[state=closed]:animate-fade-in-up",
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      t
+    ),
+    position: a,
+    ...o,
+    children: [
+      /* @__PURE__ */ e(Ae, {}),
+      /* @__PURE__ */ e(
+        A.Viewport,
+        {
+          className: s(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(De, {})
+    ]
+  }
+) }));
+Et.displayName = "SelectContent";
+const _t = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  A.Label,
+  {
+    ref: a,
+    className: s(
+      "font-mono text-[10px] uppercase tracking-widest text-muted-foreground/60 px-4 py-1.5",
+      t
+    ),
+    ...r
+  }
+));
+_t.displayName = "SelectLabel";
+const Vt = i.forwardRef(({ className: t, children: r, danger: a, ...o }, n) => /* @__PURE__ */ e(
+  A.Item,
+  {
+    ref: n,
+    className: s(
+      "relative flex w-full cursor-pointer select-none items-center px-4 py-2 text-sm text-muted-foreground",
+      "outline-none transition-colors duration-100",
+      "focus:bg-primary/6 focus:text-primary",
+      "data-[state=checked]:text-primary data-[state=checked]:font-medium",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+      a ? "hover:bg-destructive/6 hover:text-destructive focus:bg-destructive/6 focus:text-destructive" : "hover:bg-primary/6 hover:text-primary",
+      t
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(A.ItemText, { children: r })
+  }
+));
+Vt.displayName = "SelectItem";
+const Ot = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  A.Separator,
+  {
+    ref: a,
+    className: s("my-1 h-px bg-white/8", t),
+    ...r
+  }
+));
+Ot.displayName = "SelectSeparator";
+const Mt = T(
+  "relative inline-flex shrink-0 overflow-hidden clip-corner-sm",
+  {
+    variants: {
+      size: {
+        xs: "h-6 w-6",
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-14 w-14",
+        xl: "h-20 w-20",
+        "2xl": "h-[120px] w-[120px]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Pt = {
+  online: "text-ef-green",
+  offline: "text-muted-foreground/50",
+  busy: "text-destructive",
+  away: "text-ef-orange"
+}, Lt = i.forwardRef(({ className: t, size: r, status: a, ...o }, n) => /* @__PURE__ */ c("div", { className: "relative inline-flex shrink-0", children: [
+  /* @__PURE__ */ e(
+    re.Root,
+    {
+      ref: n,
+      className: s(Mt({ size: r }), t),
+      ...o
+    }
+  ),
+  a && /* @__PURE__ */ e(
+    "span",
+    {
+      className: s(
+        "absolute -bottom-0.5 -right-0.5 text-[10px] leading-none select-none",
+        Pt[a]
+      ),
+      "aria-label": a,
+      children: "◆"
+    }
+  )
+] }));
+Lt.displayName = "Avatar";
+const $t = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  re.Image,
+  {
+    ref: a,
+    className: s("aspect-square h-full w-full object-cover", t),
+    ...r
+  }
+));
+$t.displayName = "AvatarImage";
+const Ft = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  re.Fallback,
+  {
+    ref: a,
+    className: s(
+      "flex h-full w-full items-center justify-center",
+      "bg-surface-2 font-display text-muted-foreground uppercase text-center",
+      "text-[clamp(8px,35%,28px)]",
+      t
+    ),
+    ...r
+  }
+));
+Ft.displayName = "AvatarFallback";
+const Bt = T(
+  "relative w-full overflow-hidden bg-white/8",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-1.5",
+        lg: "h-2.5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), jt = T(
+  "h-full w-full flex-1 transition-all duration-500 ease-smooth origin-left",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary",
+        success: "bg-ef-green",
+        danger: "bg-destructive",
+        info: "bg-ef-blue"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+), zt = i.forwardRef(({ className: t, value: r, showLabel: a, size: o, variant: n, ...l }, p) => {
+  const d = r == null, m = d ? void 0 : Math.min(100, Math.max(0, r));
+  return /* @__PURE__ */ c("div", { className: "w-full space-y-1", children: [
+    a && !d && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ c("span", { className: "font-mono text-[11px] text-muted-foreground", children: [
+      m,
+      "%"
+    ] }) }),
+    /* @__PURE__ */ e(
+      se.Root,
+      {
+        ref: p,
+        className: s(Bt({ size: o }), t),
+        value: m,
+        ...l,
+        children: /* @__PURE__ */ e(
+          se.Indicator,
+          {
+            className: s(
+              d ? "h-full animate-skeleton" : jt({ variant: n })
+            ),
+            style: d ? void 0 : { transform: `translateX(-${100 - (m ?? 0)}%)` }
+          }
+        )
+      }
+    )
+  ] });
+});
+zt.displayName = "Progress";
+const Gt = B.Root;
+Gt.displayName = "Accordion";
+const Ut = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  B.Item,
+  {
+    ref: a,
+    className: s("border border-white/6", t),
+    ...r
+  }
+));
+Ut.displayName = "AccordionItem";
+const Ht = i.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ e(B.Header, { className: "flex", children: /* @__PURE__ */ c(
+  B.Trigger,
+  {
+    ref: o,
+    className: s(
+      "group flex flex-1 items-center justify-between px-4 py-3",
+      "font-display text-[13px] font-semibold uppercase tracking-wider text-foreground",
+      "transition-all duration-200",
+      "hover:text-primary hover:bg-white/[0.02]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset",
+      "disabled:cursor-not-allowed disabled:opacity-40",
+      t
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: s(
+            "font-mono text-base leading-none select-none shrink-0 ml-2",
+            "text-muted-foreground transition-colors duration-200",
+            "group-hover:text-primary",
+            "group-data-[state=open]:hidden group-data-[state=closed]:inline"
+          ),
+          "aria-hidden": !0,
+          children: "+"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: s(
+            "font-mono text-base leading-none select-none shrink-0 ml-2",
+            "text-primary transition-colors duration-200",
+            "group-data-[state=open]:inline group-data-[state=closed]:hidden"
+          ),
+          "aria-hidden": !0,
+          children: "−"
+        }
+      )
+    ]
+  }
+) }));
+Ht.displayName = "AccordionTrigger";
+const Yt = i.forwardRef(({ className: t, children: r, ...a }, o) => /* @__PURE__ */ e(
+  B.Content,
+  {
+    ref: o,
+    className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: s("px-4 pb-4 pt-1 text-sm text-muted-foreground", t), children: r })
+  }
+));
+Yt.displayName = "AccordionContent";
+const Wt = q.Root;
+Wt.displayName = "Tabs";
+const qt = T("flex items-center overflow-x-auto", {
+  variants: {
+    variant: {
+      underline: "border-b border-white/10 gap-0 w-full",
+      pill: "gap-1 bg-surface-1 p-1 w-fit",
+      bordered: "border border-white/10 gap-0 w-full"
+    }
+  },
+  defaultVariants: { variant: "underline" }
+}), Kt = i.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ e(
+  q.List,
+  {
+    ref: o,
+    className: s(qt({ variant: r }), t),
+    ...a
+  }
+));
+Kt.displayName = "TabsList";
+const Xt = T(
+  [
+    "font-display text-[13px] font-semibold uppercase tracking-wider",
+    "transition-all duration-150 cursor-pointer",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset",
+    "disabled:cursor-not-allowed disabled:opacity-40"
+  ],
+  {
+    variants: {
+      variant: {
+        underline: [
+          "px-4 py-2.5 text-muted-foreground border-b-2 border-transparent -mb-px",
+          "hover:text-foreground",
+          "data-[state=active]:text-primary data-[state=active]:border-b-primary"
+        ],
+        pill: [
+          "px-4 py-1.5 text-muted-foreground",
+          "hover:text-foreground",
+          "data-[state=active]:bg-surface-3 data-[state=active]:text-primary"
+        ],
+        bordered: [
+          "px-4 py-2.5 text-muted-foreground border-r border-white/10 last:border-r-0",
+          "hover:text-foreground hover:bg-white/[0.03]",
+          "data-[state=active]:text-primary data-[state=active]:bg-white/[0.05]"
+        ]
+      }
+    },
+    defaultVariants: { variant: "underline" }
+  }
+), Zt = i.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ e(
+  q.Trigger,
+  {
+    ref: o,
+    className: s(Xt({ variant: r }), t),
+    ...a
+  }
+));
+Zt.displayName = "TabsTrigger";
+const Qt = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  q.Content,
+  {
+    ref: a,
+    className: s(
+      "mt-4 text-sm text-muted-foreground",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+      t
+    ),
+    ...r
+  }
+));
+Qt.displayName = "TabsContent";
+const Jt = j.Root;
+Jt.displayName = "Popover";
+const er = j.Trigger;
+er.displayName = "PopoverTrigger";
+const tr = j.Anchor;
+tr.displayName = "PopoverAnchor";
+const rr = i.forwardRef(({ className: t, align: r = "center", sideOffset: a = 6, ...o }, n) => /* @__PURE__ */ e(j.Portal, { children: /* @__PURE__ */ e(
+  j.Content,
+  {
+    ref: n,
+    align: r,
+    sideOffset: a,
+    className: s(
+      "z-50 min-w-[200px]",
+      "bg-surface-2 border border-white/10 shadow-lg",
+      "p-4",
+      "data-[state=open]:animate-fade-in-up",
+      "data-[state=closed]:animate-fade-in-up",
+      "focus:outline-none",
+      t
+    ),
+    ...o
+  }
+) }));
+rr.displayName = "PopoverContent";
+const ar = P.Root;
+ar.displayName = "Dialog";
+const or = P.Trigger;
+or.displayName = "DialogTrigger";
+const Ee = P.Portal;
+Ee.displayName = "DialogPortal";
+const nr = P.Close;
+nr.displayName = "DialogClose";
+const _e = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Overlay,
+  {
+    ref: a,
+    className: s(
+      "fixed inset-0 z-50 bg-black/75 backdrop-blur-sm",
+      "data-[state=open]:animate-fade-in-up",
+      t
+    ),
+    ...r
+  }
+));
+_e.displayName = "DialogOverlay";
+const sr = T(
+  [
+    "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
+    "bg-surface-2 border border-white/10 shadow-xl",
+    "flex flex-col max-h-[90vh]",
+    "data-[state=open]:animate-dialog-in",
+    "focus:outline-none"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "w-full max-w-sm",
+        md: "w-full max-w-lg",
+        lg: "w-full max-w-2xl",
+        xl: "w-full max-w-4xl",
+        fullscreen: "w-screen h-screen max-w-none"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), ir = i.forwardRef(({ className: t, size: r, children: a, ...o }, n) => /* @__PURE__ */ c(Ee, { children: [
+  /* @__PURE__ */ e(_e, {}),
+  /* @__PURE__ */ e(
+    P.Content,
+    {
+      ref: n,
+      className: s(sr({ size: r }), t),
+      ...o,
+      children: a
+    }
+  )
+] }));
+ir.displayName = "DialogContent";
+function lr({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(
+        "flex shrink-0 items-center justify-between border-b border-white/8 px-6 py-4",
+        t
+      ),
+      ...r
+    }
+  );
+}
+lr.displayName = "DialogHeader";
+function dr({
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(
+        "flex shrink-0 items-center justify-end gap-3 border-t border-white/8 px-6 py-4",
+        t
+      ),
+      ...r
+    }
+  );
+}
+dr.displayName = "DialogFooter";
+const cr = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Title,
+  {
+    ref: a,
+    className: s(
+      "font-display text-base font-semibold uppercase tracking-wider text-foreground",
+      t
+    ),
+    ...r
+  }
+));
+cr.displayName = "DialogTitle";
+const pr = i.forwardRef(({ className: t, ...r }, a) => /* @__PURE__ */ e(
+  P.Description,
+  {
+    ref: a,
+    className: s("flex-1 overflow-y-auto px-6 py-4 text-sm text-muted-foreground", t),
+    ...r
+  }
+));
+pr.displayName = "DialogDescription";
+const mr = T("shrink-0", {
+  variants: {
+    variant: {
+      default: "bg-white/10",
+      subtle: "bg-white/5",
+      strong: "bg-white/25",
+      glow: "bg-gradient-to-r from-transparent via-primary/40 to-transparent",
+      accent: "bg-primary/30"
+    },
+    orientation: {
+      horizontal: "h-px w-full",
+      vertical: "w-px h-full"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    orientation: "horizontal"
+  }
+}), fr = i.forwardRef(({ className: t, orientation: r = "horizontal", variant: a, decorative: o = !0, ...n }, l) => {
+  const p = r ?? "horizontal";
+  return /* @__PURE__ */ e(
+    Ye.Root,
+    {
+      ref: l,
+      decorative: o,
+      orientation: p,
+      className: s(
+        mr({ variant: a, orientation: p }),
+        t
+      ),
+      ...n
+    }
+  );
+});
+fr.displayName = "Separator";
+const ur = T("animate-skeleton rounded-none", {
+  variants: {
+    width: {
+      full: "w-full",
+      "3/4": "w-3/4",
+      "1/2": "w-1/2",
+      "1/3": "w-1/3",
+      "1/4": "w-1/4"
+    },
+    height: {
+      xs: "h-2",
+      sm: "h-3",
+      md: "h-4",
+      lg: "h-6"
+    }
+  },
+  defaultVariants: { width: "full", height: "md" }
+}), F = i.forwardRef(
+  ({ className: t, width: r, height: a, ...o }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: s(ur({ width: r, height: a }), t),
+      "aria-hidden": "true",
+      ...o
+    }
+  )
+);
+F.displayName = "SkeletonLine";
+const Ve = i.forwardRef(
+  ({ lines: t = 3, className: r, ...a }, o) => {
+    const n = ["full", "3/4", "full", "1/2", "3/4"];
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: o,
+        className: s("space-y-2", r),
+        "aria-hidden": "true",
+        ...a,
+        children: Array.from({ length: t }).map((l, p) => /* @__PURE__ */ e(
+          F,
+          {
+            width: n[p % n.length],
+            height: "sm"
+          },
+          p
+        ))
+      }
+    );
+  }
+);
+Ve.displayName = "SkeletonText";
+const xr = {
+  xs: "w-6 h-6",
+  sm: "w-8 h-8",
+  md: "w-10 h-10",
+  lg: "w-14 h-14",
+  xl: "w-20 h-20"
+}, Oe = i.forwardRef(
+  ({ size: t = "md", className: r, ...a }, o) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      className: s(
+        "animate-skeleton clip-corner-sm shrink-0",
+        xr[t],
+        r
+      ),
+      "aria-hidden": "true",
+      ...a
+    }
+  )
+);
+Oe.displayName = "SkeletonAvatar";
+const gr = i.forwardRef(
+  ({ showAvatar: t = !1, lines: r = 3, className: a, ...o }, n) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: n,
+      className: s(
+        "border border-white/8 bg-surface-1 p-4 space-y-3",
+        a
+      ),
+      "aria-hidden": "true",
+      ...o,
+      children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+          t && /* @__PURE__ */ e(Oe, { size: "md" }),
+          /* @__PURE__ */ c("div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ e(F, { width: "3/4", height: "md" }),
+            /* @__PURE__ */ e(F, { width: "1/2", height: "sm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(Ve, { lines: r }),
+        /* @__PURE__ */ e(F, { width: "1/3", height: "xs" })
+      ]
+    }
+  )
+);
+gr.displayName = "SkeletonCard";
+const de = {
+  search: {
+    title: "NO RESULTS FOUND",
+    description: "Try adjusting your search query."
+  },
+  error: {
+    title: "FAILED TO LOAD",
+    description: "An error occurred. Please try again."
+  },
+  permission: {
+    title: "ACCESS RESTRICTED",
+    description: "You don't have permission to view this."
+  },
+  empty: {
+    title: "NO ITEMS YET",
+    description: "Add your first item to get started."
+  },
+  default: { title: "", description: "" }
+}, hr = T(
+  "flex flex-col items-center justify-center text-center py-16 px-8",
+  {
+    variants: {
+      size: {
+        sm: "py-8 px-4",
+        md: "py-16 px-8",
+        lg: "py-24 px-12"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), br = i.forwardRef(
+  ({
+    icon: t,
+    title: r,
+    description: a,
+    action: o,
+    variant: n = "default",
+    size: l,
+    className: p,
+    ...d
+  }, m) => {
+    const u = de[n] ?? de.default, f = r ?? u.title, x = a ?? u.description;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: m,
+        className: s(hr({ size: l }), p),
+        ...d,
+        children: [
+          t && /* @__PURE__ */ e("div", { className: "text-white/15 mb-6 [&>svg]:w-12 [&>svg]:h-12", children: t }),
+          f && /* @__PURE__ */ e("h3", { className: "font-display text-[18px] font-bold uppercase tracking-wider text-foreground mb-3", children: f }),
+          x && /* @__PURE__ */ e("p", { className: "text-[14px] text-muted-foreground max-w-[360px] leading-relaxed", children: x }),
+          o && /* @__PURE__ */ e("div", { className: "mt-6", children: o })
+        ]
+      }
+    );
+  }
+);
+br.displayName = "EmptyState";
+const vr = T(
+  "relative flex items-start gap-3 p-4 border-l-[3px] transition-all",
+  {
+    variants: {
+      variant: {
+        info: "bg-ef-blue/[0.08]    border-l-ef-blue    border    border-ef-blue/20",
+        success: "bg-ef-green/[0.08]   border-l-ef-green   border    border-ef-green/20",
+        warning: "bg-ef-orange/[0.08]  border-l-ef-orange  border    border-ef-orange/20",
+        error: "bg-destructive/[0.08] border-l-destructive border   border-destructive/20"
+      }
+    },
+    defaultVariants: { variant: "info" }
+  }
+), yr = {
+  info: { icon: "◆", color: "text-ef-blue" },
+  success: { icon: "✓", color: "text-ef-green" },
+  warning: { icon: "⚠", color: "text-ef-orange" },
+  error: { icon: "✕", color: "text-destructive" }
+}, Nr = i.forwardRef(
+  ({
+    variant: t = "info",
+    title: r,
+    dismissible: a = !1,
+    onDismiss: o,
+    icon: n,
+    children: l,
+    className: p,
+    ...d
+  }, m) => {
+    const u = yr[t], f = n !== null, x = n ?? /* @__PURE__ */ e(
+      "span",
+      {
+        className: s(
+          "font-mono text-[14px] font-bold leading-none",
+          u.color
+        ),
+        children: u.icon
+      }
+    );
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: m,
+        role: "alert",
+        "aria-live": t === "error" ? "assertive" : "polite",
+        className: s(vr({ variant: t }), p),
+        ...d,
+        children: [
+          f && /* @__PURE__ */ e("div", { className: "shrink-0 mt-0.5", children: x }),
+          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+            r && /* @__PURE__ */ e("p", { className: "font-display text-[13px] font-bold uppercase tracking-wider text-foreground mb-1", children: r }),
+            l && /* @__PURE__ */ e("div", { className: "text-[13px] text-muted-foreground leading-relaxed", children: l })
+          ] }),
+          a && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Dismiss",
+              onClick: o,
+              className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors font-mono text-[12px] leading-none",
+              children: "✕"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Nr.displayName = "Alert";
+const wr = T("", {
+  variants: {
+    status: {
+      complete: "text-primary",
+      current: "text-primary",
+      upcoming: "text-white/20"
+    }
+  },
+  defaultVariants: { status: "upcoming" }
+}), Me = i.forwardRef(
+  ({ date: t, title: r, description: a, status: o = "upcoming", children: n, className: l, ...p }, d) => {
+    const u = o === "complete" || o === "current" ? "◆" : "◇";
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        className: s("relative pb-8 last:pb-0", l),
+        ...p,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "absolute -left-[15px] top-0.5 font-mono text-[11px] leading-none select-none",
+                wr({ status: o }),
+                o === "current" && "drop-shadow-[0_0_6px_rgba(255,212,41,0.6)]"
+              ),
+              "aria-hidden": "true",
+              children: u
+            }
+          ),
+          t && /* @__PURE__ */ e("p", { className: "font-mono text-[11px] text-muted-foreground/60 mb-1", children: t }),
+          /* @__PURE__ */ e("p", { className: "font-display text-[14px] font-semibold uppercase text-foreground", children: r }),
+          a && /* @__PURE__ */ e("p", { className: "text-[13px] text-muted-foreground mt-1", children: a }),
+          n
+        ]
+      }
+    );
+  }
+);
+Me.displayName = "TimelineItem";
+const Tr = i.forwardRef(
+  ({ items: t, children: r, className: a, ...o }, n) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: n,
+      className: s(
+        "relative pl-6 space-y-0",
+        "before:absolute before:left-[9px] before:top-2 before:bottom-2 before:w-px before:bg-white/10",
+        a
+      ),
+      ...o,
+      children: t ? t.map((l, p) => {
+        const { date: d, title: m, description: u, status: f, children: x, className: b, ...h } = l;
+        return /* @__PURE__ */ e(
+          Me,
+          {
+            date: d,
+            title: m,
+            description: u,
+            status: f,
+            className: b,
+            ...h,
+            children: x
+          },
+          p
+        );
+      }) : r
+    }
+  )
+);
+Tr.displayName = "Timeline";
+function ce(t, r) {
+  return t < r ? "complete" : t === r ? "current" : "upcoming";
+}
+const kr = i.forwardRef(
+  ({ steps: t, currentStep: r, orientation: a = "horizontal", className: o, ...n }, l) => a === "vertical" ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: l,
+      className: s("flex flex-col gap-0", o),
+      ...n,
+      children: t.map((p, d) => {
+        const m = ce(d, r), u = m === "complete", f = m === "current", x = d === t.length - 1, b = u || f ? "◆" : "◇";
+        return /* @__PURE__ */ c("div", { className: "flex items-start gap-3 relative", children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-center flex-shrink-0", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "font-mono text-[13px] leading-none",
+                  u && "text-primary",
+                  f && "text-primary drop-shadow-[0_0_6px_rgba(255,212,41,0.6)]",
+                  !u && !f && "text-white/20"
+                ),
+                "aria-hidden": "true",
+                children: b
+              }
+            ),
+            !x && /* @__PURE__ */ e(
+              "div",
+              {
+                className: s(
+                  "flex-1 w-px min-h-6 mt-1",
+                  u ? "bg-primary" : "bg-white/10"
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "pb-6 last:pb-0", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: s(
+                  "font-display text-[11px] uppercase tracking-wider mt-1",
+                  f && "text-foreground font-semibold",
+                  u && "text-primary",
+                  !u && !f && "text-muted-foreground/60"
+                ),
+                children: p.label
+              }
+            ),
+            p.description && /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground/60 mt-0.5", children: p.description })
+          ] })
+        ] }, d);
+      })
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: l,
+      className: s("flex items-start w-full min-w-max", o),
+      ...n,
+      children: t.map((p, d) => {
+        const m = ce(d, r), u = m === "complete", f = m === "current", x = d === t.length - 1, b = u || f ? "◆" : "◇";
+        return /* @__PURE__ */ c(i.Fragment, { children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-col items-center flex-shrink-0", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "font-mono text-[13px] leading-none mb-1.5",
+                  u && "text-primary",
+                  f && "text-primary drop-shadow-[0_0_6px_rgba(255,212,41,0.6)]",
+                  !u && !f && "text-white/20"
+                ),
+                "aria-hidden": "true",
+                children: b
+              }
+            ),
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: s(
+                  "font-display text-[11px] uppercase tracking-wider mt-1",
+                  f && "text-foreground font-semibold",
+                  u && "text-primary",
+                  !u && !f && "text-muted-foreground/60"
+                ),
+                children: p.label
+              }
+            ),
+            p.description && /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground/60 mt-0.5 text-center", children: p.description })
+          ] }),
+          !x && /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                "flex-1 h-px self-start mt-[0.45em] mx-2",
+                u ? "bg-primary" : "bg-white/10"
+              )
+            }
+          )
+        ] }, d);
+      })
+    }
+  )
+);
+kr.displayName = "Stepper";
+const Z = T(
+  "font-mono text-[12px] w-9 h-9 flex items-center justify-center transition-all border",
+  {
+    variants: {
+      active: {
+        true: "bg-primary text-primary-foreground border-primary font-bold",
+        false: "text-muted-foreground border-white/10 hover:border-primary/40 hover:text-foreground"
+      },
+      disabled: {
+        true: "opacity-40 cursor-not-allowed pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: { active: !1, disabled: !1 }
+  }
+);
+function Sr(t, r, a) {
+  if (r <= 7) return Array.from({ length: r }, (p, d) => d + 1);
+  const o = Math.max(2, t - a), n = Math.min(r - 1, t + a), l = [1];
+  o > 2 && l.push("...");
+  for (let p = o; p <= n; p++) l.push(p);
+  return n < r - 1 && l.push("..."), l.push(r), l;
+}
+const Rr = i.forwardRef(
+  ({
+    totalPages: t,
+    currentPage: r,
+    onPageChange: a,
+    siblingCount: o = 1,
+    className: n,
+    ...l
+  }, p) => {
+    const d = Sr(r, t, o), m = r <= 1, u = r >= t;
+    return /* @__PURE__ */ e(
+      "nav",
+      {
+        ref: p,
+        "aria-label": "Pagination",
+        className: s(n),
+        ...l,
+        children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => !m && a(r - 1),
+              disabled: m,
+              "aria-label": "Previous page",
+              className: s(
+                Z({
+                  active: !1,
+                  disabled: m
+                }),
+                "font-display uppercase text-[11px] tracking-wider px-2 w-auto"
+              ),
+              children: "◆ PREV"
+            }
+          ),
+          d.map(
+            (f, x) => f === "..." ? /* @__PURE__ */ e(
+              "span",
+              {
+                className: "w-9 h-9 flex items-center justify-center font-mono text-[12px] text-muted-foreground/40 select-none",
+                "aria-hidden": "true",
+                children: "…"
+              },
+              `ellipsis-${x}`
+            ) : /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => a(f),
+                "aria-label": `Page ${f}`,
+                "aria-current": f === r ? "page" : void 0,
+                className: s(
+                  Z({ active: f === r })
+                ),
+                children: f
+              },
+              f
+            )
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => !u && a(r + 1),
+              disabled: u,
+              "aria-label": "Next page",
+              className: s(
+                Z({
+                  active: !1,
+                  disabled: u
+                }),
+                "font-display uppercase text-[11px] tracking-wider px-2 w-auto"
+              ),
+              children: "NEXT ◆"
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+Rr.displayName = "Pagination";
+const Ir = i.forwardRef(
+  ({ items: t, separator: r, className: a, ...o }, n) => /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: n,
+      "aria-label": "Breadcrumb",
+      className: s(a),
+      ...o,
+      children: /* @__PURE__ */ e("ol", { className: "flex items-center gap-2 flex-wrap font-display text-[12px] uppercase tracking-wider", children: t.map((l, p) => {
+        const d = p === t.length - 1;
+        return /* @__PURE__ */ c(i.Fragment, { children: [
+          /* @__PURE__ */ e("li", { children: d || !l.href ? /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-current": d ? "page" : void 0,
+              className: d ? "text-foreground font-semibold" : "text-muted-foreground",
+              children: l.label
+            }
+          ) : /* @__PURE__ */ e(
+            "a",
+            {
+              href: l.href,
+              className: "text-muted-foreground hover:text-primary transition-colors",
+              children: l.label
+            }
+          ) }),
+          !d && /* @__PURE__ */ e(
+            "li",
+            {
+              "aria-hidden": "true",
+              className: "text-[10px] text-white/20 select-none",
+              children: r ?? "›"
+            }
+          )
+        ] }, p);
+      }) })
+    }
+  )
+);
+Ir.displayName = "Breadcrumb";
+const Cr = T(
+  "inline-flex items-center border border-white/[0.12] bg-transparent",
+  {
+    variants: {
+      size: {
+        sm: "h-8",
+        md: "h-9",
+        lg: "h-10"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ar = i.forwardRef(
+  ({
+    value: t,
+    defaultValue: r,
+    onChange: a,
+    min: o,
+    max: n,
+    step: l = 1,
+    size: p = "md",
+    className: d,
+    disabled: m,
+    ...u
+  }, f) => {
+    const x = t !== void 0, [b, h] = i.useState(
+      r ?? 0
+    ), y = x ? t : b, N = (I) => Math.min(n ?? 1 / 0, Math.max(o ?? -1 / 0, I)), g = (I) => {
+      const V = N(I);
+      x || h(V), a == null || a(V);
+    }, v = () => g(y - l), S = () => g(y + l), E = o !== void 0 && y <= o, _ = n !== void 0 && y >= n, G = "px-2 font-mono text-[13px] text-muted-foreground transition-colors select-none";
+    return /* @__PURE__ */ c("div", { className: s(Cr({ size: p }), d), children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: v,
+          disabled: m || E,
+          "aria-label": "Decrement",
+          className: s(
+            G,
+            "h-full border-r border-white/[0.12]",
+            (m || E) && "opacity-40 cursor-not-allowed",
+            !(m || E) && "hover:text-foreground"
+          ),
+          children: "−"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: f,
+          type: "number",
+          value: y,
+          disabled: m,
+          onChange: (I) => {
+            const V = parseFloat(I.target.value);
+            isNaN(V) || g(V);
+          },
+          onKeyDown: (I) => {
+            I.key === "ArrowUp" ? (I.preventDefault(), S()) : I.key === "ArrowDown" && (I.preventDefault(), v());
+          },
+          className: s(
+            "w-16 h-full text-center font-mono text-[13px] text-foreground bg-transparent",
+            "border-x border-white/[0.12] outline-none",
+            "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+            m && "opacity-40 cursor-not-allowed"
+          ),
+          ...u
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: S,
+          disabled: m || _,
+          "aria-label": "Increment",
+          className: s(
+            G,
+            "h-full border-l border-white/[0.12]",
+            (m || _) && "opacity-40 cursor-not-allowed",
+            !(m || _) && "hover:text-foreground"
+          ),
+          children: "+"
+        }
+      )
+    ] });
+  }
+);
+Ar.displayName = "NumberInput";
+const Dr = {
+  low: {
+    duration: "6s",
+    clipTop: "15% 0 70% 0",
+    clipBot: "65% 0 15% 0",
+    offset: 1,
+    defaultInterval: 4e3
+  },
+  medium: {
+    duration: "3s",
+    clipTop: "20% 0 50% 0",
+    clipBot: "50% 0 20% 0",
+    offset: 2,
+    defaultInterval: 2500
+  },
+  high: {
+    duration: "1.2s",
+    clipTop: "10% 0 60% 0",
+    clipBot: "55% 0 10% 0",
+    offset: 4,
+    defaultInterval: 1200
+  }
+}, Er = i.forwardRef(
+  ({
+    children: t,
+    className: r,
+    intensity: a = "medium",
+    continuous: o = !1,
+    continuousInterval: n,
+    ...l
+  }, p) => {
+    const d = Dr[a], m = n ?? d.defaultInterval, [u, f] = i.useState(!1);
+    i.useEffect(() => {
+      if (!o) return;
+      const b = setInterval(() => {
+        f(!0);
+        const h = setTimeout(
+          () => f(!1),
+          parseFloat(d.duration) * 1e3
+        );
+        return () => clearTimeout(h);
+      }, m);
+      return () => clearInterval(b);
+    }, [o, m, d.duration]);
+    const x = u || !o ? "animate-glitch" : "";
+    return /* @__PURE__ */ c(
+      "span",
+      {
+        ref: p,
+        className: s("relative inline-block", r),
+        ...l,
+        children: [
+          /* @__PURE__ */ e("span", { className: "relative z-10", children: t }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: s("absolute inset-0 text-ef-cyan opacity-70", x),
+              style: {
+                clipPath: `inset(${d.clipTop})`,
+                transform: `translate(-${d.offset}px, 0)`,
+                animationDuration: d.duration
+              },
+              children: t
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: s("absolute inset-0 text-ef-red opacity-70", x),
+              style: {
+                clipPath: `inset(${d.clipBot})`,
+                transform: `translate(${d.offset}px, 0)`,
+                animationDuration: d.duration,
+                animationDelay: "0.1s"
+              },
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Er.displayName = "GlitchText";
+const _r = { sm: 16, md: 28, lg: 44 }, Vr = i.forwardRef(({ size: t = "md", label: r, className: a }, o) => {
+  const n = _r[t];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: o,
+      className: `flex flex-col items-center gap-3${a ? ` ${a}` : ""}`,
+      children: [
+        /* @__PURE__ */ e("div", { className: "relative", style: { width: n * 2, height: n * 2 }, children: [0, 1, 2].map((l) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "absolute inset-0 border-2 border-primary",
+            style: {
+              transform: `rotate(45deg) scale(${1 - l * 0.25})`,
+              animation: `diamondSpin ${1.2 + l * 0.4}s linear infinite${l === 1 ? " reverse" : ""}`,
+              opacity: 1 - l * 0.25
+            }
+          },
+          l
+        )) }),
+        r && /* @__PURE__ */ e("span", { className: "font-mono text-xs text-muted-foreground tracking-[0.15em] uppercase", children: r })
+      ]
+    }
+  );
+});
+Vr.displayName = "DiamondLoader";
+const Or = {
+  online: "ONLINE",
+  warning: "CAUTION",
+  offline: "OFFLINE",
+  scanning: "SCANNING"
+}, Mr = {
+  online: "bg-ef-green",
+  warning: "bg-ef-yellow",
+  offline: "bg-ef-red",
+  scanning: "bg-ef-cyan animate-pulse"
+}, Pr = i.forwardRef(
+  ({
+    title: t,
+    status: r = "online",
+    children: a,
+    className: o,
+    headerAction: n,
+    collapsible: l = !1,
+    defaultCollapsed: p = !1,
+    collapsed: d,
+    onCollapseChange: m,
+    ...u
+  }, f) => {
+    const [x, b] = i.useState(p), h = d !== void 0, y = h ? d : x, N = () => {
+      if (!l) return;
+      const g = !y;
+      h || b(g), m == null || m(g);
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: f,
+        className: s(
+          "relative border border-border bg-surface-1 scanline-overlay",
+          o
+        ),
+        ...u,
+        children: [
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: s(
+                "flex items-center justify-between px-4 py-2.5 border-b border-border bg-surface-0",
+                l && "cursor-pointer select-none"
+              ),
+              onClick: N,
+              children: [
+                /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ e(je, { className: "w-3.5 h-3.5 text-primary" }),
+                  /* @__PURE__ */ e("span", { className: "font-display text-[11px] font-bold tracking-[0.15em] uppercase text-foreground", children: t }),
+                  l && /* @__PURE__ */ e("span", { className: "font-mono text-[14px] text-primary/60 ml-1 leading-none", children: y ? "+" : "−" })
+                ] }),
+                /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: s("w-2 h-2", Mr[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: Or[r] })
+                  ] }),
+                  n && /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: "flex items-center",
+                      onClick: (g) => g.stopPropagation(),
+                      children: n
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 w-6 h-6 border-t-2 border-l-2 border-primary/40 pointer-events-none" }),
+          /* @__PURE__ */ e("div", { className: "absolute top-0 right-0 w-6 h-6 border-t-2 border-r-2 border-primary/40 pointer-events-none" }),
+          /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 w-6 h-6 border-b-2 border-l-2 border-primary/40 pointer-events-none" }),
+          /* @__PURE__ */ e("div", { className: "absolute bottom-0 right-0 w-6 h-6 border-b-2 border-r-2 border-primary/40 pointer-events-none" }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                "overflow-hidden transition-all duration-300",
+                y ? "max-h-0" : "max-h-[9999px]"
+              ),
+              children: /* @__PURE__ */ e("div", { className: "p-5", children: a })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pr.displayName = "TacticalPanel";
+const Lr = i.forwardRef(
+  ({ title: t, subtitle: r, icon: a, value: o, className: n }, l) => {
+    const [p, d] = i.useState(!1);
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: l,
+        className: `relative clip-corner border border-border bg-surface-1 p-6 overflow-hidden group cursor-pointer transition-all duration-500 hover:border-primary/30${n ? ` ${n}` : ""}`,
+        onMouseEnter: () => d(!0),
+        onMouseLeave: () => d(!1),
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary/60 to-transparent pointer-events-none transition-all",
+              style: {
+                top: p ? "100%" : "-10%",
+                opacity: p ? 1 : 0,
+                transitionDuration: "2000ms"
+              }
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 pointer-events-none transition-opacity duration-500",
+              style: {
+                background: "linear-gradient(135deg, transparent 0%, hsl(var(--primary) / 0.03) 40%, transparent 60%)",
+                opacity: p ? 1 : 0
+              }
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "relative z-10", children: [
+            /* @__PURE__ */ e(a, { className: "w-5 h-5 text-primary mb-4 group-hover:drop-shadow-[0_0_8px_hsl(var(--primary)/0.5)] transition-all" }),
+            o && /* @__PURE__ */ e("p", { className: "font-display text-3xl font-bold text-primary mb-1", children: o }),
+            /* @__PURE__ */ e("h4", { className: "font-display text-sm font-bold tracking-[0.05em] uppercase text-foreground mb-1", children: t }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "absolute bottom-3 right-3 text-primary/20 group-hover:text-primary/60 transition-colors text-xs", children: "◆" })
+        ]
+      }
+    );
+  }
+);
+Lr.displayName = "HoloCard";
+const pe = {
+  1: 2e3,
+  2: 1500,
+  3: 1e3,
+  4: 600,
+  5: 300
+}, $r = {
+  mono: "text-muted-foreground",
+  classified: "text-primary",
+  transmission: "text-ef-cyan"
+}, Fr = {
+  system: "text-muted-foreground",
+  data: "text-ef-cyan",
+  warning: "text-ef-orange",
+  classified: "text-primary"
+}, Br = [
+  "[SYS] Initializing ENDFIELD protocol...",
+  "[NET] Connection established — latency: 12ms",
+  "[SEC] Authentication verified ◆ Level: ALPHA",
+  "[DAT] Loading design tokens: 94 variables mapped",
+  "[GPU] Render pipeline: Optimized (60fps locked)",
+  "[SYS] Component registry: 70 modules online",
+  "[NET] Sync complete — all nodes operational",
+  "[DAT] Color system: HSL-based, 9 neutrals, 9 accents",
+  "[SEC] Encryption: AES-256 ◆ Status: ACTIVE",
+  "[SYS] ENDFIELD DESIGN SYSTEM v2.0 ◆ READY"
+];
+function me(t) {
+  return typeof t == "string" ? t : t.text;
+}
+function jr(t, r) {
+  if (r) return $r[r];
+  if (typeof t != "string" && t.type)
+    return Fr[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 zr = i.forwardRef(
+  ({
+    messages: t = Br,
+    speed: r = 3,
+    messageType: a,
+    className: o,
+    ...n
+  }, l) => {
+    const p = pe[r] ?? pe[3], [d, m] = i.useState([]), u = i.useRef(null);
+    return i.useEffect(() => {
+      let f = 0;
+      const x = setInterval(() => {
+        m((b) => {
+          const h = [...b, t[f % t.length]];
+          return h.length > 8 ? h.slice(-8) : h;
+        }), f++;
+      }, p);
+      return () => clearInterval(x);
+    }, [t, p]), i.useEffect(() => {
+      u.current && (u.current.scrollTop = u.current.scrollHeight);
+    }, [d]), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: l,
+        className: s(
+          "border border-border bg-background clip-corner overflow-hidden",
+          o
+        ),
+        ...n,
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-surface-0", children: [
+            /* @__PURE__ */ e(ze, { className: "w-3.5 h-3.5 text-primary" }),
+            /* @__PURE__ */ e("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground uppercase", children: "LIVE FEED" }),
+            /* @__PURE__ */ c("div", { className: "ml-auto flex items-center gap-1.5", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "w-1.5 h-1.5 bg-ef-green animate-pulse",
+                  style: {
+                    clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "font-mono text-[10px] text-ef-green", children: "ACTIVE" })
+            ] })
+          ] }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              ref: u,
+              className: "p-4 h-48 overflow-y-auto font-mono text-xs space-y-1",
+              children: [
+                /* @__PURE__ */ e(We, { children: d.map((f, x) => /* @__PURE__ */ e(
+                  te.div,
+                  {
+                    initial: { opacity: 0, x: -10 },
+                    animate: { opacity: 1, x: 0 },
+                    className: jr(f, a),
+                    children: me(f)
+                  },
+                  `${me(f)}-${x}`
+                )) }),
+                /* @__PURE__ */ e("span", { className: "inline-block w-2 h-4 bg-primary animate-cursor-blink" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+zr.displayName = "DataStream";
+const Gr = T(
+  "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: {
+      variant: {
+        default: "border-primary/40 text-primary bg-primary/10",
+        success: "border-ef-green/40 text-ef-green bg-ef-green/10",
+        warning: "border-ef-yellow/40 text-ef-yellow bg-ef-yellow/10",
+        danger: "border-ef-red/40 text-ef-red bg-ef-red/10",
+        info: "border-ef-cyan/40 text-ef-cyan bg-ef-cyan/10"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Ur = i.forwardRef(({ variant: t, className: r, children: a, ...o }, n) => /* @__PURE__ */ c(
+  "span",
+  {
+    ref: n,
+    className: s(Gr({ variant: t }), r),
+    ...o,
+    children: [
+      /* @__PURE__ */ e("span", { style: { fontSize: "6px" }, children: "◆" }),
+      a
+    ]
+  }
+));
+Ur.displayName = "TacticalBadge";
+const Hr = {
+  caution: {
+    border: "border-ef-yellow/30",
+    bg: "bg-ef-yellow/5",
+    icon: "text-ef-yellow",
+    label: "CAUTION"
+  },
+  alert: {
+    border: "border-ef-orange/30",
+    bg: "bg-ef-orange/5",
+    icon: "text-ef-orange",
+    label: "ALERT"
+  },
+  critical: {
+    border: "border-ef-red/30",
+    bg: "bg-ef-red/5",
+    icon: "text-ef-red",
+    label: "CRITICAL"
+  }
+}, Yr = i.forwardRef(({ level: t = "caution", children: r, className: a }, o) => {
+  const n = Hr[t];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: o,
+      className: `clip-corner border ${n.border} ${n.bg} p-4 flex items-start gap-3${a ? ` ${a}` : ""}`,
+      children: [
+        /* @__PURE__ */ e(Ge, { className: `w-5 h-5 ${n.icon} shrink-0 mt-0.5` }),
+        /* @__PURE__ */ c("div", { children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: `font-display text-[11px] font-bold tracking-[0.15em] ${n.icon}`,
+              children: n.label
+            }
+          ),
+          /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-1", children: r })
+        ] })
+      ]
+    }
+  );
+});
+Yr.displayName = "WarningBanner";
+const Wr = i.forwardRef(
+  ({ label: t, className: r }, a) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: a,
+      className: `relative flex items-center gap-4 py-2${r ? ` ${r}` : ""}`,
+      children: [
+        /* @__PURE__ */ e("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" }),
+        t && /* @__PURE__ */ c("span", { className: "font-display text-[10px] font-bold tracking-[0.2em] uppercase text-primary/60 flex items-center gap-2", children: [
+          /* @__PURE__ */ e("span", { style: { fontSize: "6px" }, children: "◆" }),
+          " ",
+          t,
+          " ",
+          /* @__PURE__ */ e("span", { style: { fontSize: "6px" }, children: "◆" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" })
+      ]
+    }
+  )
+);
+Wr.displayName = "ScanDivider";
+const qr = i.forwardRef(({ label: t, value: r, unit: a, className: o }, n) => /* @__PURE__ */ c(
+  "div",
+  {
+    ref: n,
+    className: `inline-flex items-center border border-border bg-surface-0 overflow-hidden${o ? ` ${o}` : ""}`,
+    children: [
+      /* @__PURE__ */ e("span", { className: "font-mono text-[10px] tracking-[0.1em] uppercase text-muted-foreground bg-surface-2 px-2.5 py-1.5 border-r border-border", children: t }),
+      /* @__PURE__ */ e("span", { className: "font-mono text-xs text-primary px-2.5 py-1.5 font-bold", children: r }),
+      a && /* @__PURE__ */ e("span", { className: "font-mono text-[10px] text-muted-foreground pr-2.5", children: a })
+    ]
+  }
+));
+qr.displayName = "CoordinateTag";
+function L(t, r, a, o, n) {
+  return {
+    x: t + a * Math.sin(n * o),
+    y: r - a * Math.cos(n * o)
+  };
+}
+function Q(t) {
+  return t.map((r) => `${r.x},${r.y}`).join(" ");
+}
+const Kr = i.forwardRef(
+  ({
+    data: t,
+    color: r = "primary",
+    axes: a,
+    datasets: o,
+    showLegend: n = !1,
+    size: l = 260,
+    className: p,
+    ...d
+  }, m) => {
+    const u = i.useRef(null), f = qe(u, { once: !0 }), x = i.useCallback(
+      (w) => {
+        u.current = w, typeof m == "function" ? m(w) : m && (m.current = w);
+      },
+      [m]
+    ), b = a ?? (t == null ? void 0 : t.map((w) => ({ label: w.label, min: 0, max: 100 }))) ?? [], h = o ?? (t ? [
+      {
+        label: void 0,
+        values: t.map((w) => w.value),
+        color: r === "cyan" ? "hsl(var(--ef-cyan))" : "hsl(var(--primary))"
+      }
+    ] : []), y = b.length;
+    if (y < 3) return null;
+    const N = l / 2, g = l / 2, v = l * 0.38, S = 4, E = Math.PI * 2 / y, _ = Array.from({ length: S }, (w, k) => {
+      const R = v * ((k + 1) / S);
+      return Q(
+        b.map((O, C) => L(N, g, R, E, C))
+      );
+    }), G = b.map(
+      (w, k) => L(N, g, v, E, k)
+    ), I = h.map((w) => {
+      const k = b.map((R, O) => {
+        const C = R.min ?? 0, M = R.max ?? 100, U = M > C ? (w.values[O] - C) / (M - C) : 0;
+        return L(
+          N,
+          g,
+          Math.max(0, Math.min(1, U)) * v,
+          E,
+          O
+        );
+      });
+      return {
+        ds: w,
+        path: Q(k),
+        center: Q(b.map(() => ({ x: N, y: g })))
+      };
+    }), V = [
+      "hsl(var(--primary))",
+      "hsl(var(--ef-blue))",
+      "hsl(var(--ef-green))"
+    ];
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: x,
+        className: s("flex flex-col items-center w-full", p),
+        ...d,
+        children: [
+          /* @__PURE__ */ c(
+            "svg",
+            {
+              viewBox: `0 0 ${l} ${l}`,
+              className: "w-full max-w-[260px] h-auto overflow-visible",
+              children: [
+                _.map((w, k) => /* @__PURE__ */ e(
+                  "polygon",
+                  {
+                    points: w,
+                    fill: "none",
+                    stroke: "hsl(var(--border))",
+                    strokeWidth: 1,
+                    opacity: 0.5
+                  },
+                  k
+                )),
+                G.map((w, k) => /* @__PURE__ */ e(
+                  "line",
+                  {
+                    x1: N,
+                    y1: g,
+                    x2: w.x,
+                    y2: w.y,
+                    stroke: "hsl(var(--border))",
+                    strokeWidth: 1,
+                    opacity: 0.3
+                  },
+                  k
+                )),
+                I.map(({ ds: w, path: k, center: R }, O) => {
+                  const C = w.color ?? V[O % V.length], M = w.fillOpacity ?? 0.15;
+                  return /* @__PURE__ */ e(
+                    te.polygon,
+                    {
+                      points: f ? k : R,
+                      fill: C,
+                      fillOpacity: M,
+                      stroke: C,
+                      strokeWidth: 2,
+                      initial: !1,
+                      animate: { points: f ? k : R },
+                      transition: {
+                        duration: 0.8,
+                        ease: [0.25, 0.8, 0.25, 1],
+                        delay: O * 0.1
+                      },
+                      style: {
+                        filter: `drop-shadow(0 0 8px ${C.replace(")", " / 0.3)")})`
+                      }
+                    },
+                    O
+                  );
+                }),
+                I[0] && (() => {
+                  const { ds: w, path: k } = I[0], R = w.color ?? V[0];
+                  return b.map((O, C) => {
+                    const M = O.min ?? 0, U = O.max ?? 100, Pe = U > M ? (w.values[C] - M) / (U - M) : 0, ae = L(
+                      N,
+                      g,
+                      Math.max(0, Math.min(1, Pe)) * v,
+                      E,
+                      C
+                    );
+                    return /* @__PURE__ */ e(
+                      te.circle,
+                      {
+                        cx: N,
+                        cy: g,
+                        r: 4,
+                        fill: R,
+                        stroke: "hsl(var(--background))",
+                        strokeWidth: 2,
+                        initial: !1,
+                        animate: {
+                          cx: f ? ae.x : N,
+                          cy: f ? ae.y : g
+                        },
+                        transition: { duration: 0.8, delay: C * 0.05 },
+                        style: {
+                          filter: `drop-shadow(0 0 4px ${R.replace(")", " / 0.5)")})`
+                        }
+                      },
+                      C
+                    );
+                  });
+                })(),
+                b.map((w, k) => {
+                  const R = L(N, g, v + 20, E, k);
+                  return /* @__PURE__ */ e(
+                    "text",
+                    {
+                      x: R.x,
+                      y: R.y,
+                      textAnchor: "middle",
+                      dominantBaseline: "middle",
+                      className: "font-display text-[9px] font-bold tracking-[0.1em] uppercase",
+                      fill: "hsl(var(--muted-foreground))",
+                      children: w.label
+                    },
+                    k
+                  );
+                })
+              ]
+            }
+          ),
+          n && h.some((w) => w.label) && /* @__PURE__ */ e("div", { className: "flex items-center gap-4 mt-3", children: h.map((w, k) => {
+            if (!w.label) return null;
+            const R = w.color ?? V[k % V.length];
+            return /* @__PURE__ */ c("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "inline-block w-2.5 h-2.5",
+                  style: { backgroundColor: R }
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "font-mono text-[11px] text-muted-foreground uppercase tracking-wider", children: w.label })
+            ] }, k);
+          }) })
+        ]
+      }
+    );
+  }
+);
+Kr.displayName = "RadarChart";
+const fe = {
+  sm: "w-5 h-5",
+  md: "w-8 h-8",
+  lg: "w-12 h-12"
+}, Xr = i.forwardRef(
+  ({
+    children: t,
+    systemLabel: r = "SYS::ENDFIELD v2.0",
+    lat: a = "LAT 37.7749°N",
+    lon: o = "LON 122.4194°W",
+    showCoords: n = !0,
+    showCrosshair: l = !0,
+    showScanlines: p = !0,
+    showNoise: d = !1,
+    bracketSize: m = "md",
+    className: u,
+    ...f
+  }, x) => {
+    const [b, h] = i.useState("");
+    i.useEffect(() => {
+      const N = () => h((/* @__PURE__ */ new Date()).toLocaleTimeString("en-GB"));
+      N();
+      const g = setInterval(N, 1e3);
+      return () => clearInterval(g);
+    }, []);
+    const y = fe[m] ?? fe.md;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: x,
+        className: s(
+          "relative border border-border bg-surface-0 aspect-video flex items-center justify-center overflow-hidden",
+          u
+        ),
+        ...f,
+        children: [
+          p && /* @__PURE__ */ e("div", { className: "absolute inset-0 scanline-overlay pointer-events-none" }),
+          d && /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute inset-0 pointer-events-none noise-overlay",
+              style: {
+                backgroundImage: `url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")`,
+                backgroundRepeat: "repeat",
+                backgroundSize: "200px 200px",
+                opacity: 0.6
+              }
+            }
+          ),
+          [
+            ["top-3 left-3", "border-t-2 border-l-2"],
+            ["top-3 right-3", "border-t-2 border-r-2"],
+            ["bottom-3 left-3", "border-b-2 border-l-2"],
+            ["bottom-3 right-3", "border-b-2 border-r-2"]
+          ].map(([N, g], v) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: s(
+                "absolute border-primary/40 pointer-events-none",
+                y,
+                N,
+                g
+              )
+            },
+            v
+          )),
+          l && /* @__PURE__ */ c("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none", children: [
+            /* @__PURE__ */ e(
               "div",
               {
                 className: "w-6 h-px bg-primary/20",
                 style: { position: "absolute", top: "50%", left: "-12px" }
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               "div",
               {
                 className: "h-6 w-px bg-primary/20",
@@ -705,70 +2680,1010 @@ const Ee = n.forwardRef(
               }
             )
           ] }),
-          s && /* @__PURE__ */ i("div", { className: "absolute top-4 left-12 font-mono text-[9px] text-muted-foreground/60 space-y-0.5", children: [
-            /* @__PURE__ */ t("div", { children: r }),
-            /* @__PURE__ */ t("div", { className: "text-primary/60", children: b })
+          n && /* @__PURE__ */ c("div", { className: "absolute top-4 left-12 font-mono text-[9px] text-muted-foreground/60 space-y-0.5", children: [
+            /* @__PURE__ */ e("div", { children: r }),
+            /* @__PURE__ */ e("div", { className: "text-primary/60", children: b })
           ] }),
-          s && /* @__PURE__ */ i("div", { className: "absolute top-4 right-12 font-mono text-[9px] text-muted-foreground/60 text-right space-y-0.5", children: [
-            /* @__PURE__ */ t("div", { children: o }),
-            /* @__PURE__ */ t("div", { children: a })
+          n && /* @__PURE__ */ c("div", { className: "absolute top-4 right-12 font-mono text-[9px] text-muted-foreground/60 text-right space-y-0.5", children: [
+            /* @__PURE__ */ e("div", { children: a }),
+            /* @__PURE__ */ e("div", { children: o })
           ] }),
-          /* @__PURE__ */ i("div", { className: "absolute bottom-4 left-12 right-12 flex items-center justify-between", children: [
-            /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ t(
+          /* @__PURE__ */ c("div", { className: "absolute bottom-4 left-12 right-12 flex items-center justify-between", children: [
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
                   className: "w-1.5 h-1.5 bg-ef-green",
-                  style: { clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)" }
+                  style: {
+                    clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"
+                  }
                 }
               ),
-              /* @__PURE__ */ t("span", { className: "font-mono text-[9px] text-ef-green/80", children: "LINK ACTIVE" })
+              /* @__PURE__ */ e("span", { className: "font-mono text-[9px] text-ef-green/80", children: "LINK ACTIVE" })
             ] }),
-            /* @__PURE__ */ t("div", { className: "flex gap-4", children: ["FPS:60", "MEM:47%", "NET:12ms"].map((f) => /* @__PURE__ */ t(
+            /* @__PURE__ */ e("div", { className: "flex gap-4", children: ["FPS:60", "MEM:47%", "NET:12ms"].map((N) => /* @__PURE__ */ e(
               "span",
               {
                 className: "font-mono text-[9px] text-muted-foreground/50",
-                children: f
+                children: N
               },
-              f
+              N
             )) })
           ] }),
-          /* @__PURE__ */ t("div", { className: "relative z-10", children: e })
+          /* @__PURE__ */ e("div", { className: "relative z-10", children: t })
+        ]
+      }
+    );
+  }
+);
+Xr.displayName = "HUDOverlay";
+const Zr = T(
+  [
+    "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",
+    "before:border-t-2 before:border-l-2 before:border-primary/40 before:pointer-events-none",
+    "after:absolute after:bottom-0 after:right-0 after:w-5 after:h-5",
+    "after:border-b-2 after:border-r-2 after:border-primary/40 after:pointer-events-none"
+  ].join(" "),
+  {
+    variants: {
+      priority: {
+        low: "border-white/8",
+        medium: "border-ef-blue/30",
+        high: "border-ef-orange/40",
+        critical: "border-ef-red/50 shadow-[0_0_12px_rgba(255,71,87,0.1)]"
+      },
+      status: {
+        active: "",
+        completed: "opacity-70",
+        failed: "opacity-60",
+        pending: "border-dashed",
+        classified: "border-primary/20"
+      },
+      clickable: {
+        true: "cursor-pointer hover:-translate-y-0.5 hover:shadow-lg",
+        false: ""
+      }
+    },
+    defaultVariants: { priority: "medium", status: "active", clickable: !1 }
+  }
+), Qr = {
+  active: {
+    label: "ACTIVE",
+    cls: "text-ef-green   border-ef-green/40   bg-ef-green/10"
+  },
+  completed: {
+    label: "COMPLETED",
+    cls: "text-muted-foreground border-white/20 bg-white/5"
+  },
+  failed: {
+    label: "FAILED",
+    cls: "text-destructive border-destructive/40 bg-destructive/10"
+  },
+  pending: {
+    label: "PENDING",
+    cls: "text-ef-orange  border-ef-orange/40  bg-ef-orange/10"
+  },
+  classified: {
+    label: "CLASSIFIED",
+    cls: "text-primary    border-primary/40    bg-primary/10"
+  }
+}, Jr = {
+  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" }
+}, ea = i.forwardRef(
+  ({
+    className: t,
+    title: r,
+    missionId: a,
+    description: o,
+    status: n = "active",
+    priority: l = "medium",
+    date: p,
+    progress: d,
+    tags: m,
+    onClick: u,
+    ...f
+  }, x) => {
+    const b = Qr[n], h = Jr[l], y = !!u, N = (v) => {
+      y && (v.key === "Enter" || v.key === " ") && (v.preventDefault(), u == null || u(v));
+    }, g = d !== void 0 ? Math.min(100, Math.max(0, d)) : void 0;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: x,
+        role: y ? "button" : "article",
+        "aria-label": `Mission: ${r}`,
+        tabIndex: y ? 0 : void 0,
+        onClick: u,
+        onKeyDown: N,
+        className: s(
+          Zr({ priority: l, status: n, clickable: y }),
+          t
+        ),
+        ...f,
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-white/8 bg-surface-0", children: [
+            /* @__PURE__ */ c(
+              "span",
+              {
+                className: s(
+                  "font-mono text-[10px] font-semibold tracking-[0.1em] uppercase",
+                  h.cls
+                ),
+                children: [
+                  "◆ PRIORITY: ",
+                  h.label
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: s(
+                  "font-mono text-[10px] font-semibold tracking-[0.1em] uppercase border px-2 py-0.5",
+                  b.cls
+                ),
+                children: b.label
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("div", { className: "px-4 pt-3 pb-2", children: [
+            /* @__PURE__ */ e("h3", { className: "font-display text-[15px] font-bold uppercase tracking-wider text-foreground leading-tight", children: r }),
+            a && /* @__PURE__ */ c("p", { className: "font-mono text-[11px] text-muted-foreground/60 mt-0.5", children: [
+              "ID: ",
+              a
+            ] }),
+            o && /* @__PURE__ */ e("p", { className: "text-[13px] text-muted-foreground mt-2 leading-relaxed", children: o })
+          ] }),
+          (p !== void 0 || g !== void 0 || m && m.length > 0) && /* @__PURE__ */ c("div", { className: "px-4 pb-3 pt-1 space-y-2", children: [
+            g !== void 0 && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "flex-1 h-1 bg-white/8 overflow-hidden", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "h-full bg-primary transition-all duration-500",
+                  style: { width: `${g}%` }
+                }
+              ) }),
+              /* @__PURE__ */ c("span", { className: "font-mono text-[10px] text-muted-foreground shrink-0 w-8 text-right", children: [
+                g,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ c("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+              p && /* @__PURE__ */ e("span", { className: "font-mono text-[11px] text-muted-foreground/60", children: p }),
+              m && m.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 ml-auto", children: m.map((v) => /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "font-mono text-[9px] uppercase tracking-wider border border-white/10 px-1.5 py-0.5 text-muted-foreground/60",
+                  children: v
+                },
+                v
+              )) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ea.displayName = "MissionCard";
+const ue = {
+  1: "text-white/40",
+  2: "text-ef-green/70",
+  3: "text-ef-blue/80",
+  4: "text-ef-purple",
+  5: "text-ef-orange",
+  6: "text-primary"
+}, xe = {
+  default: "bg-primary",
+  success: "bg-ef-green",
+  danger: "bg-destructive",
+  info: "bg-ef-blue"
+}, ge = T(
+  [
+    "relative bg-surface-1 border border-white/8 overflow-hidden transition-all duration-300",
+    "before:absolute before:top-0 before:left-0 before:w-5 before:h-5",
+    "before:border-t-2 before:border-l-2 before:border-primary/40 before:pointer-events-none"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        compact: "flex gap-3 p-3",
+        default: "p-4"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+function he({
+  src: t,
+  name: r,
+  initials: a,
+  sizeClass: o
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(
+        "shrink-0 bg-surface-2 flex items-center justify-center",
+        "font-display font-bold uppercase text-primary",
+        o
+      ),
+      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) })
+    }
+  );
+}
+function be({ rarity: t }) {
+  const r = ue[t] ?? ue[3];
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: "font-mono text-[11px]",
+      "aria-label": `${t} star${t !== 1 ? "s" : ""}`,
+      children: [
+        Array.from({ length: t }).map((a, o) => /* @__PURE__ */ e("span", { className: r, children: "◆" }, `f-${o}`)),
+        Array.from({ length: 6 - t }).map((a, o) => /* @__PURE__ */ e("span", { className: "text-white/15", children: "◇" }, `e-${o}`))
+      ]
+    }
+  );
+}
+function ta({ label: t }) {
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: [
+        "inline-flex items-center gap-1.5 clip-corner-sm border",
+        "px-2.5 py-0.5 font-display text-[10px] font-bold tracking-[0.15em] uppercase",
+        "border-primary/40 text-primary bg-primary/10"
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ e("span", { style: { fontSize: "6px" }, children: "◆" }),
+        t
+      ]
+    }
+  );
+}
+const ra = i.forwardRef(
+  ({
+    className: t,
+    name: r,
+    operatorClass: a,
+    rarity: o = 3,
+    avatarSrc: n,
+    initials: l,
+    stats: p,
+    faction: d,
+    tags: m,
+    size: u,
+    ...f
+  }, x) => {
+    const b = Math.min(6, Math.max(1, o));
+    return u === "compact" ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: x,
+        className: s(ge({ size: u }), t),
+        ...f,
+        children: [
+          /* @__PURE__ */ e(
+            he,
+            {
+              src: n,
+              name: r,
+              initials: l,
+              sizeClass: "w-12 h-12 text-sm"
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0 py-0.5", children: [
+            /* @__PURE__ */ e("p", { className: "font-display text-[13px] font-bold uppercase tracking-wider text-foreground truncate", children: r }),
+            a && /* @__PURE__ */ c("p", { className: "font-mono text-[10px] text-muted-foreground mt-0.5", children: [
+              "◆ ",
+              a.toUpperCase()
+            ] }),
+            /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(be, { rarity: b }) })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: x,
+        className: s(ge({ size: u }), t),
+        ...f,
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex items-start gap-4 mb-3", children: [
+            /* @__PURE__ */ e(
+              he,
+              {
+                src: n,
+                name: r,
+                initials: l,
+                sizeClass: "w-20 h-20 text-xl"
+              }
+            ),
+            /* @__PURE__ */ c("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(ta, { label: a }) }),
+              /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(be, { rarity: b }) })
+            ] })
+          ] }),
+          m && m.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 mb-3", children: m.map((h) => /* @__PURE__ */ e(
+            "span",
+            {
+              className: "font-mono text-[9px] uppercase tracking-wider border border-white/10 px-1.5 py-0.5 text-muted-foreground/60",
+              children: h
+            },
+            h
+          )) }),
+          p && p.length > 0 && /* @__PURE__ */ e("div", { className: "space-y-2 pt-2 border-t border-white/6", children: p.map((h) => {
+            const y = h.max ?? h.value, N = y > 0 ? Math.min(100, h.value / y * 100) : 0, g = xe[h.color ?? "default"] ?? xe.default;
+            return /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("span", { className: "font-mono text-[10px] uppercase tracking-wider text-muted-foreground w-8 shrink-0", children: h.label }),
+              /* @__PURE__ */ e("div", { className: "flex-1 h-1 bg-white/8 overflow-hidden", children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: s("h-full transition-all duration-500", g),
+                  style: { width: `${N}%` }
+                }
+              ) }),
+              /* @__PURE__ */ e("span", { className: "font-mono text-[10px] text-muted-foreground/70 w-12 text-right shrink-0", children: h.value.toLocaleString() })
+            ] }, h.label);
+          }) })
+        ]
+      }
+    );
+  }
+);
+ra.displayName = "OperatorCard";
+const aa = T("flex items-center gap-1.5", {
+  variants: {
+    size: {
+      sm: "[&>span.seg]:w-3 [&>span.seg]:h-2",
+      md: "[&>span.seg]:w-4 [&>span.seg]:h-3",
+      lg: "[&>span.seg]:w-6 [&>span.seg]:h-4"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), oa = T("seg transition-all duration-200", {
+  variants: {
+    variant: {
+      health: "",
+      energy: "",
+      shield: "",
+      experience: ""
+    }
+  },
+  defaultVariants: { variant: "health" }
+}), ve = {
+  health: "bg-ef-green",
+  energy: "bg-primary",
+  shield: "bg-ef-blue",
+  experience: "bg-ef-purple"
+}, na = i.forwardRef(
+  ({
+    className: t,
+    value: r,
+    max: a = 100,
+    segments: o = 10,
+    label: n,
+    showValue: l = !1,
+    size: p,
+    variant: d = "health",
+    ...m
+  }, u) => {
+    const f = Math.min(a, Math.max(0, r)), x = a > 0 ? f / a : 0, b = Math.round(x * o), h = (y) => {
+      if (y >= b) return "bg-white/8";
+      if (d === "health") {
+        if (x <= 0.15) return "bg-destructive";
+        if (x <= 0.3) return "bg-ef-orange";
+      }
+      return ve[d ?? "health"] ?? ve.health;
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: u,
+        className: s("flex items-center gap-2", t),
+        role: "meter",
+        "aria-valuenow": f,
+        "aria-valuemin": 0,
+        "aria-valuemax": a,
+        "aria-label": n ?? `${d} bar`,
+        ...m,
+        children: [
+          n && /* @__PURE__ */ e("span", { className: "font-mono text-[10px] uppercase tracking-wider text-muted-foreground shrink-0", children: n }),
+          /* @__PURE__ */ e("div", { className: s(aa({ size: p })), children: Array.from({ length: o }).map((y, N) => /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                oa({ variant: d }),
+                h(N)
+              )
+            },
+            N
+          )) }),
+          l && /* @__PURE__ */ c("span", { className: "font-mono text-[10px] text-muted-foreground shrink-0 ml-1", children: [
+            f,
+            "/",
+            a
+          ] })
+        ]
+      }
+    );
+  }
+);
+na.displayName = "StatusBar";
+const sa = {
+  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" }
+}, ia = i.forwardRef(
+  ({
+    className: t,
+    entries: r,
+    showHeader: a = !0,
+    headerText: o = "TERMINAL",
+    showCursor: n = !0,
+    autoScroll: l = !0,
+    maxHeight: p = "320px",
+    showTimestamp: d = !1,
+    ...m
+  }, u) => {
+    const f = i.useRef(null);
+    return i.useEffect(() => {
+      l && f.current && (f.current.scrollTop = f.current.scrollHeight);
+    }, [r, l]), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: u,
+        className: s(
+          "bg-[#0F0F0F] border border-white/8 font-mono text-[13px]",
+          t
+        ),
+        ...m,
+        children: [
+          a && /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-white/8", children: [
+            /* @__PURE__ */ c("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ e("span", { className: "w-2.5 h-2.5 bg-white/10" }),
+              /* @__PURE__ */ e("span", { className: "w-2.5 h-2.5 bg-white/10" }),
+              /* @__PURE__ */ e("span", { className: "w-2.5 h-2.5 bg-white/10" })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "font-mono text-[10px] text-muted-foreground/60 uppercase tracking-[0.15em] mx-auto", children: o })
+          ] }),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              ref: f,
+              style: { maxHeight: p },
+              className: "overflow-y-auto py-2 scrollbar-thin",
+              role: "log",
+              "aria-live": "polite",
+              "aria-label": o,
+              children: [
+                r.length === 0 && /* @__PURE__ */ e("div", { className: "px-4 py-2 text-muted-foreground/40 text-[12px]", children: "No output." }),
+                r.map((x, b) => {
+                  const h = sa[x.level], y = x.id ?? b;
+                  return /* @__PURE__ */ c(
+                    "div",
+                    {
+                      className: "flex gap-3 px-4 py-0.5 hover:bg-white/[0.02] transition-colors",
+                      children: [
+                        /* @__PURE__ */ e(
+                          "span",
+                          {
+                            className: s(
+                              "text-[11px] font-semibold shrink-0 select-none",
+                              "w-[54px]",
+                              h.color
+                            ),
+                            children: h.prefix
+                          }
+                        ),
+                        d && /* @__PURE__ */ e("span", { className: "text-[11px] text-muted-foreground/40 shrink-0", children: x.timestamp ?? (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace("T", "/") }),
+                        /* @__PURE__ */ e("span", { className: "text-[#E0E0E0] break-all", children: x.message })
+                      ]
+                    },
+                    y
+                  );
+                }),
+                n && /* @__PURE__ */ c("div", { className: "flex items-center gap-3 px-4 py-0.5 mt-0.5", children: [
+                  /* @__PURE__ */ e("span", { className: "w-[54px] shrink-0" }),
+                  /* @__PURE__ */ e(
+                    "span",
+                    {
+                      className: "inline-block w-2 h-4 bg-primary animate-pulse",
+                      "aria-hidden": !0
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ia.displayName = "CommandOutput";
+const la = T(
+  "font-display font-bold text-primary tabular-nums leading-none",
+  {
+    variants: {
+      size: {
+        sm: "text-2xl",
+        md: "text-5xl",
+        lg: "text-7xl"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), da = T(
+  "font-mono uppercase tracking-widest text-muted-foreground/60",
+  {
+    variants: {
+      size: {
+        sm: "text-[9px]",
+        md: "text-[10px]",
+        lg: "text-[11px]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function ye(t) {
+  const r = Math.max(0, t - Date.now()), a = Math.floor(r / 1e3 % 60), o = Math.floor(r / 1e3 / 60 % 60), n = Math.floor(r / (1e3 * 60 * 60) % 24);
+  return { days: Math.floor(r / (1e3 * 60 * 60 * 24)), hours: n, minutes: o, seconds: a, total: r };
+}
+function J(t) {
+  return String(t).padStart(2, "0");
+}
+function H({
+  value: t,
+  unit: r,
+  size: a
+}) {
+  return /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-1", children: [
+    /* @__PURE__ */ e("span", { className: la({ size: a }), children: t }),
+    /* @__PURE__ */ e("span", { className: da({ size: a }), children: r })
+  ] });
+}
+function ee({ size: t }) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: s(
+        "font-mono text-primary/30 font-bold select-none mb-4",
+        t === "sm" ? "text-xl" : t === "lg" ? "text-5xl" : "text-3xl"
+      ),
+      children: ":"
+    }
+  );
+}
+const ca = i.forwardRef(
+  ({
+    className: t,
+    targetDate: r,
+    seconds: a,
+    onComplete: o,
+    label: n,
+    autoHideZero: l = !1,
+    showDays: p = !0,
+    size: d,
+    ...m
+  }, u) => {
+    const f = i.useMemo(() => r ? new Date(r).getTime() : a !== void 0 ? Date.now() + a * 1e3 : Date.now(), [r, a]), [x, b] = i.useState(
+      () => ye(f)
+    ), h = i.useRef(!1);
+    i.useEffect(() => {
+      h.current = !1;
+      const g = () => {
+        const S = ye(f);
+        b(S), S.total === 0 && !h.current && (h.current = !0, o == null || o());
+      };
+      g();
+      const v = setInterval(g, 1e3);
+      return () => clearInterval(v);
+    }, [f, o]);
+    const y = i.useMemo(
+      () => `Countdown: ${x.days} days ${x.hours} hours ${x.minutes} minutes ${x.seconds} seconds`,
+      [x.days, x.hours, x.minutes]
+    ), N = p && !(l && x.days === 0);
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: u,
+        className: s("flex flex-col items-center gap-4", t),
+        role: "timer",
+        "aria-label": y,
+        "aria-live": "off",
+        ...m,
+        children: [
+          n && /* @__PURE__ */ e("p", { className: "font-mono text-[11px] uppercase tracking-widest text-muted-foreground", children: n }),
+          /* @__PURE__ */ c("div", { className: "flex items-end gap-2", children: [
+            N && /* @__PURE__ */ c(Le, { children: [
+              /* @__PURE__ */ e(H, { value: String(x.days), unit: "DAYS", size: d }),
+              /* @__PURE__ */ e(ee, { size: d })
+            ] }),
+            /* @__PURE__ */ e(H, { value: J(x.hours), unit: "HRS", size: d }),
+            /* @__PURE__ */ e(ee, { size: d }),
+            /* @__PURE__ */ e(H, { value: J(x.minutes), unit: "MIN", size: d }),
+            /* @__PURE__ */ e(ee, { size: d }),
+            /* @__PURE__ */ e(H, { value: J(x.seconds), unit: "SEC", size: d })
+          ] })
         ]
       }
     );
   }
 );
-Ee.displayName = "HUDOverlay";
+ca.displayName = "CountdownTimer";
+function pa({
+  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 ma({ 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-white/[0.04]", children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: s(
+        "h-3 bg-surface-2 animate-skeleton",
+        a === 0 ? "w-3/4" : a % 3 === 0 ? "w-1/2" : "w-full"
+      )
+    }
+  ) }, a)) });
+}
+const Ne = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+};
+function fa({
+  className: t,
+  columns: r,
+  data: a,
+  sortKey: o,
+  sortDirection: n,
+  onSort: l,
+  selectable: p = !1,
+  selectedIndices: d,
+  onRowClick: m,
+  loading: u = !1,
+  skeletonRows: f = 4,
+  emptyState: x,
+  caption: b,
+  ...h
+}, y) {
+  const N = new Set(d ?? []);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: y,
+      className: s("w-full overflow-x-auto", t),
+      ...h,
+      children: /* @__PURE__ */ c("table", { className: "w-full border-collapse", role: "grid", children: [
+        b && /* @__PURE__ */ e("caption", { className: "sr-only", children: b }),
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: r.map((g) => {
+          const v = o === g.key;
+          return /* @__PURE__ */ c(
+            "th",
+            {
+              scope: "col",
+              className: s(
+                "px-4 py-3 border-b border-white/10 bg-surface-0 sticky top-0 z-10",
+                "font-mono text-[11px] font-bold tracking-[0.12em] uppercase text-muted-foreground",
+                g.width ?? "",
+                Ne[g.align ?? "left"],
+                g.sortable && "cursor-pointer select-none hover:text-foreground transition-colors"
+              ),
+              "aria-sort": g.sortable && v ? n === "asc" ? "ascending" : "descending" : void 0,
+              onClick: g.sortable ? () => l == null ? void 0 : l(g.key) : void 0,
+              children: [
+                g.header,
+                g.sortable && /* @__PURE__ */ e(
+                  pa,
+                  {
+                    active: v,
+                    direction: n
+                  }
+                )
+              ]
+            },
+            g.key
+          );
+        }) }) }),
+        /* @__PURE__ */ e("tbody", { children: u ? Array.from({ length: f }).map((g, v) => /* @__PURE__ */ e(ma, { colCount: r.length }, v)) : a.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: r.length, className: "px-4 py-12 text-center", children: x ?? /* @__PURE__ */ e("span", { className: "font-mono text-[12px] text-muted-foreground/40 uppercase tracking-wider", children: "NO DATA" }) }) }) : a.map((g, v) => {
+          const S = p && N.has(v), E = v % 2 === 1;
+          return /* @__PURE__ */ e(
+            "tr",
+            {
+              "aria-selected": p ? S : void 0,
+              onClick: p ? () => m == null ? void 0 : m(g, v) : void 0,
+              className: s(
+                "transition-colors",
+                S ? "bg-primary/[0.06]" : E ? "bg-white/[0.015] hover:bg-primary/[0.03]" : "hover:bg-primary/[0.03]",
+                p && "cursor-pointer"
+              ),
+              children: r.map((_) => /* @__PURE__ */ e(
+                "td",
+                {
+                  className: s(
+                    "px-4 py-3 text-[14px] text-foreground border-b border-white/[0.04]",
+                    Ne[_.align ?? "left"]
+                  ),
+                  children: _.cell ? _.cell(g, v) : g[_.key]
+                },
+                _.key
+              ))
+            },
+            v
+          );
+        }) })
+      ] })
+    }
+  );
+}
+const ua = i.forwardRef(fa);
+ua.displayName = "TacticalTable";
+const xa = i.forwardRef(
+  ({
+    className: t,
+    cols: r = 20,
+    rows: a = 10,
+    dotSize: o = 4,
+    gap: n = 8,
+    activeColor: l = "bg-primary",
+    activeProbability: p = 0.05,
+    intervalMs: d = 300,
+    static: m = !1,
+    ...u
+  }, f) => {
+    const x = r * a, [b, h] = i.useState(
+      () => /* @__PURE__ */ new Set()
+    ), y = i.useMemo(() => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, []);
+    return i.useEffect(() => {
+      if (m || y) return;
+      const N = setInterval(() => {
+        h((g) => {
+          const v = new Set(g);
+          for (let S = 0; S < x; S++)
+            Math.random() < p && v.add(S);
+          for (const S of v)
+            Math.random() < 0.3 && v.delete(S);
+          return v;
+        });
+      }, d);
+      return () => clearInterval(N);
+    }, [m, y, x, p, d]), /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        className: s("overflow-hidden", t),
+        "aria-hidden": "true",
+        ...u,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              display: "grid",
+              gridTemplateColumns: `repeat(${r}, ${o}px)`,
+              gap: `${n}px`
+            },
+            children: Array.from({ length: x }).map((N, g) => /* @__PURE__ */ e(
+              "div",
+              {
+                style: { width: o, height: o },
+                className: s(
+                  "transition-opacity",
+                  m || y ? "duration-0" : "duration-500",
+                  b.has(g) ? s("opacity-100", l) : "opacity-10 bg-white"
+                )
+              },
+              g
+            ))
+          }
+        )
+      }
+    );
+  }
+);
+xa.displayName = "MatrixGrid";
+const ga = T("flex items-end gap-px", {
+  variants: {
+    color: {
+      primary: "[&>span]:bg-primary",
+      success: "[&>span]:bg-ef-green",
+      danger: "[&>span]:bg-destructive",
+      info: "[&>span]:bg-ef-blue",
+      muted: "[&>span]:bg-white/20"
+    }
+  },
+  defaultVariants: { color: "primary" }
+}), we = {
+  slow: "1.4s",
+  medium: "0.8s",
+  fast: "0.4s"
+}, ha = i.forwardRef(
+  ({
+    className: t,
+    barCount: r = 12,
+    barWidth: a = 3,
+    height: o = 32,
+    speed: n = "medium",
+    paused: l = !1,
+    color: p,
+    style: d,
+    ...m
+  }, u) => {
+    const f = we[n] ?? we.medium, x = i.useMemo(
+      () => Array.from({ length: r }, (b, h) => ({
+        delay: `${(h * 0.13 % 0.9).toFixed(2)}s`
+      })),
+      [r]
+    );
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        className: s(ga({ color: p }), t),
+        style: { height: o, ...d },
+        "aria-hidden": "true",
+        ...m,
+        children: x.map((b, h) => /* @__PURE__ */ e(
+          "span",
+          {
+            style: {
+              display: "inline-block",
+              width: a,
+              height: "100%",
+              transformOrigin: "center bottom",
+              animation: `frequency-bar ${f} ease-in-out infinite alternate`,
+              animationDelay: b.delay,
+              animationPlayState: l ? "paused" : "running"
+            }
+          },
+          h
+        ))
+      }
+    );
+  }
+);
+ha.displayName = "FrequencyBars";
 export {
-  we as CoordinateTag,
-  xe as DataStream,
-  pe as DiamondLoader,
-  de as GlitchText,
-  Ee as HUDOverlay,
-  ge as HoloCard,
-  Se as RadarChart,
-  Te as ScanDivider,
-  Me as SonnerToaster,
-  ve as TacticalBadge,
-  ue as TacticalPanel,
-  M as Toast,
-  re as ToastAction,
-  V as ToastClose,
-  U as ToastDescription,
-  ee as ToastProvider,
-  B as ToastTitle,
-  _ as ToastViewport,
-  _e as Toaster,
-  Oe as Tooltip,
-  J as TooltipContent,
-  Le as TooltipProvider,
-  Pe as TooltipTrigger,
-  Ne as WarningBanner,
-  x as cn,
-  he as tacticalBadgeVariants,
-  Ue as toast,
-  ie as toastAction,
-  le as useToast
+  Gt as Accordion,
+  Yt as AccordionContent,
+  Ut as AccordionItem,
+  Ht as AccordionTrigger,
+  Nr as Alert,
+  Lt as Avatar,
+  Ft as AvatarFallback,
+  $t as AvatarImage,
+  it as Badge,
+  Ir as Breadcrumb,
+  nt as Button,
+  ct as Card,
+  xt as CardBody,
+  ut as CardDescription,
+  gt as CardFooter,
+  pt as CardHeader,
+  mt as CardMeta,
+  ft as CardTitle,
+  Tt as Checkbox,
+  ia as CommandOutput,
+  qr as CoordinateTag,
+  ca as CountdownTimer,
+  zr as DataStream,
+  ar as Dialog,
+  nr as DialogClose,
+  ir as DialogContent,
+  pr as DialogDescription,
+  dr as DialogFooter,
+  lr as DialogHeader,
+  _e as DialogOverlay,
+  Ee as DialogPortal,
+  cr as DialogTitle,
+  or as DialogTrigger,
+  Vr as DiamondLoader,
+  br as EmptyState,
+  ha as FrequencyBars,
+  Er as GlitchText,
+  Xr as HUDOverlay,
+  yt as HelperText,
+  Lr as HoloCard,
+  bt as Input,
+  vt as Label,
+  xa as MatrixGrid,
+  ea as MissionCard,
+  Ar as NumberInput,
+  ra as OperatorCard,
+  Rr as Pagination,
+  Jt as Popover,
+  tr as PopoverAnchor,
+  rr as PopoverContent,
+  er as PopoverTrigger,
+  zt as Progress,
+  Kr as RadarChart,
+  kt as RadioGroup,
+  St as RadioGroupItem,
+  Wr as ScanDivider,
+  It as Select,
+  Et as SelectContent,
+  Ct as SelectGroup,
+  Vt as SelectItem,
+  _t as SelectLabel,
+  De as SelectScrollDownButton,
+  Ae as SelectScrollUpButton,
+  Ot as SelectSeparator,
+  Dt as SelectTrigger,
+  At as SelectValue,
+  fr as Separator,
+  Oe as SkeletonAvatar,
+  gr as SkeletonCard,
+  F as SkeletonLine,
+  Ve as SkeletonText,
+  Da as SonnerToaster,
+  na as StatusBar,
+  kr as Stepper,
+  Rt as Switch,
+  Wt as Tabs,
+  Qt as TabsContent,
+  Kt as TabsList,
+  Zt as TabsTrigger,
+  Ur as TacticalBadge,
+  Pr as TacticalPanel,
+  ua as TacticalTable,
+  wt as Textarea,
+  Tr as Timeline,
+  Me as TimelineItem,
+  Se as Toast,
+  Qe as ToastAction,
+  Re as ToastClose,
+  Ce as ToastDescription,
+  Xe as ToastProvider,
+  Ie as ToastTitle,
+  ke as ToastViewport,
+  Aa as Toaster,
+  Ia as Tooltip,
+  Ke as TooltipContent,
+  Ra as TooltipProvider,
+  Ca as TooltipTrigger,
+  Yr as WarningBanner,
+  vr as alertVariants,
+  Mt as avatarVariants,
+  st as badgeVariants,
+  le as buttonVariants,
+  dt as cardVariants,
+  s as cn,
+  sr as dialogContentVariants,
+  hr as emptyStateVariants,
+  ga as frequencyBarsVariants,
+  ht as inputWrapperVariants,
+  Zr as missionCardVariants,
+  Cr as numberInputVariants,
+  ge as operatorCardVariants,
+  Z as paginationItemVariants,
+  jt as progressFillVariants,
+  Bt as progressTrackVariants,
+  mr as separatorVariants,
+  ur as skeletonLineVariants,
+  aa as statusBarContainerVariants,
+  oa as statusBarSegmentVariants,
+  qt as tabsListVariants,
+  Xt as tabsTriggerVariants,
+  Gr as tacticalBadgeVariants,
+  Nt as textareaVariants,
+  wr as timelineItemVariants,
+  Va as toast,
+  at as toastAction,
+  ot as useToast
 };
 //# sourceMappingURL=index.mjs.map