@orangecheck/app-design 1.6.2 → 1.8.0

package/dist/index.mjs

@@ -13,14 +13,14 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { ChevronDown, Check, X, Search, ArrowUpRight, ArrowRight, Copy, ChevronLeft, ChevronRight, Lock, Info, CornerDownLeft, Download, FileText, Upload, Menu, Sun, Moon, SunMoon, PanelLeft, CircleUser, LogOut, ArrowLeft, Maximize2, CircleDashed, CircleMinus, CircleSlash, Clock, CircleX, CircleCheck, Ellipsis } from 'lucide-react';
+import { ChevronDown, Check, X, Search, ArrowUpRight, ArrowRight, Copy, ChevronLeft, ChevronRight, Lock, Info, UserRound, CornerDownLeft, Download, FileText, Upload, Menu, Sun, Moon, SunMoon, PanelLeft, CircleUser, LogOut, ArrowLeft, Maximize2, CircleDashed, CircleMinus, CircleSlash, Clock, CircleX, CircleCheck, Ellipsis } from 'lucide-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 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/compat/router';
 
 // src/tokens/palette.ts
@@ -871,7 +871,8 @@ var DropdownMenuItem = forwardRef(function DropdownMenuItem2({ className, destru
     {
       ref,
       className: cn(
-        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none",
+        // A thumb's 44px on a phone.
+        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none max-md:h-11",
         "data-[highlighted]:bg-accent data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:text-muted-foreground",
         destructive && "text-destructive [&_svg]:text-destructive",
         className
@@ -2167,7 +2168,7 @@ var JS_TAG = /<\/?(?=[A-Za-z])/y;
 var JS_TAG_NAME = /[A-Za-z][\w$.:-]*/y;
 var JS_PUNCT = /=>|\.\.\.|[{}()[\];,.<>=+\-*/%!?:&|^~#]/y;
 var JSX_BEFORE = /* @__PURE__ */ new Set(["(", ",", "=", "?", ":", "{", "[", ";", ">", "&&", "||", "=>", "return"]);
-function scanJs(src, emit2, jsx52) {
+function scanJs(src, emit2, jsx54) {
   let i = 0;
   let prev = "";
   let tagDepth = 0;
@@ -2193,7 +2194,7 @@ function scanJs(src, emit2, jsx52) {
       sig('"');
       continue;
     }
-    if (jsx52 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
+    if (jsx54 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
       const name = at(JS_TAG_NAME, src, i + m.length);
       if (name) {
         emit2(m);
@@ -2205,7 +2206,7 @@ function scanJs(src, emit2, jsx52) {
         continue;
       }
     }
-    if (jsx52 && tagDepth > 0 && braceInTag === 0) {
+    if (jsx54 && tagDepth > 0 && braceInTag === 0) {
       if (src.startsWith("/>", i) || src[i] === ">") {
         const close = src[i] === ">" ? ">" : "/>";
         emit2(close);
@@ -2225,7 +2226,7 @@ function scanJs(src, emit2, jsx52) {
         continue;
       }
       if (src[i] === "{") braceInTag = 1;
-    } else if (jsx52 && tagDepth > 0 && braceInTag > 0) {
+    } else if (jsx54 && tagDepth > 0 && braceInTag > 0) {
       if (src[i] === "{") braceInTag++;
       else if (src[i] === "}") braceInTag--;
     }
@@ -2942,6 +2943,7 @@ function Notice({
   title,
   children,
   action,
+  icon,
   role,
   className
 }) {
@@ -2958,7 +2960,17 @@ function Notice({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 gap-3", children: [
-          kind !== "neutral" ? /* @__PURE__ */ jsx(
+          icon ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "mt-0.5 shrink-0 [&_svg]:size-[1.125rem]",
+                kind === "brand" ? "text-oca-accent-ink" : kind === "danger" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: icon
+            }
+          ) : kind !== "neutral" ? /* @__PURE__ */ jsx(
             "span",
             {
               "aria-hidden": true,
@@ -3253,7 +3265,7 @@ function Well({
   ] });
 }
 var FRAME = "overflow-hidden rounded-[1.25rem] border border-[var(--oca-code-line)] bg-[var(--oca-code-surface)]";
-var COPY_ON_INK = "text-oca-ink-subtle hover:bg-white/10 hover:text-white";
+var COPY_ON_INK = "text-oca-ink-subtle hover:bg-white/10 hover:text-white max-md:size-11";
 function CodeBlock({
   code,
   html,
@@ -3681,6 +3693,9 @@ var GROUNDS = [
   }
 ];
 var SIZES = {
+  // A list row's avatar, a facepile.
+  "2xs": "size-7 rounded-[0.55rem] text-[0.75rem]",
+  xs: "size-8 rounded-[0.6rem] text-[0.875rem]",
   sm: "size-9 rounded-[0.7rem] text-[0.9375rem]",
   md: "size-11 rounded-[0.85rem] text-[1.125rem]",
   lg: "size-14 rounded-[1.05rem] text-[1.5rem]"
@@ -3768,6 +3783,9 @@ var ErrorBoundary = class extends Component {
 // src/family/index.ts
 var OCHK_IO = "https://ochk.io";
 var DOCS_HREF = `${OCHK_IO}/docs`;
+var OCHK_APP = "https://ochk.app";
+var GET_AN_ACCOUNT = { href: OCHK_APP, label: "Get an account" };
+var SIGN_IN_LABEL = "Sign in";
 function protocol(slug, verb, line, kinds) {
   return {
     slug,
@@ -3804,7 +3822,7 @@ var FAMILY = [
   {
     slug: "me",
     label: "ochk.app",
-    href: "https://ochk.app",
+    href: OCHK_APP,
     group: "orangecheck",
     line: "One account, with Bitcoin behind it.",
     status: "testing"
@@ -3923,6 +3941,10 @@ var OCHK_IO_FOOTER = [
     ]
   }
 ];
+var InColumnContext = sharedContext("in-column", false);
+function useInColumn() {
+  return useContext(InColumnContext);
+}
 var SiteHomeContext = sharedContext("site-home", void 0);
 function useSiteHome() {
   return useContext(SiteHomeContext);
@@ -3950,10 +3972,11 @@ function ErrorPage({
   className
 }) {
   const shellHome = useSiteHome();
+  const inColumn = useInColumn();
   const homeHref = home ?? (protocol2 ? protocolSite(protocol2).pageHref : shellHome ?? OCHK_IO);
   const words = WORDS[code] ?? (code >= 500 ? WORDS[500] : WORDS[404]);
   const server = code >= 500;
-  return /* @__PURE__ */ jsx(Section, { space: "none", className: cn("flex min-h-[min(40rem,72dvh)] items-center py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 md:grid-cols-12", children: [
+  return /* @__PURE__ */ jsx(Section, { space: "none", contained: !inColumn, className: cn("flex min-h-[min(40rem,72dvh)] items-center py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 md:grid-cols-12", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex max-w-[40rem] flex-col items-start gap-6 md:col-span-7", children: [
       /* @__PURE__ */ jsxs("p", { className: "oca-eyebrow oca-enter", children: [
         /* @__PURE__ */ jsx("span", { className: "oca-tabular", children: code }),
@@ -3964,7 +3987,7 @@ function ErrorPage({
       /* @__PURE__ */ jsx("p", { className: "oca-lead oca-enter [--enter-delay:150ms]", children: detail ?? words.detail }),
       /* @__PURE__ */ jsx("div", { className: "oca-enter flex flex-wrap gap-3 [--enter-delay:230ms]", children: actions ?? /* @__PURE__ */ jsxs(Fragment, { children: [
         server ? /* @__PURE__ */ jsx(Button, { onClick: () => window.location.reload(), children: "Try again" }) : null,
-        /* @__PURE__ */ jsx(Button, { asChild: true, variant: server ? "secondary" : "primary", children: /* @__PURE__ */ jsx(Link6, { href: homeHref, children: "Go home" }) })
+        /* @__PURE__ */ jsx(Button, { asChild: true, variant: server ? "secondary" : "primary", children: /* @__PURE__ */ jsx(Link7, { href: homeHref, children: "Go home" }) })
       ] }) })
     ] }),
     art !== null ? /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "oca-enter hidden justify-center md:col-span-5 md:flex [--enter-delay:120ms]", children: art ?? /* @__PURE__ */ jsx(MarkOutline, { className: "w-full max-w-[20rem] text-oca-hairline-strong" }) }) : null
@@ -4405,7 +4428,7 @@ function TextLink({
   const internal = href.startsWith("/") && !href.startsWith("/api/") && !href.startsWith("/.well-known/");
   const offsite = external ?? /^https?:\/\//.test(href);
   if (internal && !offsite) {
-    return /* @__PURE__ */ jsx(Link6, { href, className: cn(LINK, className), children });
+    return /* @__PURE__ */ jsx(Link7, { href, className: cn(LINK, className), children });
   }
   return /* @__PURE__ */ jsxs("a", { href, className: cn(LINK, className), ...offsite ? { target: "_blank", rel: "noreferrer" } : {}, children: [
     children,
@@ -4539,7 +4562,7 @@ function ProtocolGrid({
         ] }),
         p.status !== "live" ? /* @__PURE__ */ jsx(StatusBadge, { status: p.status }) : null
       ] }),
-      /* @__PURE__ */ jsx("h3", { className: "oca-display-3", children: link === "docs" && inDocs ? /* @__PURE__ */ jsx(Link6, { href: `/${p.slug}`, className: STRETCH, children: p.label }) : /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("h3", { className: "oca-display-3", children: link === "docs" && inDocs ? /* @__PURE__ */ jsx(Link7, { href: `/${p.slug}`, className: STRETCH, children: p.label }) : /* @__PURE__ */ jsx(
         "a",
         {
           href: link === "tool" ? p.toolHref : link === "docs" ? `${DOCS_HREF}/${p.slug}` : p.pageHref,
@@ -4599,7 +4622,7 @@ function AppGrid({
 }
 var isInternal = (href) => href.startsWith("/") || href.startsWith("#");
 function DocLink({ href, className, children, ...rest }) {
-  return isInternal(href) ? /* @__PURE__ */ jsx(Link6, { href, className, ...rest, children }) : /* @__PURE__ */ jsx("a", { href, className, ...rest, children });
+  return isInternal(href) ? /* @__PURE__ */ jsx(Link7, { href, className, ...rest, children }) : /* @__PURE__ */ jsx("a", { href, className, ...rest, children });
 }
 function Breadcrumbs({ items, action, className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-11 items-center justify-between gap-4 sm:min-h-0", className), children: [
@@ -5389,6 +5412,220 @@ function SignMessage({
     )
   ] });
 }
+function SectionTitle({
+  title,
+  meta,
+  description,
+  action,
+  as: Tag = "h2",
+  size = "md",
+  tone = "default",
+  id,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-end justify-between gap-x-4 gap-y-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 max-w-[40rem] flex-[1_1_16rem] flex-col gap-1", children: [
+      /* @__PURE__ */ jsxs(
+        Tag,
+        {
+          id,
+          className: cn(
+            "flex scroll-mt-24 flex-wrap items-baseline gap-x-3",
+            size === "sm" ? "oca-title-sm" : "oca-title",
+            tone === "danger" && "text-destructive"
+          ),
+          children: [
+            title,
+            meta ? /* @__PURE__ */ jsx("span", { className: "oca-tabular text-[0.875rem] font-normal tracking-normal text-muted-foreground", children: meta }) : null
+          ]
+        }
+      ),
+      description ? /* @__PURE__ */ jsx("p", { className: "text-[0.9375rem] leading-relaxed text-muted-foreground", children: description }) : null
+    ] }),
+    action ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: action }) : null
+  ] });
+}
+function ListCard({
+  as: Tag = "ul",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tag, { className: cn("divide-y divide-border overflow-clip rounded-[1.25rem] border border-border bg-card", className), ...props });
+}
+var ROW_LOOK = {
+  // In a ListCard: full width, the card's hairlines between rows.
+  card: { box: "px-5", hover: "hover:bg-accent/60", current: "bg-accent" },
+  // In a pane's list (threads, contacts): rounded, lifted when current.
+  pane: { box: "rounded-xl px-3", hover: "hover:bg-accent", current: "bg-card shadow-sm ring-1 ring-border" }
+};
+function ListRow({
+  title,
+  meta,
+  description,
+  leading,
+  trailing,
+  actions,
+  revealActions = "always",
+  href,
+  onSelect,
+  current: current2 = false,
+  unread = false,
+  variant = "card",
+  as: Tag = "li",
+  className
+}) {
+  const tight = useDensity() === "compact";
+  const look = ROW_LOOK[variant];
+  const interactive = href !== void 0 || onSelect !== void 0;
+  const cls = cn(
+    "flex min-h-11 w-full min-w-0 items-center gap-3 text-left outline-none transition-colors",
+    "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+    look.box,
+    variant === "pane" ? "py-2" : tight ? "py-3" : "py-4",
+    interactive && !current2 && look.hover,
+    current2 && look.current,
+    actions && "pr-14"
+  );
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    leading ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0", children: leading }) : null,
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-baseline justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("truncate text-[0.9375rem] text-foreground", unread ? "font-semibold" : "font-medium"), children: title }),
+        meta ? /* @__PURE__ */ jsx("span", { className: "oca-tabular shrink-0 text-[0.8125rem] text-muted-foreground", children: meta }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsx("span", { className: cn("truncate text-[0.875rem]", unread ? "text-foreground" : "text-muted-foreground"), children: description }) : null
+    ] }),
+    trailing ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center gap-2", children: trailing }) : null
+  ] });
+  const aria = current2 ? { "aria-current": "true" } : {};
+  return /* @__PURE__ */ jsxs(Tag, { className: cn("group/row relative", className), children: [
+    href !== void 0 ? href.startsWith("/") ? /* @__PURE__ */ jsx(Link7, { href, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsx("a", { href, className: cls, ...aria, children: body }) : onSelect ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onSelect, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsx("div", { className: cls, children: body }),
+    actions ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "absolute right-2 top-1/2 flex -translate-y-1/2 items-center",
+          revealActions === "hover" && "transition-opacity md:opacity-0 md:focus-within:opacity-100 md:group-hover/row:opacity-100 md:has-[[data-state=open]]:opacity-100"
+        ),
+        children: actions
+      }
+    ) : null
+  ] });
+}
+var ChoiceSize = createContext("md");
+var COLUMNS = { 1: "", 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3" };
+function ChoiceGroup({
+  value,
+  onValueChange,
+  label,
+  columns = 1,
+  size = "md",
+  disabled,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ChoiceSize.Provider, { value: size, children: /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      value: value ?? "",
+      onValueChange: (v) => onValueChange(v),
+      "aria-label": label,
+      disabled,
+      className: cn("grid", size === "sm" ? "gap-1.5" : "gap-3", COLUMNS[columns], className),
+      children
+    }
+  ) });
+}
+function ChoiceCard({
+  value,
+  title,
+  description,
+  icon,
+  disabled,
+  className
+}) {
+  const sm = useContext(ChoiceSize) === "sm";
+  return /* @__PURE__ */ jsxs(
+    RadioGroupPrimitive.Item,
+    {
+      value,
+      disabled,
+      className: cn(
+        "group flex w-full min-w-0 items-start gap-3 border text-left outline-none transition-colors",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "border-border bg-card data-[state=checked]:border-foreground data-[state=checked]:bg-accent data-[state=unchecked]:hover:border-oca-hairline-strong",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        sm ? "min-h-11 rounded-xl px-3.5 py-2.5" : "rounded-[1.25rem] p-5",
+        className
+      ),
+      children: [
+        icon ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "shrink-0 text-muted-foreground group-data-[state=checked]:text-oca-accent-ink [&_svg]:size-full",
+              sm ? "mt-0.5 size-4" : "size-6"
+            ),
+            children: icon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("span", { className: sm ? "text-[0.9375rem] font-medium" : "oca-title-sm", children: title }),
+          description ? /* @__PURE__ */ jsx("span", { className: "text-[0.875rem] leading-relaxed text-muted-foreground", children: description }) : null
+        ] })
+      ]
+    }
+  );
+}
+var SIZES2 = {
+  "2xs": "size-7 text-[0.6875rem] [&_svg]:size-3.5",
+  xs: "size-8 text-[0.75rem] [&_svg]:size-4",
+  sm: "size-9 text-[0.8125rem] [&_svg]:size-4",
+  md: "size-11 text-[0.9375rem] [&_svg]:size-5",
+  lg: "size-14 text-[1.1875rem] [&_svg]:size-6"
+};
+function personInitials(name) {
+  return name.trim().split(/\s+/).slice(0, 2).map((w) => w.match(/[\p{L}\p{N}]/u)?.[0] ?? "").join("").toLocaleUpperCase();
+}
+function avatarHue(seed) {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0) % 360;
+}
+function Avatar({
+  seed,
+  name,
+  src,
+  size = "sm",
+  className
+}) {
+  const [failed, setFailed] = useState(null);
+  const box = cn("inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", SIZES2[size], className);
+  if (src && failed !== src) {
+    return (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsx("img", { src, alt: "", "aria-hidden": true, className: cn(box, "object-cover"), onError: () => setFailed(src) })
+    );
+  }
+  const initials = name ? personInitials(name) : "";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(box, "font-medium leading-none"),
+      style: {
+        "--oca-avatar-h": avatarHue(seed),
+        backgroundColor: "hsl(var(--oca-avatar-h) 60% var(--oca-avatar-bg-l))",
+        color: "hsl(var(--oca-avatar-h) 45% var(--oca-avatar-fg-l))"
+      },
+      children: initials || /* @__PURE__ */ jsx(UserRound, {})
+    }
+  );
+}
 function useMacKeys() {
   const [mac, setMac] = useState(true);
   useEffect(() => {
@@ -5664,7 +5901,7 @@ function download(content, filename, mime) {
   a.remove();
   setTimeout(() => URL.revokeObjectURL(url), 0);
 }
-var BAR_BUTTON = "inline-flex h-7 items-center gap-1.5 rounded-full px-2.5 text-[0.75rem] text-oca-ink-subtle transition-colors hover:bg-white/10 hover:text-white";
+var BAR_BUTTON = "inline-flex h-7 items-center gap-1.5 rounded-full px-2.5 text-[0.75rem] text-oca-ink-subtle transition-colors hover:bg-white/10 hover:text-white max-md:h-11 max-md:min-w-11 max-md:justify-center max-md:px-3";
 function ArtifactView({
   content,
   title,
@@ -5694,7 +5931,8 @@ function ArtifactView({
             "aria-pressed": view === v,
             onClick: () => setView(v),
             className: cn(
-              "h-7 rounded-full px-2.5 text-[0.75rem] transition-colors",
+              // The pill stays 28px; its target reaches the bar's 44.
+              "relative h-7 rounded-full px-2.5 text-[0.75rem] transition-colors before:absolute before:inset-x-0 before:top-1/2 before:h-11 before:-translate-y-1/2",
               view === v ? "bg-white/[0.12] text-white" : "text-oca-ink-subtle hover:text-white"
             ),
             children: v === "formatted" ? "Formatted" : "Raw"
@@ -6164,7 +6402,8 @@ function FilterChips({
           onClick: () => press(o.value),
           className: cn(
             "inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3.5 text-[0.875rem] transition-colors",
-            tight ? "h-8" : "h-9",
+            // A thumb's 44px on a phone.
+            tight ? "h-11 md:h-8" : "h-11 md:h-9",
             on ? "border-foreground bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-oca-hairline-strong hover:text-foreground"
           ),
           children: [
@@ -6214,7 +6453,7 @@ function ToolGrid({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ jsx(Heading, { className: "oca-title-sm", children: /* @__PURE__ */ jsx(
-                Link6,
+                Link7,
                 {
                   href: t.href,
                   className: "outline-none after:absolute after:inset-0 after:rounded-[1.25rem] after:content-['']",
@@ -6311,7 +6550,7 @@ function SideNav({ groups, onNavigate }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "Pages", className: "flex flex-col gap-5", children: groups.map((g, gi) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
     g.label ? /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 text-[0.8125rem] text-muted-foreground", children: g.label }) : null,
     g.items.map((it) => /* @__PURE__ */ jsxs(
-      Link6,
+      Link7,
       {
         href: it.href,
         onClick: onNavigate,
@@ -6346,7 +6585,7 @@ function SectionSwitch({
       children: sections.map((sec) => {
         const on = sec.id === current2.id;
         return /* @__PURE__ */ jsx(
-          Link6,
+          Link7,
           {
             href: sec.href,
             onClick: onNavigate,
@@ -6419,7 +6658,7 @@ function TabBar({ items }) {
           style: { gridTemplateColumns: `repeat(${shown.length + (overflow ? 1 : 0)}, minmax(0, 1fr))` },
           children: [
             shown.map((it) => /* @__PURE__ */ jsx(
-              Link6,
+              Link7,
               {
                 href: it.href,
                 "aria-current": it.active ? "page" : void 0,
@@ -6439,7 +6678,7 @@ function TabBar({ items }) {
               /* @__PURE__ */ jsxs(SheetContent, { side: "bottom", className: "pb-[calc(1.5rem+env(safe-area-inset-bottom))]", children: [
                 /* @__PURE__ */ jsx(SheetTitle, { className: "px-1 text-[1.0625rem] font-medium", children: "More" }),
                 /* @__PURE__ */ jsx("div", { className: "mt-4 grid grid-cols-3 gap-2", children: rest.map((it) => /* @__PURE__ */ jsxs(
-                  Link6,
+                  Link7,
                   {
                     href: it.href,
                     onClick: () => setMore(false),
@@ -6553,7 +6792,7 @@ function SidebarShell({
                 footer ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col gap-3", children: footer }) : null
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Link6, { href: home, "aria-label": "Home", className: "rounded-lg p-1", children: /* @__PURE__ */ jsx(Lockup, { size: 22 }) }),
+            /* @__PURE__ */ jsx(Link7, { href: home, "aria-label": "Home", className: "rounded-lg p-1", children: /* @__PURE__ */ jsx(Lockup, { size: 22 }) }),
             familyMenu,
             /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: account })
           ] }),
@@ -6578,7 +6817,7 @@ function SidebarShell({
         /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[90rem]", children: [
           /* @__PURE__ */ jsxs("aside", { className: "sticky top-0 hidden h-dvh w-[17rem] shrink-0 flex-col gap-6 overflow-y-auto px-4 py-6 lg:flex", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Link6, { href: home, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsx(Lockup, { size: 26 }) }),
+              /* @__PURE__ */ jsx(Link7, { href: home, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsx(Lockup, { size: 26 }) }),
               familyMenu
             ] }),
             switcher,
@@ -6588,7 +6827,7 @@ function SidebarShell({
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
             /* @__PURE__ */ jsx("div", { className: "hidden h-[4.5rem] items-center justify-end gap-3 px-8 lg:flex", children: account }),
             banner ? /* @__PURE__ */ jsx("div", { className: "px-4 pb-2 pt-4 md:px-8 lg:pt-0", children: banner }) : null,
-            /* @__PURE__ */ jsx("main", { id: "main-content", className: "flex-1 px-4 pb-16 pt-6 md:px-8 lg:pt-2", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[72rem]", children }) })
+            /* @__PURE__ */ jsx("main", { id: "main-content", className: "flex-1 px-4 pb-16 pt-6 md:px-8 lg:pt-2", children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[72rem]", children: /* @__PURE__ */ jsx(InColumnContext.Provider, { value: true, children }) }) })
           ] })
         ] }),
         tabs ? /* @__PURE__ */ jsx(TabBar, { items: tabs }) : null
@@ -6599,7 +6838,7 @@ function SidebarShell({
 function RailItem({ item }) {
   return /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Link6,
+      Link7,
       {
         href: item.href,
         "aria-current": item.active ? "page" : void 0,
@@ -6654,6 +6893,9 @@ function RailShell({ nav = [], persistent = [], page: pageOverride, header, acco
     tabs ? /* @__PURE__ */ jsx(TabBar, { items: tabs }) : null
   ] }) }) });
 }
+function PaneHeader({ children, className }) {
+  return /* @__PURE__ */ jsx("header", { className: cn("flex h-14 shrink-0 items-center gap-3 border-b border-border px-4 md:px-5", className), children });
+}
 function AccountMenu({
   name,
   detail,
@@ -6690,7 +6932,7 @@ function AccountMenu({
       ] }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       items.map(
-        (it, i) => it === "separator" ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, `sep-${i}`) : it.href ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, destructive: it.destructive, children: /* @__PURE__ */ jsxs(Link6, { href: it.href, children: [
+        (it, i) => it === "separator" ? /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, `sep-${i}`) : it.href ? /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, destructive: it.destructive, children: /* @__PURE__ */ jsxs(Link7, { href: it.href, children: [
           it.icon,
           it.label
         ] }) }, it.label) : /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: it.onSelect, destructive: it.destructive, children: [
@@ -6739,7 +6981,7 @@ function NavLink({
   if (item.external) {
     return /* @__PURE__ */ jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: item.label });
   }
-  return /* @__PURE__ */ jsx(Link6, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: item.label });
+  return /* @__PURE__ */ jsx(Link7, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: item.label });
 }
 function NavRow({ item, onNavigate }) {
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6750,7 +6992,7 @@ function NavRow({ item, onNavigate }) {
     "flex flex-col gap-0.5 rounded-xl px-3 py-2 transition-colors hover:bg-accent",
     item.active && "bg-muted hover:bg-muted dark:bg-white/[0.06]"
   );
-  return item.external ? /* @__PURE__ */ jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: body }) : /* @__PURE__ */ jsx(Link6, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: body });
+  return item.external ? /* @__PURE__ */ jsx("a", { href: item.href, className: cls, rel: "noreferrer", onClick: onNavigate, children: body }) : /* @__PURE__ */ jsx(Link7, { href: item.href, className: cls, "aria-current": item.active ? "page" : void 0, onClick: onNavigate, children: body });
 }
 var seeAll = (item) => typeof item.label === "string" ? `All ${item.label.toLowerCase()}` : "See all";
 function NavDropdown({ item }) {
@@ -6783,6 +7025,18 @@ function NavDropdown({ item }) {
     ] })
   ] });
 }
+function AccountCta({ href = GET_AN_ACCOUNT.href, className }) {
+  return /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", className, children: /* @__PURE__ */ jsx("a", { href, children: GET_AN_ACCOUNT.label }) });
+}
+function ProductLockup({ size, product }) {
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center", children: [
+    /* @__PURE__ */ jsx(Lockup, { size }),
+    product ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mx-3 h-5 w-px bg-oca-hairline-strong" }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium tracking-[-0.01em]", style: { fontSize: size * 0.56 }, children: product })
+    ] }) : null
+  ] });
+}
 function SiteHeader({
   home = "/",
   brand,
@@ -6802,13 +7056,7 @@ function SiteHeader({
   const current2 = typeof family === "string" ? family : void 0;
   const phoneNav = navOnPhone ? nav : [];
   const menu = phoneNav.length > 0 || Boolean(family) || Boolean(menuExtra);
-  const brandNode = brand ?? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center", children: [
-    /* @__PURE__ */ jsx(Lockup, { size }),
-    product ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "mx-3 h-5 w-px bg-oca-hairline-strong" }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium tracking-[-0.01em]", style: { fontSize: size * 0.56 }, children: product })
-    ] }) : null
-  ] });
+  const brandNode = brand ?? /* @__PURE__ */ jsx(ProductLockup, { size, product });
   const navigation = nav.length > 0 ? /* @__PURE__ */ jsx("nav", { "aria-label": "Main", className: "hidden items-center gap-1 md:flex", children: nav.map(
     (n) => n.children?.length ? /* @__PURE__ */ jsx(NavDropdown, { item: n }, n.href) : (
       // Between md and lg the family menu and the actions share the row: tighter.
@@ -6836,7 +7084,7 @@ function SiteHeader({
           ),
           children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 items-center gap-1", tool ? "md:gap-1" : "justify-self-start"), children: [
-              /* @__PURE__ */ jsxs(Link6, { href: home, className: "-ml-1 min-w-0 rounded-lg p-1", children: [
+              /* @__PURE__ */ jsxs(Link7, { href: home, className: "-ml-1 min-w-0 rounded-lg p-1", children: [
                 brandNode,
                 /* @__PURE__ */ jsx("span", { className: "sr-only", children: " home" })
               ] }),
@@ -6938,7 +7186,7 @@ function SiteBanner({
 var FOOT_LINK = "inline-flex min-h-11 items-center transition-colors hover:text-foreground md:min-h-0";
 function LegalRow({ links }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-6 gap-y-2 sm:flex-row sm:items-center sm:justify-between", children: [
-    /* @__PURE__ */ jsx("nav", { "aria-label": "Legal", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-5", children: links.map((l) => /* @__PURE__ */ jsx("li", { children: l.href.startsWith("/") ? /* @__PURE__ */ jsx(Link6, { href: l.href, className: FOOT_LINK, children: l.label }) : /* @__PURE__ */ jsx("a", { href: l.href, className: FOOT_LINK, children: l.label }) }, l.href)) }) }),
+    /* @__PURE__ */ jsx("nav", { "aria-label": "Legal", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-5", children: links.map((l, i) => /* @__PURE__ */ jsx("li", { children: l.href.startsWith("/") ? /* @__PURE__ */ jsx(Link7, { href: l.href, className: FOOT_LINK, children: l.label }) : /* @__PURE__ */ jsx("a", { href: l.href, className: FOOT_LINK, children: l.label }) }, `${i}:${l.label}`)) }) }),
     /* @__PURE__ */ jsxs("p", { children: [
       "\xA9 ",
       (/* @__PURE__ */ new Date()).getFullYear(),
@@ -6958,16 +7206,26 @@ function SiteFooter({
 }) {
   const legalLinks = legal === true ? LEGAL_LINKS : legal || null;
   if (compact) {
-    return /* @__PURE__ */ jsx("footer", { className: cn("border-t border-border bg-background text-[0.875rem] text-muted-foreground", className), children: /* @__PURE__ */ jsxs("div", { className: "oca-container flex flex-col gap-x-8 gap-y-3 py-5 lg:flex-row lg:items-center lg:justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-1", children: [
-        /* @__PURE__ */ jsx("a", { href: OCHK_IO, className: "rounded-lg text-foreground", children: /* @__PURE__ */ jsx(Lockup, { size: 22 }) }),
-        family ? /* @__PURE__ */ jsx("nav", { "aria-label": "Protocols", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-4", children: PROTOCOLS.map((p) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: p.pageHref, className: FOOT_LINK, children: p.label }) }, p.slug)) }) }) : null
-      ] }),
-      legalLinks || meta ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-6 gap-y-2 sm:flex-row sm:flex-wrap sm:items-center", children: [
-        legalLinks ? /* @__PURE__ */ jsx(LegalRow, { links: legalLinks }) : null,
-        meta
-      ] }) : null
-    ] }) });
+    return (
+      // The tools' column (ToolColumn): the lockup lines up with the page's title.
+      /* @__PURE__ */ jsx("footer", { className: cn("border-t border-border bg-background px-4 text-[0.875rem] text-muted-foreground md:px-8", className), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[72rem] flex-col gap-x-8 gap-y-3 py-5 lg:flex-row lg:items-center lg:justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-3", children: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: OCHK_IO,
+              className: "relative rounded-lg text-foreground before:absolute before:inset-x-0 before:top-1/2 before:h-11 before:-translate-y-1/2",
+              children: /* @__PURE__ */ jsx(Lockup, { size: 22 })
+            }
+          ),
+          family ? /* @__PURE__ */ jsx("nav", { "aria-label": "Protocols", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-4", children: PROTOCOLS.map((p) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: p.pageHref, className: FOOT_LINK, children: p.label }) }, p.slug)) }) }) : null
+        ] }),
+        legalLinks || meta ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-x-6 gap-y-2 sm:flex-row sm:flex-wrap sm:items-center", children: [
+          legalLinks ? /* @__PURE__ */ jsx(LegalRow, { links: legalLinks }) : null,
+          meta
+        ] }) : null
+      ] }) })
+    );
   }
   const cols = [
     ...columns,
@@ -7002,17 +7260,17 @@ function SiteFooter({
                 className: cn("flex min-w-0 flex-col gap-1", spans && "col-span-2 md:col-span-1"),
                 children: [
                   /* @__PURE__ */ jsx("p", { className: "mb-2 text-[0.875rem] font-medium", children: col.heading }),
-                  /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1", spans && "grid grid-cols-2 gap-x-6 md:flex md:flex-col"), children: col.links.map((l) => /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-1", spans && "grid grid-cols-2 gap-x-6 md:flex md:flex-col"), children: col.links.map((l, j) => /* @__PURE__ */ jsx(
                     NavLink,
                     {
                       item: l,
                       className: "-mx-3 py-2.5 text-[0.9375rem] md:py-1.5"
                     },
-                    l.href
+                    `${j}:${l.label}`
                   )) })
                 ]
               },
-              col.heading
+              `${i}:${col.heading}`
             );
           })
         ]
@@ -7048,12 +7306,13 @@ function OchkIoFooter({ columns = OCHK_IO_FOOTER, className }) {
   );
 }
 function SignInFrame({
-  title = "Sign in",
+  title = SIGN_IN_LABEL,
   lead,
   children,
   error,
   fineprint,
   brand,
+  product,
   home,
   protocol: protocol2,
   back,
@@ -7070,12 +7329,12 @@ function SignInFrame({
       children: [
         /* @__PURE__ */ jsxs("section", { className: "flex flex-col px-4 pb-8 pt-5 sm:px-8 lg:px-14 lg:pt-8", children: [
           /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs(Link6, { href: homeHref, className: "w-fit rounded-lg", children: [
-              brand ?? /* @__PURE__ */ jsx(Lockup, { size: 28 }),
+            /* @__PURE__ */ jsxs(Link7, { href: homeHref, className: "w-fit rounded-lg", children: [
+              brand ?? /* @__PURE__ */ jsx(ProductLockup, { size: 28, product: product ?? (protocol2 ? protocolSite(protocol2).label : void 0) }),
               /* @__PURE__ */ jsx("span", { className: "sr-only", children: " home" })
             ] }),
             back === void 0 ? /* @__PURE__ */ jsx(
-              Link6,
+              Link7,
               {
                 href: homeHref,
                 className: "text-[0.9375rem] text-muted-foreground underline-offset-4 hover:text-foreground hover:underline",
@@ -7170,7 +7429,7 @@ function DocsNav({
         const on = pathOf(item.href) === here;
         const badge = typeof item.badge === "string" && STATUS_WORDS.has(item.badge) ? /* @__PURE__ */ jsx(StatusBadge, { status: item.badge }) : item.badge ? /* @__PURE__ */ jsx(Badge, { tone: "muted", children: item.badge }) : null;
         return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          Link6,
+          Link7,
           {
             href: item.href,
             ref: on ? activeRef : void 0,
@@ -7282,7 +7541,7 @@ function SessionAccountView({
   items = [],
   signInHref,
   signInPath,
-  signInLabel = "Sign in",
+  signInLabel = SIGN_IN_LABEL,
   accountHref = OCHK_APP_ACCOUNT,
   onSignOut,
   nameFrom = "lg"
@@ -7313,6 +7572,13 @@ function SessionAccountView({
     /* @__PURE__ */ jsx("span", { className: state === "checking" ? "contents invisible" : "contents", "aria-hidden": state === "checking" || void 0, children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "secondary", tabIndex: state === "checking" ? -1 : void 0, children: /* @__PURE__ */ jsx("a", { href: signInHref ?? inPlace ?? "https://ochk.io/signin", children: signInLabel }) }) })
   );
 }
+function ToolColumn({
+  measure = "wide",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("px-4 pb-16 pt-8 md:px-8 md:pt-10", className), children: /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[72rem]", children: /* @__PURE__ */ jsx(InColumnContext.Provider, { value: true, children: measure === "narrow" ? /* @__PURE__ */ jsx("div", { className: "max-w-[48rem]", children }) : children }) }) });
+}
 function ToolShell({
   protocol: protocol2,
   tools,
@@ -7321,6 +7587,7 @@ function ToolShell({
   rail = false,
   railFooter,
   variant = "tool",
+  measure = "wide",
   banner,
   footer,
   children
@@ -7378,14 +7645,7 @@ function ToolShell({
             /* @__PURE__ */ jsx(SideNav, { groups: [{ label: "Tools", items: tools.map(({ href, label, icon, active }) => ({ href, label, icon, active })) }] }),
             railFooter ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col gap-0.5 px-3 text-[0.875rem] text-muted-foreground [&_a:hover]:text-foreground [&_a]:py-1.5 [&_a]:transition-colors", children: railFooter }) : null
           ] }) : null,
-          /* @__PURE__ */ jsx(
-            "main",
-            {
-              id: "main-content",
-              className: cn("min-w-0 flex-1", app ? "flex min-h-0 flex-col" : "px-4 pb-16 pt-8 md:px-8 md:pt-10"),
-              children: /* @__PURE__ */ jsx(SiteHomeContext.Provider, { value: homeHref, children: app ? children : /* @__PURE__ */ jsx("div", { className: "mx-auto w-full max-w-[72rem]", children }) })
-            }
-          )
+          /* @__PURE__ */ jsx("main", { id: "main-content", className: cn("min-w-0 flex-1", app && "flex min-h-0 flex-col"), children: /* @__PURE__ */ jsx(SiteHomeContext.Provider, { value: homeHref, children: app ? children : /* @__PURE__ */ jsx(ToolColumn, { measure, children }) }) })
         ] }),
         app || footer === false ? null : footer ?? /* @__PURE__ */ jsx(SiteFooter, { compact: true, family: true, legal: true }),
         tabs ? /* @__PURE__ */ jsx(TabBar, { items: tabs }) : null
@@ -7562,6 +7822,6 @@ function createMdxComponents({ mermaid } = {}) {
 }
 var mdxComponents = createMdxComponents();
 
-export { APP_ATTRIBUTE, APP_ID, Accent, Accordion, AccordionItem, AccountMenu, ActivityList, AnchorStatus, ApiTable, AppCard, AppGrid, AppIcon, AppShell, ArtifactView, Badge, BlockCountdown, BlockHeight, Breadcrumbs, BrowserFrame, Button, CODE_LANGS, Callout, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardNumeral, CardTitle, ChartFrame, Checkbox, Closing, CodeBlock, CodeTabs, CommandDialog, ComparisonTable, Container, CopyButton, CountdownRing, Crowd, DOCS_HEADER_NAV, DOCS_HREF, DataTable, DensityProvider, Diagram, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, Display, DocHeader, DocLayout, DocsHeading, DocsNav, DocsPager, DocsShell, DropZone, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyLine, EmptyState, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FAMILY, FAMILY_GROUPS, FactBlock, FactRows, FamilyMenu, Faq, Field, FilterChips, FloatChip, Footnote, FormSection, HalftoneCanvas, HalftoneSphere, HashChip, HudCard, Input, InstallTabs, IsoCheck, Kbd, KeyValueList, LEGAL_LINKS, Label, Lead, LegalDocument, LinkCard, LoadingBlock, LockedPreview, Lockup, MARK_FACES, Mark, MdxTable, Meter, Monogram, Notice, OCHK_APP_ACCOUNT, OCHK_IO, OCHK_IO_FOOTER, OCHK_IO_NAV, OchkIoFooter, OnThisPage, PROTOCOLS, PROTOCOL_ORDER, PackageCard, PageHeader, PageHero, Pagination, Panel, PhoneFrame, PlanCard, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressSteps, ProofStrip, Prose, ProtocolGrid, ProtocolHero, ProtocolNav, QrCode, RadioGroup, RadioGroupItem, Reveal, SELF_HOSTED_LEGAL_LINKS, SPHERE_GRADIENT, Sats, SatsFigure, ScrollFade, ScrollStory, SearchButton, SearchDialog, Section, SectionHeading, SectionIntro, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, SessionAccountView, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, ShellContext, SignInFrame, SignMessage, SiteBanner, SiteFooter, SiteHeader, Skeleton, SkipLink, SourceNote, Sparkline, SpecCard, Spinner, SplitBar, StatCard, StatGrid, StateBadge, StatusBadge, StatusDot, StatusPill, Step, StepGrid, Steps, Switch, TOKEN_CLASS, Tabs, TabsContent, TabsList, TabsTrigger, TextLink, Textarea, ThemeToggle, Ticker, Toaster, ToolGrid, ToolShell, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruthTable, UsdApprox, VerifyBox, VerifyReport, appColors, appFonts, badgeVariants, blocksToDuration, buttonVariants, cardVariants, chartColor, cn, confirm, createMdxComponents, createStateBadge, darkPalette, escapeHtml, explorerUrl, familyByGroup, familySite, formatBlockHeight, formatBytes, formatUtc, grammarOf, highlight, highlightToHtml, languageName, lightPalette, linesToHtml, mdxComponents, monogramGround, monogramLetter, parseCodeMeta, parseLineRanges, portraitTone, prompt, protocolSite, readDiff, rehypeCode, satsText, sectionVariants, shortenMiddle, statusWord, useActiveHeading, useCopy, useDensity, useHeadings, useInView, useShellPlace, useSignInHref, useTimedOut };
+export { APP_ATTRIBUTE, APP_ID, Accent, Accordion, AccordionItem, AccountCta, AccountMenu, ActivityList, AnchorStatus, ApiTable, AppCard, AppGrid, AppIcon, AppShell, ArtifactView, Avatar, Badge, BlockCountdown, BlockHeight, Breadcrumbs, BrowserFrame, Button, CODE_LANGS, Callout, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardNumeral, CardTitle, ChartFrame, Checkbox, ChoiceCard, ChoiceGroup, Closing, CodeBlock, CodeTabs, CommandDialog, ComparisonTable, Container, CopyButton, CountdownRing, Crowd, DOCS_HEADER_NAV, DOCS_HREF, DataTable, DensityProvider, Diagram, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogHost, DialogTitle, DialogTrigger, Display, DocHeader, DocLayout, DocsHeading, DocsNav, DocsPager, DocsShell, DropZone, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyLine, EmptyState, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FAMILY, FAMILY_GROUPS, FactBlock, FactRows, FamilyMenu, Faq, Field, FilterChips, FloatChip, Footnote, FormSection, GET_AN_ACCOUNT, HalftoneCanvas, HalftoneSphere, HashChip, HudCard, Input, InstallTabs, IsoCheck, Kbd, KeyValueList, LEGAL_LINKS, Label, Lead, LegalDocument, LinkCard, ListCard, ListRow, LoadingBlock, LockedPreview, Lockup, MARK_FACES, Mark, MdxTable, Meter, Monogram, Notice, OCHK_APP, OCHK_APP_ACCOUNT, OCHK_IO, OCHK_IO_FOOTER, OCHK_IO_NAV, OchkIoFooter, OnThisPage, PROTOCOLS, PROTOCOL_ORDER, PackageCard, PageHeader, PageHero, Pagination, PaneHeader, Panel, PhoneFrame, PlanCard, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProgressSteps, ProofStrip, Prose, ProtocolGrid, ProtocolHero, ProtocolNav, QrCode, RadioGroup, RadioGroupItem, Reveal, SELF_HOSTED_LEGAL_LINKS, SIGN_IN_LABEL, SPHERE_GRADIENT, Sats, SatsFigure, ScrollFade, ScrollStory, SearchButton, SearchDialog, Section, SectionHeading, SectionIntro, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue, Separator, SessionAccountView, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, ShellContext, SignInFrame, SignMessage, SiteBanner, SiteFooter, SiteHeader, Skeleton, SkipLink, SourceNote, Sparkline, SpecCard, Spinner, SplitBar, StatCard, StatGrid, StateBadge, StatusBadge, StatusDot, StatusPill, Step, StepGrid, Steps, Switch, TOKEN_CLASS, Tabs, TabsContent, TabsList, TabsTrigger, TextLink, Textarea, ThemeToggle, Ticker, Toaster, ToolColumn, ToolGrid, ToolShell, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TruthTable, UsdApprox, VerifyBox, VerifyReport, appColors, appFonts, badgeVariants, blocksToDuration, buttonVariants, cardVariants, chartColor, cn, confirm, createMdxComponents, createStateBadge, darkPalette, escapeHtml, explorerUrl, familyByGroup, familySite, formatBlockHeight, formatBytes, formatUtc, grammarOf, highlight, highlightToHtml, languageName, lightPalette, linesToHtml, mdxComponents, monogramGround, monogramLetter, parseCodeMeta, parseLineRanges, portraitTone, prompt, protocolSite, readDiff, rehypeCode, satsText, sectionVariants, shortenMiddle, statusWord, useActiveHeading, useCopy, useDensity, useHeadings, useInView, useShellPlace, useSignInHref, useTimedOut };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map