reend-components 0.2.0 → 0.3.0

package/dist/lib/index.mjs

@@ -1,43 +1,55 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as a, jsxs as l } 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 * as A from "@radix-ui/react-tooltip";
+import { clsx as ne } from "clsx";
+import { twMerge as se } from "tailwind-merge";
+import * as v from "@radix-ui/react-toast";
+import { cva as h } from "class-variance-authority";
+import { X as ie, Crosshair as le, Terminal as de, AlertTriangle as ce } from "lucide-react";
+import { Toaster as pe } from "sonner";
+import { toast as mr } from "sonner";
+import { Slot as fe } from "@radix-ui/react-slot";
+import * as M from "@radix-ui/react-checkbox";
+import * as W from "@radix-ui/react-radio-group";
+import * as F from "@radix-ui/react-switch";
+import * as x from "@radix-ui/react-select";
+import * as j from "@radix-ui/react-avatar";
+import * as G from "@radix-ui/react-progress";
+import * as k from "@radix-ui/react-accordion";
+import * as P from "@radix-ui/react-tabs";
+import * as R from "@radix-ui/react-popover";
+import * as y from "@radix-ui/react-dialog";
+import * as me from "@radix-ui/react-separator";
+import { AnimatePresence as ue, motion as V, useInView as ge } from "framer-motion";
+function i(...e) {
+  return se(ne(e));
 }
-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 sr = A.Provider, ir = A.Root, lr = A.Trigger, be = n.forwardRef(({ className: e, sideOffset: t = 4, ...r }, o) => /* @__PURE__ */ a(
+  A.Content,
   {
-    ref: a,
-    sideOffset: r,
-    className: x(
+    ref: o,
+    sideOffset: t,
+    className: i(
       "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
     ),
-    ...o
+    ...r
   }
 ));
-J.displayName = T.Content.displayName;
-const ee = m.Provider, _ = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Viewport,
+be.displayName = A.Content.displayName;
+const xe = v.Provider, Y = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  v.Viewport,
   {
-    ref: o,
-    className: x(
+    ref: r,
+    className: i(
       "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
     ),
-    ...r
+    ...t
   }
 ));
-_.displayName = m.Viewport.displayName;
-const te = P(
+Y.displayName = v.Viewport.displayName;
+const he = h(
   "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,168 +62,168 @@ const te = P(
       variant: "default"
     }
   }
-), M = n.forwardRef(({ className: e, variant: r, ...o }, a) => /* @__PURE__ */ t(
-  m.Root,
+), X = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  v.Root,
   {
-    ref: a,
-    className: x(te({ variant: r }), e),
-    ...o
+    ref: o,
+    className: i(he({ variant: t }), e),
+    ...r
   }
 ));
-M.displayName = m.Root.displayName;
-const re = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Action,
+X.displayName = v.Root.displayName;
+const ve = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  v.Action,
   {
-    ref: o,
-    className: x(
+    ref: r,
+    className: i(
       "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
     ),
-    ...r
+    ...t
   }
 ));
-re.displayName = m.Action.displayName;
-const V = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Close,
+ve.displayName = v.Action.displayName;
+const K = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  v.Close,
   {
-    ref: o,
-    className: x(
+    ref: r,
+    className: i(
       "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
     ),
     "toast-close": "",
-    ...r,
-    children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+    ...t,
+    children: /* @__PURE__ */ a(ie, { className: "h-4 w-4" })
   }
 ));
-V.displayName = m.Close.displayName;
-const B = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Title,
+K.displayName = v.Close.displayName;
+const q = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  v.Title,
   {
-    ref: o,
-    className: x("text-sm font-semibold", e),
-    ...r
+    ref: r,
+    className: i("text-sm font-semibold", e),
+    ...t
   }
 ));
-B.displayName = m.Title.displayName;
-const U = n.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
-  m.Description,
+q.displayName = v.Title.displayName;
+const Q = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  v.Description,
   {
-    ref: o,
-    className: x("text-sm opacity-90", e),
-    ...r
+    ref: r,
+    className: i("text-sm opacity-90", e),
+    ...t
   }
 ));
