@orangecheck/design 0.29.1 → 0.30.1

package/dist/index.mjs

@@ -4,7 +4,7 @@ import * as React2 from 'react';
 import { createContext, useRef, useEffect, useState, useCallback, useMemo, useContext, useId, Fragment as Fragment$1 } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTheme } from 'next-themes';
-import { ChevronDown, Plus, Palette, Check, Sun, Moon, Monitor, Waves, Pause, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy, HelpCircle, Boxes, CornerDownLeft, Loader2, Menu } from 'lucide-react';
+import { ChevronDown, Plus, Palette, Check, Sun, Moon, Monitor, Waves, Pause, CheckIcon, CircleIcon, X, XIcon, AlertTriangle, Pencil, ChevronLeft, ChevronRight, ChevronDownIcon, ChevronUpIcon, Maximize2, Copy, HelpCircle, Home, RefreshCw, ArrowLeft, Boxes, CornerDownLeft, Loader2, Menu } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -19,7 +19,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster as Toaster$1 } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import QRCode from 'qrcode';
-import Link6 from 'next/link';
+import Link7 from 'next/link';
 import { useRouter } from 'next/router';
 import { useOcSession, fetchOcLinkedIdentities } from '@orangecheck/auth-client';
 
@@ -3173,6 +3173,104 @@ function SectionHeader({
     meta && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70 font-mono text-[10px] tracking-widest uppercase", children: meta })
   ] });
 }
