@evinvest/uikit 0.5.0 → 0.7.0

package/dist/index.js

@@ -1173,168 +1173,6 @@ function Footer({
   );
 }
 
-// src/components/header.tsx
-import * as React23 from "react";
-import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
-function Header({
-  nav,
-  cta,
-  mobileCta,
-  tagline = "Quy Nhon Fund",
-  homeHref = "/",
-  className,
-  linkComponent,
-  variant = "marketing",
-  hideNav = false
-}) {
-  const L = linkComponent ?? "a";
-  const compact = variant === "compact";
-  const [hasScrolled, setHasScrolled] = React23.useState(false);
-  React23.useEffect(() => {
-    if (compact) return;
-    const handleScroll = () => setHasScrolled(window.scrollY > 50);
-    window.addEventListener("scroll", handleScroll);
-    return () => window.removeEventListener("scroll", handleScroll);
-  }, [compact]);
-  return /* @__PURE__ */ jsx14(
-    "header",
-    {
-      "data-slot": "header",
-      "data-variant": variant,
-      className: cn(
-        "fixed top-0 left-0 w-full z-[60] border-b",
-        compact ? (
-          // Fixed 4rem bar (py-3 + the 40px lockup): opaque by default so app
-          // content beneath it never bleeds through.
-          "h-16 bg-main-black/90 backdrop-blur-md border-main-mist/10"
-        ) : cn(
-          "transition-all duration-500",
-          hasScrolled ? "bg-main-black/90 backdrop-blur-md border-main-mist/10 py-4" : "bg-transparent border-transparent py-6"
-        ),
-        className
-      ),
-      children: /* @__PURE__ */ jsxs4(Container, { className: "flex h-full items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs4(
-          L,
-          {
-            href: homeHref,
-            className: "flex items-center gap-3",
-            "aria-label": "EV Investment \u2014 home",
-            children: [
-              /* @__PURE__ */ jsx14(Logo, { className: "w-10 h-10 text-white" }),
-              /* @__PURE__ */ jsxs4("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsx14("span", { className: "font-serif-display font-bold text-lg tracking-wider text-white", children: "EV INVESTMENT" }),
-                /* @__PURE__ */ jsx14("span", { className: "text-[9px] font-mono-tech tracking-[0.3em] text-main-accent-t1 uppercase", children: tagline })
-              ] })
-            ]
-          }
-        ),
-        !hideNav && /* @__PURE__ */ jsx14("nav", { className: "hidden lg:flex items-center gap-6 font-mono-tech text-xs tracking-widest uppercase", children: nav.map((item) => /* @__PURE__ */ jsx14(
-          L,
-          {
-            href: item.href,
-            className: "text-main-mist/80 hover:text-main-accent-t1 transition-colors",
-            children: item.label
-          },
-          item.href
-        )) }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3", children: [
-          cta,
-          !hideNav && /* @__PURE__ */ jsx14(MobileMenu, { nav, cta: mobileCta ?? cta, linkComponent: L })
-        ] })
-      ] })
-    }
-  );
-}
-function MobileMenu({
-  nav,
-  cta,
-  linkComponent: L
-}) {
-  const [open, setOpen] = React23.useState(false);
-  React23.useEffect(() => {
-    if (!open) return;
-    document.body.style.overflow = "hidden";
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.body.style.overflow = "";
-      window.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open]);
-  const closeOnNavigation = (e) => {
-    if (e.target.closest("a, button")) setOpen(false);
-  };
-  return /* @__PURE__ */ jsxs4("div", { className: "lg:hidden", children: [
-    /* @__PURE__ */ jsx14(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Open menu",
-        "aria-expanded": open,
-        "aria-haspopup": "menu",
-        onClick: () => setOpen(true),
-        className: "flex size-10 items-center justify-center text-white",
-        children: /* @__PURE__ */ jsx14(
-          "svg",
-          {
-            className: "size-6",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx14("path", { d: "M4 6h16M4 12h16M4 18h16" })
-          }
-        )
-      }
-    ),
-    open && /* @__PURE__ */ jsx14(Portal, { children: /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        onClick: closeOnNavigation,
-        className: "fixed inset-0 z-[70] flex flex-col bg-main-black px-6 pb-10 duration-200 animate-in fade-in lg:hidden",
-        children: [
-          /* @__PURE__ */ jsx14("div", { className: "flex h-20 shrink-0 items-center justify-end", children: /* @__PURE__ */ jsx14(
-            "button",
-            {
-              type: "button",
-              "aria-label": "Close menu",
-              className: "flex size-10 items-center justify-center text-white",
-              children: /* @__PURE__ */ jsx14(
-                "svg",
-                {
-                  className: "size-6",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2,
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ jsx14("path", { d: "M18 6 6 18M6 6l12 12" })
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsx14("nav", { className: "flex flex-col font-mono-tech text-sm uppercase tracking-widest duration-300 ease-out animate-in fade-in slide-in-from-top-4", children: nav.map((item) => /* @__PURE__ */ jsx14(
-            L,
-            {
-              href: item.href,
-              className: "border-b border-main-mist/10 py-4 text-main-mist/80 transition-colors hover:text-main-accent-t1",
-              children: item.label
-            },
-            item.href
-          )) }),
-          cta && /* @__PURE__ */ jsx14("div", { className: "mt-8 w-full block", children: cta })
-        ]
-      }
-    ) })
-  ] });
-}
-
 // src/components/input.tsx
 import "react";
 
@@ -1342,9 +1180,9 @@ import "react";
 var INPUT_BASE = "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive";
 
 // src/components/input.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "input",
     {
       type,
@@ -1362,9 +1200,9 @@ import "react";
 var TEXTAREA_BASE = "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm";
 
 // src/components/textarea.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx16("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
+  return /* @__PURE__ */ jsx15("textarea", { "data-slot": "textarea", className: cn(TEXTAREA_BASE, className), ...props });
 }
 
 // src/components/input-group.tsx
@@ -1391,12 +1229,12 @@ var INPUT_GROUP_INPUT_CONTROL = "flex-1 rounded-none border-0 bg-transparent sha
 var INPUT_GROUP_TEXTAREA_CONTROL = "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0";
 
 // src/components/input-group.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function InputGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "input-group",
@@ -1411,7 +1249,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       role: "group",
@@ -1437,7 +1275,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Button,
     {
       type,
@@ -1456,7 +1294,7 @@ function InputGroupText({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       className: cn(INPUT_GROUP_TEXT, className),
@@ -1468,7 +1306,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Input,
     {
       "data-slot": "input-group-control",
@@ -1481,7 +1319,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -1505,13 +1343,13 @@ var separatorOrientations = {
 };
 
 // src/components/separator.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       role: "separator",
@@ -1554,9 +1392,9 @@ var ITEM_HEADER = "flex basis-full items-center justify-between gap-2";
 var ITEM_FOOTER = "flex basis-full items-center justify-between gap-2";
 
 // src/components/item.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       role: "list",
@@ -1570,7 +1408,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1588,7 +1426,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     Comp,
     {
       "data-slot": "item",
@@ -1604,7 +1442,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-media",
@@ -1618,7 +1456,7 @@ function ItemContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-content",
@@ -1628,7 +1466,7 @@ function ItemContent({
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-title",
@@ -1641,7 +1479,7 @@ function ItemDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "p",
     {
       "data-slot": "item-description",
@@ -1654,7 +1492,7 @@ function ItemActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-actions",
@@ -1667,7 +1505,7 @@ function ItemHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-header",
@@ -1680,7 +1518,7 @@ function ItemFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "item-footer",
@@ -1698,9 +1536,9 @@ var KBD_BASE = "bg-muted text-muted-foreground pointer-events-none inline-flex h
 var KBD_GROUP_BASE = "inline-flex items-center gap-1";
 
 // src/components/kbd.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1710,7 +1548,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -1722,9 +1560,9 @@ function KbdGroup({ className, ...props }) {
 
 // src/components/pagination.tsx
 import "react";
-import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs4 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "nav",
     {
       role: "navigation",
@@ -1739,7 +1577,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1749,7 +1587,7 @@ function PaginationContent({
   );
 }
 function PaginationItem(props) {
-  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx20("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1757,7 +1595,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1774,9 +1612,9 @@ function PaginationLink({
     }
   );
 }
-var ChevronLeft = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m15 18-6-6 6-6" }) });
-var ChevronRight = () => /* @__PURE__ */ jsx21("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx21("path", { d: "m9 18 6-6-6-6" }) });
-var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
+var ChevronLeft = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m15 18-6-6 6-6" }) });
+var ChevronRight = () => /* @__PURE__ */ jsx20("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx20("path", { d: "m9 18 6-6-6-6" }) });
+var MoreHorizontal = () => /* @__PURE__ */ jsxs4(
   "svg",
   {
     className: "size-4",
@@ -1785,9 +1623,9 @@ var MoreHorizontal = () => /* @__PURE__ */ jsxs5(
     stroke: "currentColor",
     strokeWidth: 2,
     children: [
-      /* @__PURE__ */ jsx21("circle", { cx: "12", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx21("circle", { cx: "19", cy: "12", r: "1" }),
-      /* @__PURE__ */ jsx21("circle", { cx: "5", cy: "12", r: "1" })
+      /* @__PURE__ */ jsx20("circle", { cx: "12", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx20("circle", { cx: "19", cy: "12", r: "1" }),
+      /* @__PURE__ */ jsx20("circle", { cx: "5", cy: "12", r: "1" })
     ]
   }
 );
@@ -1795,7 +1633,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -1803,8 +1641,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(ChevronLeft, {}),
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx20(ChevronLeft, {}),
+        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1813,7 +1651,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -1821,8 +1659,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx21(ChevronRight, {})
+        /* @__PURE__ */ jsx20("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx20(ChevronRight, {})
       ]
     }
   );
@@ -1831,7 +1669,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(
     "span",
     {
       "aria-hidden": true,
@@ -1839,8 +1677,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(MoreHorizontal, {}),
-        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx20(MoreHorizontal, {}),
+        /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1854,9 +1692,9 @@ var PROGRESS_TRACK = "bg-primary/20 relative h-2 w-full overflow-hidden rounded-
 var PROGRESS_INDICATOR = "bg-primary h-full w-full flex-1 transition-all";
 
 // src/components/progress.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Progress({ className, value = 0, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "progress",
@@ -1866,7 +1704,7 @@ function Progress({ className, value = 0, ...props }) {
       "aria-valuemax": 100,
       className: cn(PROGRESS_TRACK, className),
       ...props,
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx21(
         "div",
         {
           "data-slot": "progress-indicator",
@@ -1885,9 +1723,9 @@ import "react";
 var SKELETON_BASE = "bg-accent animate-pulse rounded-md";
 
 // src/components/skeleton.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "skeleton",
@@ -1899,9 +1737,9 @@ function Skeleton({ className, ...props }) {
 
 // src/components/spinner.tsx
 import "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "svg",
     {
       role: "status",
@@ -1912,7 +1750,165 @@ function Spinner({ className, ...props }) {
       stroke: "currentColor",
       strokeWidth: 2,
       ...props,
-      children: /* @__PURE__ */ jsx24("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+      children: /* @__PURE__ */ jsx23("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+
+// src/components/status-screen.tsx
+import "react";
+import { jsx as jsx24, jsxs as jsxs5 } from "react/jsx-runtime";
+var ACCENT_TEXT = {
+  teal: "text-main-accent-t1",
+  gold: "text-main-accent-t3",
+  red: "text-destructive",
+  blue: "text-[#5e9be6]"
+};
+var BTN_BASE = "inline-flex items-center justify-center rounded-md px-6 py-3.5 font-mono-tech text-xs uppercase tracking-widest transition-colors";
+var BTN_FILLED = {
+  teal: "bg-main-accent-t1 text-main-black hover:bg-main-accent-t1/90",
+  gold: "bg-main-accent-t3 text-main-black hover:bg-main-accent-t3/90",
+  red: "bg-destructive text-white hover:bg-destructive/90",
+  blue: "bg-[#5e9be6] text-main-black hover:bg-[#5e9be6]/90"
+};
+var BTN_OUTLINE = {
+  teal: "border border-main-accent-t1/40 text-main-accent-t1 hover:bg-main-accent-t1/10",
+  gold: "border border-main-accent-t3/40 text-main-accent-t3 hover:bg-main-accent-t3/10",
+  red: "border border-destructive/40 text-destructive hover:bg-destructive/10",
+  blue: "border border-[#5e9be6]/40 text-[#5e9be6] hover:bg-[#5e9be6]/10"
+};
+function statusButtonClass(accent, variant) {
+  return cn(BTN_BASE, variant === "filled" ? BTN_FILLED[accent] : BTN_OUTLINE[accent]);
+}
+function LogoMark({ className }) {
+  return /* @__PURE__ */ jsx24("svg", { viewBox: "0 0 140 48", className, "aria-hidden": true, children: /* @__PURE__ */ jsxs5("g", { fill: "currentColor", children: [
+    /* @__PURE__ */ jsx24("path", { d: "M0.0437012 47.3326L50.9499 40.5805V22.3378L56.4881 23.6408V37.9071L59.1984 37.5005V24.1147L64.6189 25.1808V37.0269L67.2113 36.553V22.1009L56.606 17.481L43.408 21.864V36.553L0.0437012 47.3326Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M77.2277 40.5804L85.9478 41.4099L85.8299 0.304321L73.1033 7.17499V26.3654L77.2277 28.2608V40.5804Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M87.126 0.304321L99.9705 7.29343V42.5943L94.3141 41.8835V9.54417L87.126 5.75347V0.304321Z" }),
+    /* @__PURE__ */ jsx24("path", { d: "M103.034 42.9496L139.682 46.0296L110.104 39.7513V26.8393L103.034 23.0486V42.9496Z" })
+  ] }) });
+}
+function ArrowLeftIcon({ className }) {
+  return /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      className,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx24("path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ jsx24("path", { d: "M19 12H5" })
+      ]
+    }
+  );
+}
+function StatusScreen({
+  accent,
+  eyebrow,
+  code,
+  headlineLead,
+  headlineAccent,
+  headlineTail = ".",
+  subtext,
+  links,
+  children,
+  linkComponent
+}) {
+  const L = linkComponent ?? "a";
+  const accentText = ACCENT_TEXT[accent];
+  return /* @__PURE__ */ jsxs5("section", { className: "relative flex min-h-screen flex-col items-center justify-center overflow-hidden bg-main-black px-6 py-32 text-center", children: [
+    /* @__PURE__ */ jsx24(
+      "div",
+      {
+        "aria-hidden": true,
+        className: cn(
+          "pointer-events-none absolute inset-0 opacity-[0.07] [background:radial-gradient(55%_45%_at_50%_30%,currentColor,transparent_70%)]",
+          accentText
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "relative z-10 flex w-full max-w-2xl flex-col items-center", children: [
+      /* @__PURE__ */ jsx24(LogoMark, { className: cn("mb-7 h-10 w-auto", accentText) }),
+      /* @__PURE__ */ jsx24("p", { className: cn("mb-6 font-mono-tech text-[11px] uppercase tracking-[0.34em]", accentText), children: eyebrow }),
+      /* @__PURE__ */ jsx24("p", { className: cn("font-serif-display text-[110px] font-medium leading-[0.9] sm:text-[180px]", accentText), children: code }),
+      /* @__PURE__ */ jsxs5("h1", { className: "mt-4 font-serif-display text-3xl font-light leading-tight text-white sm:text-5xl", children: [
+        headlineLead,
+        /* @__PURE__ */ jsx24("span", { className: cn("font-serif italic", accentText), children: headlineAccent }),
+        headlineTail
+      ] }),
+      /* @__PURE__ */ jsx24("p", { className: "mx-auto mt-5 max-w-md text-sm leading-relaxed text-main-mist/60 sm:text-base", children: subtext }),
+      /* @__PURE__ */ jsxs5("div", { className: "mt-9 flex flex-col items-center gap-3 sm:flex-row", children: [
+        children,
+        links?.map((link) => /* @__PURE__ */ jsxs5(L, { href: link.href, className: statusButtonClass(accent, link.variant ?? "filled"), children: [
+          link.leadingArrow ? /* @__PURE__ */ jsx24(ArrowLeftIcon, { className: "mr-2 h-4 w-4" }) : null,
+          link.label
+        ] }, link.label))
+      ] })
+    ] })
+  ] });
+}
+function NotFound({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
+  return /* @__PURE__ */ jsx24(
+    StatusScreen,
+    {
+      accent: "teal",
+      eyebrow: "Page not found",
+      code: "404",
+      headlineLead: "You've reached ",
+      headlineAccent: "open water",
+      subtext: "The page you're looking for has drifted off our coastline \u2014 moved, renamed, or never charted. Let's get you back to shore.",
+      linkComponent,
+      links: [
+        { label: "Back to home", href: homeHref, leadingArrow: true },
+        { label: "Contact the team", href: contactHref, variant: "outline" }
+      ]
+    }
+  );
+}
+function Forbidden({ linkComponent = "a", homeHref = "/", contactHref = "/contact" }) {
+  return /* @__PURE__ */ jsx24(
+    StatusScreen,
+    {
+      accent: "gold",
+      eyebrow: "Access forbidden",
+      code: "403",
+      headlineLead: "This harbour is ",
+      headlineAccent: "private",
+      subtext: "You don't have the credentials to view this page. If you believe you should, our team can open the right doors.",
+      linkComponent,
+      links: [
+        { label: "Back to home", href: homeHref, leadingArrow: true },
+        { label: "Request access", href: contactHref, variant: "outline" }
+      ]
+    }
+  );
+}
+function ServerError({ linkComponent = "a", homeHref = "/", reset }) {
+  return /* @__PURE__ */ jsx24(
+    StatusScreen,
+    {
+      accent: "red",
+      eyebrow: "Server error",
+      code: "500",
+      headlineLead: "Our systems are ",
+      headlineAccent: "recalibrating",
+      subtext: "Something broke on our end \u2014 not yours. We've been alerted and are restoring service. Please try again in a moment.",
+      linkComponent,
+      links: [{ label: "Back to home", href: homeHref, variant: "outline", leadingArrow: true }],
+      children: /* @__PURE__ */ jsx24(
+        "button",
+        {
+          type: "button",
+          className: statusButtonClass("red", "filled"),
+          onClick: () => reset ? reset() : window.location.reload(),
+          children: "Try again"
+        }
+      )
     }
   );
 }
@@ -7212,13 +7208,13 @@ export {
   FieldSet,
   FieldTitle,
   Footer,
+  Forbidden,
   Form,
   FormControl,
   FormDescription,
   FormItem,
   FormLabel,
   FormMessage,
-  Header,
   HoverCard,
   HoverCardContent,
   HoverCardTrigger,
@@ -7270,6 +7266,7 @@ export {
   NavigationMenuList,
   NavigationMenuTrigger,
   NavigationMenuViewport,
+  NotFound,
   Pagination,
   PaginationContent,
   PaginationEllipsis,
@@ -7299,6 +7296,7 @@ export {
   SelectTrigger,
   SelectValue,
   Separator,
+  ServerError,
   Sheet,
   SheetClose,
   SheetContent,
@@ -7327,6 +7325,7 @@ export {
   Slider,
   Slot,
   Spinner,
+  StatusScreen,
   Switch,
   Table,
   TableBody,
@@ -7353,6 +7352,7 @@ export {
   cn,
   mergeRefs,
   navigationMenuTriggerStyle,
+  statusButtonClass,
   toast,
   toggleVariants,
   useControllableState,