-U.displayName = m.Description.displayName;
-const oe = 1, ae = 5e3;
-let $ = 0;
-function se() {
-  return $ = ($ + 1) % Number.MAX_SAFE_INTEGER, $.toString();
+Q.displayName = v.Description.displayName;
+const ye = 1, Ne = 5e3;
+let _ = 0;
+function we() {
+  return _ = (_ + 1) % Number.MAX_SAFE_INTEGER, _.toString();
 }
-const D = /* @__PURE__ */ new Map(), O = (e) => {
-  if (D.has(e))
+const $ = /* @__PURE__ */ new Map(), H = (e) => {
+  if ($.has(e))
     return;
-  const r = setTimeout(() => {
-    D.delete(e), N({
+  const t = setTimeout(() => {
+    $.delete(e), S({
       type: "REMOVE_TOAST",
       toastId: e
     });
-  }, ae);
-  D.set(e, r);
-}, ne = (e, r) => {
-  switch (r.type) {
+  }, Ne);
+  $.set(e, t);
+}, Te = (e, t) => {
+  switch (t.type) {
     case "ADD_TOAST":
       return {
         ...e,
-        toasts: [r.toast, ...e.toasts].slice(0, oe)
+        toasts: [t.toast, ...e.toasts].slice(0, ye)
       };
     case "UPDATE_TOAST":
       return {
         ...e,
         toasts: e.toasts.map(
-          (o) => o.id === r.toast.id ? { ...o, ...r.toast } : o
+          (r) => r.id === t.toast.id ? { ...r, ...t.toast } : r
         )
       };
     case "DISMISS_TOAST": {
-      const { toastId: o } = r;
-      return o ? O(o) : e.toasts.forEach((a) => {
-        O(a.id);
+      const { toastId: r } = t;
+      return r ? H(r) : e.toasts.forEach((o) => {
+        H(o.id);
       }), {
         ...e,
         toasts: e.toasts.map(
-          (a) => a.id === o || o === void 0 ? {
-            ...a,
+          (o) => o.id === r || r === void 0 ? {
+            ...o,
             open: !1
-          } : a
+          } : o
         )
       };
     }
     case "REMOVE_TOAST":
-      return r.toastId === void 0 ? {
+      return t.toastId === void 0 ? {
         ...e,
         toasts: []
       } : {
         ...e,
-        toasts: e.toasts.filter((o) => o.id !== r.toastId)
+        toasts: e.toasts.filter((r) => r.id !== t.toastId)
       };
   }
-}, S = [];
-let E = { toasts: [] };
-function N(e) {
-  E = ne(E, e), S.forEach((r) => {
-    r(E);
+}, D = [];
+let I = { toasts: [] };
+function S(e) {
+  I = Te(I, e), D.forEach((t) => {
+    t(I);
   });
 }
-function ie({ ...e }) {
-  const r = se(), o = (s) => N({
+function Se({ ...e }) {
+  const t = we(), r = (s) => S({
     type: "UPDATE_TOAST",
-    toast: { ...s, id: r }
-  }), a = () => N({ type: "DISMISS_TOAST", toastId: r });
-  return N({
+    toast: { ...s, id: t }
+  }), o = () => S({ type: "DISMISS_TOAST", toastId: t });
+  return S({
     type: "ADD_TOAST",
     toast: {
       ...e,
-      id: r,
+      id: t,
       open: !0,
       onOpenChange: (s) => {
-        s || a();
+        s || o();
       }
     }
   }), {
-    id: r,
-    dismiss: a,
-    update: o
+    id: t,
+    dismiss: o,
+    update: r
   };
 }
-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);
+function ke() {
+  const [e, t] = n.useState(I);
+  return n.useEffect(() => (D.push(t), () => {
+    const r = D.indexOf(t);
+    r > -1 && D.splice(r, 1);
   }), [e]), {
     ...e,
-    toast: ie,
-    dismiss: (o) => N({ type: "DISMISS_TOAST", toastId: o })
+    toast: Se,
+    dismiss: (r) => S({ type: "DISMISS_TOAST", toastId: r })
   };
 }
-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 dr() {
+  const { toasts: e } = ke();
+  return /* @__PURE__ */ l(xe, { children: [
+    e.map(function({ id: t, title: r, description: o, action: s, ...d }) {
+      return /* @__PURE__ */ l(X, { ...d, children: [
+        /* @__PURE__ */ l("div", { className: "grid gap-1", children: [
+          r && /* @__PURE__ */ a(q, { children: r }),
+          o && /* @__PURE__ */ a(Q, { children: o })
         ] }),
         s,
-        /* @__PURE__ */ t(V, {})
-      ] }, r);
+        /* @__PURE__ */ a(K, {})
+      ] }, t);
     }),
-    /* @__PURE__ */ t(_, {})
+    /* @__PURE__ */ a(Y, {})
   ] });
 }
-const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
-  Q,
+const cr = ({ theme: e = "dark", ...t }) => /* @__PURE__ */ a(
+  pe,
   {
     theme: e,
     className: "toaster group",
@@ -223,12 +235,1067 @@ const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
         cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
       }
     },
+    ...t
+  }
+), U = h(
+  "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"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), Re = n.forwardRef(
+  ({
+    className: e,
+    variant: t,
+    size: r,
+    asChild: o = !1,
+    loading: s = !1,
+    disabled: d,
+    children: c,
+    type: p = "button",
+    ...f
+  }, m) => o ? /* @__PURE__ */ a(
+    fe,
+    {
+      ref: m,
+      className: i(U({ variant: t, size: r }), e),
+      "aria-disabled": d || void 0,
+      ...f,
+      children: c
+    }
+  ) : /* @__PURE__ */ l(
+    "button",
+    {
+      ref: m,
+      type: p,
+      className: i(
+        U({ variant: t, size: r }),
+        s && "pointer-events-none opacity-80",
+        e
+      ),
+      disabled: d || s,
+      "aria-busy": s || void 0,
+      ...f,
+      children: [
+        s && /* @__PURE__ */ a(
+          "span",
+          {
+            className: "h-4 w-4 shrink-0 border-2 border-current clip-corner-sm animate-diamond-spin",
+            "aria-hidden": "true"
+          }
+        ),
+        c
+      ]
+    }
+  )
+);
+Re.displayName = "Button";
+const Ae = h(
+  "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-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-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"
+    }
+  }
+), Ce = n.forwardRef(
+  ({ className: e, variant: t, removable: r, onRemove: o, children: s, ...d }, c) => /* @__PURE__ */ l(
+    "span",
+    {
+      ref: c,
+      className: i(Ae({ variant: t }), r && "pr-1", e),
+      ...d,
+      children: [
+        s,
+        r && /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            onClick: (p) => {
+              p.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: "×"
+          }
+        )
+      ]
+    }
+  )
+);
+Ce.displayName = "Badge";
+const De = "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", Ie = h(
+  [
+    "relative bg-surface-1 border border-border transition-all duration-300",
+    De
+  ].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
+    }
+  }
+), Pe = n.forwardRef(
+  ({ className: e, hoverable: t, selected: r, ...o }, s) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: s,
+      className: i(Ie({ hoverable: t, selected: r }), e),
+      ...o
+    }
+  )
+);
+Pe.displayName = "Card";
+const Ee = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i("flex items-start justify-between gap-4 p-5", e),
+    ...t
+  }
+));
+Ee.displayName = "CardHeader";
+const _e = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "p",
+  {
+    ref: r,
+    className: i(
+      "font-mono text-[10px] tracking-[0.15em] uppercase text-primary mb-2",
+      e
+    ),
+    ...t
+  }
+));
+_e.displayName = "CardMeta";
+const $e = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "h3",
+  {
+    ref: r,
+    className: i(
+      "font-display text-sm font-bold tracking-[0.02em] uppercase text-foreground",
+      e
+    ),
+    ...t
+  }
+));
+$e.displayName = "CardTitle";
+const Ve = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "p",
+  {
+    ref: r,
+    className: i("text-sm text-muted-foreground leading-relaxed", e),
+    ...t
+  }
+));
+Ve.displayName = "CardDescription";
+const je = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a("div", { ref: r, className: i("p-5", e), ...t }));
+je.displayName = "CardBody";
+const Oe = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: r,
+    className: i(
+      "flex items-center gap-3 px-5 py-4 border-t border-border",
+      e
+    ),
+    ...t
+  }
+));
+Oe.displayName = "CardFooter";
+const Le = h(
+  "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"
+      },
+      size: {
+        sm: "h-8",
+        md: "h-11",
+        lg: "h-[52px]"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "md"
+    }
+  }
+), ze = n.forwardRef(
+  ({
+    className: e,
+    state: t = "default",
+    size: r = "md",
+    leftElement: o,
+    rightElement: s,
+    disabled: d,
+    ...c
+  }, p) => {
+    const f = o || r === "sm" ? "pl-2" : "pl-3", m = s || r === "sm" ? "pr-2" : "pr-3";
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        className: i(
+          Le({ state: t, size: r }),
+          d && "opacity-40 cursor-not-allowed pointer-events-none bg-background",
+          e
+        ),
+        children: [
+          o && /* @__PURE__ */ a("span", { className: "pl-3 flex-shrink-0 text-muted-foreground flex items-center", children: o }),
+          /* @__PURE__ */ a(
+            "input",
+            {
+              ref: p,
+              disabled: d,
+              className: i(
+                "h-full flex-1 min-w-0 bg-transparent text-foreground text-sm font-mono",
+                "placeholder:text-muted-foreground focus:outline-none",
+                f,
+                m
+              ),
+              ...c
+            }
+          ),
+          s && /* @__PURE__ */ a("span", { className: "pr-3 flex-shrink-0 text-muted-foreground flex items-center", children: s })
+        ]
+      }
+    );
+  }
+);
+ze.displayName = "Input";
+const Be = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  "label",
+  {
+    ref: r,
+    className: i(
+      "font-display text-[11px] font-semibold uppercase tracking-widest text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Be.displayName = "Label";
+const Me = n.forwardRef(
+  ({ className: e, state: t = "default", ...r }, o) => /* @__PURE__ */ a(
+    "p",
+    {
+      ref: o,
+      className: i(
+        "text-[12px] leading-tight",
+        t === "error" && "text-destructive",
+        t === "success" && "text-ef-green",
+        t === "default" && "text-muted-foreground",
+        e
+      ),
+      ...r
+    }
+  )
+);
+Me.displayName = "HelperText";
+const Fe = h(
+  [
+    "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"
+    }
+  }
+), Ge = n.forwardRef(
+  ({ className: e, state: t = "default", showCount: r, maxLength: o, onChange: s, ...d }, c) => {
+    const [p, f] = n.useState(() => {
+      const g = d.value ?? d.defaultValue ?? "";
+      return String(g).length;
+    });
+    n.useEffect(() => {
+      d.value !== void 0 && f(String(d.value).length);
+    }, [d.value]);
+    const m = () => o !== void 0 && p > o ? "text-destructive" : o !== void 0 && p / o >= 0.8 ? "text-ef-orange" : "text-muted-foreground";
+    return /* @__PURE__ */ l("div", { className: "relative", children: [
+      /* @__PURE__ */ a(
+        "textarea",
+        {
+          ref: c,
+          maxLength: o,
+          onChange: (g) => {
+            f(g.target.value.length), s == null || s(g);
+          },
+          className: i(
+            Fe({ state: t }),
+            r && "pb-7",
+            e
+          ),
+          ...d
+        }
+      ),
+      r && /* @__PURE__ */ a(
+        "span",
+        {
+          className: i(
+            "absolute bottom-2 right-3 font-mono text-[11px] pointer-events-none select-none",
+            m()
+          ),
+          children: o !== void 0 ? `${p}/${o}` : p
+        }
+      )
+    ] });
+  }
+);
+Ge.displayName = "Textarea";
+const He = n.forwardRef(({ className: e, label: t, helperText: r, id: o, ...s }, d) => {
+  const c = n.useId(), p = o ?? c;
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ a(
+        M.Root,
+        {
+          ref: d,
+          id: p,
+          className: i(
+            "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",
+            e
+          ),
+          ...s,
+          children: /* @__PURE__ */ l(M.Indicator, { className: "flex items-center justify-center", children: [
+            /* @__PURE__ */ a("span", { className: "hidden group-data-[state=checked]:inline leading-none text-primary-foreground text-[10px] font-bold select-none", children: "◆" }),
+            /* @__PURE__ */ a("span", { className: "hidden group-data-[state=indeterminate]:inline leading-none text-primary-foreground text-sm font-bold select-none", children: "−" })
+          ] })
+        }
+      ),
+      t && /* @__PURE__ */ a(
+        "label",
+        {
+          htmlFor: p,
+          className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none leading-none",
+          children: t
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground pl-[30px]", children: r })
+  ] });
+});
+He.displayName = "Checkbox";
+const Ue = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  W.Root,
+  {
+    ref: r,
+    className: i("flex flex-col gap-3", e),
+    ...t
+  }
+));
+Ue.displayName = "RadioGroup";
+const We = n.forwardRef(({ className: e, label: t, helperText: r, id: o, ...s }, d) => {
+  const c = n.useId(), p = o ?? c;
+  return /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ l(
+        W.Item,
+        {
+          ref: d,
+          id: p,
+          className: i(
+            "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",
+            e
+          ),
+          ...s,
+          children: [
+            /* @__PURE__ */ a("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__ */ a("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: "◆" })
+          ]
+        }
+      ),
+      t && /* @__PURE__ */ a(
+        "label",
+        {
+          htmlFor: p,
+          className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none leading-none",
+          children: t
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ a("p", { className: "text-[12px] text-muted-foreground pl-[30px]", children: r })
+  ] });
+});
+We.displayName = "RadioGroupItem";
+const Ye = n.forwardRef(({ className: e, label: t, offLabel: r, onLabel: o, id: s, checked: d, ...c }, p) => {
+  const f = n.useId(), m = s ?? f;
+  return /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+    (r || o) && /* @__PURE__ */ a("span", { className: "text-[11px] font-mono uppercase tracking-widest text-muted-foreground select-none min-w-[32px] text-right", children: d ? o : r }),
+    /* @__PURE__ */ a(
+      F.Root,
+      {
+        ref: p,
+        id: m,
+        checked: d,
+        className: i(
+          "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",
+          e
+        ),
+        ...c,
+        children: /* @__PURE__ */ a(
+          F.Thumb,
+          {
+            className: i(
+              "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"
+            )
+          }
+        )
+      }
+    ),
+    t && /* @__PURE__ */ a(
+      "label",
+      {
+        htmlFor: m,
+        className: "text-sm text-foreground cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-40 select-none",
+        children: t
+      }
+    )
+  ] });
+});
+Ye.displayName = "Switch";
+const Xe = x.Root;
+Xe.displayName = "Select";
+const Ke = x.Group;
+Ke.displayName = "SelectGroup";
+const qe = x.Value;
+qe.displayName = "SelectValue";
+const Qe = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ l(
+  x.Trigger,
+  {
+    ref: o,
+    className: i(
+      "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",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ a(x.Icon, { asChild: !0, children: /* @__PURE__ */ a("span", { className: "shrink-0 text-muted-foreground text-xs ml-2 select-none", children: "▾" }) })
+    ]
+  }
+));
+Qe.displayName = "SelectTrigger";
+const Z = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  x.ScrollUpButton,
+  {
+    ref: r,
+    className: i(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground text-xs",
+      e
+    ),
+    ...t,
+    children: "▴"
+  }
+));
+Z.displayName = "SelectScrollUpButton";
+const J = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  x.ScrollDownButton,
+  {
+    ref: r,
+    className: i(
+      "flex cursor-default items-center justify-center py-1 text-muted-foreground text-xs",
+      e
+    ),
+    ...t,
+    children: "▾"
+  }
+));
+J.displayName = "SelectScrollDownButton";
+const Ze = n.forwardRef(({ className: e, children: t, position: r = "popper", ...o }, s) => /* @__PURE__ */ a(x.Portal, { children: /* @__PURE__ */ l(
+  x.Content,
+  {
+    ref: s,
+    className: i(
+      "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",
+      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: r,
+    ...o,
+    children: [
+      /* @__PURE__ */ a(Z, {}),
+      /* @__PURE__ */ a(
+        x.Viewport,
+        {
+          className: i(
+            "p-1",
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ a(J, {})
+    ]
+  }
+) }));
+Ze.displayName = "SelectContent";
+const Je = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  x.Label,
+  {
+    ref: r,
+    className: i(
+      "font-mono text-[10px] uppercase tracking-widest text-muted-foreground/60 px-4 py-1.5",
+      e
+    ),
+    ...t
+  }
+));
+Je.displayName = "SelectLabel";
+const et = n.forwardRef(({ className: e, children: t, danger: r, ...o }, s) => /* @__PURE__ */ a(
+  x.Item,
+  {
+    ref: s,
+    className: i(
+      "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",
+      r ? "hover:bg-destructive/6 hover:text-destructive focus:bg-destructive/6 focus:text-destructive" : "hover:bg-primary/6 hover:text-primary",
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ a(x.ItemText, { children: t })
+  }
+));
+et.displayName = "SelectItem";
+const tt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  x.Separator,
+  {
+    ref: r,
+    className: i("my-1 h-px bg-white/8", e),
+    ...t
+  }
+));
+tt.displayName = "SelectSeparator";
+const rt = h(
+  "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" }
+  }
+), at = {
+  online: "text-ef-green",
+  offline: "text-muted-foreground/50",
+  busy: "text-destructive",
+  away: "text-ef-orange"
+}, ot = n.forwardRef(({ className: e, size: t, status: r, ...o }, s) => /* @__PURE__ */ l("div", { className: "relative inline-flex shrink-0", children: [
+  /* @__PURE__ */ a(
+    j.Root,
+    {
+      ref: s,
+      className: i(rt({ size: t }), e),
+      ...o
+    }
+  ),
+  r && /* @__PURE__ */ a(
+    "span",
+    {
+      className: i(
+        "absolute -bottom-0.5 -right-0.5 text-[10px] leading-none select-none",
+        at[r]
+      ),
+      "aria-label": r,
+      children: "◆"
+    }
+  )
+] }));
+ot.displayName = "Avatar";
+const nt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  j.Image,
+  {
+    ref: r,
+    className: i("aspect-square h-full w-full object-cover", e),
+    ...t
+  }
+));
+nt.displayName = "AvatarImage";
+const st = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  j.Fallback,
+  {
+    ref: r,
+    className: i(
+      "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)]",
+      e
+    ),
+    ...t
+  }
+));
+st.displayName = "AvatarFallback";
+const it = h(
+  "relative w-full overflow-hidden bg-white/8",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-1.5",
+        lg: "h-2.5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), lt = h(
+  "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" }
+  }
+), dt = n.forwardRef(({ className: e, value: t, showLabel: r, size: o, variant: s, ...d }, c) => {
+  const p = t == null, f = p ? void 0 : Math.min(100, Math.max(0, t));
+  return /* @__PURE__ */ l("div", { className: "w-full space-y-1", children: [
+    r && !p && /* @__PURE__ */ a("div", { className: "flex justify-end", children: /* @__PURE__ */ l("span", { className: "font-mono text-[11px] text-muted-foreground", children: [
+      f,
+      "%"
+    ] }) }),
+    /* @__PURE__ */ a(
+      G.Root,
+      {
+        ref: c,
+        className: i(it({ size: o }), e),
+        value: f,
+        ...d,
+        children: /* @__PURE__ */ a(
+          G.Indicator,
+          {
+            className: i(
+              p ? "h-full animate-skeleton" : lt({ variant: s })
+            ),
+            style: p ? void 0 : { transform: `translateX(-${100 - (f ?? 0)}%)` }
+          }
+        )
+      }
+    )
+  ] });
+});
+dt.displayName = "Progress";
+const ct = k.Root;
+ct.displayName = "Accordion";
+const pt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  k.Item,
+  {
+    ref: r,
+    className: i("border border-white/6", e),
+    ...t
+  }
+));
+pt.displayName = "AccordionItem";
+const ft = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(k.Header, { className: "flex", children: /* @__PURE__ */ l(
+  k.Trigger,
+  {
+    ref: o,
+    className: i(
+      "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",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ a(
+        "span",
+        {
+          className: i(
+            "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__ */ a(
+        "span",
+        {
+          className: i(
+            "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: "−"
+        }
+      )
+    ]
+  }
+) }));
+ft.displayName = "AccordionTrigger";
+const mt = n.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(
+  k.Content,
+  {
+    ref: o,
+    className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
+    ...r,
+    children: /* @__PURE__ */ a("div", { className: i("px-4 pb-4 pt-1 text-sm text-muted-foreground", e), children: t })
+  }
+));
+mt.displayName = "AccordionContent";
+const ut = P.Root;
+ut.displayName = "Tabs";
+const gt = h("inline-flex items-center", {
+  variants: {
+    variant: {
+      underline: "border-b border-white/10 gap-0",
+      pill: "gap-1 bg-surface-1 p-1",
+      bordered: "border border-white/10 gap-0"
+    }
+  },
+  defaultVariants: { variant: "underline" }
+}), bt = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  P.List,
+  {
+    ref: o,
+    className: i(gt({ variant: t }), e),
     ...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(
+));
+bt.displayName = "TabsList";
+const xt = h(
+  [
+    "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" }
+  }
+), ht = n.forwardRef(({ className: e, variant: t, ...r }, o) => /* @__PURE__ */ a(
+  P.Trigger,
+  {
+    ref: o,
+    className: i(xt({ variant: t }), e),
+    ...r
+  }
+));
+ht.displayName = "TabsTrigger";
+const vt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  P.Content,
+  {
+    ref: r,
+    className: i(
+      "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",
+      e
+    ),
+    ...t
+  }
+));
+vt.displayName = "TabsContent";
+const yt = R.Root;
+yt.displayName = "Popover";
+const Nt = R.Trigger;
+Nt.displayName = "PopoverTrigger";
+const wt = R.Anchor;
+wt.displayName = "PopoverAnchor";
+const Tt = n.forwardRef(({ className: e, align: t = "center", sideOffset: r = 6, ...o }, s) => /* @__PURE__ */ a(R.Portal, { children: /* @__PURE__ */ a(
+  R.Content,
+  {
+    ref: s,
+    align: t,
+    sideOffset: r,
+    className: i(
+      "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",
+      e
+    ),
+    ...o
+  }
+) }));
+Tt.displayName = "PopoverContent";
+const St = y.Root;
+St.displayName = "Dialog";
+const kt = y.Trigger;
+kt.displayName = "DialogTrigger";
+const ee = y.Portal;
+ee.displayName = "DialogPortal";
+const Rt = y.Close;
+Rt.displayName = "DialogClose";
+const te = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Overlay,
+  {
+    ref: r,
+    className: i(
+      "fixed inset-0 z-50 bg-black/75 backdrop-blur-sm",
+      "data-[state=open]:animate-fade-in-up",
+      e
+    ),
+    ...t
+  }
+));
+te.displayName = "DialogOverlay";
+const At = h(
+  [
+    "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",
+    "data-[state=open]:animate-fade-in-up",
+    "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" }
+  }
+), Ct = n.forwardRef(({ className: e, size: t, children: r, ...o }, s) => /* @__PURE__ */ l(ee, { children: [
+  /* @__PURE__ */ a(te, {}),
+  /* @__PURE__ */ a(
+    y.Content,
+    {
+      ref: s,
+      className: i(At({ size: t }), e),
+      ...o,
+      children: r
+    }
+  )
+] }));
+Ct.displayName = "DialogContent";
+function Dt({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: i(
+        "flex shrink-0 items-center justify-between border-b border-white/8 px-6 py-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+Dt.displayName = "DialogHeader";
+function It({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: i(
+        "flex shrink-0 items-center justify-end gap-3 border-t border-white/8 px-6 py-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+It.displayName = "DialogFooter";
+const Pt = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Title,
+  {
+    ref: r,
+    className: i(
+      "font-display text-base font-semibold uppercase tracking-wider text-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Pt.displayName = "DialogTitle";
+const Et = n.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ a(
+  y.Description,
+  {
+    ref: r,
+    className: i("flex-1 overflow-y-auto px-6 py-4 text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Et.displayName = "DialogDescription";
+const _t = h("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"
+  }
+}), $t = n.forwardRef(({ className: e, orientation: t = "horizontal", variant: r, decorative: o = !0, ...s }, d) => {
+  const c = t ?? "horizontal";
+  return /* @__PURE__ */ a(
+    me.Root,
+    {
+      ref: d,
+      decorative: o,
+      orientation: c,
+      className: i(
+        _t({ variant: r, orientation: c }),
+        e
+      ),
+      ...s
+    }
+  );
+});
+$t.displayName = "Separator";
+const Vt = n.forwardRef(
+  ({ children: e, className: t = "" }, r) => /* @__PURE__ */ l("span", { ref: r, className: `relative inline-block ${t}`, children: [
+    /* @__PURE__ */ a("span", { className: "relative z-10", children: e }),
+    /* @__PURE__ */ a(
       "span",
       {
         "aria-hidden": !0,
@@ -240,7 +1307,7 @@ const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
         children: e
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       "span",
       {
         "aria-hidden": !0,
@@ -255,120 +1322,120 @@ const Me = ({ theme: e = "dark", ...r }) => /* @__PURE__ */ t(
     )
   ] })
 );
-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(
+Vt.displayName = "GlitchText";
+const jt = { sm: 16, md: 28, lg: 44 }, Ot = n.forwardRef(({ size: e = "md", label: t, className: r }, o) => {
+  const s = jt[e];
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: a,
-      className: `flex flex-col items-center gap-3${o ? ` ${o}` : ""}`,
+      ref: o,
+      className: `flex flex-col items-center gap-3${r ? ` ${r}` : ""}`,
       children: [
-        /* @__PURE__ */ t("div", { className: "relative", style: { width: s * 2, height: s * 2 }, children: [0, 1, 2].map((c) => /* @__PURE__ */ t(
+        /* @__PURE__ */ a("div", { className: "relative", style: { width: s * 2, height: s * 2 }, children: [0, 1, 2].map((d) => /* @__PURE__ */ a(
           "div",
           {
             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
+              transform: `rotate(45deg) scale(${1 - d * 0.25})`,
+              animation: `diamondSpin ${1.2 + d * 0.4}s linear infinite${d === 1 ? " reverse" : ""}`,
+              opacity: 1 - d * 0.25
             }
           },
-          c
+          d
         )) }),
-        r && /* @__PURE__ */ t("span", { className: "font-mono text-xs text-muted-foreground tracking-[0.15em] uppercase", children: r })
+        t && /* @__PURE__ */ a("span", { className: "font-mono text-xs text-muted-foreground tracking-[0.15em] uppercase", children: t })
       ]
     }
   );
 });
-pe.displayName = "DiamondLoader";
-const me = {
+Ot.displayName = "DiamondLoader";
+const Lt = {
   online: "ONLINE",
   warning: "CAUTION",
   offline: "OFFLINE",
   scanning: "SCANNING"
-}, fe = {
+}, zt = {
   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(
+}, Bt = n.forwardRef(({ title: e, status: t = "online", children: r, className: o }, s) => /* @__PURE__ */ l(
   "div",
   {
     ref: s,
-    className: `relative border border-border bg-surface-1 scanline-overlay${a ? ` ${a}` : ""}`,
+    className: `relative border border-border bg-surface-1 scanline-overlay${o ? ` ${o}` : ""}`,
     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__ */ l("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-border bg-surface-0", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ a(le, { className: "w-3.5 h-3.5 text-primary" }),
+          /* @__PURE__ */ a("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(
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a(
             "div",
             {
-              className: `w-2 h-2 ${fe[r]}`,
+              className: `w-2 h-2 ${zt[t]}`,
               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__ */ a("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground", children: Lt[t] })
         ] })
       ] }),
-      /* @__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 })
+      /* @__PURE__ */ a("div", { className: "absolute top-0 left-0 w-6 h-6 border-t-2 border-l-2 border-primary/40 pointer-events-none" }),
+      /* @__PURE__ */ a("div", { className: "absolute top-0 right-0 w-6 h-6 border-t-2 border-r-2 border-primary/40 pointer-events-none" }),
+      /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 w-6 h-6 border-b-2 border-l-2 border-primary/40 pointer-events-none" }),
+      /* @__PURE__ */ a("div", { className: "absolute bottom-0 right-0 w-6 h-6 border-b-2 border-r-2 border-primary/40 pointer-events-none" }),
+      /* @__PURE__ */ a("div", { className: "p-5", children: r })
     ]
   }
 ));
-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(
+Bt.displayName = "TacticalPanel";
+const Mt = n.forwardRef(
+  ({ title: e, subtitle: t, icon: r, value: o, className: s }, d) => {
+    const [c, p] = n.useState(!1);
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: c,
+        ref: d,
         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),
+        onMouseEnter: () => p(!0),
+        onMouseLeave: () => p(!1),
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "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,
+                top: c ? "100%" : "-10%",
+                opacity: c ? 1 : 0,
                 transitionDuration: "2000ms"
               }
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ a(
             "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
+                opacity: c ? 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__ */ l("div", { className: "relative z-10", children: [
+            /* @__PURE__ */ a(r, { 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__ */ a("p", { className: "font-display text-3xl font-bold text-primary mb-1", children: o }),
+            /* @__PURE__ */ a("h4", { className: "font-display text-sm font-bold tracking-[0.05em] uppercase text-foreground mb-1", children: e }),
+            /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: t })
           ] }),
-          /* @__PURE__ */ t("div", { className: "absolute bottom-3 right-3 text-primary/20 group-hover:text-primary/60 transition-colors text-xs", children: "◆" })
+          /* @__PURE__ */ a("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 = [
+Mt.displayName = "HoloCard";
+const Ft = [
   "[SYS] Initializing ENDFIELD protocol...",
   "[NET] Connection established — latency: 12ms",
   "[SEC] Authentication verified ◆ Level: ALPHA",
@@ -379,57 +1446,57 @@ const be = [
   "[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);
+], Gt = n.forwardRef(
+  ({ messages: e = Ft, className: t }, r) => {
+    const [o, s] = n.useState([]), d = 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++;
+      let c = 0;
+      const p = setInterval(() => {
+        s((f) => {
+          const m = [...f, e[c % e.length]];
+          return m.length > 8 ? m.slice(-8) : m;
+        }), c++;
       }, 1200);
-      return () => clearInterval(g);
+      return () => clearInterval(p);
     }, [e]), n.useEffect(() => {
-      c.current && (c.current.scrollTop = c.current.scrollHeight);
-    }, [a]), /* @__PURE__ */ i(
+      d.current && (d.current.scrollTop = d.current.scrollHeight);
+    }, [o]), /* @__PURE__ */ l(
       "div",
       {
-        ref: o,
-        className: `border border-border bg-background clip-corner overflow-hidden${r ? ` ${r}` : ""}`,
+        ref: r,
+        className: `border border-border bg-background clip-corner overflow-hidden${t ? ` ${t}` : ""}`,
         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(
+          /* @__PURE__ */ l("div", { className: "flex items-center gap-2 px-4 py-2 border-b border-border bg-surface-0", children: [
+            /* @__PURE__ */ a(de, { className: "w-3.5 h-3.5 text-primary" }),
+            /* @__PURE__ */ a("span", { className: "font-mono text-[10px] tracking-[0.1em] text-muted-foreground uppercase", children: "LIVE FEED" }),
+            /* @__PURE__ */ l("div", { className: "ml-auto flex items-center gap-1.5", children: [
+              /* @__PURE__ */ a(
                 "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__ */ a("span", { className: "font-mono text-[10px] text-ef-green", children: "ACTIVE" })
             ] })
           ] }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "div",
             {
-              ref: c,
+              ref: d,
               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,
+                /* @__PURE__ */ a(ue, { children: o.map((c, p) => /* @__PURE__ */ a(
+                  V.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
+                    className: c.includes("[SEC]") ? "text-ef-green" : c.includes("[NET]") ? "text-ef-blue" : c.includes("[DAT]") ? "text-ef-cyan" : c.includes("[GPU]") ? "text-ef-purple" : "text-muted-foreground",
+                    children: c
                   },
-                  `${l}-${g}`
+                  `${c}-${p}`
                 )) }),
-                /* @__PURE__ */ t("span", { className: "inline-block w-2 h-4 bg-primary animate-cursor-blink" })
+                /* @__PURE__ */ a("span", { className: "inline-block w-2 h-4 bg-primary animate-cursor-blink" })
               ]
             }
           )
@@ -438,8 +1505,8 @@ const be = [
     );
   }
 );
-xe.displayName = "DataStream";
-const he = P(
+Gt.displayName = "DataStream";
+const Ht = h(
   "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: {
@@ -455,20 +1522,20 @@ const he = P(
       variant: "default"
     }
   }
-), ve = n.forwardRef(({ variant: e, className: r, children: o, ...a }, s) => /* @__PURE__ */ i(
+), Ut = n.forwardRef(({ variant: e, className: t, children: r, ...o }, s) => /* @__PURE__ */ l(
   "span",
   {
     ref: s,
-    className: x(he({ variant: e }), r),
-    ...a,
+    className: i(Ht({ variant: e }), t),
+    ...o,
     children: [
-      /* @__PURE__ */ t("span", { style: { fontSize: "6px" }, children: "◆" }),
-      o
+      /* @__PURE__ */ a("span", { style: { fontSize: "6px" }, children: "◆" }),
+      r
     ]
   }
 ));
-ve.displayName = "TacticalBadge";
-const ye = {
+Ut.displayName = "TacticalBadge";
+const Wt = {
   caution: {
     border: "border-ef-yellow/30",
     bg: "bg-ef-yellow/5",
@@ -487,163 +1554,163 @@ const ye = {
     icon: "text-ef-red",
     label: "CRITICAL"
   }
-}, Ne = n.forwardRef(({ level: e = "caution", children: r, className: o }, a) => {
-  const s = ye[e];
-  return /* @__PURE__ */ i(
+}, Yt = n.forwardRef(({ level: e = "caution", children: t, className: r }, o) => {
+  const s = Wt[e];
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: a,
-      className: `clip-corner border ${s.border} ${s.bg} p-4 flex items-start gap-3${o ? ` ${o}` : ""}`,
+      ref: o,
+      className: `clip-corner border ${s.border} ${s.bg} p-4 flex items-start gap-3${r ? ` ${r}` : ""}`,
       children: [
-        /* @__PURE__ */ t(K, { className: `w-5 h-5 ${s.icon} shrink-0 mt-0.5` }),
-        /* @__PURE__ */ i("div", { children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ a(ce, { className: `w-5 h-5 ${s.icon} shrink-0 mt-0.5` }),
+        /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ a(
             "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 })
+          /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground mt-1", children: t })
         ] })
       ]
     }
   );
 });
-Ne.displayName = "WarningBanner";
-const Te = n.forwardRef(
-  ({ label: e, className: r }, o) => /* @__PURE__ */ i(
+Yt.displayName = "WarningBanner";
+const Xt = n.forwardRef(
+  ({ label: e, className: t }, r) => /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: `relative flex items-center gap-4 py-2${r ? ` ${r}` : ""}`,
+      ref: r,
+      className: `relative flex items-center gap-4 py-2${t ? ` ${t}` : ""}`,
       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: "◆" }),
+        /* @__PURE__ */ a("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" }),
+        e && /* @__PURE__ */ l("span", { className: "font-display text-[10px] font-bold tracking-[0.2em] uppercase text-primary/60 flex items-center gap-2", children: [
+          /* @__PURE__ */ a("span", { style: { fontSize: "6px" }, children: "◆" }),
           " ",
           e,
           " ",
-          /* @__PURE__ */ t("span", { style: { fontSize: "6px" }, children: "◆" })
+          /* @__PURE__ */ a("span", { style: { fontSize: "6px" }, children: "◆" })
         ] }),
-        /* @__PURE__ */ t("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" })
+        /* @__PURE__ */ a("div", { className: "flex-1 h-px bg-gradient-to-r from-transparent via-primary/30 to-transparent" })
       ]
     }
   )
 );
-Te.displayName = "ScanDivider";
-const we = n.forwardRef(({ label: e, value: r, unit: o, className: a }, s) => /* @__PURE__ */ i(
+Xt.displayName = "ScanDivider";
+const Kt = n.forwardRef(({ label: e, value: t, unit: r, className: o }, s) => /* @__PURE__ */ l(
   "div",
   {
     ref: s,
-    className: `inline-flex items-center border border-border bg-surface-0 overflow-hidden${a ? ` ${a}` : ""}`,
+    className: `inline-flex items-center border border-border bg-surface-0 overflow-hidden${o ? ` ${o}` : ""}`,
     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 })
+      /* @__PURE__ */ a("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__ */ a("span", { className: "font-mono text-xs text-primary px-2.5 py-1.5 font-bold", children: t }),
+      r && /* @__PURE__ */ a("span", { className: "font-mono text-[10px] text-muted-foreground pr-2.5", children: 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);
+Kt.displayName = "CoordinateTag";
+const qt = n.forwardRef(
+  ({ data: e, size: t = 260, color: r = "primary", className: o }, s) => {
+    const d = n.useRef(null), c = ge(d, { once: !0 }), p = n.useCallback(
+      (u) => {
+        d.current = u, typeof s == "function" ? s(u) : s && (s.current = u);
       },
       [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(
+    ), f = t / 2, m = t / 2, g = t * 0.38, w = 4, re = e.length, O = Math.PI * 2 / re, T = r === "cyan" ? "--ef-cyan" : "--primary", C = (u, b) => ({
+      x: f + b * Math.sin(u * O),
+      y: m - b * Math.cos(u * O)
+    }), ae = Array.from({ length: w }, (u, b) => {
+      const N = g * ((b + 1) / w);
+      return e.map((E, oe) => C(oe, N)).map((E) => `${E.x},${E.y}`).join(" ");
+    }), L = e.map((u, b) => C(b, u.value / 100 * g)), z = L.map((u) => `${u.x},${u.y}`).join(" "), B = e.map(() => `${f},${m}`).join(" ");
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: g,
-        className: `flex flex-col items-center w-full${a ? ` ${a}` : ""}`,
-        children: /* @__PURE__ */ i(
+        ref: p,
+        className: `flex flex-col items-center w-full${o ? ` ${o}` : ""}`,
+        children: /* @__PURE__ */ l(
           "svg",
           {
-            viewBox: `0 0 ${r} ${r}`,
+            viewBox: `0 0 ${t} ${t}`,
             className: "w-full max-w-[260px] h-auto overflow-visible",
             children: [
-              G.map((d, p) => /* @__PURE__ */ t(
+              ae.map((u, b) => /* @__PURE__ */ a(
                 "polygon",
                 {
-                  points: d,
+                  points: u,
                   fill: "none",
                   stroke: "hsl(var(--border))",
                   strokeWidth: 1,
                   opacity: 0.5
                 },
-                p
+                b
               )),
-              e.map((d, p) => {
-                const h = w(p, f);
-                return /* @__PURE__ */ t(
+              e.map((u, b) => {
+                const N = C(b, g);
+                return /* @__PURE__ */ a(
                   "line",
                   {
-                    x1: b,
-                    y1: u,
-                    x2: h.x,
-                    y2: h.y,
+                    x1: f,
+                    y1: m,
+                    x2: N.x,
+                    y2: N.y,
                     stroke: "hsl(var(--border))",
                     strokeWidth: 1,
                     opacity: 0.3
                   },
-                  p
+                  b
                 );
               }),
-              /* @__PURE__ */ t(
-                I.polygon,
+              /* @__PURE__ */ a(
+                V.polygon,
                 {
-                  points: l ? C : L,
-                  fill: `hsl(var(${y}) / 0.15)`,
-                  stroke: `hsl(var(${y}))`,
+                  points: c ? z : B,
+                  fill: `hsl(var(${T}) / 0.15)`,
+                  stroke: `hsl(var(${T}))`,
                   strokeWidth: 2,
                   initial: !1,
-                  animate: { points: l ? C : L },
+                  animate: { points: c ? z : B },
                   transition: { duration: 0.8, ease: [0.25, 0.8, 0.25, 1] },
                   style: {
-                    filter: `drop-shadow(0 0 8px hsl(var(${y}) / 0.3))`
+                    filter: `drop-shadow(0 0 8px hsl(var(${T}) / 0.3))`
                   }
                 }
               ),
-              k.map((d, p) => /* @__PURE__ */ t(
-                I.circle,
+              L.map((u, b) => /* @__PURE__ */ a(
+                V.circle,
                 {
-                  cx: b,
-                  cy: u,
+                  cx: f,
+                  cy: m,
                   r: 4,
-                  fill: `hsl(var(${y}))`,
+                  fill: `hsl(var(${T}))`,
                   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 },
+                  animate: { cx: c ? u.x : f, cy: c ? u.y : m },
+                  transition: { duration: 0.8, delay: b * 0.05 },
                   style: {
-                    filter: `drop-shadow(0 0 4px hsl(var(${y}) / 0.5))`
+                    filter: `drop-shadow(0 0 4px hsl(var(${T}) / 0.5))`
                   }
                 },
-                p
+                b
               )),
-              e.map((d, p) => {
-                const h = w(p, f + 20);
-                return /* @__PURE__ */ t(
+              e.map((u, b) => {
+                const N = C(b, g + 20);
+                return /* @__PURE__ */ a(
                   "text",
                   {
-                    x: h.x,
-                    y: h.y,
+                    x: N.x,
+                    y: N.y,
                     textAnchor: "middle",
                     dominantBaseline: "middle",
                     className: "font-display text-[9px] font-bold tracking-[0.1em] uppercase",
                     fill: "hsl(var(--muted-foreground))",
-                    children: d.label
+                    children: u.label
                   },
-                  p
+                  b
                 );
               })
             ]
@@ -653,51 +1720,51 @@ const Se = n.forwardRef(
     );
   }
 );
-Se.displayName = "RadarChart";
-const Ee = n.forwardRef(
+qt.displayName = "RadarChart";
+const Qt = n.forwardRef(
   ({
     children: e,
-    systemLabel: r = "SYS::ENDFIELD v2.0",
-    lat: o = "LAT 37.7749°N",
-    lon: a = "LON 122.4194°W",
+    systemLabel: t = "SYS::ENDFIELD v2.0",
+    lat: r = "LAT 37.7749°N",
+    lon: o = "LON 122.4194°W",
     showCoords: s = !0,
-    showCrosshair: c = !0,
-    className: l
-  }, g) => {
-    const [b, u] = n.useState("");
+    showCrosshair: d = !0,
+    className: c
+  }, p) => {
+    const [f, m] = 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(
+      const g = () => m((/* @__PURE__ */ new Date()).toLocaleTimeString("en-GB"));
+      g();
+      const w = setInterval(g, 1e3);
+      return () => clearInterval(w);
+    }, []), /* @__PURE__ */ l(
       "div",
       {
-        ref: g,
-        className: `relative border border-border bg-surface-0 aspect-video flex items-center justify-center overflow-hidden${l ? ` ${l}` : ""}`,
+        ref: p,
+        className: `relative border border-border bg-surface-0 aspect-video flex items-center justify-center overflow-hidden${c ? ` ${c}` : ""}`,
         children: [
-          /* @__PURE__ */ t("div", { className: "absolute inset-0 scanline-overlay" }),
+          /* @__PURE__ */ a("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(
+          ].map((g, w) => /* @__PURE__ */ a(
             "div",
             {
-              className: `absolute w-8 h-8 ${f} border-primary/40 pointer-events-none`
+              className: `absolute w-8 h-8 ${g} border-primary/40 pointer-events-none`
             },
-            v
+            w
           )),
-          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(
+          d && /* @__PURE__ */ l("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none", children: [
+            /* @__PURE__ */ a(
               "div",
               {
                 className: "w-6 h-px bg-primary/20",
                 style: { position: "absolute", top: "50%", left: "-12px" }
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ a(
               "div",
               {
                 className: "h-6 w-px bg-primary/20",
@@ -705,70 +1772,136 @@ 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 })
+          s && /* @__PURE__ */ l("div", { className: "absolute top-4 left-12 font-mono text-[9px] text-muted-foreground/60 space-y-0.5", children: [
+            /* @__PURE__ */ a("div", { children: t }),
+            /* @__PURE__ */ a("div", { className: "text-primary/60", children: f })
           ] }),
-          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 })
+          s && /* @__PURE__ */ l("div", { className: "absolute top-4 right-12 font-mono text-[9px] text-muted-foreground/60 text-right space-y-0.5", children: [
+            /* @__PURE__ */ a("div", { children: r }),
+            /* @__PURE__ */ a("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__ */ l("div", { className: "absolute bottom-4 left-12 right-12 flex items-center justify-between", children: [
+            /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ a(
                 "div",
                 {
                   className: "w-1.5 h-1.5 bg-ef-green",
                   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__ */ a("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__ */ a("div", { className: "flex gap-4", children: ["FPS:60", "MEM:47%", "NET:12ms"].map((g) => /* @__PURE__ */ a(
               "span",
               {
                 className: "font-mono text-[9px] text-muted-foreground/50",
-                children: f
+                children: g
               },
-              f
+              g
             )) })
           ] }),
-          /* @__PURE__ */ t("div", { className: "relative z-10", children: e })
+          /* @__PURE__ */ a("div", { className: "relative z-10", children: e })
         ]
       }
     );
   }
 );
-Ee.displayName = "HUDOverlay";
+Qt.displayName = "HUDOverlay";
 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
+  ct as Accordion,
+  mt as AccordionContent,
+  pt as AccordionItem,
+  ft as AccordionTrigger,
+  ot as Avatar,
+  st as AvatarFallback,
+  nt as AvatarImage,
+  Ce as Badge,
+  Re as Button,
+  Pe as Card,
+  je as CardBody,
+  Ve as CardDescription,
+  Oe as CardFooter,
+  Ee as CardHeader,
+  _e as CardMeta,
+  $e as CardTitle,
+  He as Checkbox,
+  Kt as CoordinateTag,
+  Gt as DataStream,
+  St as Dialog,
+  Rt as DialogClose,
+  Ct as DialogContent,
+  Et as DialogDescription,
+  It as DialogFooter,
+  Dt as DialogHeader,
+  te as DialogOverlay,
+  ee as DialogPortal,
+  Pt as DialogTitle,
+  kt as DialogTrigger,
+  Ot as DiamondLoader,
+  Vt as GlitchText,
+  Qt as HUDOverlay,
+  Me as HelperText,
+  Mt as HoloCard,
+  ze as Input,
+  Be as Label,
+  yt as Popover,
+  wt as PopoverAnchor,
+  Tt as PopoverContent,
+  Nt as PopoverTrigger,
+  dt as Progress,
+  qt as RadarChart,
+  Ue as RadioGroup,
+  We as RadioGroupItem,
+  Xt as ScanDivider,
+  Xe as Select,
+  Ze as SelectContent,
+  Ke as SelectGroup,
+  et as SelectItem,
+  Je as SelectLabel,
+  J as SelectScrollDownButton,
+  Z as SelectScrollUpButton,
+  tt as SelectSeparator,
+  Qe as SelectTrigger,
+  qe as SelectValue,
+  $t as Separator,
+  cr as SonnerToaster,
+  Ye as Switch,
+  ut as Tabs,
+  vt as TabsContent,
+  bt as TabsList,
+  ht as TabsTrigger,
+  Ut as TacticalBadge,
+  Bt as TacticalPanel,
+  Ge as Textarea,
+  X as Toast,
+  ve as ToastAction,
+  K as ToastClose,
+  Q as ToastDescription,
+  xe as ToastProvider,
+  q as ToastTitle,
+  Y as ToastViewport,
+  dr as Toaster,
+  ir as Tooltip,
+  be as TooltipContent,
+  sr as TooltipProvider,
+  lr as TooltipTrigger,
+  Yt as WarningBanner,
+  rt as avatarVariants,
+  Ae as badgeVariants,
+  U as buttonVariants,
+  Ie as cardVariants,
+  i as cn,
+  At as dialogContentVariants,
+  Le as inputWrapperVariants,
+  lt as progressFillVariants,
+  it as progressTrackVariants,
+  _t as separatorVariants,
+  gt as tabsListVariants,
+  xt as tabsTriggerVariants,
+  Ht as tacticalBadgeVariants,
+  Fe as textareaVariants,
+  mr as toast,
+  Se as toastAction,
+  ke as useToast
 };
 //# sourceMappingURL=index.mjs.map