+var VARIANTS = {
+  "not-found": {
+    code: 404,
+    title: "no such route",
+    detail: "the page you're looking for doesn't exist, or has been moved.",
+    tone: "text-primary",
+    label: "not found",
+    actions: []
+  },
+  "server-error": {
+    code: 500,
+    title: "internal error",
+    detail: "something went wrong on our end.",
+    tone: "text-destructive",
+    label: "server error",
+    actions: [
+      "try refreshing the page",
+      "wait a few minutes, try again",
+      "return home and start over"
+    ]
+  }
+};
+function OcErrorPage({
+  variant = "not-found",
+  code,
+  title,
+  detail,
+  actions,
+  homeHref = "/",
+  children,
+  className = ""
+}) {
+  const v = VARIANTS[variant];
+  const shownCode = code ?? v.code;
+  const shownActions = actions ?? [...v.actions];
+  const isServerError = variant === "server-error";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `container flex min-h-[60vh] flex-col items-center justify-center ${className}`,
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl", children: [
+        /* @__PURE__ */ jsxs("div", { className: `label-mono mb-4 ${v.tone}`, children: [
+          "\xA7 ",
+          shownCode,
+          " // ",
+          v.label
+        ] }),
+        /* @__PURE__ */ jsx(
+          "h1",
+          {
+            className: `font-display text-7xl font-bold tracking-tight tabular-nums sm:text-8xl ${v.tone}`,
+            children: shownCode
+          }
+        ),
+        /* @__PURE__ */ jsx("h2", { className: "font-display mt-2 text-2xl font-bold tracking-tight sm:text-3xl", children: title ?? v.title }),
+        /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground mt-3 font-mono text-xs", children: [
+          "// ",
+          detail ?? v.detail
+        ] }),
+        shownActions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-8 border", children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-2 font-mono text-[11px] tracking-widest uppercase", children: "what can you do" }),
+          /* @__PURE__ */ jsx("ul", { className: "divide-y font-mono text-xs", children: shownActions.map((a, i) => (
+            // Index keys: items are nodes and the list is
+            // static per variant, so there is nothing
+            // better to key on and nothing reorders.
+            /* @__PURE__ */ jsxs("li", { className: "px-4 py-2", children: [
+              ">> ",
+              a
+            ] }, i)
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-8 flex flex-wrap gap-3", children: [
+          /* @__PURE__ */ jsx(Button, { asChild: true, className: "font-mono", children: /* @__PURE__ */ jsxs(Link7, { href: homeHref, children: [
+            /* @__PURE__ */ jsx(Home, { className: "mr-2 h-3 w-3" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: "go home" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outline",
+              onClick: () => {
+                if (typeof window === "undefined") return;
+                if (isServerError) window.location.reload();
+                else window.history.back();
+              },
+              className: "font-mono",
+              children: [
+                isServerError ? /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-3 w-3" }) : /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-3 w-3" }),
+                /* @__PURE__ */ jsx("span", { className: "text-[11px] tracking-widest uppercase", children: isServerError ? "retry" : "go back" })
+              ]
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ jsx("div", { className: "mt-6", children })
+      ] })
+    }
+  );
+}
 var TONE_CLASS2 = {
   info: "border-primary/30 bg-primary/5",
   warning: "border-warning/40 bg-warning/5",
@@ -3214,7 +3312,7 @@ function CtaLink({
   if (external) {
     return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noreferrer", className: cls, children: text });
   }
-  return /* @__PURE__ */ jsx(Link6, { href, className: cls, children: text });
+  return /* @__PURE__ */ jsx(Link7, { href, className: cls, children: text });
 }
 var TONE_CLASS3 = {
   default: "",
@@ -3898,7 +3996,7 @@ function EcosystemSwitcher({
           /* @__PURE__ */ jsx("ul", { className: "py-1", children: [...ENTRIES, ...showOwnerEntries ? OWNER_ENTRIES : []].map((e) => {
             const isActive2 = e.slug === current;
             return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-              Link6,
+              Link7,
               {
                 href: e.href,
                 onClick: () => setOpen(false),
@@ -3919,7 +4017,7 @@ function EcosystemSwitcher({
             ) }, e.slug);
           }) }),
           /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsx(
-            Link6,
+            Link7,
             {
               href: "https://docs.ochk.io",
               onClick: () => setOpen(false),
@@ -4266,7 +4364,7 @@ function OcLogoDropdown({
           }
         ),
         /* @__PURE__ */ jsxs(
-          Link6,
+          Link7,
           {
             href: homeHref,
             "aria-label": "go to " + homeHref + " (this site's home)",
@@ -4316,7 +4414,7 @@ function OcLogoDropdown({
                     const isActive2 = e.slug === current;
                     const href = isActive2 ? homeHref : e.origin;
                     return /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsxs(
-                      Link6,
+                      Link7,
                       {
                         href,
                         role: "menuitem",
@@ -4348,7 +4446,7 @@ function OcLogoDropdown({
                 ] }, category);
               }) }),
               /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-2 font-mono text-[10px] tracking-widest uppercase", children: /* @__PURE__ */ jsx(
-                Link6,
+                Link7,
                 {
                   href: "https://docs.ochk.io",
                   onClick: () => setOpen(false),
@@ -4678,7 +4776,7 @@ function MobileMenu({
                 },
                 l.href
               ) : /* @__PURE__ */ jsxs(
-                Link6,
+                Link7,
                 {
                   href: l.href,
                   role: "menuitem",
@@ -4913,7 +5011,7 @@ function OcAccountMenuView({
                   },
                   item.href
                 ) : /* @__PURE__ */ jsx(
-                  Link6,
+                  Link7,
                   {
                     href: item.href,
                     onClick,
@@ -5134,7 +5232,7 @@ function PopoverSection({
             },
             item.href
           ) : /* @__PURE__ */ jsxs(
-            Link6,
+            Link7,
             {
               href: item.href,
               onClick: onItemClick,
@@ -5237,7 +5335,7 @@ function OcPrimaryNav({
           },
           link.href
         ) : /* @__PURE__ */ jsx(
-          Link6,
+          Link7,
           {
             href: link.href,
             "aria-current": active ? "page" : void 0,
@@ -5312,7 +5410,7 @@ function OcDashboardShell({
                 }
               ),
               /* @__PURE__ */ jsx(
-                Link6,
+                Link7,
                 {
                   href: rootHref,
                   className: "text-primary font-mono text-[11px] tracking-widest uppercase",
@@ -5384,7 +5482,7 @@ function Sidebar({
         /* @__PURE__ */ jsxs("div", { className: "border-b px-4 py-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ jsx(
-              Link6,
+              Link7,
               {
                 href: rootHref,
                 onClick: onClose,
@@ -5444,7 +5542,7 @@ function Sidebar({
                 children: content
               }
             ) : /* @__PURE__ */ jsx(
-              Link6,
+              Link7,
               {
                 href: tool.href,
                 onClick: onClose,
@@ -5506,7 +5604,7 @@ function OcDashboardHub({ tools, className }) {
             className: cls,
             children: content
           }
-        ) : /* @__PURE__ */ jsx(Link6, { href: tool.href, className: cls, children: content }) }, tool.id);
+        ) : /* @__PURE__ */ jsx(Link7, { href: tool.href, className: cls, children: content }) }, tool.id);
       })
     }
   );
@@ -5608,7 +5706,7 @@ function FooterLinkItem({ link }) {
       " \u2197"
     ] });
   }
-  return /* @__PURE__ */ jsxs(Link6, { href: link.href, className: LINK_CLS, children: [
+  return /* @__PURE__ */ jsxs(Link7, { href: link.href, className: LINK_CLS, children: [
     "> ",
     link.label
   ] });
@@ -5695,6 +5793,6 @@ function OcFamilyFooter({
   ] }) });
 }
 
-export { AccentList, AccentNote, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, AppearanceControls, Badge, Bar, BitcoinAddress, BrandBand, Button, Callout, Card, CheckList, Checkbox, ComparisonTable, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmailCapture, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, Faq, FeatureCard, HelpHint, IconBadge, Input, Label, LayoutSubHeader, MarketingHeading, Modal, NumberedStep, OC_DEFAULT_ACCENT, OC_GLYPHS, OC_GLYPH_CANVAS, OC_MOTION_COOKIE, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppBar, OcAppearanceMenu, OcAurora, OcDashboardHub, OcDashboardShell, OcFamilyFooter, OcLogoDropdown, OcPrimaryNav, OcSigil, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Panel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, Section, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, StepList, Surface, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Tooltip, TwoToneHeading, VerifiedChip, Working, WorkingPanel, accentFor, asOf, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, iconBadgeVariants, isKnownTheme, makeStatusPill, normalizeHue, priceBoth, prompt, readOcSceneTokens, relativeTime, resolveTheme, satsToUsd, shortenAddress, subscribeOcTheme, surfaceVariants, usdToSats, useOcMotion, useOcSkin, useSpotPrice };
+export { AccentList, AccentNote, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, AppearanceControls, Badge, Bar, BitcoinAddress, BrandBand, Button, Callout, Card, CheckList, Checkbox, ComparisonTable, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmailCapture, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, Faq, FeatureCard, HelpHint, IconBadge, Input, Label, LayoutSubHeader, MarketingHeading, Modal, NumberedStep, OC_DEFAULT_ACCENT, OC_GLYPHS, OC_GLYPH_CANVAS, OC_MOTION_COOKIE, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppBar, OcAppearanceMenu, OcAurora, OcDashboardHub, OcDashboardShell, OcErrorPage, OcFamilyFooter, OcLogoDropdown, OcPrimaryNav, OcSigil, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Panel, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, Section, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, StepList, Surface, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Tooltip, TwoToneHeading, VerifiedChip, Working, WorkingPanel, accentFor, asOf, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, iconBadgeVariants, isKnownTheme, makeStatusPill, normalizeHue, priceBoth, prompt, readOcSceneTokens, relativeTime, resolveTheme, satsToUsd, shortenAddress, subscribeOcTheme, surfaceVariants, usdToSats, useOcMotion, useOcSkin, useSpotPrice };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map