@orangecheck/app-design 0.2.1 → 0.3.1

package/dist/chrome.mjs

@@ -1,9 +1,9 @@
-import { X, Menu, Sun, Moon, SunMoon } from 'lucide-react';
+import { X, Menu, ChevronRight, Sun, Moon, SunMoon } from 'lucide-react';
 import Link2 from 'next/link';
-import { forwardRef, useState, useEffect } from 'react';
+import { forwardRef, createContext, useState, useContext, useMemo, useEffect } from 'react';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 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';
@@ -296,12 +296,12 @@ function SiteFooter({
   className
 }) {
   return /* @__PURE__ */ jsxs("footer", { className: cn("border-t border-border bg-background", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "oca-container grid gap-10 py-14 md:grid-cols-[1.3fr_repeat(3,1fr)] md:py-16", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "oca-container grid grid-cols-2 gap-x-6 gap-y-10 py-14 md:grid-cols-[1.3fr_repeat(3,1fr)] md:py-16", children: [
+      /* @__PURE__ */ jsxs("div", { className: "col-span-2 flex flex-col gap-4 md:col-span-1", children: [
         /* @__PURE__ */ jsx(Lockup, { size: 26 }),
         fineprint ? /* @__PURE__ */ jsx("p", { className: "max-w-xs text-[0.9375rem] leading-relaxed text-muted-foreground", children: fineprint }) : null
       ] }),
-      columns.map((col) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      columns.map((col) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
         /* @__PURE__ */ jsx("p", { className: "mb-2 text-[0.875rem] font-medium", children: col.heading }),
         col.links.map((l) => /* @__PURE__ */ jsx(
           NavLink,
@@ -316,9 +316,13 @@ function SiteFooter({
     meta ? /* @__PURE__ */ jsx("div", { className: "oca-container border-t border-border py-6 text-[0.875rem] text-muted-foreground", children: meta }) : null
   ] });
 }
+var ShellContext = createContext({});
+function useShellPlace() {
+  return useContext(ShellContext);
+}
 function SideNav({ groups, onNavigate }) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Sections", className: "flex flex-col gap-6", 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.5 text-[0.8125rem] text-muted-foreground", children: g.label }) : null,
+  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(
       Link2,
       {
@@ -326,8 +330,8 @@ function SideNav({ groups, onNavigate }) {
         onClick: onNavigate,
         "aria-current": it.active ? "page" : void 0,
         className: cn(
-          "flex h-10 items-center gap-3 rounded-xl px-3 text-[0.9375rem] transition-colors",
-          "[&_svg]:size-[1.125rem] [&_svg]:shrink-0",
+          "flex h-9 items-center gap-3 rounded-xl px-3 text-[0.9375rem] transition-colors",
+          "[&_svg]:size-[1.0625rem] [&_svg]:shrink-0",
           it.active ? "bg-card text-foreground shadow-sm ring-1 ring-border [&_svg]:text-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
         ),
         children: [
@@ -340,8 +344,56 @@ function SideNav({ groups, onNavigate }) {
     ))
   ] }, g.label ?? gi)) });
 }
+function SectionSwitch({
+  sections,
+  current,
+  onNavigate
+}) {
+  const cols = sections.length <= 3 ? sections.length : 2;
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "Sections",
+      className: cn("grid gap-1 bg-muted p-1", cols === sections.length ? "rounded-full" : "rounded-[1.25rem]"),
+      style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` },
+      children: sections.map((sec) => {
+        const on = sec.id === current.id;
+        return /* @__PURE__ */ jsx(
+          Link2,
+          {
+            href: sec.href,
+            onClick: onNavigate,
+            "aria-current": on ? "true" : void 0,
+            className: cn(
+              "flex h-8 min-w-0 items-center justify-center rounded-full px-1.5 text-[0.8125rem] font-medium transition-colors",
+              on ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: "truncate", children: sec.label })
+          },
+          sec.id
+        );
+      })
+    }
+  );
+}
+var activeItem = (groups) => groups.flatMap((g) => g.items).find((it) => it.active);
+var warned = /* @__PURE__ */ new Set();
+function warnDuplicateLabels(groups) {
+  if (typeof process === "undefined" || process.env.NODE_ENV === "production") return;
+  const seen = /* @__PURE__ */ new Set();
+  for (const it of groups.flatMap((g) => g.items)) {
+    if (seen.has(it.label) && !warned.has(it.label)) {
+      warned.add(it.label);
+      console.warn(`AppShell: two pages are labelled "${it.label}"; give each its own name.`);
+    }
+    seen.add(it.label);
+  }
+}
 function AppShell({
   nav,
+  sections,
+  activeSection,
+  persistent = [],
   home = "/",
   account,
   banner,
@@ -350,38 +402,59 @@ function AppShell({
   className
 }) {
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */ jsxs("div", { className: cn("min-h-dvh bg-background", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-background/85 px-4 backdrop-blur-md lg:hidden", children: [
-      /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ jsx(
-          SheetTrigger,
-          {
-            className: "inline-flex size-10 items-center justify-center rounded-full hover:bg-accent",
-            "aria-label": "Open navigation",
-            children: /* @__PURE__ */ jsx(Menu, { className: "size-5" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "p-4 pt-16", children: [
-          /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation" }),
-          /* @__PURE__ */ jsx(SideNav, { groups: nav, onNavigate: () => setOpen(false) })
-        ] })
+  const current = sections && sections.length > 0 ? sections.find((sec) => sec.id === activeSection) ?? sections.find((sec) => activeItem(sec.groups)) ?? sections[0] : void 0;
+  const groups = current ? [...current.groups, ...persistent] : [...nav ?? [], ...persistent];
+  warnDuplicateLabels(groups);
+  const page = activeItem(groups);
+  const place = useMemo(
+    () => ({ section: current ? current.title ?? current.label : void 0, page: page?.label }),
+    [current, page?.label]
+  );
+  const switcher = sections && current && sections.length > 1 ? /* @__PURE__ */ jsx(SectionSwitch, { sections, current, onNavigate: () => setOpen(false) }) : null;
+  return /* @__PURE__ */ jsx(ShellContext.Provider, { value: place, children: /* @__PURE__ */ jsxs("div", { className: cn("min-h-dvh bg-background", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-40 border-b border-border bg-background/90 backdrop-blur-md lg:hidden", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex h-14 items-center gap-2 px-3", children: [
+        /* @__PURE__ */ jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx(
+            SheetTrigger,
+            {
+              className: "inline-flex size-10 items-center justify-center rounded-full hover:bg-accent",
+              "aria-label": "Open navigation",
+              children: /* @__PURE__ */ jsx(Menu, { className: "size-5" })
+            }
+          ),
+          /* @__PURE__ */ jsxs(SheetContent, { side: "left", className: "flex flex-col gap-6 overflow-y-auto p-4 pt-16", children: [
+            /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Navigation" }),
+            switcher,
+            /* @__PURE__ */ jsx(SideNav, { groups, onNavigate: () => setOpen(false) }),
+            footer ? /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col gap-3", children: footer }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Link2, { href: home, "aria-label": "Home", className: "rounded-lg p-1", children: /* @__PURE__ */ jsx(Lockup, { size: 22 }) }),
+        /* @__PURE__ */ jsx("div", { className: "ml-auto flex items-center", children: account })
       ] }),
-      /* @__PURE__ */ jsx(Link2, { href: home, "aria-label": "Home", children: /* @__PURE__ */ jsx(AppIcon, { size: 28 }) }),
-      /* @__PURE__ */ jsx("div", { className: "flex items-center", children: account })
+      place.page ? /* @__PURE__ */ jsxs("div", { className: "flex h-9 items-center gap-1.5 border-t border-border px-4 text-[0.875rem]", children: [
+        place.section ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", children: place.section }),
+          /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true, className: "size-3.5 shrink-0 text-muted-foreground" })
+        ] }) : null,
+        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: place.page })
+      ] }) : null
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-[90rem]", children: [
-      /* @__PURE__ */ jsxs("aside", { className: "sticky top-0 hidden h-dvh w-64 shrink-0 flex-col gap-8 overflow-y-auto px-4 py-6 lg:flex", 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__ */ jsx(Link2, { href: home, className: "px-2", "aria-label": "Home", children: /* @__PURE__ */ jsx(Lockup, { size: 26 }) }),
-        /* @__PURE__ */ jsx(SideNav, { groups: nav }),
+        switcher,
+        /* @__PURE__ */ jsx(SideNav, { groups }),
         /* @__PURE__ */ jsx("div", { className: "mt-auto flex flex-col gap-3", children: footer })
       ] }),
       /* @__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("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 }) })
       ] })
     ] })
-  ] });
+  ] }) });
 }
 function AccountMenu({
   name,
@@ -393,11 +466,11 @@ function AccountMenu({
     /* @__PURE__ */ jsxs(
       DropdownMenuTrigger,
       {
-        className: "inline-flex h-10 items-center gap-2.5 rounded-full border border-border bg-card pl-1 pr-3.5 text-[0.9375rem] outline-none transition-colors hover:border-oca-hairline-strong focus-visible:ring-2 focus-visible:ring-ring",
+        className: "inline-flex h-10 items-center gap-2.5 rounded-full border border-border bg-card pl-1 pr-1 text-[0.9375rem] outline-none transition-colors hover:border-oca-hairline-strong focus-visible:ring-2 focus-visible:ring-ring sm:pr-3.5",
         "aria-label": `Account: ${name}`,
         children: [
           /* @__PURE__ */ jsx("span", { className: "flex size-8 items-center justify-center rounded-full bg-foreground text-[0.8125rem] font-medium text-background", children: initial }),
-          /* @__PURE__ */ jsx("span", { className: "max-w-[10rem] truncate", children: name })
+          /* @__PURE__ */ jsx("span", { className: "max-w-[10rem] truncate max-sm:hidden", children: name })
         ]
       }
     ),
@@ -442,6 +515,6 @@ function ThemeToggle({ className }) {
   );
 }
 
-export { AccountMenu, AppShell, SiteFooter, SiteHeader, ThemeToggle };
+export { AccountMenu, AppShell, ShellContext, SiteFooter, SiteHeader, ThemeToggle, useShellPlace };
 //# sourceMappingURL=chrome.mjs.map
 //# sourceMappingURL=chrome.mjs.map

package/dist/chrome.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/cn.ts","../src/brand/mark.tsx","../src/primitives/overlay.tsx","../src/chrome/site.tsx","../src/chrome/app-shell.tsx"],"names":["DialogContent","jsxs","jsx","DialogTitle","DialogDescription","SheetContent","PopoverContent","TooltipContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuLabel","DropdownMenuSeparator","Link","useState","Menu"],"mappings":"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","file":"chrome.mjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\n// tailwind-merge would treat `oca-display-1` and `text-foreground` as the same\n// group and drop one; teach it the package's own type utilities.\nconst merge = extendTailwindMerge<'oca-type'>({\n    extend: {\n        classGroups: {\n            'oca-type': [\n                'oca-display-1',\n                'oca-display-2',\n                'oca-display-3',\n                'oca-title',\n                'oca-title-sm',\n                'oca-eyebrow',\n                'oca-lead',\n                'oca-body',\n                'oca-numeral',\n            ],\n        },\n    },\n});\n\nexport function cn(...inputs: ClassValue[]): string {\n    return merge(clsx(inputs));\n}\n","import type { SVGProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/*\n * The isometric check, measured from Sou's deck (slide 9) onto a 16×8 grid:\n * a chevron with a 3-unit short arm and a 5-unit long arm, one unit thick,\n * extruded two units. Three faces, three oranges.\n */\n\nconst TOP = '0,3 2,2 6,4 14,0 16,1 6,6';\nconst LEFT = '0,3 6,6 6,8 0,5';\nconst RIGHT = '6,6 16,1 16,3 6,8';\n\nexport const MARK_FACES = { top: '#FED8AB', left: '#FB933C', right: '#EA580B' } as const;\n\nexport interface MarkProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {\n    /** Accessible name. Omit to render the mark as decoration. */\n    title?: string;\n    /** Rendered width in px; height follows the 2:1 grid. */\n    size?: number;\n}\n\nexport function Mark({ title, size, className, ...rest }: MarkProps) {\n    return (\n        <svg\n            viewBox=\"0 0 16 8\"\n            width={size}\n            height={size ? size / 2 : undefined}\n            role={title ? 'img' : undefined}\n            aria-hidden={title ? undefined : true}\n            className={cn('shrink-0', className)}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            <polygon points={LEFT} fill={MARK_FACES.left} />\n            <polygon points={RIGHT} fill={MARK_FACES.right} />\n            <polygon points={TOP} fill={MARK_FACES.top} />\n        </svg>\n    );\n}\n\nexport interface AppIconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {\n    title?: string;\n    size?: number;\n}\n\n/** The app icon: the mark on an ink squircle, as in the deck's lockup. */\nexport function AppIcon({ title, size = 32, className, ...rest }: AppIconProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            width={size}\n            height={size}\n            role={title ? 'img' : undefined}\n            aria-hidden={title ? undefined : true}\n            className={cn('shrink-0', className)}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            <rect\n                width=\"24\"\n                height=\"24\"\n                rx=\"6.25\"\n                style={{ fill: 'var(--oca-icon-tile, #0A0A0A)', stroke: 'var(--oca-icon-ring, transparent)' }}\n                strokeWidth=\"0.5\"\n            />\n            <g transform=\"translate(4.25 8.1) scale(0.97)\">\n                <polygon points={LEFT} fill={MARK_FACES.left} />\n                <polygon points={RIGHT} fill={MARK_FACES.right} />\n                <polygon points={TOP} fill={MARK_FACES.top} />\n            </g>\n        </svg>\n    );\n}\n\nexport interface LockupProps {\n    /** The word beside the icon. */\n    name?: string;\n    /** Icon size in px; the word scales with it. */\n    size?: number;\n    className?: string;\n}\n\n/** Icon and wordmark, lowercase, as the deck sets it. */\nexport function Lockup({ name = 'orangecheck', size = 28, className }: LockupProps) {\n    return (\n        <span\n            className={cn('inline-flex items-center font-medium tracking-[-0.01em]', className)}\n            style={{ gap: size * 0.32, fontSize: size * 0.56 }}\n        >\n            <AppIcon size={size} />\n            <span>{name}</span>\n        </span>\n    );\n}\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { X } from 'lucide-react';\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type HTMLAttributes } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/* ── Dialog ───────────────────────────────────────────────────────────── */\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogClose = DialogPrimitive.Close;\n\nconst overlayClass =\n    'oca-animate-fade fixed inset-0 z-50 bg-[rgb(10_10_10/0.38)] backdrop-blur-[2px] data-[state=closed]:opacity-0';\n\nexport const DialogContent = forwardRef<\n    ElementRef<typeof DialogPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { hideClose?: boolean }\n>(function DialogContent({ className, children, hideClose, ...props }, ref) {\n    return (\n        <DialogPrimitive.Portal>\n            <DialogPrimitive.Overlay className={overlayClass} />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={cn(\n                    'oca-animate-rise fixed left-1/2 top-1/2 z-50 w-[min(92vw,34rem)] -translate-x-1/2 -translate-y-1/2',\n                    'max-h-[88vh] overflow-y-auto rounded-[1.5rem] border border-border bg-popover p-6 text-popover-foreground shadow-xl md:p-8',\n                    'outline-none',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {hideClose ? null : (\n                    <DialogPrimitive.Close\n                        className=\"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n                        aria-label=\"Close\"\n                    >\n                        <X className=\"size-4\" />\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPrimitive.Portal>\n    );\n});\n\nexport function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n    return <div className={cn('mb-5 flex flex-col gap-2 pr-8', className)} {...props} />;\n}\n\nexport function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n    return <div className={cn('mt-7 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nexport const DialogTitle = forwardRef<\n    ElementRef<typeof DialogPrimitive.Title>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function DialogTitle({ className, ...props }, ref) {\n    return (\n        <DialogPrimitive.Title\n            ref={ref}\n            className={cn('text-[1.5rem] font-normal leading-tight tracking-[-0.02em]', className)}\n            {...props}\n        />\n    );\n});\n\nexport const DialogDescription = forwardRef<\n    ElementRef<typeof DialogPrimitive.Description>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function DialogDescription({ className, ...props }, ref) {\n    return <DialogPrimitive.Description ref={ref} className={cn('oca-body', className)} {...props} />;\n});\n\n/* ── Sheet: a dialog from an edge ────────────────────────────────────── */\n\nexport const Sheet = DialogPrimitive.Root;\nexport const SheetTrigger = DialogPrimitive.Trigger;\nexport const SheetClose = DialogPrimitive.Close;\nexport const SheetTitle = DialogTitle;\nexport const SheetDescription = DialogDescription;\n\nconst sheetSide = {\n    right: 'inset-y-0 right-0 h-full w-[min(88vw,24rem)] border-l',\n    left: 'inset-y-0 left-0 h-full w-[min(88vw,24rem)] border-r',\n    bottom: 'inset-x-0 bottom-0 max-h-[88vh] rounded-t-[1.5rem] border-t',\n} as const;\n\nexport const SheetContent = forwardRef<\n    ElementRef<typeof DialogPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { side?: keyof typeof sheetSide }\n>(function SheetContent({ className, children, side = 'right', ...props }, ref) {\n    return (\n        <DialogPrimitive.Portal>\n            <DialogPrimitive.Overlay className={overlayClass} />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={cn(\n                    'oca-animate-fade fixed z-50 flex flex-col gap-4 overflow-y-auto border-border bg-popover p-6 text-popover-foreground shadow-xl outline-none',\n                    sheetSide[side],\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                <DialogPrimitive.Close\n                    className=\"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-full text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    aria-label=\"Close\"\n                >\n                    <X className=\"size-4\" />\n                </DialogPrimitive.Close>\n            </DialogPrimitive.Content>\n        </DialogPrimitive.Portal>\n    );\n});\n\n/* ── Popover ──────────────────────────────────────────────────────────── */\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport const PopoverContent = forwardRef<\n    ElementRef<typeof PopoverPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(function PopoverContent({ className, align = 'center', sideOffset = 8, ...props }, ref) {\n    return (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content\n                ref={ref}\n                align={align}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 w-72 rounded-2xl border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none',\n                    className\n                )}\n                {...props}\n            />\n        </PopoverPrimitive.Portal>\n    );\n});\n\n/* ── Tooltip: ink, small, quick ───────────────────────────────────────── */\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = forwardRef<\n    ElementRef<typeof TooltipPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(function TooltipContent({ className, sideOffset = 6, ...props }, ref) {\n    return (\n        <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n                ref={ref}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 max-w-xs rounded-lg bg-oca-ink px-2.5 py-1.5 text-[0.8125rem] leading-snug text-oca-ink-foreground',\n                    className\n                )}\n                {...props}\n            />\n        </TooltipPrimitive.Portal>\n    );\n});\n\n/* ── Menu ─────────────────────────────────────────────────────────────── */\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nexport const DropdownMenuContent = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(function DropdownMenuContent({ className, sideOffset = 8, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n                ref={ref}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 min-w-56 overflow-hidden rounded-2xl border border-border bg-popover p-1.5 text-popover-foreground shadow-lg',\n                    className\n                )}\n                {...props}\n            />\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n\nexport const DropdownMenuItem = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Item>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { destructive?: boolean }\n>(function DropdownMenuItem({ className, destructive, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Item\n            ref={ref}\n            className={cn(\n                'flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none',\n                'data-[highlighted]:bg-accent data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:text-muted-foreground',\n                destructive && 'text-destructive [&_svg]:text-destructive',\n                className\n            )}\n            {...props}\n        />\n    );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Label>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(function DropdownMenuLabel({ className, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Label\n            ref={ref}\n            className={cn('px-3 pb-1.5 pt-2 text-[0.8125rem] text-muted-foreground', className)}\n            {...props}\n        />\n    );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Separator>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n    return <DropdownMenuPrimitive.Separator ref={ref} className={cn('my-1.5 h-px bg-border', className)} {...props} />;\n});\n","import { Menu } from 'lucide-react';\nimport Link from 'next/link';\nimport { useState, type ReactNode } from 'react';\n\nimport { Lockup } from '../brand/mark';\nimport { cn } from '../lib/cn';\nimport { Sheet, SheetContent, SheetTitle, SheetTrigger } from '../primitives/overlay';\n\nexport interface NavItem {\n    href: string;\n    label: ReactNode;\n    /** Marks the current section for styling and aria-current. */\n    active?: boolean;\n    external?: boolean;\n}\n\nfunction NavLink({ item, className, onNavigate }: { item: NavItem; className?: string; onNavigate?: () => void }) {\n    const cls = cn(\n        'rounded-full px-3 py-2 text-[0.9375rem] transition-colors',\n        item.active ? 'text-foreground' : 'text-muted-foreground hover:text-foreground',\n        className\n    );\n    if (item.external) {\n        return (\n            <a href={item.href} className={cls} rel=\"noreferrer\" onClick={onNavigate}>\n                {item.label}\n            </a>\n        );\n    }\n    return (\n        <Link href={item.href} className={cls} aria-current={item.active ? 'page' : undefined} onClick={onNavigate}>\n            {item.label}\n        </Link>\n    );\n}\n\n/**\n * The public header: lockup, a few words of navigation, actions on the right.\n * Below md the navigation moves into a sheet; the actions stay.\n */\nexport function SiteHeader({\n    home = '/',\n    brand,\n    nav = [],\n    actions,\n    className,\n}: {\n    home?: string;\n    brand?: ReactNode;\n    nav?: NavItem[];\n    actions?: ReactNode;\n    className?: string;\n}) {\n    const [open, setOpen] = useState(false);\n    return (\n        <header\n            className={cn(\n                'sticky top-0 z-40 w-full border-b border-transparent bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/70',\n                className\n            )}\n        >\n            <div className=\"oca-container flex h-16 items-center justify-between gap-4 md:h-[4.5rem]\">\n                <Link href={home} className=\"-ml-1 rounded-lg p-1\" aria-label=\"Home\">\n                    {brand ?? <Lockup size={28} />}\n                </Link>\n                {nav.length > 0 ? (\n                    <nav aria-label=\"Main\" className=\"hidden items-center gap-1 md:flex\">\n                        {nav.map((n) => (\n                            <NavLink key={n.href} item={n} />\n                        ))}\n                    </nav>\n                ) : null}\n                <div className=\"flex items-center gap-2\">\n                    {actions}\n                    {nav.length > 0 ? (\n                        <Sheet open={open} onOpenChange={setOpen}>\n                            <SheetTrigger\n                                className=\"inline-flex size-10 items-center justify-center rounded-full text-foreground hover:bg-accent md:hidden\"\n                                aria-label=\"Open menu\"\n                            >\n                                <Menu className=\"size-5\" />\n                            </SheetTrigger>\n                            <SheetContent side=\"right\" className=\"pt-16\">\n                                <SheetTitle className=\"sr-only\">Menu</SheetTitle>\n                                <nav aria-label=\"Main\" className=\"flex flex-col\">\n                                    {nav.map((n) => (\n                                        <NavLink\n                                            key={n.href}\n                                            item={n}\n                                            className=\"rounded-xl px-3 py-3 text-[1.0625rem]\"\n                                            onNavigate={() => setOpen(false)}\n                                        />\n                                    ))}\n                                </nav>\n                            </SheetContent>\n                        </Sheet>\n                    ) : null}\n                </div>\n            </div>\n        </header>\n    );\n}\n\nexport interface FooterColumn {\n    heading: string;\n    links: NavItem[];\n}\n\n/**\n * The footer, in the deck's register: a line of fine print, the support credit,\n * and a few columns of links. Links are 44px tall on phones.\n */\nexport function SiteFooter({\n    columns = [],\n    fineprint,\n    meta,\n    className,\n}: {\n    columns?: FooterColumn[];\n    fineprint?: ReactNode;\n    meta?: ReactNode;\n    className?: string;\n}) {\n    return (\n        <footer className={cn('border-t border-border bg-background', className)}>\n            <div className=\"oca-container grid gap-10 py-14 md:grid-cols-[1.3fr_repeat(3,1fr)] md:py-16\">\n                <div className=\"flex flex-col gap-4\">\n                    <Lockup size={26} />\n                    {fineprint ? <p className=\"max-w-xs text-[0.9375rem] leading-relaxed text-muted-foreground\">{fineprint}</p> : null}\n                </div>\n                {columns.map((col) => (\n                    <div key={col.heading} className=\"flex flex-col gap-1\">\n                        <p className=\"mb-2 text-[0.875rem] font-medium\">{col.heading}</p>\n                        {col.links.map((l) => (\n                            <NavLink\n                                key={l.href}\n                                item={l}\n                                className=\"-mx-3 py-2.5 text-[0.9375rem] md:py-1.5\"\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n            {meta ? (\n                <div className=\"oca-container border-t border-border py-6 text-[0.875rem] text-muted-foreground\">{meta}</div>\n            ) : null}\n        </footer>\n    );\n}\n","import { Menu, Moon, Sun, SunMoon } from 'lucide-react';\nimport Link from 'next/link';\nimport { useTheme } from 'next-themes';\nimport { useEffect, useState, type ReactNode } from 'react';\n\nimport { AppIcon, Lockup } from '../brand/mark';\nimport { cn } from '../lib/cn';\nimport {\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n    Sheet,\n    SheetContent,\n    SheetTitle,\n    SheetTrigger,\n} from '../primitives/overlay';\n\nexport interface ShellNavItem {\n    href: string;\n    label: string;\n    icon?: ReactNode;\n    active?: boolean;\n    /** A count or a dot beside the label (unread, needs attention). */\n    badge?: ReactNode;\n}\n\nexport interface ShellNavGroup {\n    /** Omit for the first, unlabeled group. */\n    label?: string;\n    items: ShellNavItem[];\n}\n\nfunction SideNav({ groups, onNavigate }: { groups: ShellNavGroup[]; onNavigate?: () => void }) {\n    return (\n        <nav aria-label=\"Sections\" className=\"flex flex-col gap-6\">\n            {groups.map((g, gi) => (\n                <div key={g.label ?? gi} className=\"flex flex-col gap-0.5\">\n                    {g.label ? <p className=\"px-3 pb-1.5 text-[0.8125rem] text-muted-foreground\">{g.label}</p> : null}\n                    {g.items.map((it) => (\n                        <Link\n                            key={it.href}\n                            href={it.href}\n                            onClick={onNavigate}\n                            aria-current={it.active ? 'page' : undefined}\n                            className={cn(\n                                'flex h-10 items-center gap-3 rounded-xl px-3 text-[0.9375rem] transition-colors',\n                                '[&_svg]:size-[1.125rem] [&_svg]:shrink-0',\n                                it.active\n                                    ? 'bg-card text-foreground shadow-sm ring-1 ring-border [&_svg]:text-foreground'\n                                    : 'text-muted-foreground hover:bg-accent hover:text-foreground'\n                            )}\n                        >\n                            {it.icon}\n                            <span className=\"min-w-0 flex-1 truncate\">{it.label}</span>\n                            {it.badge ? <span className=\"shrink-0\">{it.badge}</span> : null}\n                        </Link>\n                    ))}\n                </div>\n            ))}\n        </nav>\n    );\n}\n\n/**\n * The signed-in frame: a quiet sidebar on the canvas, content on the right. On\n * phones the sidebar becomes a sheet behind a top bar. The account control and\n * any banner are slots, so the shell knows nothing about sessions.\n */\nexport function AppShell({\n    nav,\n    home = '/',\n    account,\n    banner,\n    footer,\n    children,\n    className,\n}: {\n    nav: ShellNavGroup[];\n    home?: string;\n    account?: ReactNode;\n    banner?: ReactNode;\n    footer?: ReactNode;\n    children: ReactNode;\n    className?: string;\n}) {\n    const [open, setOpen] = useState(false);\n    return (\n        <div className={cn('min-h-dvh bg-background', className)}>\n            <div className=\"sticky top-0 z-40 flex h-14 items-center justify-between border-b border-border bg-background/85 px-4 backdrop-blur-md lg:hidden\">\n                <Sheet open={open} onOpenChange={setOpen}>\n                    <SheetTrigger\n                        className=\"inline-flex size-10 items-center justify-center rounded-full hover:bg-accent\"\n                        aria-label=\"Open navigation\"\n                    >\n                        <Menu className=\"size-5\" />\n                    </SheetTrigger>\n                    <SheetContent side=\"left\" className=\"p-4 pt-16\">\n                        <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n                        <SideNav groups={nav} onNavigate={() => setOpen(false)} />\n                    </SheetContent>\n                </Sheet>\n                <Link href={home} aria-label=\"Home\">\n                    <AppIcon size={28} />\n                </Link>\n                <div className=\"flex items-center\">{account}</div>\n            </div>\n            <div className=\"mx-auto flex w-full max-w-[90rem]\">\n                <aside className=\"sticky top-0 hidden h-dvh w-64 shrink-0 flex-col gap-8 overflow-y-auto px-4 py-6 lg:flex\">\n                    <Link href={home} className=\"px-2\" aria-label=\"Home\">\n                        <Lockup size={26} />\n                    </Link>\n                    <SideNav groups={nav} />\n                    <div className=\"mt-auto flex flex-col gap-3\">{footer}</div>\n                </aside>\n                <div className=\"flex min-w-0 flex-1 flex-col\">\n                    <div className=\"hidden h-[4.5rem] items-center justify-end gap-3 px-8 lg:flex\">{account}</div>\n                    {banner ? <div className=\"px-4 pb-2 pt-4 md:px-8 lg:pt-0\">{banner}</div> : null}\n                    <main id=\"main-content\" className=\"flex-1 px-4 pb-16 pt-6 md:px-8 lg:pt-2\">\n                        {children}\n                    </main>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport interface AccountMenuItem {\n    label: string;\n    href?: string;\n    onSelect?: () => void;\n    icon?: ReactNode;\n    destructive?: boolean;\n}\n\n/** The account button: initial + short id, a menu of items. */\nexport function AccountMenu({\n    name,\n    detail,\n    items,\n}: {\n    name: string;\n    /** A second line: the short did, an address. */\n    detail?: string;\n    items: (AccountMenuItem | 'separator')[];\n}) {\n    const initial = name.trim().charAt(0).toUpperCase() || '·';\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                className=\"inline-flex h-10 items-center gap-2.5 rounded-full border border-border bg-card pl-1 pr-3.5 text-[0.9375rem] outline-none transition-colors hover:border-oca-hairline-strong focus-visible:ring-2 focus-visible:ring-ring\"\n                aria-label={`Account: ${name}`}\n            >\n                <span className=\"flex size-8 items-center justify-center rounded-full bg-foreground text-[0.8125rem] font-medium text-background\">\n                    {initial}\n                </span>\n                <span className=\"max-w-[10rem] truncate\">{name}</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-64\">\n                <DropdownMenuLabel className=\"flex flex-col gap-0.5\">\n                    <span className=\"truncate text-[0.9375rem] font-medium text-foreground\">{name}</span>\n                    {detail ? <span className=\"truncate font-mono text-[0.75rem]\">{detail}</span> : null}\n                </DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {items.map((it, i) =>\n                    it === 'separator' ? (\n                        <DropdownMenuSeparator key={`sep-${i}`} />\n                    ) : it.href ? (\n                        <DropdownMenuItem key={it.label} asChild destructive={it.destructive}>\n                            <Link href={it.href}>\n                                {it.icon}\n                                {it.label}\n                            </Link>\n                        </DropdownMenuItem>\n                    ) : (\n                        <DropdownMenuItem key={it.label} onSelect={it.onSelect} destructive={it.destructive}>\n                            {it.icon}\n                            {it.label}\n                        </DropdownMenuItem>\n                    )\n                )}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\n/** Light, dark, or follow the system: one button that cycles. */\nexport function ThemeToggle({ className }: { className?: string }) {\n    const { theme, setTheme } = useTheme();\n    const [mounted, setMounted] = useState(false);\n    useEffect(() => setMounted(true), []);\n    const current = mounted ? (theme ?? 'system') : 'system';\n    const next = current === 'light' ? 'dark' : current === 'dark' ? 'system' : 'light';\n    const Icon = current === 'light' ? Sun : current === 'dark' ? Moon : SunMoon;\n    return (\n        <button\n            type=\"button\"\n            onClick={() => setTheme(next)}\n            aria-label={`Theme: ${current}. Switch to ${next}`}\n            title={`Theme: ${current}`}\n            className={cn(\n                'inline-flex size-10 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground',\n                className\n            )}\n        >\n            <Icon className=\"size-[1.125rem]\" />\n        </button>\n    );\n}\n"]}
+{"version":3,"sources":["../src/lib/cn.ts","../src/brand/mark.tsx","../src/primitives/overlay.tsx","../src/chrome/site.tsx","../src/lib/shell-context.ts","../src/chrome/app-shell.tsx"],"names":["DialogContent","jsxs","jsx","DialogTitle","DialogDescription","SheetContent","PopoverContent","TooltipContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuLabel","DropdownMenuSeparator","Link","useState","Menu"],"mappings":";;;;;;;;;;;;AAKA,IAAM,QAAQ,mBAAA,CAAgC;AAAA,EAC1C,MAAA,EAAQ;AAAA,IACJ,WAAA,EAAa;AAAA,MACT,UAAA,EAAY;AAAA,QACR,eAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,QACA,UAAA;AAAA,QACA;AAAA;AACJ;AACJ;AAER,CAAC,CAAA;AAEM,SAAS,MAAM,MAAA,EAA8B;AAChD,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACfA,IAAM,GAAA,GAAM,2BAAA;AACZ,IAAM,IAAA,GAAO,iBAAA;AACb,IAAM,KAAA,GAAQ,mBAAA;AAEP,IAAM,aAAa,EAAE,GAAA,EAAK,WAAW,IAAA,EAAM,SAAA,EAAW,OAAO,SAAA,EAAU;AAkCvE,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,IAAA,GAAO,IAAI,SAAA,EAAW,GAAG,MAAK,EAAiB;AAC5E,EAAA,uBACI,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAQ,WAAA;AAAA,MACR,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,IAAA,EAAM,QAAQ,KAAA,GAAQ,MAAA;AAAA,MACtB,aAAA,EAAa,QAAQ,MAAA,GAAY,IAAA;AAAA,MACjC,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,KAAA,mBAAQ,GAAA,CAAC,OAAA,EAAA,EAAO,QAAA,EAAA,KAAA,EAAM,CAAA,GAAW,IAAA;AAAA,wBAClC,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAM,IAAA;AAAA,YACN,MAAA,EAAO,IAAA;AAAA,YACP,EAAA,EAAG,MAAA;AAAA,YACH,KAAA,EAAO,EAAE,IAAA,EAAM,+BAAA,EAAiC,QAAQ,mCAAA,EAAoC;AAAA,YAC5F,WAAA,EAAY;AAAA;AAAA,SAChB;AAAA,wBACA,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EACT,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAQ,MAAA,EAAQ,IAAA,EAAM,IAAA,EAAM,WAAW,IAAA,EAAM,CAAA;AAAA,8BAC7C,SAAA,EAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,WAAW,KAAA,EAAO,CAAA;AAAA,8BAC/C,SAAA,EAAA,EAAQ,MAAA,EAAQ,GAAA,EAAK,IAAA,EAAM,WAAW,GAAA,EAAK;AAAA,SAAA,EAChD;AAAA;AAAA;AAAA,GACJ;AAER;AAWO,SAAS,OAAO,EAAE,IAAA,GAAO,eAAe,IAAA,GAAO,EAAA,EAAI,WAAU,EAAgB;AAChF,EAAA,uBACI,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,MAClF,OAAO,EAAE,GAAA,EAAK,OAAO,IAAA,EAAM,QAAA,EAAU,OAAO,IAAA,EAAK;AAAA,MAEjD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAQ,IAAA,EAAY,CAAA;AAAA,wBACrB,GAAA,CAAC,UAAM,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AAAA,GAChB;AAER;AChFA,IAAM,YAAA,GACF,+GAAA;AAEyB,UAAA,CAG3B,SAASA,cAAAA,CAAc,EAAE,SAAA,EAAW,QAAA,EAAU,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACxE,EAAA,uBACIC,IAAAA,CAAiB,eAAA,CAAA,MAAA,EAAhB,EACG,QAAA,EAAA;AAAA,oBAAAC,GAAAA,CAAiB,eAAA,CAAA,OAAA,EAAhB,EAAwB,SAAA,EAAW,YAAA,EAAc,CAAA;AAAA,oBAClDD,IAAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACG,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACP,oGAAA;AAAA,UACA,4HAAA;AAAA,UACA,cAAA;AAAA,UACA;AAAA,SACJ;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,SAAA,GAAY,uBACTC,GAAAA;AAAA,YAAiB,eAAA,CAAA,KAAA;AAAA,YAAhB;AAAA,cACG,SAAA,EAAU,kKAAA;AAAA,cACV,YAAA,EAAW,OAAA;AAAA,cAEX,QAAA,kBAAAA,GAAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AAC1B;AAAA;AAAA;AAER,GAAA,EACJ,CAAA;AAER,CAAC;AAUM,IAAM,WAAA,GAAc,WAGzB,SAASC,YAAAA,CAAY,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACjD,EAAA,uBACID,GAAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACG,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,4DAAA,EAA8D,SAAS,CAAA;AAAA,MACpF,GAAG;AAAA;AAAA,GACR;AAER,CAAC,CAAA;AAEgC,WAG/B,SAASE,kBAAAA,CAAkB,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACvD,EAAA,uBAAOF,GAAAA,CAAiB,eAAA,CAAA,WAAA,EAAhB,EAA4B,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACnG,CAAC;AAIM,IAAM,KAAA,GAAwB,eAAA,CAAA,IAAA;AAC9B,IAAM,YAAA,GAA+B,eAAA,CAAA,OAAA;AAErC,IAAM,UAAA,GAAa,WAAA;AAG1B,IAAM,SAAA,GAAY;AAAA,EACd,KAAA,EAAO,uDAAA;AAAA,EACP,IAAA,EAAM,sDAAA;AAAA,EACN,MAAA,EAAQ;AACZ,CAAA;AAEO,IAAM,YAAA,GAAe,UAAA,CAG1B,SAASG,aAAAA,CAAa,EAAE,SAAA,EAAW,QAAA,EAAU,IAAA,GAAO,OAAA,EAAS,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC5E,EAAA,uBACIJ,IAAAA,CAAiB,eAAA,CAAA,MAAA,EAAhB,EACG,QAAA,EAAA;AAAA,oBAAAC,GAAAA,CAAiB,eAAA,CAAA,OAAA,EAAhB,EAAwB,SAAA,EAAW,YAAA,EAAc,CAAA;AAAA,oBAClDD,IAAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACG,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACP,6IAAA;AAAA,UACA,UAAU,IAAI,CAAA;AAAA,UACd;AAAA,SACJ;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,0BACDC,GAAAA;AAAA,YAAiB,eAAA,CAAA,KAAA;AAAA,YAAhB;AAAA,cACG,SAAA,EAAU,gJAAA;AAAA,cACV,YAAA,EAAW,OAAA;AAAA,cAEX,QAAA,kBAAAA,GAAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA;AAC1B;AAAA;AAAA;AACJ,GAAA,EACJ,CAAA;AAER,CAAC,CAAA;AAQ6B,UAAA,CAG5B,SAASI,eAAAA,CAAe,EAAE,SAAA,EAAW,KAAA,GAAQ,QAAA,EAAU,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,IAAS,GAAA,EAAK;AACtF,EAAA,uBACIJ,GAAAA,CAAkB,gBAAA,CAAA,MAAA,EAAjB,EACG,QAAA,kBAAAA,GAAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACG,GAAA;AAAA,MACA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,2HAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR,EACJ,CAAA;AAER,CAAC;AAQ6B,UAAA,CAG5B,SAASK,eAAAA,CAAe,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACpE,EAAA,uBACIL,GAAAA,CAAkB,gBAAA,CAAA,MAAA,EAAjB,EACG,QAAA,kBAAAA,GAAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACG,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,0HAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR,EACJ,CAAA;AAER,CAAC;AAIM,IAAM,YAAA,GAAqC,qBAAA,CAAA,IAAA;AAC3C,IAAM,mBAAA,GAA4C,qBAAA,CAAA,OAAA;AAGlD,IAAM,mBAAA,GAAsB,UAAA,CAGjC,SAASM,oBAAAA,CAAoB,EAAE,SAAA,EAAW,UAAA,GAAa,CAAA,EAAG,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACzE,EAAA,uBACIN,GAAAA,CAAuB,qBAAA,CAAA,MAAA,EAAtB,EACG,QAAA,kBAAAA,GAAAA;AAAA,IAAuB,qBAAA,CAAA,OAAA;AAAA,IAAtB;AAAA,MACG,GAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,oIAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR,EACJ,CAAA;AAER,CAAC,CAAA;AAEM,IAAM,gBAAA,GAAmB,UAAA,CAG9B,SAASO,iBAAAA,CAAiB,EAAE,WAAW,WAAA,EAAa,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACnE,EAAA,uBACIP,GAAAA;AAAA,IAAuB,qBAAA,CAAA,IAAA;AAAA,IAAtB;AAAA,MACG,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,yGAAA;AAAA,QACA,sGAAA;AAAA,QACA,WAAA,IAAe,2CAAA;AAAA,QACf;AAAA,OACJ;AAAA,MACC,GAAG;AAAA;AAAA,GACR;AAER,CAAC,CAAA;AAEM,IAAM,iBAAA,GAAoB,WAG/B,SAASQ,kBAAAA,CAAkB,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACvD,EAAA,uBACIR,GAAAA;AAAA,IAAuB,qBAAA,CAAA,KAAA;AAAA,IAAtB;AAAA,MACG,GAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,MACjF,GAAG;AAAA;AAAA,GACR;AAER,CAAC,CAAA;AAEM,IAAM,qBAAA,GAAwB,WAGnC,SAASS,sBAAAA,CAAsB,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AAC3D,EAAA,uBAAOT,GAAAA,CAAuB,qBAAA,CAAA,SAAA,EAAtB,EAAgC,GAAA,EAAU,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AACpH,CAAC,CAAA;ACvND,SAAS,OAAA,CAAQ,EAAE,IAAA,EAAM,SAAA,EAAW,YAAW,EAAmE;AAC9G,EAAA,MAAM,GAAA,GAAM,EAAA;AAAA,IACR,2DAAA;AAAA,IACA,IAAA,CAAK,SAAS,iBAAA,GAAoB,6CAAA;AAAA,IAClC;AAAA,GACJ;AACA,EAAA,IAAI,KAAK,QAAA,EAAU;AACf,IAAA,uBACIA,GAAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,IAAA,CAAK,IAAA,EAAM,SAAA,EAAW,GAAA,EAAK,GAAA,EAAI,YAAA,EAAa,OAAA,EAAS,UAAA,EACzD,eAAK,KAAA,EACV,CAAA;AAAA,EAER;AACA,EAAA,uBACIA,GAAAA,CAACU,KAAA,EAAA,EAAK,IAAA,EAAM,IAAA,CAAK,MAAM,SAAA,EAAW,GAAA,EAAK,cAAA,EAAc,IAAA,CAAK,SAAS,MAAA,GAAS,MAAA,EAAW,OAAA,EAAS,UAAA,EAC3F,eAAK,KAAA,EACV,CAAA;AAER;AAMO,SAAS,UAAA,CAAW;AAAA,EACvB,IAAA,GAAO,GAAA;AAAA,EACP,KAAA;AAAA,EACA,MAAM,EAAC;AAAA,EACP,OAAA;AAAA,EACA;AACJ,CAAA,EAMG;AACC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,uBACIV,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,EAAA;AAAA,QACP,oIAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEA,QAAA,kBAAAD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0EAAA,EACX,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAACU,KAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,WAAU,sBAAA,EAAuB,YAAA,EAAW,MAAA,EACzD,QAAA,EAAA,KAAA,oBAASV,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,IAAI,CAAA,EAChC,CAAA;AAAA,QACC,GAAA,CAAI,SAAS,CAAA,mBACVA,IAAC,KAAA,EAAA,EAAI,YAAA,EAAW,MAAA,EAAO,SAAA,EAAU,mCAAA,EAC5B,QAAA,EAAA,GAAA,CAAI,IAAI,CAAC,CAAA,qBACNA,GAAAA,CAAC,OAAA,EAAA,EAAqB,IAAA,EAAM,KAAd,CAAA,CAAE,IAAe,CAClC,CAAA,EACL,CAAA,GACA,IAAA;AAAA,wBACJD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACV,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACA,GAAA,CAAI,SAAS,CAAA,mBACVA,KAAC,KAAA,EAAA,EAAM,IAAA,EAAY,cAAc,OAAA,EAC7B,QAAA,EAAA;AAAA,4BAAAC,GAAAA;AAAA,cAAC,YAAA;AAAA,cAAA;AAAA,gBACG,SAAA,EAAU,wGAAA;AAAA,gBACV,YAAA,EAAW,WAAA;AAAA,gBAEX,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS;AAAA;AAAA,aAC7B;AAAA,4BACAD,IAAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,OAAA,EAAQ,WAAU,OAAA,EACjC,QAAA,EAAA;AAAA,8BAAAC,GAAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,8BACpCA,GAAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,MAAA,EAAO,SAAA,EAAU,eAAA,EAC5B,QAAA,EAAA,GAAA,CAAI,GAAA,CAAI,CAAC,CAAA,qBACNA,GAAAA;AAAA,gBAAC,OAAA;AAAA,gBAAA;AAAA,kBAEG,IAAA,EAAM,CAAA;AAAA,kBACN,SAAA,EAAU,uCAAA;AAAA,kBACV,UAAA,EAAY,MAAM,OAAA,CAAQ,KAAK;AAAA,iBAAA;AAAA,gBAH1B,CAAA,CAAE;AAAA,eAKd,CAAA,EACL;AAAA,aAAA,EACJ;AAAA,WAAA,EACJ,CAAA,GACA;AAAA,SAAA,EACR;AAAA,OAAA,EACJ;AAAA;AAAA,GACJ;AAER;AAWO,SAAS,UAAA,CAAW;AAAA,EACvB,UAAU,EAAC;AAAA,EACX,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACJ,CAAA,EAKG;AACC,EAAA,uBACID,IAAAA,CAAC,QAAA,EAAA,EAAO,WAAW,EAAA,CAAG,sCAAA,EAAwC,SAAS,CAAA,EACnE,QAAA,EAAA;AAAA,oBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mGAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8CAAA,EACX,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,QACjB,4BAAYA,GAAAA,CAAC,OAAE,SAAA,EAAU,iEAAA,EAAmE,qBAAU,CAAA,GAAO;AAAA,OAAA,EAClH,CAAA;AAAA,MACC,OAAA,CAAQ,IAAI,CAAC,GAAA,qBACVD,IAAAA,CAAC,KAAA,EAAA,EAAsB,WAAU,6BAAA,EAC7B,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kCAAA,EAAoC,cAAI,OAAA,EAAQ,CAAA;AAAA,QAC5D,GAAA,CAAI,KAAA,CAAM,GAAA,CAAI,CAAC,sBACZA,GAAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YAEG,IAAA,EAAM,CAAA;AAAA,YACN,SAAA,EAAU;AAAA,WAAA;AAAA,UAFL,CAAA,CAAE;AAAA,SAId;AAAA,OAAA,EAAA,EARK,GAAA,CAAI,OASd,CACH;AAAA,KAAA,EACL,CAAA;AAAA,IACC,uBACGA,GAAAA,CAAC,SAAI,SAAA,EAAU,iFAAA,EAAmF,gBAAK,CAAA,GACvG;AAAA,GAAA,EACR,CAAA;AAER;AC5IO,IAAM,YAAA,GAAe,aAAA,CAA0B,EAAE;AAEjD,SAAS,aAAA,GAA4B;AACxC,EAAA,OAAO,WAAW,YAAY,CAAA;AAClC;ACuCA,SAAS,OAAA,CAAQ,EAAE,MAAA,EAAQ,UAAA,EAAW,EAAyD;AAC3F,EAAA,uBACIA,GAAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,OAAA,EAAQ,WAAU,qBAAA,EAC7B,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,GAAG,EAAA,qBACZD,IAAAA,CAAC,KAAA,EAAA,EAAwB,WAAU,uBAAA,EAC9B,QAAA,EAAA;AAAA,IAAA,CAAA,CAAE,KAAA,mBAAQC,GAAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kDAAA,EAAoD,QAAA,EAAA,CAAA,CAAE,OAAM,CAAA,GAAO,IAAA;AAAA,IAC1F,CAAA,CAAE,KAAA,CAAM,GAAA,CAAI,CAAC,uBACVD,IAAAA;AAAA,MAACW,KAAAA;AAAA,MAAA;AAAA,QAEG,MAAM,EAAA,CAAG,IAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,cAAA,EAAc,EAAA,CAAG,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA,QACnC,SAAA,EAAW,EAAA;AAAA,UACP,gFAAA;AAAA,UACA,2CAAA;AAAA,UACA,EAAA,CAAG,SACG,8EAAA,GACA;AAAA,SACV;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,EAAA,CAAG,IAAA;AAAA,0BACJV,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EAA2B,aAAG,KAAA,EAAM,CAAA;AAAA,UACnD,EAAA,CAAG,wBAAQA,GAAAA,CAAC,UAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,EAAA,CAAG,KAAA,EAAM,CAAA,GAAU;AAAA;AAAA,OAAA;AAAA,MAdtD,EAAA,CAAG;AAAA,KAgBf;AAAA,GAAA,EAAA,EApBK,CAAA,CAAE,KAAA,IAAS,EAqBrB,CACH,CAAA,EACL,CAAA;AAER;AAEA,SAAS,aAAA,CAAc;AAAA,EACnB,QAAA;AAAA,EACA,OAAA;AAAA,EACA;AACJ,CAAA,EAIG;AAGC,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,MAAA,IAAU,CAAA,GAAI,SAAS,MAAA,GAAS,CAAA;AACtD,EAAA,uBACIA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,YAAA,EAAW,UAAA;AAAA,MACX,WAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,QAAA,CAAS,MAAA,GAAS,iBAAiB,mBAAmB,CAAA;AAAA,MACxG,KAAA,EAAO,EAAE,mBAAA,EAAqB,CAAA,OAAA,EAAU,IAAI,CAAA,iBAAA,CAAA,EAAoB;AAAA,MAE/D,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,KAAQ;AACnB,QAAA,MAAM,EAAA,GAAK,GAAA,CAAI,EAAA,KAAO,OAAA,CAAQ,EAAA;AAC9B,QAAA,uBACIA,GAAAA;AAAA,UAACU,KAAAA;AAAA,UAAA;AAAA,YAEG,MAAM,GAAA,CAAI,IAAA;AAAA,YACV,OAAA,EAAS,UAAA;AAAA,YACT,cAAA,EAAc,KAAK,MAAA,GAAS,MAAA;AAAA,YAC5B,SAAA,EAAW,EAAA;AAAA,cACP,iHAAA;AAAA,cACA,KAAK,mCAAA,GAAsC;AAAA,aAC/C;AAAA,YAEA,0BAAAV,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,cAAI,KAAA,EAAM;AAAA,WAAA;AAAA,UATjC,GAAA,CAAI;AAAA,SAUb;AAAA,MAER,CAAC;AAAA;AAAA,GACL;AAER;AAEA,IAAM,UAAA,GAAa,CAAC,MAAA,KAA4B,MAAA,CAAO,QAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,KAAK,CAAA,CAAE,IAAA,CAAK,CAAC,EAAA,KAAO,GAAG,MAAM,CAAA;AAKrG,IAAM,MAAA,uBAAa,GAAA,EAAY;AAE/B,SAAS,oBAAoB,MAAA,EAAyB;AAClD,EAAA,IAAI,OAAO,OAAA,KAAY,WAAA,IAAe,OAAA,CAAQ,GAAA,CAAI,aAAa,YAAA,EAAc;AAC7E,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,KAAA,MAAW,MAAM,MAAA,CAAO,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAA,CAAE,KAAK,CAAA,EAAG;AAC7C,IAAA,IAAI,IAAA,CAAK,GAAA,CAAI,EAAA,CAAG,KAAK,CAAA,IAAK,CAAC,MAAA,CAAO,GAAA,CAAI,EAAA,CAAG,KAAK,CAAA,EAAG;AAC7C,MAAA,MAAA,CAAO,GAAA,CAAI,GAAG,KAAK,CAAA;AACnB,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,kCAAA,EAAqC,EAAA,CAAG,KAAK,CAAA,0BAAA,CAA4B,CAAA;AAAA,IAC1F;AACA,IAAA,IAAA,CAAK,GAAA,CAAI,GAAG,KAAK,CAAA;AAAA,EACrB;AACJ;AAcO,SAAS,QAAA,CAAS;AAAA,EACrB,GAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAa,EAAC;AAAA,EACd,IAAA,GAAO,GAAA;AAAA,EACP,OAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACJ,CAAA,EAaG;AACC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIW,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,OAAA,GACF,QAAA,IAAY,QAAA,CAAS,MAAA,GAAS,CAAA,GACvB,SAAS,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,EAAA,KAAO,aAAa,KAChD,QAAA,CAAS,IAAA,CAAK,CAAC,GAAA,KAAQ,UAAA,CAAW,GAAA,CAAI,MAAM,CAAC,CAAA,IAC7C,QAAA,CAAS,CAAC,CAAA,GACV,MAAA;AACV,EAAA,MAAM,MAAA,GAAS,OAAA,GAAU,CAAC,GAAG,QAAQ,MAAA,EAAQ,GAAG,UAAU,CAAA,GAAI,CAAC,GAAI,GAAA,IAAO,EAAC,EAAI,GAAG,UAAU,CAAA;AAC5F,EAAA,mBAAA,CAAoB,MAAM,CAAA;AAC1B,EAAA,MAAM,IAAA,GAAO,WAAW,MAAM,CAAA;AAC9B,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACV,OAAO,EAAE,OAAA,EAAS,OAAA,GAAW,OAAA,CAAQ,KAAA,IAAS,OAAA,CAAQ,KAAA,GAAS,MAAA,EAAW,IAAA,EAAM,IAAA,EAAM,KAAA,EAAM,CAAA;AAAA,IAC5F,CAAC,OAAA,EAAS,IAAA,EAAM,KAAK;AAAA,GACzB;AACA,EAAA,MAAM,WACF,QAAA,IAAY,OAAA,IAAW,QAAA,CAAS,MAAA,GAAS,oBACrCX,GAAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAoB,SAAkB,UAAA,EAAY,MAAM,OAAA,CAAQ,KAAK,GAAG,CAAA,GACvF,IAAA;AACR,EAAA,uBACIA,GAAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,KAAA,EAAO,KAAA,EAC1B,QAAA,kBAAAD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EACnD,QAAA,EAAA;AAAA,oBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACX,QAAA,EAAA;AAAA,wBAAAA,IAAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAY,YAAA,EAAc,OAAA,EAC7B,QAAA,EAAA;AAAA,0BAAAC,GAAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACG,SAAA,EAAU,8EAAA;AAAA,cACV,YAAA,EAAW,iBAAA;AAAA,cAEX,QAAA,kBAAAA,GAAAA,CAACY,IAAAA,EAAA,EAAK,WAAU,QAAA,EAAS;AAAA;AAAA,WAC7B;AAAA,0BACAb,IAAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAK,MAAA,EAAO,WAAU,+CAAA,EAChC,QAAA,EAAA;AAAA,4BAAAC,GAAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU,CAAA;AAAA,YACzC,QAAA;AAAA,4BACDA,IAAC,OAAA,EAAA,EAAQ,MAAA,EAAgB,YAAY,MAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,CAAA;AAAA,YAC1D,yBAASA,GAAAA,CAAC,SAAI,SAAA,EAAU,6BAAA,EAA+B,kBAAO,CAAA,GAAS;AAAA,WAAA,EAC5E;AAAA,SAAA,EACJ,CAAA;AAAA,wBACAA,GAAAA,CAACU,KAAAA,EAAA,EAAK,MAAM,IAAA,EAAM,YAAA,EAAW,MAAA,EAAO,SAAA,EAAU,kBAC1C,QAAA,kBAAAV,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,IAAI,CAAA,EACtB,CAAA;AAAA,wBACAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAA6B,QAAA,EAAA,OAAA,EAAQ;AAAA,OAAA,EACxD,CAAA;AAAA,MACC,MAAM,IAAA,mBACHD,IAAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2EAAA,EACV,QAAA,EAAA;AAAA,QAAA,KAAA,CAAM,OAAA,mBACHA,IAAAA,CAAA,QAAA,EAAA,EACI,QAAA,EAAA;AAAA,0BAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAkC,gBAAM,OAAA,EAAQ,CAAA;AAAA,0BAChEA,GAAAA,CAAC,YAAA,EAAA,EAAa,aAAA,EAAW,IAAA,EAAC,WAAU,yCAAA,EAA0C;AAAA,SAAA,EAClF,CAAA,GACA,IAAA;AAAA,wBACJA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAwB,gBAAM,IAAA,EAAK;AAAA,OAAA,EACvD,CAAA,GACA;AAAA,KAAA,EACR,CAAA;AAAA,oBACAD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EACX,QAAA,EAAA;AAAA,sBAAAA,IAAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,+FAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAACU,KAAAA,EAAA,EAAK,IAAA,EAAM,MAAM,SAAA,EAAU,MAAA,EAAO,YAAA,EAAW,MAAA,EAC1C,QAAA,kBAAAV,GAAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAM,IAAI,CAAA,EACtB,CAAA;AAAA,QACC,QAAA;AAAA,wBACDA,GAAAA,CAAC,OAAA,EAAA,EAAQ,MAAA,EAAgB,CAAA;AAAA,wBACzBA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAA+B,QAAA,EAAA,MAAA,EAAO;AAAA,OAAA,EACzD,CAAA;AAAA,sBACAD,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACX,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EAAiE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QACvF,yBAASA,GAAAA,CAAC,SAAI,SAAA,EAAU,gCAAA,EAAkC,kBAAO,CAAA,GAAS,IAAA;AAAA,wBAC3EA,GAAAA,CAAC,MAAA,EAAA,EAAK,EAAA,EAAG,cAAA,EAAe,SAAA,EAAU,wCAAA,EAE9B,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EAAgC,UAAS,CAAA,EAC5D;AAAA,OAAA,EACJ;AAAA,KAAA,EACJ;AAAA,GAAA,EACJ,CAAA,EACJ,CAAA;AAER;AAWO,SAAS,WAAA,CAAY;AAAA,EACxB,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACJ,CAAA,EAKG;AACC,EAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK,CAAE,OAAO,CAAC,CAAA,CAAE,aAAY,IAAK,MAAA;AACvD,EAAA,uBACID,KAAC,YAAA,EAAA,EACG,QAAA,EAAA;AAAA,oBAAAA,IAAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAU,mOAAA;AAAA,QACV,YAAA,EAAY,YAAY,IAAI,CAAA,CAAA;AAAA,QAE5B,QAAA,EAAA;AAAA,0BAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iHAAA,EACX,QAAA,EAAA,OAAA,EACL,CAAA;AAAA,0BACAA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAwC,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA;AAAA,KACjE;AAAA,oBACAD,IAAAA,CAAC,mBAAA,EAAA,EAAoB,KAAA,EAAM,KAAA,EAAM,WAAU,MAAA,EACvC,QAAA,EAAA;AAAA,sBAAAA,IAAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,uBAAA,EACzB,QAAA,EAAA;AAAA,wBAAAC,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uDAAA,EAAyD,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,QAC7E,yBAASA,GAAAA,CAAC,UAAK,SAAA,EAAU,mCAAA,EAAqC,kBAAO,CAAA,GAAU;AAAA,OAAA,EACpF,CAAA;AAAA,sBACAA,IAAC,qBAAA,EAAA,EAAsB,CAAA;AAAA,MACtB,KAAA,CAAM,GAAA;AAAA,QAAI,CAAC,EAAA,EAAI,CAAA,KACZ,EAAA,KAAO,WAAA,mBACHA,GAAAA,CAAC,qBAAA,EAAA,EAAA,EAA2B,CAAA,IAAA,EAAO,CAAC,CAAA,CAAI,CAAA,GACxC,EAAA,CAAG,IAAA,mBACHA,GAAAA,CAAC,gBAAA,EAAA,EAAgC,OAAA,EAAO,IAAA,EAAC,WAAA,EAAa,EAAA,CAAG,WAAA,EACrD,QAAA,kBAAAD,IAAAA,CAACW,KAAAA,EAAA,EAAK,IAAA,EAAM,EAAA,CAAG,IAAA,EACV,QAAA,EAAA;AAAA,UAAA,EAAA,CAAG,IAAA;AAAA,UACH,EAAA,CAAG;AAAA,SAAA,EACR,CAAA,EAAA,EAJmB,EAAA,CAAG,KAK1B,CAAA,mBAEAX,IAAAA,CAAC,gBAAA,EAAA,EAAgC,QAAA,EAAU,EAAA,CAAG,QAAA,EAAU,WAAA,EAAa,EAAA,CAAG,WAAA,EACnE,QAAA,EAAA;AAAA,UAAA,EAAA,CAAG,IAAA;AAAA,UACH,EAAA,CAAG;AAAA,SAAA,EAAA,EAFe,GAAG,KAG1B;AAAA;AAER,KAAA,EACJ;AAAA,GAAA,EACJ,CAAA;AAER;AAGO,SAAS,WAAA,CAAY,EAAE,SAAA,EAAU,EAA2B;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,QAAA,EAAS;AACrC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIY,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,EAAE,CAAA;AACpC,EAAA,MAAM,OAAA,GAAU,OAAA,GAAW,KAAA,IAAS,QAAA,GAAY,QAAA;AAChD,EAAA,MAAM,OAAO,OAAA,KAAY,OAAA,GAAU,MAAA,GAAS,OAAA,KAAY,SAAS,QAAA,GAAW,OAAA;AAC5E,EAAA,MAAM,OAAO,OAAA,KAAY,OAAA,GAAU,GAAA,GAAM,OAAA,KAAY,SAAS,IAAA,GAAO,OAAA;AACrE,EAAA,uBACIX,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACG,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,QAAA,CAAS,IAAI,CAAA;AAAA,MAC5B,YAAA,EAAY,CAAA,OAAA,EAAU,OAAO,CAAA,YAAA,EAAe,IAAI,CAAA,CAAA;AAAA,MAChD,KAAA,EAAO,UAAU,OAAO,CAAA,CAAA;AAAA,MACxB,SAAA,EAAW,EAAA;AAAA,QACP,4IAAA;AAAA,QACA;AAAA,OACJ;AAAA,MAEA,QAAA,kBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAkB;AAAA;AAAA,GACtC;AAER","file":"chrome.mjs","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\n// tailwind-merge would treat `oca-display-1` and `text-foreground` as the same\n// group and drop one; teach it the package's own type utilities.\nconst merge = extendTailwindMerge<'oca-type'>({\n    extend: {\n        classGroups: {\n            'oca-type': [\n                'oca-display-1',\n                'oca-display-2',\n                'oca-display-3',\n                'oca-title',\n                'oca-title-sm',\n                'oca-eyebrow',\n                'oca-lead',\n                'oca-body',\n                'oca-numeral',\n            ],\n        },\n    },\n});\n\nexport function cn(...inputs: ClassValue[]): string {\n    return merge(clsx(inputs));\n}\n","import type { SVGProps } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/*\n * The isometric check, measured from Sou's deck (slide 9) onto a 16×8 grid:\n * a chevron with a 3-unit short arm and a 5-unit long arm, one unit thick,\n * extruded two units. Three faces, three oranges.\n */\n\nconst TOP = '0,3 2,2 6,4 14,0 16,1 6,6';\nconst LEFT = '0,3 6,6 6,8 0,5';\nconst RIGHT = '6,6 16,1 16,3 6,8';\n\nexport const MARK_FACES = { top: '#FED8AB', left: '#FB933C', right: '#EA580B' } as const;\n\nexport interface MarkProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {\n    /** Accessible name. Omit to render the mark as decoration. */\n    title?: string;\n    /** Rendered width in px; height follows the 2:1 grid. */\n    size?: number;\n}\n\nexport function Mark({ title, size, className, ...rest }: MarkProps) {\n    return (\n        <svg\n            viewBox=\"0 0 16 8\"\n            width={size}\n            height={size ? size / 2 : undefined}\n            role={title ? 'img' : undefined}\n            aria-hidden={title ? undefined : true}\n            className={cn('shrink-0', className)}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            <polygon points={LEFT} fill={MARK_FACES.left} />\n            <polygon points={RIGHT} fill={MARK_FACES.right} />\n            <polygon points={TOP} fill={MARK_FACES.top} />\n        </svg>\n    );\n}\n\nexport interface AppIconProps extends Omit<SVGProps<SVGSVGElement>, 'children'> {\n    title?: string;\n    size?: number;\n}\n\n/** The app icon: the mark on an ink squircle, as in the deck's lockup. */\nexport function AppIcon({ title, size = 32, className, ...rest }: AppIconProps) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            width={size}\n            height={size}\n            role={title ? 'img' : undefined}\n            aria-hidden={title ? undefined : true}\n            className={cn('shrink-0', className)}\n            {...rest}\n        >\n            {title ? <title>{title}</title> : null}\n            <rect\n                width=\"24\"\n                height=\"24\"\n                rx=\"6.25\"\n                style={{ fill: 'var(--oca-icon-tile, #0A0A0A)', stroke: 'var(--oca-icon-ring, transparent)' }}\n                strokeWidth=\"0.5\"\n            />\n            <g transform=\"translate(4.25 8.1) scale(0.97)\">\n                <polygon points={LEFT} fill={MARK_FACES.left} />\n                <polygon points={RIGHT} fill={MARK_FACES.right} />\n                <polygon points={TOP} fill={MARK_FACES.top} />\n            </g>\n        </svg>\n    );\n}\n\nexport interface LockupProps {\n    /** The word beside the icon. */\n    name?: string;\n    /** Icon size in px; the word scales with it. */\n    size?: number;\n    className?: string;\n}\n\n/** Icon and wordmark, lowercase, as the deck sets it. */\nexport function Lockup({ name = 'orangecheck', size = 28, className }: LockupProps) {\n    return (\n        <span\n            className={cn('inline-flex items-center font-medium tracking-[-0.01em]', className)}\n            style={{ gap: size * 0.32, fontSize: size * 0.56 }}\n        >\n            <AppIcon size={size} />\n            <span>{name}</span>\n        </span>\n    );\n}\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { X } from 'lucide-react';\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type HTMLAttributes } from 'react';\n\nimport { cn } from '../lib/cn';\n\n/* ── Dialog ───────────────────────────────────────────────────────────── */\n\nexport const Dialog = DialogPrimitive.Root;\nexport const DialogTrigger = DialogPrimitive.Trigger;\nexport const DialogClose = DialogPrimitive.Close;\n\nconst overlayClass =\n    'oca-animate-fade fixed inset-0 z-50 bg-[rgb(10_10_10/0.38)] backdrop-blur-[2px] data-[state=closed]:opacity-0';\n\nexport const DialogContent = forwardRef<\n    ElementRef<typeof DialogPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { hideClose?: boolean }\n>(function DialogContent({ className, children, hideClose, ...props }, ref) {\n    return (\n        <DialogPrimitive.Portal>\n            <DialogPrimitive.Overlay className={overlayClass} />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={cn(\n                    'oca-animate-rise fixed left-1/2 top-1/2 z-50 w-[min(92vw,34rem)] -translate-x-1/2 -translate-y-1/2',\n                    'max-h-[88vh] overflow-y-auto rounded-[1.5rem] border border-border bg-popover p-6 text-popover-foreground shadow-xl md:p-8',\n                    'outline-none',\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {hideClose ? null : (\n                    <DialogPrimitive.Close\n                        className=\"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n                        aria-label=\"Close\"\n                    >\n                        <X className=\"size-4\" />\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPrimitive.Portal>\n    );\n});\n\nexport function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n    return <div className={cn('mb-5 flex flex-col gap-2 pr-8', className)} {...props} />;\n}\n\nexport function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n    return <div className={cn('mt-7 flex flex-col-reverse gap-3 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nexport const DialogTitle = forwardRef<\n    ElementRef<typeof DialogPrimitive.Title>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(function DialogTitle({ className, ...props }, ref) {\n    return (\n        <DialogPrimitive.Title\n            ref={ref}\n            className={cn('text-[1.5rem] font-normal leading-tight tracking-[-0.02em]', className)}\n            {...props}\n        />\n    );\n});\n\nexport const DialogDescription = forwardRef<\n    ElementRef<typeof DialogPrimitive.Description>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(function DialogDescription({ className, ...props }, ref) {\n    return <DialogPrimitive.Description ref={ref} className={cn('oca-body', className)} {...props} />;\n});\n\n/* ── Sheet: a dialog from an edge ────────────────────────────────────── */\n\nexport const Sheet = DialogPrimitive.Root;\nexport const SheetTrigger = DialogPrimitive.Trigger;\nexport const SheetClose = DialogPrimitive.Close;\nexport const SheetTitle = DialogTitle;\nexport const SheetDescription = DialogDescription;\n\nconst sheetSide = {\n    right: 'inset-y-0 right-0 h-full w-[min(88vw,24rem)] border-l',\n    left: 'inset-y-0 left-0 h-full w-[min(88vw,24rem)] border-r',\n    bottom: 'inset-x-0 bottom-0 max-h-[88vh] rounded-t-[1.5rem] border-t',\n} as const;\n\nexport const SheetContent = forwardRef<\n    ElementRef<typeof DialogPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & { side?: keyof typeof sheetSide }\n>(function SheetContent({ className, children, side = 'right', ...props }, ref) {\n    return (\n        <DialogPrimitive.Portal>\n            <DialogPrimitive.Overlay className={overlayClass} />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={cn(\n                    'oca-animate-fade fixed z-50 flex flex-col gap-4 overflow-y-auto border-border bg-popover p-6 text-popover-foreground shadow-xl outline-none',\n                    sheetSide[side],\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                <DialogPrimitive.Close\n                    className=\"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-full text-muted-foreground hover:bg-accent hover:text-foreground\"\n                    aria-label=\"Close\"\n                >\n                    <X className=\"size-4\" />\n                </DialogPrimitive.Close>\n            </DialogPrimitive.Content>\n        </DialogPrimitive.Portal>\n    );\n});\n\n/* ── Popover ──────────────────────────────────────────────────────────── */\n\nexport const Popover = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverAnchor = PopoverPrimitive.Anchor;\n\nexport const PopoverContent = forwardRef<\n    ElementRef<typeof PopoverPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(function PopoverContent({ className, align = 'center', sideOffset = 8, ...props }, ref) {\n    return (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content\n                ref={ref}\n                align={align}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 w-72 rounded-2xl border border-border bg-popover p-4 text-popover-foreground shadow-lg outline-none',\n                    className\n                )}\n                {...props}\n            />\n        </PopoverPrimitive.Portal>\n    );\n});\n\n/* ── Tooltip: ink, small, quick ───────────────────────────────────────── */\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const Tooltip = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = forwardRef<\n    ElementRef<typeof TooltipPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(function TooltipContent({ className, sideOffset = 6, ...props }, ref) {\n    return (\n        <TooltipPrimitive.Portal>\n            <TooltipPrimitive.Content\n                ref={ref}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 max-w-xs rounded-lg bg-oca-ink px-2.5 py-1.5 text-[0.8125rem] leading-snug text-oca-ink-foreground',\n                    className\n                )}\n                {...props}\n            />\n        </TooltipPrimitive.Portal>\n    );\n});\n\n/* ── Menu ─────────────────────────────────────────────────────────────── */\n\nexport const DropdownMenu = DropdownMenuPrimitive.Root;\nexport const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\nexport const DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nexport const DropdownMenuContent = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Content>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(function DropdownMenuContent({ className, sideOffset = 8, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n                ref={ref}\n                sideOffset={sideOffset}\n                className={cn(\n                    'oca-animate-fade z-50 min-w-56 overflow-hidden rounded-2xl border border-border bg-popover p-1.5 text-popover-foreground shadow-lg',\n                    className\n                )}\n                {...props}\n            />\n        </DropdownMenuPrimitive.Portal>\n    );\n});\n\nexport const DropdownMenuItem = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Item>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { destructive?: boolean }\n>(function DropdownMenuItem({ className, destructive, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Item\n            ref={ref}\n            className={cn(\n                'flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none',\n                'data-[highlighted]:bg-accent data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:text-muted-foreground',\n                destructive && 'text-destructive [&_svg]:text-destructive',\n                className\n            )}\n            {...props}\n        />\n    );\n});\n\nexport const DropdownMenuLabel = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Label>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>\n>(function DropdownMenuLabel({ className, ...props }, ref) {\n    return (\n        <DropdownMenuPrimitive.Label\n            ref={ref}\n            className={cn('px-3 pb-1.5 pt-2 text-[0.8125rem] text-muted-foreground', className)}\n            {...props}\n        />\n    );\n});\n\nexport const DropdownMenuSeparator = forwardRef<\n    ElementRef<typeof DropdownMenuPrimitive.Separator>,\n    ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n    return <DropdownMenuPrimitive.Separator ref={ref} className={cn('my-1.5 h-px bg-border', className)} {...props} />;\n});\n","import { Menu } from 'lucide-react';\nimport Link from 'next/link';\nimport { useState, type ReactNode } from 'react';\n\nimport { Lockup } from '../brand/mark';\nimport { cn } from '../lib/cn';\nimport { Sheet, SheetContent, SheetTitle, SheetTrigger } from '../primitives/overlay';\n\nexport interface NavItem {\n    href: string;\n    label: ReactNode;\n    /** Marks the current section for styling and aria-current. */\n    active?: boolean;\n    external?: boolean;\n}\n\nfunction NavLink({ item, className, onNavigate }: { item: NavItem; className?: string; onNavigate?: () => void }) {\n    const cls = cn(\n        'rounded-full px-3 py-2 text-[0.9375rem] transition-colors',\n        item.active ? 'text-foreground' : 'text-muted-foreground hover:text-foreground',\n        className\n    );\n    if (item.external) {\n        return (\n            <a href={item.href} className={cls} rel=\"noreferrer\" onClick={onNavigate}>\n                {item.label}\n            </a>\n        );\n    }\n    return (\n        <Link href={item.href} className={cls} aria-current={item.active ? 'page' : undefined} onClick={onNavigate}>\n            {item.label}\n        </Link>\n    );\n}\n\n/**\n * The public header: lockup, a few words of navigation, actions on the right.\n * Below md the navigation moves into a sheet; the actions stay.\n */\nexport function SiteHeader({\n    home = '/',\n    brand,\n    nav = [],\n    actions,\n    className,\n}: {\n    home?: string;\n    brand?: ReactNode;\n    nav?: NavItem[];\n    actions?: ReactNode;\n    className?: string;\n}) {\n    const [open, setOpen] = useState(false);\n    return (\n        <header\n            className={cn(\n                'sticky top-0 z-40 w-full border-b border-transparent bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/70',\n                className\n            )}\n        >\n            <div className=\"oca-container flex h-16 items-center justify-between gap-4 md:h-[4.5rem]\">\n                <Link href={home} className=\"-ml-1 rounded-lg p-1\" aria-label=\"Home\">\n                    {brand ?? <Lockup size={28} />}\n                </Link>\n                {nav.length > 0 ? (\n                    <nav aria-label=\"Main\" className=\"hidden items-center gap-1 md:flex\">\n                        {nav.map((n) => (\n                            <NavLink key={n.href} item={n} />\n                        ))}\n                    </nav>\n                ) : null}\n                <div className=\"flex items-center gap-2\">\n                    {actions}\n                    {nav.length > 0 ? (\n                        <Sheet open={open} onOpenChange={setOpen}>\n                            <SheetTrigger\n                                className=\"inline-flex size-10 items-center justify-center rounded-full text-foreground hover:bg-accent md:hidden\"\n                                aria-label=\"Open menu\"\n                            >\n                                <Menu className=\"size-5\" />\n                            </SheetTrigger>\n                            <SheetContent side=\"right\" className=\"pt-16\">\n                                <SheetTitle className=\"sr-only\">Menu</SheetTitle>\n                                <nav aria-label=\"Main\" className=\"flex flex-col\">\n                                    {nav.map((n) => (\n                                        <NavLink\n                                            key={n.href}\n                                            item={n}\n                                            className=\"rounded-xl px-3 py-3 text-[1.0625rem]\"\n                                            onNavigate={() => setOpen(false)}\n                                        />\n                                    ))}\n                                </nav>\n                            </SheetContent>\n                        </Sheet>\n                    ) : null}\n                </div>\n            </div>\n        </header>\n    );\n}\n\nexport interface FooterColumn {\n    heading: string;\n    links: NavItem[];\n}\n\n/**\n * The footer, in the deck's register: a line of fine print, the support credit,\n * and a few columns of links. Links are 44px tall on phones.\n */\nexport function SiteFooter({\n    columns = [],\n    fineprint,\n    meta,\n    className,\n}: {\n    columns?: FooterColumn[];\n    fineprint?: ReactNode;\n    meta?: ReactNode;\n    className?: string;\n}) {\n    return (\n        <footer className={cn('border-t border-border bg-background', className)}>\n            <div className=\"oca-container grid grid-cols-2 gap-x-6 gap-y-10 py-14 md:grid-cols-[1.3fr_repeat(3,1fr)] md:py-16\">\n                <div className=\"col-span-2 flex flex-col gap-4 md:col-span-1\">\n                    <Lockup size={26} />\n                    {fineprint ? <p className=\"max-w-xs text-[0.9375rem] leading-relaxed text-muted-foreground\">{fineprint}</p> : null}\n                </div>\n                {columns.map((col) => (\n                    <div key={col.heading} className=\"flex min-w-0 flex-col gap-1\">\n                        <p className=\"mb-2 text-[0.875rem] font-medium\">{col.heading}</p>\n                        {col.links.map((l) => (\n                            <NavLink\n                                key={l.href}\n                                item={l}\n                                className=\"-mx-3 py-2.5 text-[0.9375rem] md:py-1.5\"\n                            />\n                        ))}\n                    </div>\n                ))}\n            </div>\n            {meta ? (\n                <div className=\"oca-container border-t border-border py-6 text-[0.875rem] text-muted-foreground\">{meta}</div>\n            ) : null}\n        </footer>\n    );\n}\n","import { createContext, useContext } from 'react';\n\n/** Where the viewer is inside the signed-in shell: its section and page. */\nexport interface ShellPlace {\n    section?: string;\n    page?: string;\n}\n\nexport const ShellContext = createContext<ShellPlace>({});\n\nexport function useShellPlace(): ShellPlace {\n    return useContext(ShellContext);\n}\n","import { ChevronRight, Menu, Moon, Sun, SunMoon } from 'lucide-react';\nimport Link from 'next/link';\nimport { useTheme } from 'next-themes';\nimport { useEffect, useMemo, useState, type ReactNode } from 'react';\n\nimport { Lockup } from '../brand/mark';\nimport { cn } from '../lib/cn';\nimport { ShellContext } from '../lib/shell-context';\nimport {\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuLabel,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n    Sheet,\n    SheetContent,\n    SheetTitle,\n    SheetTrigger,\n} from '../primitives/overlay';\n\nexport interface ShellNavItem {\n    href: string;\n    label: string;\n    icon?: ReactNode;\n    active?: boolean;\n    /** A count or a dot beside the label (unread, needs attention). */\n    badge?: ReactNode;\n}\n\nexport interface ShellNavGroup {\n    /** Omit for the first, unlabeled group. */\n    label?: string;\n    items: ShellNavItem[];\n}\n\n/**\n * A part of the app with its own pages: \"You\", \"Build\", \"Operate\", \"Admin\".\n * The sidebar lists one section's pages at a time, under a switcher.\n */\nexport interface ShellSection {\n    id: string;\n    /** Short, for the switcher: one word. */\n    label: string;\n    /** The section's eyebrow on its pages; defaults to `label`. */\n    title?: string;\n    /** Where the switcher goes: the section's first page. */\n    href: string;\n    groups: ShellNavGroup[];\n}\n\nfunction SideNav({ groups, onNavigate }: { groups: ShellNavGroup[]; onNavigate?: () => void }) {\n    return (\n        <nav aria-label=\"Pages\" className=\"flex flex-col gap-5\">\n            {groups.map((g, gi) => (\n                <div key={g.label ?? gi} className=\"flex flex-col gap-0.5\">\n                    {g.label ? <p className=\"px-3 pb-1 text-[0.8125rem] text-muted-foreground\">{g.label}</p> : null}\n                    {g.items.map((it) => (\n                        <Link\n                            key={it.href}\n                            href={it.href}\n                            onClick={onNavigate}\n                            aria-current={it.active ? 'page' : undefined}\n                            className={cn(\n                                'flex h-9 items-center gap-3 rounded-xl px-3 text-[0.9375rem] transition-colors',\n                                '[&_svg]:size-[1.0625rem] [&_svg]:shrink-0',\n                                it.active\n                                    ? 'bg-card text-foreground shadow-sm ring-1 ring-border [&_svg]:text-foreground'\n                                    : 'text-muted-foreground hover:bg-accent hover:text-foreground'\n                            )}\n                        >\n                            {it.icon}\n                            <span className=\"min-w-0 flex-1 truncate\">{it.label}</span>\n                            {it.badge ? <span className=\"shrink-0\">{it.badge}</span> : null}\n                        </Link>\n                    ))}\n                </div>\n            ))}\n        </nav>\n    );\n}\n\nfunction SectionSwitch({\n    sections,\n    current,\n    onNavigate,\n}: {\n    sections: ShellSection[];\n    current: ShellSection;\n    onNavigate?: () => void;\n}) {\n    // Up to three fit one row of the sidebar; four go two by two, so no label\n    // is ever cut short.\n    const cols = sections.length <= 3 ? sections.length : 2;\n    return (\n        <nav\n            aria-label=\"Sections\"\n            className={cn('grid gap-1 bg-muted p-1', cols === sections.length ? 'rounded-full' : 'rounded-[1.25rem]')}\n            style={{ gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))` }}\n        >\n            {sections.map((sec) => {\n                const on = sec.id === current.id;\n                return (\n                    <Link\n                        key={sec.id}\n                        href={sec.href}\n                        onClick={onNavigate}\n                        aria-current={on ? 'true' : undefined}\n                        className={cn(\n                            'flex h-8 min-w-0 items-center justify-center rounded-full px-1.5 text-[0.8125rem] font-medium transition-colors',\n                            on ? 'bg-card text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'\n                        )}\n                    >\n                        <span className=\"truncate\">{sec.label}</span>\n                    </Link>\n                );\n            })}\n        </nav>\n    );\n}\n\nconst activeItem = (groups: ShellNavGroup[]) => groups.flatMap((g) => g.items).find((it) => it.active);\n\n// Bundlers replace process.env.NODE_ENV; the typeof guard covers one that doesn't.\ndeclare const process: { env: { NODE_ENV?: string } } | undefined;\n\nconst warned = new Set<string>();\n\nfunction warnDuplicateLabels(groups: ShellNavGroup[]) {\n    if (typeof process === 'undefined' || process.env.NODE_ENV === 'production') return;\n    const seen = new Set<string>();\n    for (const it of groups.flatMap((g) => g.items)) {\n        if (seen.has(it.label) && !warned.has(it.label)) {\n            warned.add(it.label);\n            console.warn(`AppShell: two pages are labelled \"${it.label}\"; give each its own name.`);\n        }\n        seen.add(it.label);\n    }\n}\n\n/**\n * The signed-in frame: a quiet sidebar on the canvas, content on the right.\n *\n * Give it `sections` and the sidebar shows a switcher (only when there is more\n * than one) and the current section's pages, so it never outgrows the screen;\n * `persistent` groups (Account) follow every section. The section is the one\n * holding an active item, or `activeSection`. On phones a top bar carries the\n * wordmark and the account, a strip under it names the section and page, and\n * the sidebar opens as a sheet. `nav` (flat groups) still works for a simple\n * app. Pages get the section through context: PageHeader uses it as its\n * eyebrow. The account control and any banner are slots.\n */\nexport function AppShell({\n    nav,\n    sections,\n    activeSection,\n    persistent = [],\n    home = '/',\n    account,\n    banner,\n    footer,\n    children,\n    className,\n}: {\n    /** Flat groups, for an app without sections. */\n    nav?: ShellNavGroup[];\n    sections?: ShellSection[];\n    activeSection?: string;\n    /** Groups shown under every section, after its own. */\n    persistent?: ShellNavGroup[];\n    home?: string;\n    account?: ReactNode;\n    banner?: ReactNode;\n    footer?: ReactNode;\n    children: ReactNode;\n    className?: string;\n}) {\n    const [open, setOpen] = useState(false);\n    const current =\n        sections && sections.length > 0\n            ? (sections.find((sec) => sec.id === activeSection) ??\n              sections.find((sec) => activeItem(sec.groups)) ??\n              sections[0]!)\n            : undefined;\n    const groups = current ? [...current.groups, ...persistent] : [...(nav ?? []), ...persistent];\n    warnDuplicateLabels(groups);\n    const page = activeItem(groups);\n    const place = useMemo(\n        () => ({ section: current ? (current.title ?? current.label) : undefined, page: page?.label }),\n        [current, page?.label]\n    );\n    const switcher =\n        sections && current && sections.length > 1 ? (\n            <SectionSwitch sections={sections} current={current} onNavigate={() => setOpen(false)} />\n        ) : null;\n    return (\n        <ShellContext.Provider value={place}>\n            <div className={cn('min-h-dvh bg-background', className)}>\n                <div className=\"sticky top-0 z-40 border-b border-border bg-background/90 backdrop-blur-md lg:hidden\">\n                    <div className=\"flex h-14 items-center gap-2 px-3\">\n                        <Sheet open={open} onOpenChange={setOpen}>\n                            <SheetTrigger\n                                className=\"inline-flex size-10 items-center justify-center rounded-full hover:bg-accent\"\n                                aria-label=\"Open navigation\"\n                            >\n                                <Menu className=\"size-5\" />\n                            </SheetTrigger>\n                            <SheetContent side=\"left\" className=\"flex flex-col gap-6 overflow-y-auto p-4 pt-16\">\n                                <SheetTitle className=\"sr-only\">Navigation</SheetTitle>\n                                {switcher}\n                                <SideNav groups={groups} onNavigate={() => setOpen(false)} />\n                                {footer ? <div className=\"mt-auto flex flex-col gap-3\">{footer}</div> : null}\n                            </SheetContent>\n                        </Sheet>\n                        <Link href={home} aria-label=\"Home\" className=\"rounded-lg p-1\">\n                            <Lockup size={22} />\n                        </Link>\n                        <div className=\"ml-auto flex items-center\">{account}</div>\n                    </div>\n                    {place.page ? (\n                        <div className=\"flex h-9 items-center gap-1.5 border-t border-border px-4 text-[0.875rem]\">\n                            {place.section ? (\n                                <>\n                                    <span className=\"shrink-0 text-muted-foreground\">{place.section}</span>\n                                    <ChevronRight aria-hidden className=\"size-3.5 shrink-0 text-muted-foreground\" />\n                                </>\n                            ) : null}\n                            <span className=\"truncate font-medium\">{place.page}</span>\n                        </div>\n                    ) : null}\n                </div>\n                <div className=\"mx-auto flex w-full max-w-[90rem]\">\n                    <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\">\n                        <Link href={home} className=\"px-2\" aria-label=\"Home\">\n                            <Lockup size={26} />\n                        </Link>\n                        {switcher}\n                        <SideNav groups={groups} />\n                        <div className=\"mt-auto flex flex-col gap-3\">{footer}</div>\n                    </aside>\n                    <div className=\"flex min-w-0 flex-1 flex-col\">\n                        <div className=\"hidden h-[4.5rem] items-center justify-end gap-3 px-8 lg:flex\">{account}</div>\n                        {banner ? <div className=\"px-4 pb-2 pt-4 md:px-8 lg:pt-0\">{banner}</div> : null}\n                        <main id=\"main-content\" className=\"flex-1 px-4 pb-16 pt-6 md:px-8 lg:pt-2\">\n                            {/* One width for every signed-in page. */}\n                            <div className=\"mx-auto w-full max-w-[72rem]\">{children}</div>\n                        </main>\n                    </div>\n                </div>\n            </div>\n        </ShellContext.Provider>\n    );\n}\n\nexport interface AccountMenuItem {\n    label: string;\n    href?: string;\n    onSelect?: () => void;\n    icon?: ReactNode;\n    destructive?: boolean;\n}\n\n/** The account button: initial + short id, a menu of items. */\nexport function AccountMenu({\n    name,\n    detail,\n    items,\n}: {\n    name: string;\n    /** A second line: the short did, an address. */\n    detail?: string;\n    items: (AccountMenuItem | 'separator')[];\n}) {\n    const initial = name.trim().charAt(0).toUpperCase() || '·';\n    return (\n        <DropdownMenu>\n            <DropdownMenuTrigger\n                className=\"inline-flex h-10 items-center gap-2.5 rounded-full border border-border bg-card pl-1 pr-1 text-[0.9375rem] outline-none transition-colors hover:border-oca-hairline-strong focus-visible:ring-2 focus-visible:ring-ring sm:pr-3.5\"\n                aria-label={`Account: ${name}`}\n            >\n                <span className=\"flex size-8 items-center justify-center rounded-full bg-foreground text-[0.8125rem] font-medium text-background\">\n                    {initial}\n                </span>\n                <span className=\"max-w-[10rem] truncate max-sm:hidden\">{name}</span>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\" className=\"w-64\">\n                <DropdownMenuLabel className=\"flex flex-col gap-0.5\">\n                    <span className=\"truncate text-[0.9375rem] font-medium text-foreground\">{name}</span>\n                    {detail ? <span className=\"truncate font-mono text-[0.75rem]\">{detail}</span> : null}\n                </DropdownMenuLabel>\n                <DropdownMenuSeparator />\n                {items.map((it, i) =>\n                    it === 'separator' ? (\n                        <DropdownMenuSeparator key={`sep-${i}`} />\n                    ) : it.href ? (\n                        <DropdownMenuItem key={it.label} asChild destructive={it.destructive}>\n                            <Link href={it.href}>\n                                {it.icon}\n                                {it.label}\n                            </Link>\n                        </DropdownMenuItem>\n                    ) : (\n                        <DropdownMenuItem key={it.label} onSelect={it.onSelect} destructive={it.destructive}>\n                            {it.icon}\n                            {it.label}\n                        </DropdownMenuItem>\n                    )\n                )}\n            </DropdownMenuContent>\n        </DropdownMenu>\n    );\n}\n\n/** Light, dark, or follow the system: one button that cycles. */\nexport function ThemeToggle({ className }: { className?: string }) {\n    const { theme, setTheme } = useTheme();\n    const [mounted, setMounted] = useState(false);\n    useEffect(() => setMounted(true), []);\n    const current = mounted ? (theme ?? 'system') : 'system';\n    const next = current === 'light' ? 'dark' : current === 'dark' ? 'system' : 'light';\n    const Icon = current === 'light' ? Sun : current === 'dark' ? Moon : SunMoon;\n    return (\n        <button\n            type=\"button\"\n            onClick={() => setTheme(next)}\n            aria-label={`Theme: ${current}. Switch to ${next}`}\n            title={`Theme: ${current}`}\n            className={cn(\n                'inline-flex size-10 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground',\n                className\n            )}\n        >\n            <Icon className=\"size-[1.125rem]\" />\n        </button>\n    );\n}\n"]}

package/dist/components.d.mts

@@ -314,6 +314,31 @@ declare function SectionIntro({ className, align, ...props }: HTMLAttributes<HTM
     align?: 'start' | 'center';
 }): react.JSX.Element;
 
+interface PageHeroProps {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    lead?: ReactNode;
+    actions?: ReactNode;
+    art?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+    variant?: 'page' | 'document';
+    size?: 'lg' | 'xl';
+    className?: string;
+}
+declare function PageHero({ eyebrow, title, lead, actions, art, meta, children, variant, size, className, }: PageHeroProps): react.JSX.Element;
+declare function DocHeader({ eyebrow, title, lead, meta, actions, children, className, }: Pick<PageHeroProps, 'eyebrow' | 'title' | 'lead' | 'meta' | 'actions' | 'children' | 'className'>): react.JSX.Element;
+interface TocItem {
+    id: string;
+    label: ReactNode;
+}
+declare function DocLayout({ toc, header, children, className, }: {
+    toc?: TocItem[];
+    header?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+
 interface StepItem {
     title: ReactNode;
     body: ReactNode;
@@ -338,9 +363,11 @@ declare function PackageCard({ items, className }: {
     items: PackageItem[];
     className?: string;
 }): react.JSX.Element;
-declare function CodeBlock({ code, caption, className, }: {
+declare function CodeBlock({ code, caption, copy, maxLines, className, }: {
     code: string;
     caption?: ReactNode;
+    copy?: boolean;
+    maxLines?: number;
     className?: string;
 }): react.JSX.Element;
 
@@ -397,13 +424,24 @@ declare function PageHeader({ eyebrow, title, description, actions, className, }
     actions?: ReactNode;
     className?: string;
 }): react.JSX.Element;
-declare function StatCard({ label, value, hint, className, }: {
+interface StatCardProps {
     label: ReactNode;
     value: ReactNode;
     hint?: ReactNode;
+    raw?: number | null;
+    className?: string;
+}
+declare function StatCard({ label, value, hint, className }: StatCardProps): react.JSX.Element;
+declare function EmptyLine({ children, className }: {
+    children: ReactNode;
     className?: string;
 }): react.JSX.Element;
-declare function StatGrid({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
+interface StatGridProps extends HTMLAttributes<HTMLDivElement> {
+    columns?: 1 | 2 | 3 | 4 | 5;
+    empty?: ReactNode;
+    isEmpty?: boolean;
+}
+declare function StatGrid({ columns, empty, isEmpty, className, children, ...props }: StatGridProps): react.JSX.Element;
 interface KeyValueItem {
     label: ReactNode;
     value: ReactNode;
@@ -418,23 +456,31 @@ interface Column<T> {
     header: ReactNode;
     cell: (row: T) => ReactNode;
     align?: 'start' | 'end';
+    numeric?: boolean;
     wide?: boolean;
+    width?: string;
+    minWidth?: string;
+    truncate?: boolean;
+    primary?: boolean;
+    hideOnPhone?: boolean;
 }
-declare function DataTable<T>({ columns, rows, rowKey, empty, caption, className, }: {
+declare function DataTable<T>({ columns, rows, rowKey, empty, caption, phone, className, }: {
     columns: Column<T>[];
     rows: T[];
     rowKey: (row: T, i: number) => string;
     empty?: ReactNode;
     caption?: string;
+    phone?: 'cards' | 'scroll';
     className?: string;
 }): react.JSX.Element;
-declare function EmptyState({ title, children, action, className, }: {
+declare function EmptyState({ title, children, action, icon, className, }: {
     title: ReactNode;
     children?: ReactNode;
     action?: ReactNode;
+    icon?: ReactNode;
     className?: string;
 }): react.JSX.Element;
-type NoticeTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'brand';
+type NoticeTone = 'neutral' | 'brand' | 'danger' | 'info' | 'success' | 'warning';
 declare function Notice({ tone, title, children, action, className, }: {
     tone?: NoticeTone;
     title?: ReactNode;
@@ -442,6 +488,13 @@ declare function Notice({ tone, title, children, action, className, }: {
     action?: ReactNode;
     className?: string;
 }): react.JSX.Element;
+declare function LoadingBlock({ rows, timeoutMs, onRetry, label, className, }: {
+    rows?: number;
+    timeoutMs?: number;
+    onRetry?: () => void;
+    label?: string;
+    className?: string;
+}): react.JSX.Element;
 declare function useCopy(timeoutMs?: number): {
     copied: boolean;
     copy: (text: string) => Promise<void>;
@@ -482,4 +535,4 @@ declare function ActivityList({ items, empty, className }: {
     className?: string;
 }): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, CodeBlock, type Column, Container, CopyButton, DataTable, Display, type DisplayProps, EmptyState, Eyebrow, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, Notice, PackageCard, type PackageItem, PageHeader, type ProgressStep, ProgressSteps, Prose, Sats, SatsFigure, type SatsProps, type SatsTextOptions, Section, SectionIntro, type SectionProps, SplitBar, type SplitSegment, StatCard, StatGrid, StepGrid, type StepGridProps, type StepItem, type StepState, type TruthRow, type TruthStatus, TruthTable, UsdApprox, satsText, sectionVariants, useCopy };
+export { Accent, type ActivityItem, ActivityList, CodeBlock, type Column, Container, CopyButton, DataTable, Display, type DisplayProps, DocHeader, DocLayout, EmptyLine, EmptyState, Eyebrow, Footnote, HashChip, type KeyValueItem, KeyValueList, Lead, LoadingBlock, Notice, PackageCard, type PackageItem, PageHeader, PageHero, type PageHeroProps, type ProgressStep, ProgressSteps, Prose, Sats, SatsFigure, type SatsProps, type SatsTextOptions, Section, SectionIntro, type SectionProps, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, type TocItem, type TruthRow, type TruthStatus, TruthTable, UsdApprox, satsText, sectionVariants, useCopy };