@orangecheck/design 0.19.0 → 0.21.0

package/dist/styles/fonts.css

@@ -0,0 +1,29 @@
+/*
+ * Self-hosted Hanken Grotesk (OFL) — the ember skin's display + body face.
+ * Shipped IN the package so ember renders correctly on every consumer site with
+ * ZERO per-site next/font wiring. Variable (wght 400–900). The browser only
+ * downloads it when an element actually uses the family — i.e. when the ember
+ * skin is active — so it costs nothing on the cypherpunk skins. url()s are
+ * relative to this file (dist/styles/fonts.css → dist/styles/fonts/*).
+ */
+@font-face {
+    font-family: 'Hanken Grotesk';
+    font-style: normal;
+    font-weight: 400 900;
+    font-display: swap;
+    src: url('./fonts/hanken-grotesk-latin.woff2') format('woff2');
+    unicode-range:
+        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
+        U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+    font-family: 'Hanken Grotesk';
+    font-style: normal;
+    font-weight: 400 900;
+    font-display: swap;
+    src: url('./fonts/hanken-grotesk-latin-ext.woff2') format('woff2');
+    unicode-range:
+        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
+        U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
+        U+2C60-2C7F, U+A720-A7FF;
+}

package/dist/styles/theme.css

@@ -160,7 +160,10 @@
         background-color: var(--brand);
     }
     .bg-brand-soft {
-        background-color: color-mix(in oklch, var(--brand), transparent 88%);
+        /* Card-relative (not a transparent overlay) so the soft brand chip stays
+           visible on dark surfaces too: a pale brand tint in light, a darker
+           brand-tinted chip in dark. */
+        background-color: color-mix(in oklch, var(--brand) 16%, var(--card));
     }
     .border-brand {
         border-color: var(--brand);
@@ -170,21 +173,26 @@
     }
 
     /* ── Mono display utilities ──────────────────────────────────────── */
+    /* Display face for wordmarks + headings. Defaults to the skin's mono (the
+       cypherpunk skins' terminal identity); a skin can set --oc-font-display to
+       its sans to go warm/grotesk (ember does). */
     .font-display {
         font-family:
-            var(--oc-font-mono), ui-monospace, 'JetBrains Mono', SFMono-Regular, Menlo,
-            monospace;
+            var(--oc-font-display, var(--oc-font-mono)), ui-monospace, 'JetBrains Mono',
+            SFMono-Regular, Menlo, monospace;
         letter-spacing: -0.02em;
         font-feature-settings: 'ss01', 'cv01', 'zero';
     }
 
+    /* Mono eyebrow/label TYPE only — no color, so the caller's text-* utility
+       always wins (text-primary terracotta eyebrows, tone colors on
+       SectionHeader/Callout, etc.). Bare usages must pass their own color. */
     .label-mono {
         font-family: var(--oc-font-mono), ui-monospace, monospace;
         font-size: 0.7rem;
-        letter-spacing: 0.18em;
+        letter-spacing: 0.14em;
         text-transform: uppercase;
         font-weight: 600;
-        color: color-mix(in oklch, var(--foreground), transparent 50%);
     }
 
     /* ── Frosted translucent surface (aurora-aware) ──────────────────────
@@ -253,6 +261,14 @@
         background: var(--card);
         border: 1px solid var(--border);
         font-family: var(--oc-font-mono), ui-monospace, monospace;
+        /* A terminal almost always wraps a `<pre overflow-x-auto>` of long code
+           lines. As a grid/flex child its auto-minimum is that min-content width,
+           so without this it forces its track wider than the viewport instead of
+           letting the inner pre scroll — horizontal page overflow on narrow
+           screens. min-width:0 lets the track shrink; max-width caps it to its
+           container as a belt-and-braces guard. */
+        min-width: 0;
+        max-width: 100%;
     }
     .terminal-title {
         background: color-mix(in oklch, var(--foreground), transparent 92%);
@@ -295,6 +311,28 @@
         );
         background-size: 16px 16px;
     }
+    /* currentColor-based textures for brand/CTA bands. NOT prefixed `bg-`:
+       tailwind-merge misclassifies any `bg-*` class as a background-color and
+       would drop a real `bg-brand`/`bg-card` sitting next to it in the same
+       cn() — these are deliberately `oc-*` so they compose safely. Lines/dots
+       derive from currentColor so they invert automatically (dark text → faint
+       dark texture; white text on a terracotta band → faint white texture). */
+    .oc-diagonal {
+        background-image: repeating-linear-gradient(
+            45deg,
+            var(--oc-diagonal-line, color-mix(in oklch, currentColor, transparent 92%)) 0,
+            var(--oc-diagonal-line, color-mix(in oklch, currentColor, transparent 92%)) 1px,
+            transparent 1px,
+            transparent var(--oc-diagonal-gap, 14px)
+        );
+    }
+    .oc-dots {
+        background-image: radial-gradient(
+            var(--oc-dots-color, color-mix(in oklch, currentColor, transparent 86%)) 1px,
+            transparent 1px
+        );
+        background-size: var(--oc-dots-size, 16px) var(--oc-dots-size, 16px);
+    }
 
     /* ── Docs prose styles ────────────────────────────────────────── */
     .docs-prose {

package/dist/styles/themes/ember.css

@@ -0,0 +1,223 @@
+/*
+ * Skin: ember
+ *
+ * The warmth — a deliberately consumer-grade, soft, rounded counterpoint to the
+ * family's sharp/cypherpunk defaults. Deep burnt-sienna terracotta (NOT Bitcoin
+ * amber #f7931a), warm paper neutrals, peach accent surfaces, 1rem radii, pill
+ * buttons, soft warm-tinted elevation, Hanken Grotesk display+body over the
+ * existing JetBrains Mono eyebrows. Derived from the orangecheck.io redesign
+ * mockups; tuned for WCAG AA.
+ *
+ * Only the two `[data-oc-theme='ember']` arms — never bare `:root`/`.dark`
+ * (orangecheck.css alone owns the no-JS / pre-hydration fallback). A skin must
+ * declare the COMPLETE token set in both modes so it fully overrides the default.
+ *
+ * --primary vs --brand split is intentional: --brand (oklch 0.635) is the exact
+ * sampled band terracotta (decorative full-bleed sections); --primary is one
+ * step darker (oklch 0.585) so white-on-primary button labels clear AA-normal
+ * (4.59:1) where white-on-band would only be AA-large (3.65:1). Use --brand for
+ * the big hero/CTA bands, --primary for interactive surfaces + text accents.
+ */
+
+[data-oc-theme='ember'] {
+    /* Soft, friendly corners — 1rem drives the derived scale: sm 12 / md 14 /
+       lg 16 / xl 20px, matching the sampled badge (12), card (16), panel (20). */
+    --radius: 1rem;
+
+    /* Display + body are ONE warm grotesk separated by weight (a skin exposes a
+       single --oc-font-sans). Hanken Grotesk is OFL + variable to 900, so the
+       800 hero weight is native. Eyebrows/metadata reuse the already-loaded
+       JetBrains Mono — no new mono face. */
+    --oc-font-sans: 'Hanken Grotesk', var(--font-sans-display, 'Inter'), ui-sans-serif,
+        system-ui, sans-serif;
+    --oc-font-mono: var(--font-mono-display, 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo,
+            monospace);
+    /* The big display face (wordmark, page/section headings, .font-display) is
+       the warm grotesk under ember — NOT the mono the cypherpunk skins use.
+       Eyebrows / small chrome labels stay mono via --oc-font-mono. */
+    --oc-font-display: var(--oc-font-sans);
+
+    /* Soft, diffuse, warm-tinted elevation (rgb 31 18 10 ≈ #1f120a, not pure
+       black) — the floated-card look of the mockups, well past the flat default. */
+    --oc-shadow-2xs: 0 1px 2px 0 rgb(31 18 10 / 0.04);
+    --oc-shadow-xs: 0 1px 3px 0 rgb(31 18 10 / 0.05), 0 1px 2px -1px rgb(31 18 10 / 0.04);
+    --oc-shadow-sm: 0 2px 8px -2px rgb(31 18 10 / 0.06), 0 2px 4px -2px rgb(31 18 10 / 0.05);
+    --oc-shadow-md: 0 6px 16px -4px rgb(31 18 10 / 0.08), 0 4px 8px -4px rgb(31 18 10 / 0.05);
+    --oc-shadow-lg: 0 12px 28px -6px rgb(31 18 10 / 0.1), 0 8px 16px -8px rgb(31 18 10 / 0.06);
+    --oc-shadow-xl: 0 24px 48px -12px rgb(31 18 10 / 0.14), 0 12px 24px -12px rgb(31 18 10 / 0.08);
+
+    /* Light — warm off-white paper, crisp white cards floating on it. */
+    --background: oklch(0.991 0.004 75);
+    --foreground: oklch(0.21 0.01 60);
+
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.21 0.01 60);
+
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.21 0.01 60);
+
+    /* Interactive terracotta — darkened from the band so white button labels
+       AND text-primary eyebrows clear AA-normal (4.5:1) on white. The vivid
+       band lives in --brand; this is the accessible interactive shade. */
+    --primary: oklch(0.55 0.162 42);
+    --primary-foreground: oklch(0.99 0.005 75);
+
+    --secondary: oklch(0.962 0.006 65);
+    --secondary-foreground: oklch(0.21 0.01 60);
+
+    /* Warm light-gray alt sections. */
+    --muted: oklch(0.972 0.005 70);
+    --muted-foreground: oklch(0.52 0.012 70);
+
+    /* Peach — the signature accent surface (icon badges, comparison tint). */
+    --accent: oklch(0.91 0.034 62);
+    --accent-foreground: oklch(0.47 0.14 42);
+
+    --border: oklch(0.91 0.006 65);
+    --input: oklch(0.9 0.006 65);
+    --ring: oklch(0.55 0.162 42);
+
+    --destructive: oklch(0.585 0.205 27);
+    --destructive-foreground: oklch(0.99 0.005 75);
+
+    /* Burnt amber: dark enough to read as TEXT on the warm white card (the old
+       0.8 washed out as a status/stat label) yet light enough that a solid
+       bg-warning chip pairs with DARK text. Amber is intrinsically light, so a
+       mid burnt-amber + dark foreground is the legible compromise for both uses. */
+    --warning: oklch(0.58 0.13 72);
+    --warning-foreground: oklch(0.18 0.04 72);
+
+    /* Semantics calmed (lower chroma) so green/blue harmonize with the warm
+       palette instead of reading neon-cold, while staying recognizably green/blue. */
+    --info: oklch(0.56 0.11 240);
+    --info-foreground: oklch(0.99 0.005 75);
+
+    --success: oklch(0.56 0.11 150);
+    --success-foreground: oklch(0.99 0.005 75);
+
+    /* Decorative band terracotta — the exact sampled #d76433. */
+    --brand: oklch(0.635 0.158 42);
+    --brand-foreground: oklch(0.99 0.005 75);
+}
+
+.dark[data-oc-theme='ember'],
+[data-oc-theme='ember'].dark {
+    /* Dark — warm near-black, elevated warm-charcoal cards (grounded in the
+       for-business mockup). Cards read border-defined, near-flat. */
+    --background: oklch(0.17 0.006 50);
+    --foreground: oklch(0.97 0.004 70);
+
+    --card: oklch(0.235 0.006 55);
+    --card-foreground: oklch(0.97 0.004 70);
+
+    --popover: oklch(0.235 0.006 55);
+    --popover-foreground: oklch(0.97 0.004 70);
+
+    /* Same DEEP terracotta + WHITE label as light mode, so filled primary
+       buttons are consistent across modes (no bright-amber + dark-text drift).
+       White-on-0.55 clears AA (~5:1); text-primary on near-black clears UI (~3:1). */
+    --primary: oklch(0.55 0.162 42);
+    --primary-foreground: oklch(0.99 0.005 75);
+
+    --secondary: oklch(0.27 0.006 55);
+    --secondary-foreground: oklch(0.97 0.004 70);
+
+    /* Distinctly above --card (0.235) so skeletons / muted surfaces read. */
+    --muted: oklch(0.32 0.006 55);
+    --muted-foreground: oklch(0.73 0.008 60);
+
+    /* Peach badge inverts to warm dark-terracotta + light-peach glyph — same
+       bg-accent/text-accent-foreground markup auto-swaps light↔dark. Enough
+       chroma that the tiles read clearly warm (not neutral gray) on near-black. */
+    --accent: oklch(0.34 0.085 50);
+    --accent-foreground: oklch(0.82 0.12 58);
+
+    /* Warm-gray borders lifted so card edges + unchecked controls stay visible
+       on the near-black bg. */
+    --border: oklch(0.36 0.008 55);
+    --input: oklch(0.44 0.01 55);
+    /* Brighter than --primary so the focus ring stays visible on near-black. */
+    --ring: oklch(0.64 0.16 44);
+
+    --destructive: oklch(0.64 0.19 27);
+    --destructive-foreground: oklch(0.985 0.004 75);
+
+    --warning: oklch(0.82 0.15 75);
+    --warning-foreground: oklch(0.2 0.03 70);
+
+    --info: oklch(0.7 0.1 240);
+    --info-foreground: oklch(0.16 0.02 245);
+
+    --success: oklch(0.7 0.12 150);
+    --success-foreground: oklch(0.16 0.02 150);
+
+    --brand: oklch(0.645 0.158 42);
+    --brand-foreground: oklch(0.99 0.005 75);
+
+    /* Near-flat warm elevation in dark — separation comes from --border. */
+    --oc-shadow-2xs: 0 1px 2px 0 rgb(0 0 0 / 0.2);
+    --oc-shadow-xs: 0 1px 3px 0 rgb(0 0 0 / 0.24), 0 1px 2px -1px rgb(0 0 0 / 0.2);
+    --oc-shadow-sm: 0 2px 8px -2px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.24);
+    --oc-shadow-md: 0 6px 16px -4px rgb(0 0 0 / 0.34), 0 4px 8px -4px rgb(0 0 0 / 0.26);
+    --oc-shadow-lg: 0 12px 28px -6px rgb(0 0 0 / 0.4), 0 8px 16px -8px rgb(0 0 0 / 0.3);
+    --oc-shadow-xl: 0 24px 48px -12px rgb(0 0 0 / 0.5), 0 12px 24px -12px rgb(0 0 0 / 0.34);
+}
+
+/*
+ * Pill buttons are a SHAPE property of this skin, not of any single button, and
+ * one --radius can't make pills AND keep 16px cards. So scope a radius override
+ * to the stable [data-slot='button'] attribute under ember only: every Button
+ * family-wide becomes a full pill with zero call-site edits, zero change to the
+ * Button primitive, and zero effect on other skins. Specificity (0,2,0) beats
+ * the .rounded-md utility (0,1,0) without !important.
+ */
+[data-oc-theme='ember'] [data-slot='button'] {
+    border-radius: 9999px;
+}
+
+/* Same shape language for the text Badge — pill chips read as warm/friendly. */
+[data-oc-theme='ember'] [data-slot='badge'] {
+    border-radius: 9999px;
+}
+
+/*
+ * De-terminalize the system surfaces (Card / Modal / Confirm / Prompt). The
+ * green-screen window chrome — mono body, cool-gray strip, traffic-light dots,
+ * tight corners — is the cypherpunk skins' identity. Under the warm consumer
+ * skin these are soft rounded panels with a warm sans header, no traffic dots.
+ * Scoped to [data-oc-theme='ember'] so the other skins keep their terminal look.
+ */
+[data-oc-theme='ember'] .terminal {
+    border-radius: var(--radius-lg);
+    box-shadow: var(--oc-shadow-md);
+    overflow: hidden;
+    font-family: var(--oc-font-sans);
+}
+[data-oc-theme='ember'] .terminal-title {
+    background: color-mix(in oklch, var(--primary) 6%, var(--card));
+    font-family: var(--oc-font-sans);
+    font-size: 0.8rem;
+    font-weight: 600;
+    letter-spacing: normal;
+    text-transform: none;
+    color: var(--foreground);
+    padding: 0.7rem 1rem;
+}
+[data-oc-theme='ember'] .terminal-dot {
+    display: none;
+}
+/* Confirm/Prompt/Modal dialogs (the ones with a .terminal-title strip) hardcode
+   mono + mono-caps + sharp corners for the cypherpunk skins' terminal voice.
+   Under ember: round the panel and read the message + action labels in the warm
+   sans, normal case. Secret/value inputs keep mono. */
+[data-oc-theme='ember'] [role='dialog']:has(.terminal-title) {
+    border-radius: var(--radius-lg);
+    overflow: hidden;
+}
+[data-oc-theme='ember'] [role='dialog']:has(.terminal-title) .font-mono:not(input):not(textarea),
+[data-oc-theme='ember'] [role='dialog']:has(.terminal-title) .font-display,
+[data-oc-theme='ember'] [role='dialog']:has(.terminal-title) [data-slot='button'] {
+    font-family: var(--oc-font-sans);
+    text-transform: none;
+    letter-spacing: normal;
+}

package/dist/styles/themes.css

@@ -9,3 +9,4 @@
 @import './themes/phosphor.css';
 @import './themes/lightning.css';
 @import './themes/gold.css';
+@import './themes/ember.css';

package/dist/styles.css

@@ -15,6 +15,7 @@
  * still loads fonts (`--font-sans-display` / `--font-mono-display`) via
  * next/font, exactly as today.
  */
+@import './styles/fonts.css';
 @import './styles/theme.css';
 @import './styles/themes.css';
 @import './styles/aurora.css';

package/dist/tokens.js

@@ -37,6 +37,12 @@ var OC_THEMES = [
     label: "gold",
     description: "sound money \u2014 digital gold, hard 0.125rem milled edge, mono ledger \xB7 21M",
     accent: "#e3b831"
+  },
+  {
+    id: "ember",
+    label: "ember",
+    description: "the warmth \u2014 burnt-sienna terracotta, soft 1rem corners, pill buttons, Hanken Grotesk \xB7 approachable, human",
+    accent: "#da6736"
   }
 ];
 var OC_DEFAULT_ACCENT = "#f97316";

package/dist/tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/cn.ts","../src/tokens/themes.ts","../src/tokens/aurora.tsx","../src/tokens/provider.tsx","../src/tokens/theme-bridge.tsx","../src/tokens/theme-picker.tsx","../src/tokens/appearance-menu.tsx"],"names":["twMerge","clsx","jsx","createContext","useState","useRef","useEffect","useCallback","useMemo","jsxs","useContext","ONE_YEAR","useTheme","Palette","Check","Sun","Moon","Monitor"],"mappings":"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","file":"tokens.js","sourcesContent":["import type { ClassValue } from 'clsx';\n\nimport { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Canonical class-name merge for the OrangeCheck family.\n * `clsx` for conditional composition, `tailwind-merge` to resolve\n * conflicting Tailwind utilities (last-wins by property).\n */\nexport function cn(...inputs: ClassValue[]): string {\n    return twMerge(clsx(inputs));\n}\n","/**\n * The OrangeCheck theme (skin) registry.\n *\n * A *skin* is the named-theme axis, orthogonal to the light/dark *mode* axis\n * (which stays owned by `next-themes` via the `.dark` class). A skin is applied\n * as `data-oc-theme=\"<id>\"` on `<html>` and persisted in the `oc_skin` cookie at\n * `Domain=.ochk.io` so a choice on one family site carries to every other.\n *\n * Adding a skin = add a `themes/<id>.css` token block in this package and a\n * row here. Every site picks it up on the next `@orangecheck/design` bump; no\n * per-site edits.\n */\nexport interface OcTheme {\n    /** Stable id — also the `data-oc-theme` attribute value and the CSS file stem. */\n    readonly id: string;\n    /** Human label for the picker (lowercase, house voice). */\n    readonly label: string;\n    /** One-line description shown in the picker / Storybook. */\n    readonly description: string;\n    /**\n     * Accent hex (sRGB of the skin's dark-mode `--brand`). Used to swap the\n     * browser chrome — `<meta name=\"theme-color\">` and the favicon (recolored\n     * from the family `#f97316`) — when the skin changes. Mirrors the\n     * `SKINS` palette in `oc-media-kit/build/brands.py` (same source of truth).\n     */\n    readonly accent: string;\n}\n\n// Every skin is rooted in the Bitcoin ethos — sharp, flat, cypherpunk — and\n// carries a meaning, not just a colour: the chain, the node, the network, sound\n// money. No SaaS softness.\nexport const OC_THEMES: readonly OcTheme[] = [\n    {\n        id: 'orangecheck',\n        label: 'orangecheck',\n        description: 'the chain — Bitcoin orange, sharp 0.25rem corners, Inter + JetBrains Mono',\n        accent: '#f97316',\n    },\n    {\n        id: 'phosphor',\n        label: 'phosphor',\n        description: 'the node — CRT terminal green, hard 0.125rem, all-mono · sovereignty & verify',\n        accent: '#55d671',\n    },\n    {\n        id: 'lightning',\n        label: 'lightning',\n        description: 'the network — electric violet (L2), hardest 0rem edges, sans · instant',\n        accent: '#c27dff',\n    },\n    {\n        id: 'gold',\n        label: 'gold',\n        description: 'sound money — digital gold, hard 0.125rem milled edge, mono ledger · 21M',\n        accent: '#e3b831',\n    },\n] as const;\n\n/** The family default accent (orangecheck), and the hex every favicon ships\n *  with — the swap recolors from this to the active skin's accent. */\nexport const OC_DEFAULT_ACCENT = '#f97316';\n\n/** Accent hex for a skin id, falling back to the default. */\nexport function accentFor(id: string | null | undefined): string {\n    return OC_THEMES.find((t) => t.id === id)?.accent ?? OC_DEFAULT_ACCENT;\n}\n\nexport const DEFAULT_OC_THEME = 'orangecheck';\n\nexport type OcThemeId = (typeof OC_THEMES)[number]['id'] | (string & {});\n\nexport function isKnownTheme(id: string | null | undefined): id is OcThemeId {\n    return !!id && OC_THEMES.some((t) => t.id === id);\n}\n\nexport function resolveTheme(id: string | null | undefined): string {\n    return isKnownTheme(id) ? id : DEFAULT_OC_THEME;\n}\n\n/** Cookie name for the cross-subdomain skin choice. */\nexport const OC_SKIN_COOKIE = 'oc_skin';\n","import type { CSSProperties } from 'react';\n\nimport { cn } from './cn';\n\nexport interface OcAuroraProps {\n    /**\n     * Master intensity multiplier (default 1, from the theme CSS). Overrides\n     * `--oc-aurora-intensity` for this mount — e.g. dial a reading-heavy site down.\n     */\n    intensity?: number;\n    className?: string;\n}\n\nconst BLOBS = [1, 2, 3, 4, 5] as const;\n\n/**\n * The ambient \"bitcoin aurora\" background — soft, theme-reactive colour clouds\n * that slowly wander (styling in styles/aurora.css; recolours from --brand /\n * --success / --info / --primary across mode + skin). Pure markup, fixed behind\n * all content; `OcThemeProvider` mounts it by default. Mount manually only if a\n * site renders the aurora outside the provider.\n */\nexport function OcAurora({ intensity, className }: OcAuroraProps) {\n    const style =\n        intensity == null\n            ? undefined\n            : ({ '--oc-aurora-intensity': String(intensity) } as CSSProperties);\n    return (\n        <div className={cn('oc-aurora', className)} style={style} aria-hidden=\"true\">\n            {BLOBS.map((n) => (\n                <div key={n} className={`oc-aurora__blob oc-aurora__blob-${n}`} />\n            ))}\n        </div>\n    );\n}\n","'use client';\n\nimport {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type ReactNode,\n} from 'react';\n\nimport {\n    accentFor,\n    DEFAULT_OC_THEME,\n    OC_DEFAULT_ACCENT,\n    OC_SKIN_COOKIE,\n    OC_THEMES,\n    resolveTheme,\n    type OcTheme,\n} from './themes';\nimport { OcAurora } from './aurora';\n\ndeclare global {\n    interface Window {\n        /** Defined by `getOcThemeInitScript()`; recolors favicon + theme-color. */\n        __ocApplySkinChrome?: (skin: string) => void;\n    }\n}\n\n/**\n * OcThemeProvider — the skin (named-theme) axis.\n *\n * Orthogonal to `next-themes`, which owns light/dark via the `.dark` class.\n * This provider owns the `data-oc-theme` attribute on `<html>` and persists the\n * choice in the `oc_skin` cookie at `Domain=.ochk.io`, so a skin chosen on one\n * `*.ochk.io` site is honored on every other. It re-reads the cookie on focus /\n * visibility change so a fresh choice picks up when the user returns to a tab\n * (same cross-site pickup trick `OcAccountMenu` uses for sign-in).\n *\n * Mount once, inside (or beside) the `next-themes` `<ThemeProvider>`:\n *\n *     <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n *         <OcThemeProvider>\n *             …app…\n *         </OcThemeProvider>\n *     </ThemeProvider>\n *\n * Pair with `getOcThemeInitScript()` in `_document` to avoid a flash before\n * hydration.\n */\n\nconst ONE_YEAR = 60 * 60 * 24 * 365;\nconst ATTR = 'data-oc-theme';\n\nfunction readSkinCookie(): string | null {\n    if (typeof document === 'undefined') return null;\n    const prefix = `${OC_SKIN_COOKIE}=`;\n    for (const part of document.cookie.split(';')) {\n        const trimmed = part.trim();\n        if (trimmed.startsWith(prefix)) {\n            const v = decodeURIComponent(trimmed.slice(prefix.length));\n            return v.length > 0 ? v : null;\n        }\n    }\n    return null;\n}\n\nfunction writeSkinCookie(value: string): void {\n    if (typeof document === 'undefined') return;\n    const isLocal =\n        location.hostname === 'localhost' || location.hostname === '127.0.0.1';\n    const parts = [\n        `${OC_SKIN_COOKIE}=${encodeURIComponent(value)}`,\n        'Path=/',\n        `Max-Age=${ONE_YEAR}`,\n        'SameSite=Lax',\n    ];\n    if (!isLocal) {\n        parts.push('Domain=.ochk.io');\n        parts.push('Secure');\n    }\n    document.cookie = parts.join('; ');\n}\n\nfunction applyAttr(skin: string): void {\n    if (typeof document === 'undefined') return;\n    document.documentElement.setAttribute(ATTR, skin);\n}\n\n/**\n * Swap the browser chrome (favicon + `<meta name=\"theme-color\">`) to the skin's\n * accent. The real work lives in the global installed by\n * `getOcThemeInitScript()` (so the favicon's original SVG is captured exactly\n * once, before the init script's own first recolor — avoids re-reading an\n * already-swapped data: URI). If the init script wasn't included, fall back to\n * the theme-color swap alone (favicon recolor needs the captured original).\n */\nfunction applySkinChrome(skin: string): void {\n    if (typeof window === 'undefined') return;\n    if (typeof window.__ocApplySkinChrome === 'function') {\n        window.__ocApplySkinChrome(skin);\n        return;\n    }\n    const meta = document.querySelector('meta[name=\"theme-color\"]');\n    if (meta) meta.setAttribute('content', accentFor(skin));\n}\n\ninterface OcSkinContextValue {\n    /** Current skin id (always resolved to a known theme). */\n    skin: string;\n    /** Set the skin: validates, applies the attribute, persists the cookie. */\n    setSkin: (id: string) => void;\n    /** The full registry, for rendering a picker. */\n    themes: readonly OcTheme[];\n}\n\nconst OcSkinContext = createContext<OcSkinContextValue | null>(null);\n\nexport interface OcThemeProviderProps {\n    children: ReactNode;\n    /** Skin to assume before the cookie is read (defaults to `orangecheck`). */\n    defaultSkin?: string;\n    /**\n     * The ambient bitcoin-aurora background. `true` (default) renders it behind\n     * the app; `false` disables it; `{ intensity }` tunes its strength for this\n     * site (e.g. `aurora={{ intensity: 0.5 }}` on a reading-heavy surface).\n     */\n    aurora?: boolean | { intensity?: number };\n}\n\nexport function OcThemeProvider({\n    children,\n    defaultSkin = DEFAULT_OC_THEME,\n    aurora = true,\n}: OcThemeProviderProps) {\n    const [skin, setSkinState] = useState<string>(() => resolveTheme(defaultSkin));\n    const hydratedRef = useRef(false);\n\n    // Hydrate from the cookie once on mount and align the attribute.\n    useEffect(() => {\n        if (hydratedRef.current) return;\n        hydratedRef.current = true;\n        const fromCookie = resolveTheme(readSkinCookie() ?? defaultSkin);\n        applyAttr(fromCookie);\n        applySkinChrome(fromCookie);\n        setSkinState(fromCookie);\n    }, [defaultSkin]);\n\n    // Cross-site pickup: re-read the cookie when the tab regains focus.\n    useEffect(() => {\n        function sync() {\n            const fromCookie = resolveTheme(readSkinCookie() ?? skin);\n            if (fromCookie !== skin) {\n                applyAttr(fromCookie);\n                applySkinChrome(fromCookie);\n                setSkinState(fromCookie);\n            }\n        }\n        window.addEventListener('focus', sync);\n        document.addEventListener('visibilitychange', sync);\n        return () => {\n            window.removeEventListener('focus', sync);\n            document.removeEventListener('visibilitychange', sync);\n        };\n    }, [skin]);\n\n    const setSkin = useCallback((id: string) => {\n        const next = resolveTheme(id);\n        applyAttr(next);\n        applySkinChrome(next);\n        writeSkinCookie(next);\n        setSkinState(next);\n    }, []);\n\n    const value = useMemo<OcSkinContextValue>(\n        () => ({ skin, setSkin, themes: OC_THEMES }),\n        [skin, setSkin]\n    );\n\n    return (\n        <OcSkinContext.Provider value={value}>\n            {aurora !== false && (\n                <OcAurora intensity={typeof aurora === 'object' ? aurora.intensity : undefined} />\n            )}\n            {children}\n        </OcSkinContext.Provider>\n    );\n}\n\n/** Read the current skin + setter. Throws if used outside `OcThemeProvider`. */\nexport function useOcSkin(): OcSkinContextValue {\n    const ctx = useContext(OcSkinContext);\n    if (!ctx) {\n        throw new Error('useOcSkin must be used within <OcThemeProvider>');\n    }\n    return ctx;\n}\n\n/**\n * Blocking init script for `_document` (Pages Router) `<Head>`. Applies the\n * cookie's skin to `<html>` before first paint so there is no flash of the\n * default skin. Inject with:\n *\n *     <script dangerouslySetInnerHTML={{ __html: getOcThemeInitScript() }} />\n */\nexport function getOcThemeInitScript(defaultSkin: string = DEFAULT_OC_THEME): string {\n    // Self-contained IIFE — no imports available at parse time. Beyond applying\n    // the skin attribute before first paint, it installs `window.__ocApplySkinChrome`\n    // (the single owner of the favicon + theme-color swap) and runs it for the\n    // saved skin. OcThemeProvider re-invokes the same global on later changes, so\n    // the favicon's *original* SVG is captured exactly once (before any recolor)\n    // and re-recolored from `#f97316` to the active skin's accent. The favicon\n    // recolor is async (a fetch of the same-origin favicon.svg) — chrome updates\n    // a beat after paint, which is fine; the skin attribute itself is synchronous.\n    const accents = Object.fromEntries(OC_THEMES.map((t) => [t.id, t.accent]));\n    return (\n        `(function(){` +\n        `var ACC=${JSON.stringify(accents)},DEF=${JSON.stringify(defaultSkin)},ORIG=${JSON.stringify(OC_DEFAULT_ACCENT)},fav=null;` +\n        `function acc(s){return ACC[s]||ACC[DEF]||ORIG;}` +\n        `window.__ocApplySkinChrome=function(s){try{` +\n        `var a=acc(s);` +\n        `var meta=document.querySelector('meta[name=\"theme-color\"]');if(meta){meta.setAttribute('content',a);}` +\n        `var link=document.querySelector('link[rel~=\"icon\"][type=\"image/svg+xml\"]');if(!link){return;}` +\n        `var paint=function(svg){link.setAttribute('href','data:image/svg+xml,'+encodeURIComponent(svg.split(ORIG).join(a)));};` +\n        `if(fav!=null){paint(fav);return;}` +\n        `var h=link.getAttribute('href');if(!h||h.indexOf('data:')===0){return;}` +\n        `fetch(h).then(function(r){return r.text();}).then(function(svg){fav=svg;paint(svg);}).catch(function(){});` +\n        `}catch(e){}};` +\n        `try{var m=document.cookie.match(/(?:^|; )${OC_SKIN_COOKIE}=([^;]*)/);var s=m?decodeURIComponent(m[1]):DEF;if(!s){s=DEF;}` +\n        `document.documentElement.setAttribute('${ATTR}',s);window.__ocApplySkinChrome(s);}` +\n        `catch(e){document.documentElement.setAttribute('${ATTR}',DEF);}` +\n        `})();`\n    );\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useTheme } from 'next-themes';\n\n/**\n * OcThemeBridge — cross-subdomain persistence for the MODE axis (light/dark).\n *\n * `next-themes` defaults to origin-scoped `localStorage`, so a dark/light choice\n * on one `*.ochk.io` site won't carry to another. This layers an\n * `oc_theme` cookie at `Domain=.ochk.io` on top so the choice is visible\n * family-wide. (The SKIN axis has its own `oc_skin` bridge inside\n * `OcThemeProvider`; this is the mode counterpart, previously duplicated in\n * every consumer repo.)\n *\n * Mount once inside the next-themes `<ThemeProvider>`:\n *\n *     <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n *         <OcThemeBridge />\n *         <OcThemeProvider>…</OcThemeProvider>\n *     </ThemeProvider>\n *\n * The cookie is intentionally non-HttpOnly (next-themes JS reads/writes it) and\n * carries no auth value — a leak only reveals a theme preference.\n */\nconst COOKIE = 'oc_theme';\nconst ALLOWED = new Set(['light', 'dark', 'system']);\nconst ONE_YEAR = 60 * 60 * 24 * 365;\n\nfunction readCookie(name: string): string | null {\n    if (typeof document === 'undefined') return null;\n    const prefix = `${name}=`;\n    for (const part of document.cookie.split(';')) {\n        const trimmed = part.trim();\n        if (trimmed.startsWith(prefix)) {\n            const v = decodeURIComponent(trimmed.slice(prefix.length));\n            return v.length > 0 ? v : null;\n        }\n    }\n    return null;\n}\n\nfunction writeCookie(value: string): void {\n    if (typeof document === 'undefined') return;\n    if (!ALLOWED.has(value)) return;\n    const isLocal = location.hostname === 'localhost' || location.hostname === '127.0.0.1';\n    const parts = [\n        `${COOKIE}=${encodeURIComponent(value)}`,\n        'Path=/',\n        `Max-Age=${ONE_YEAR}`,\n        'SameSite=Lax',\n    ];\n    if (!isLocal) {\n        parts.push('Domain=.ochk.io');\n        parts.push('Secure');\n    }\n    document.cookie = parts.join('; ');\n}\n\nexport function OcThemeBridge() {\n    const { theme, setTheme } = useTheme();\n    const hydratedRef = useRef(false);\n\n    useEffect(() => {\n        if (hydratedRef.current) return;\n        hydratedRef.current = true;\n        const cookieValue = readCookie(COOKIE);\n        if (cookieValue && ALLOWED.has(cookieValue) && cookieValue !== theme) {\n            setTheme(cookieValue);\n        }\n    }, [theme, setTheme]);\n\n    useEffect(() => {\n        if (!hydratedRef.current) return;\n        if (!theme) return;\n        writeCookie(theme);\n    }, [theme]);\n\n    return null;\n}\n","'use client';\n\nimport { Check, Palette } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { cn } from './cn';\nimport { useOcSkin } from './provider';\n\n/**\n * OcThemePicker — the skin selector. Sits beside `ThemeToggle` in the header.\n * Self-contained dropdown (no Radix): outside-click + Escape to close. Mirrors\n * the ghost-icon affordance of `ThemeToggle`. Gate its mount behind\n * `NEXT_PUBLIC_OC_THEME_PICKER` during staged rollout.\n */\nexport interface OcThemePickerProps {\n    className?: string;\n    triggerClassName?: string;\n    popoverClassName?: string;\n}\n\nexport function OcThemePicker({ className, triggerClassName, popoverClassName }: OcThemePickerProps) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const [open, setOpen] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!open) return;\n        function onDown(e: MouseEvent) {\n            if (rootRef.current && !rootRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDown);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDown);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={rootRef} className={cn('relative', className)}>\n            <button\n                type=\"button\"\n                aria-label=\"choose theme\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                title=\"choose theme\"\n                onClick={() => setOpen((v) => !v)}\n                className={cn(\n                    'text-muted-foreground hover:text-foreground inline-flex size-9 items-center justify-center rounded-md transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n                    triggerClassName\n                )}\n            >\n                <Palette className=\"size-4\" aria-hidden />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    className={cn(\n                        'bg-popover text-popover-foreground absolute right-0 z-50 mt-2 w-64 overflow-hidden rounded-md border shadow-md',\n                        popoverClassName\n                    )}\n                >\n                    <div className=\"label-mono text-muted-foreground px-3 pt-3 pb-1\">theme</div>\n                    <ul className=\"pb-1\">\n                        {themes.map((t) => {\n                            const active = t.id === skin;\n                            return (\n                                <li key={t.id}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"menuitemradio\"\n                                        aria-checked={active}\n                                        onClick={() => {\n                                            setSkin(t.id);\n                                            setOpen(false);\n                                        }}\n                                        className={cn(\n                                            'hover:bg-accent hover:text-accent-foreground flex w-full items-start gap-2 px-3 py-2 text-left transition-colors',\n                                            active && 'text-foreground'\n                                        )}\n                                    >\n                                        <span className=\"mt-0.5 size-4 shrink-0\">\n                                            {active && <Check className=\"size-4 text-primary\" aria-hidden />}\n                                        </span>\n                                        <span className=\"min-w-0\">\n                                            <span className=\"block text-sm font-medium\">{t.label}</span>\n                                            <span className=\"text-muted-foreground block text-xs leading-snug\">\n                                                {t.description}\n                                            </span>\n                                        </span>\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n}\n","'use client';\n\nimport { Check, Monitor, Moon, Palette, Sun } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { cn } from './cn';\nimport { useOcSkin } from './provider';\n\n/**\n * OcAppearanceMenu — the single header control for ALL appearance settings.\n *\n * One icon button opens a dropdown with both axes:\n *   • mode  — light / dark / system   (next-themes `.dark` class)\n *   • theme — the registered skins     (data-oc-theme, persisted .ochk.io)\n *\n * Replaces the separate `ThemeToggle` + `OcThemePicker` so every family site\n * carries exactly one appearance control. Self-contained dropdown (no Radix):\n * outside-click + Escape to close. Requires `<OcThemeProvider>` above it (skin\n * axis) and a next-themes `<ThemeProvider>` (mode axis) — both already mounted\n * on every family site.\n */\nexport interface OcAppearanceMenuProps {\n    className?: string;\n    triggerClassName?: string;\n    popoverClassName?: string;\n}\n\nconst MODES = [\n    { id: 'light', label: 'light', Icon: Sun },\n    { id: 'dark', label: 'dark', Icon: Moon },\n    { id: 'system', label: 'system', Icon: Monitor },\n] as const;\n\n/**\n * AppearanceControls — the mode segment + skin list, with no trigger/popover\n * chrome of its own. Embed it anywhere a surface wants to host appearance\n * settings inline (the standalone OcAppearanceMenu popover, the mobile account\n * menu, a site's Sheet drawer). Requires `<OcThemeProvider>` + next-themes\n * above it, like OcAppearanceMenu.\n */\nexport function AppearanceControls({ className }: { className?: string }) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const { theme, setTheme } = useTheme();\n    const [mounted, setMounted] = useState(false);\n    useEffect(() => setMounted(true), []);\n    const activeMode = mounted ? (theme ?? 'system') : null;\n\n    return (\n        <div className={className}>\n            <div className=\"label-mono text-muted-foreground px-3 pt-3 pb-2\">mode</div>\n            <div className=\"grid grid-cols-3 gap-1 px-2 pb-2\">\n                {MODES.map(({ id, label, Icon }) => {\n                    const active = activeMode === id;\n                    return (\n                        <button\n                            key={id}\n                            type=\"button\"\n                            role=\"menuitemradio\"\n                            aria-checked={active}\n                            onClick={() => setTheme(id)}\n                            className={cn(\n                                'flex flex-col items-center gap-1 rounded-md border py-2 text-[11px] transition-colors',\n                                active\n                                    ? 'border-primary text-foreground bg-accent'\n                                    : 'border-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground'\n                            )}\n                        >\n                            <Icon className=\"size-4\" aria-hidden />\n                            {label}\n                        </button>\n                    );\n                })}\n            </div>\n            <div className=\"label-mono text-muted-foreground border-t px-3 pt-3 pb-1\">theme</div>\n            <ul className=\"pb-1\">\n                {themes.map((t) => {\n                    const active = t.id === skin;\n                    return (\n                        <li key={t.id}>\n                            <button\n                                type=\"button\"\n                                role=\"menuitemradio\"\n                                aria-checked={active}\n                                onClick={() => setSkin(t.id)}\n                                className={cn(\n                                    'hover:bg-accent hover:text-accent-foreground flex w-full items-start gap-2 px-3 py-2 text-left transition-colors',\n                                    active && 'text-foreground'\n                                )}\n                            >\n                                <span className=\"mt-0.5 size-4 shrink-0\">\n                                    {active && <Check className=\"text-primary size-4\" aria-hidden />}\n                                </span>\n                                <span className=\"min-w-0\">\n                                    <span className=\"block text-sm font-medium\">{t.label}</span>\n                                    <span className=\"text-muted-foreground block text-xs leading-snug\">\n                                        {t.description}\n                                    </span>\n                                </span>\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n\nexport function OcAppearanceMenu({\n    className,\n    triggerClassName,\n    popoverClassName,\n}: OcAppearanceMenuProps) {\n    const [open, setOpen] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!open) return;\n        function onDown(e: MouseEvent) {\n            if (rootRef.current && !rootRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDown);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDown);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={rootRef} className={cn('relative', className)}>\n            <button\n                type=\"button\"\n                aria-label=\"appearance settings\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                title=\"appearance · mode + theme\"\n                onClick={() => setOpen((v) => !v)}\n                className={cn(\n                    'text-muted-foreground hover:text-foreground inline-flex size-9 items-center justify-center rounded-md transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n                    triggerClassName\n                )}\n            >\n                <Palette className=\"size-4\" aria-hidden />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    className={cn(\n                        'bg-popover text-popover-foreground absolute right-0 z-50 mt-2 w-64 overflow-hidden rounded-md border shadow-md',\n                        popoverClassName\n                    )}\n                >\n                    <AppearanceControls />\n                </div>\n            )}\n        </div>\n    );\n}\n"]}
+{"version":3,"sources":["../src/tokens/cn.ts","../src/tokens/themes.ts","../src/tokens/aurora.tsx","../src/tokens/provider.tsx","../src/tokens/theme-bridge.tsx","../src/tokens/theme-picker.tsx","../src/tokens/appearance-menu.tsx"],"names":["twMerge","clsx","jsx","createContext","useState","useRef","useEffect","useCallback","useMemo","jsxs","useContext","ONE_YEAR","useTheme","Palette","Check","Sun","Moon","Monitor"],"mappings":";;;;;;;;;;AAUO,SAAS,MAAM,MAAA,EAA8B;AAChD,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC/B;;;ACmBO,IAAM,SAAA,GAAgC;AAAA,EACzC;AAAA,IACI,EAAA,EAAI,aAAA;AAAA,IACJ,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa,gFAAA;AAAA,IACb,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA;AAAA,IACI,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA,EAAO,UAAA;AAAA,IACP,WAAA,EAAa,uFAAA;AAAA,IACb,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA;AAAA,IACI,EAAA,EAAI,WAAA;AAAA,IACJ,KAAA,EAAO,WAAA;AAAA,IACP,WAAA,EAAa,gFAAA;AAAA,IACb,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA;AAAA,IACI,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA,EAAO,MAAA;AAAA,IACP,WAAA,EAAa,kFAAA;AAAA,IACb,MAAA,EAAQ;AAAA,GACZ;AAAA,EACA;AAAA,IACI,EAAA,EAAI,OAAA;AAAA,IACJ,KAAA,EAAO,OAAA;AAAA,IACP,WAAA,EACI,qHAAA;AAAA,IACJ,MAAA,EAAQ;AAAA;AAEhB;AAIO,IAAM,iBAAA,GAAoB;AAG1B,SAAS,UAAU,EAAA,EAAuC;AAC7D,EAAA,OAAO,SAAA,CAAU,KAAK,CAAC,CAAA,KAAM,EAAE,EAAA,KAAO,EAAE,GAAG,MAAA,IAAU,iBAAA;AACzD;AAEO,IAAM,gBAAA,GAAmB;AAIzB,SAAS,aAAa,EAAA,EAAgD;AACzE,EAAA,OAAO,CAAC,CAAC,EAAA,IAAM,SAAA,CAAU,KAAK,CAAC,CAAA,KAAM,CAAA,CAAE,EAAA,KAAO,EAAE,CAAA;AACpD;AAEO,SAAS,aAAa,EAAA,EAAuC;AAChE,EAAA,OAAO,YAAA,CAAa,EAAE,CAAA,GAAI,EAAA,GAAK,gBAAA;AACnC;AAGO,IAAM,cAAA,GAAiB;AC1E9B,IAAM,QAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC,CAAA;AASrB,SAAS,QAAA,CAAS,EAAE,SAAA,EAAW,SAAA,EAAU,EAAkB;AAC9D,EAAA,MAAM,KAAA,GACF,aAAa,IAAA,GACP,MAAA,GACC,EAAE,uBAAA,EAAyB,MAAA,CAAO,SAAS,CAAA,EAAE;AACxD,EAAA,uBACIC,cAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,SAAS,CAAA,EAAG,KAAA,EAAc,aAAA,EAAY,MAAA,EACjE,QAAA,EAAA,KAAA,CAAM,IAAI,CAAC,CAAA,oCACP,KAAA,EAAA,EAAY,SAAA,EAAW,mCAAmC,CAAC,CAAA,CAAA,EAAA,EAAlD,CAAsD,CACnE,CAAA,EACL,CAAA;AAER;ACmBA,IAAM,QAAA,GAAW,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAChC,IAAM,IAAA,GAAO,eAAA;AAEb,SAAS,cAAA,GAAgC;AACrC,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,GAAG,cAAc,CAAA,CAAA,CAAA;AAChC,EAAA,KAAA,MAAW,IAAA,IAAQ,QAAA,CAAS,MAAA,CAAO,KAAA,CAAM,GAAG,CAAA,EAAG;AAC3C,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,EAAG;AAC5B,MAAA,MAAM,IAAI,kBAAA,CAAmB,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,MAAM,CAAC,CAAA;AACzD,MAAA,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,CAAA,GAAI,IAAA;AAAA,IAC9B;AAAA,EACJ;AACA,EAAA,OAAO,IAAA;AACX;AAEA,SAAS,gBAAgB,KAAA,EAAqB;AAC1C,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,EAAA,MAAM,OAAA,GACF,QAAA,CAAS,QAAA,KAAa,WAAA,IAAe,SAAS,QAAA,KAAa,WAAA;AAC/D,EAAA,MAAM,KAAA,GAAQ;AAAA,IACV,CAAA,EAAG,cAAc,CAAA,CAAA,EAAI,kBAAA,CAAmB,KAAK,CAAC,CAAA,CAAA;AAAA,IAC9C,QAAA;AAAA,IACA,WAAW,QAAQ,CAAA,CAAA;AAAA,IACnB;AAAA,GACJ;AACA,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,KAAA,CAAM,KAAK,iBAAiB,CAAA;AAC5B,IAAA,KAAA,CAAM,KAAK,QAAQ,CAAA;AAAA,EACvB;AACA,EAAA,QAAA,CAAS,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AACrC;AAEA,SAAS,UAAU,IAAA,EAAoB;AACnC,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,EAAA,QAAA,CAAS,eAAA,CAAgB,YAAA,CAAa,IAAA,EAAM,IAAI,CAAA;AACpD;AAUA,SAAS,gBAAgB,IAAA,EAAoB;AACzC,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,EAAA,IAAI,OAAO,MAAA,CAAO,mBAAA,KAAwB,UAAA,EAAY;AAClD,IAAA,MAAA,CAAO,oBAAoB,IAAI,CAAA;AAC/B,IAAA;AAAA,EACJ;AACA,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,aAAA,CAAc,0BAA0B,CAAA;AAC9D,EAAA,IAAI,MAAM,IAAA,CAAK,YAAA,CAAa,SAAA,EAAW,SAAA,CAAU,IAAI,CAAC,CAAA;AAC1D;AAWA,IAAM,aAAA,GAAgBC,oBAAyC,IAAI,CAAA;AAc5D,SAAS,eAAA,CAAgB;AAAA,EAC5B,QAAA;AAAA,EACA,WAAA,GAAc,gBAAA;AAAA,EACd,MAAA,GAAS;AACb,CAAA,EAAyB;AACrB,EAAA,MAAM,CAAC,MAAM,YAAY,CAAA,GAAIC,eAAiB,MAAM,YAAA,CAAa,WAAW,CAAC,CAAA;AAC7E,EAAA,MAAM,WAAA,GAAcC,aAAO,KAAK,CAAA;AAGhC,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,MAAM,UAAA,GAAa,YAAA,CAAa,cAAA,EAAe,IAAK,WAAW,CAAA;AAC/D,IAAA,SAAA,CAAU,UAAU,CAAA;AACpB,IAAA,eAAA,CAAgB,UAAU,CAAA;AAC1B,IAAA,YAAA,CAAa,UAAU,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAGhB,EAAAA,eAAA,CAAU,MAAM;AACZ,IAAA,SAAS,IAAA,GAAO;AACZ,MAAA,MAAM,UAAA,GAAa,YAAA,CAAa,cAAA,EAAe,IAAK,IAAI,CAAA;AACxD,MAAA,IAAI,eAAe,IAAA,EAAM;AACrB,QAAA,SAAA,CAAU,UAAU,CAAA;AACpB,QAAA,eAAA,CAAgB,UAAU,CAAA;AAC1B,QAAA,YAAA,CAAa,UAAU,CAAA;AAAA,MAC3B;AAAA,IACJ;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAS,IAAI,CAAA;AACrC,IAAA,QAAA,CAAS,gBAAA,CAAiB,oBAAoB,IAAI,CAAA;AAClD,IAAA,OAAO,MAAM;AACT,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAS,IAAI,CAAA;AACxC,MAAA,QAAA,CAAS,mBAAA,CAAoB,oBAAoB,IAAI,CAAA;AAAA,IACzD,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,OAAA,GAAUC,iBAAA,CAAY,CAAC,EAAA,KAAe;AACxC,IAAA,MAAM,IAAA,GAAO,aAAa,EAAE,CAAA;AAC5B,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACrB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACV,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,QAAQ,SAAA,EAAU,CAAA;AAAA,IAC1C,CAAC,MAAM,OAAO;AAAA,GAClB;AAEA,EAAA,uBACIC,eAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EACnB,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,KAAA,oBACRP,cAAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,OAAO,MAAA,KAAW,QAAA,GAAW,MAAA,CAAO,SAAA,GAAY,MAAA,EAAW,CAAA;AAAA,IAEnF;AAAA,GAAA,EACL,CAAA;AAER;AAGO,SAAS,SAAA,GAAgC;AAC5C,EAAA,MAAM,GAAA,GAAMQ,iBAAW,aAAa,CAAA;AACpC,EAAA,IAAI,CAAC,GAAA,EAAK;AACN,IAAA,MAAM,IAAI,MAAM,iDAAiD,CAAA;AAAA,EACrE;AACA,EAAA,OAAO,GAAA;AACX;AASO,SAAS,oBAAA,CAAqB,cAAsB,gBAAA,EAA0B;AASjF,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,WAAA,CAAY,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,KAAM,CAAC,CAAA,CAAE,EAAA,EAAI,CAAA,CAAE,MAAM,CAAC,CAAC,CAAA;AACzE,EAAA,OACI,CAAA,oBAAA,EACW,KAAK,SAAA,CAAU,OAAO,CAAC,CAAA,KAAA,EAAQ,IAAA,CAAK,UAAU,WAAW,CAAC,SAAS,IAAA,CAAK,SAAA,CAAU,iBAAiB,CAAC,CAAA,irBAAA,EAWnE,cAAc,CAAA,qGAAA,EAChB,IAAI,uFACK,IAAI,CAAA,aAAA,CAAA;AAG/D;AClNA,IAAM,MAAA,GAAS,UAAA;AACf,IAAM,0BAAU,IAAI,GAAA,CAAI,CAAC,OAAA,EAAS,MAAA,EAAQ,QAAQ,CAAC,CAAA;AACnD,IAAMC,SAAAA,GAAW,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,GAAA;AAEhC,SAAS,WAAW,IAAA,EAA6B;AAC7C,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,GAAG,IAAI,CAAA,CAAA,CAAA;AACtB,EAAA,KAAA,MAAW,IAAA,IAAQ,QAAA,CAAS,MAAA,CAAO,KAAA,CAAM,GAAG,CAAA,EAAG;AAC3C,IAAA,MAAM,OAAA,GAAU,KAAK,IAAA,EAAK;AAC1B,IAAA,IAAI,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA,EAAG;AAC5B,MAAA,MAAM,IAAI,kBAAA,CAAmB,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,MAAM,CAAC,CAAA;AACzD,MAAA,OAAO,CAAA,CAAE,MAAA,GAAS,CAAA,GAAI,CAAA,GAAI,IAAA;AAAA,IAC9B;AAAA,EACJ;AACA,EAAA,OAAO,IAAA;AACX;AAEA,SAAS,YAAY,KAAA,EAAqB;AACtC,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACrC,EAAA,IAAI,CAAC,OAAA,CAAQ,GAAA,CAAI,KAAK,CAAA,EAAG;AACzB,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,QAAA,KAAa,WAAA,IAAe,SAAS,QAAA,KAAa,WAAA;AAC3E,EAAA,MAAM,KAAA,GAAQ;AAAA,IACV,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,kBAAA,CAAmB,KAAK,CAAC,CAAA,CAAA;AAAA,IACtC,QAAA;AAAA,IACA,WAAWA,SAAQ,CAAA,CAAA;AAAA,IACnB;AAAA,GACJ;AACA,EAAA,IAAI,CAAC,OAAA,EAAS;AACV,IAAA,KAAA,CAAM,KAAK,iBAAiB,CAAA;AAC5B,IAAA,KAAA,CAAM,KAAK,QAAQ,CAAA;AAAA,EACvB;AACA,EAAA,QAAA,CAAS,MAAA,GAAS,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AACrC;AAEO,SAAS,aAAA,GAAgB;AAC5B,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAIC,mBAAA,EAAS;AACrC,EAAA,MAAM,WAAA,GAAcP,aAAO,KAAK,CAAA;AAEhC,EAAAC,gBAAU,MAAM;AACZ,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,MAAM,WAAA,GAAc,WAAW,MAAM,CAAA;AACrC,IAAA,IAAI,eAAe,OAAA,CAAQ,GAAA,CAAI,WAAW,CAAA,IAAK,gBAAgB,KAAA,EAAO;AAClE,MAAA,QAAA,CAAS,WAAW,CAAA;AAAA,IACxB;AAAA,EACJ,CAAA,EAAG,CAAC,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEpB,EAAAA,gBAAU,MAAM;AACZ,IAAA,IAAI,CAAC,YAAY,OAAA,EAAS;AAC1B,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,WAAA,CAAY,KAAK,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,OAAO,IAAA;AACX;AC3DO,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,gBAAA,EAAkB,kBAAiB,EAAuB;AACjG,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,KAAW,SAAA,EAAU;AAC5C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIF,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,OAAA,GAAUC,aAAuB,IAAI,CAAA;AAE3C,EAAAC,gBAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,SAAS,OAAO,CAAA,EAAe;AAC3B,MAAA,IAAI,OAAA,CAAQ,OAAA,IAAW,CAAC,OAAA,CAAQ,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAc,CAAA,EAAG,OAAA,CAAQ,KAAK,CAAA;AAAA,IACrF;AACA,IAAA,SAAS,MAAM,CAAA,EAAkB;AAC7B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAA;AAAA,IACzC;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,MAAM,CAAA;AAC7C,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACT,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,MAAM,CAAA;AAChD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IACjD,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACIG,gBAAC,KAAA,EAAA,EAAI,GAAA,EAAK,SAAS,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAAP,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,cAAA;AAAA,QACX,eAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAe,IAAA;AAAA,QACf,KAAA,EAAM,cAAA;AAAA,QACN,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAChC,SAAA,EAAW,EAAA;AAAA,UACP,0LAAA;AAAA,UACA;AAAA,SACJ;AAAA,QAEA,0BAAAA,cAAAA,CAACW,mBAAA,EAAA,EAAQ,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC;AAAA;AAAA,KAC5C;AAAA,IAEC,wBACGJ,eAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACP,gHAAA;AAAA,UACA;AAAA,SACJ;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAP,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,0BACtEA,eAAC,IAAA,EAAA,EAAG,SAAA,EAAU,QACT,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,KAAM;AACf,YAAA,MAAM,MAAA,GAAS,EAAE,EAAA,KAAO,IAAA;AACxB,YAAA,uBACIA,cAAAA,CAAC,IAAA,EAAA,EACG,QAAA,kBAAAO,eAAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACG,IAAA,EAAK,QAAA;AAAA,gBACL,IAAA,EAAK,eAAA;AAAA,gBACL,cAAA,EAAc,MAAA;AAAA,gBACd,SAAS,MAAM;AACX,kBAAA,OAAA,CAAQ,EAAE,EAAE,CAAA;AACZ,kBAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,gBACjB,CAAA;AAAA,gBACA,SAAA,EAAW,EAAA;AAAA,kBACP,kHAAA;AAAA,kBACA,MAAA,IAAU;AAAA,iBACd;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAAP,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EACX,QAAA,EAAA,MAAA,oBAAUA,cAAAA,CAACY,iBAAA,EAAA,EAAM,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAW,IAAA,EAAC,CAAA,EAClE,CAAA;AAAA,kCACAL,eAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EACZ,QAAA,EAAA;AAAA,oCAAAP,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,YAAE,KAAA,EAAM,CAAA;AAAA,oCACrDA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EACX,YAAE,WAAA,EACP;AAAA,mBAAA,EACJ;AAAA;AAAA;AAAA,aACJ,EAAA,EAvBK,EAAE,EAwBX,CAAA;AAAA,UAER,CAAC,CAAA,EACL;AAAA;AAAA;AAAA;AACJ,GAAA,EAER,CAAA;AAER;AC3EA,IAAM,KAAA,GAAQ;AAAA,EACV,EAAE,EAAA,EAAI,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,MAAMa,eAAA,EAAI;AAAA,EACzC,EAAE,EAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,MAAMC,gBAAA,EAAK;AAAA,EACxC,EAAE,EAAA,EAAI,QAAA,EAAU,KAAA,EAAO,QAAA,EAAU,MAAMC,mBAAA;AAC3C,CAAA;AASO,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAU,EAA2B;AACtE,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,KAAW,SAAA,EAAU;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAIL,mBAAAA,EAAS;AACrC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIR,eAAS,KAAK,CAAA;AAC5C,EAAAE,gBAAU,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,EAAE,CAAA;AACpC,EAAA,MAAM,UAAA,GAAa,OAAA,GAAW,KAAA,IAAS,QAAA,GAAY,IAAA;AAEnD,EAAA,uBACIG,eAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EACD,QAAA,EAAA;AAAA,oBAAAP,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EAAkD,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,oBACrEA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kCAAA,EACV,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,EAAE,EAAA,EAAI,KAAA,EAAO,IAAA,EAAK,KAAM;AAChC,MAAA,MAAM,SAAS,UAAA,KAAe,EAAA;AAC9B,MAAA,uBACIO,eAAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEG,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,eAAA;AAAA,UACL,cAAA,EAAc,MAAA;AAAA,UACd,OAAA,EAAS,MAAM,QAAA,CAAS,EAAE,CAAA;AAAA,UAC1B,SAAA,EAAW,EAAA;AAAA,YACP,uFAAA;AAAA,YACA,SACM,0CAAA,GACA;AAAA,WACV;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAP,cAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC,CAAA;AAAA,YACpC;AAAA;AAAA,SAAA;AAAA,QAbI;AAAA,OAcT;AAAA,IAER,CAAC,CAAA,EACL,CAAA;AAAA,oBACAA,cAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAA2D,QAAA,EAAA,OAAA,EAAK,CAAA;AAAA,oBAC/EA,eAAC,IAAA,EAAA,EAAG,SAAA,EAAU,QACT,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,KAAM;AACf,MAAA,MAAM,MAAA,GAAS,EAAE,EAAA,KAAO,IAAA;AACxB,MAAA,uBACIA,cAAAA,CAAC,IAAA,EAAA,EACG,QAAA,kBAAAO,eAAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACG,IAAA,EAAK,QAAA;AAAA,UACL,IAAA,EAAK,eAAA;AAAA,UACL,cAAA,EAAc,MAAA;AAAA,UACd,OAAA,EAAS,MAAM,OAAA,CAAQ,CAAA,CAAE,EAAE,CAAA;AAAA,UAC3B,SAAA,EAAW,EAAA;AAAA,YACP,kHAAA;AAAA,YACA,MAAA,IAAU;AAAA,WACd;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAP,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wBAAA,EACX,QAAA,EAAA,MAAA,oBAAUA,cAAAA,CAACY,iBAAAA,EAAA,EAAM,SAAA,EAAU,qBAAA,EAAsB,aAAA,EAAW,MAAC,CAAA,EAClE,CAAA;AAAA,4BACAL,eAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EACZ,QAAA,EAAA;AAAA,8BAAAP,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,2BAAA,EAA6B,YAAE,KAAA,EAAM,CAAA;AAAA,8BACrDA,cAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EACX,YAAE,WAAA,EACP;AAAA,aAAA,EACJ;AAAA;AAAA;AAAA,OACJ,EAAA,EApBK,EAAE,EAqBX,CAAA;AAAA,IAER,CAAC,CAAA,EACL;AAAA,GAAA,EACJ,CAAA;AAER;AAEO,SAAS,gBAAA,CAAiB;AAAA,EAC7B,SAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACJ,CAAA,EAA0B;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIE,eAAS,KAAK,CAAA;AACtC,EAAA,MAAM,OAAA,GAAUC,aAAuB,IAAI,CAAA;AAE3C,EAAAC,gBAAU,MAAM;AACZ,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,SAAS,OAAO,CAAA,EAAe;AAC3B,MAAA,IAAI,OAAA,CAAQ,OAAA,IAAW,CAAC,OAAA,CAAQ,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAc,CAAA,EAAG,OAAA,CAAQ,KAAK,CAAA;AAAA,IACrF;AACA,IAAA,SAAS,MAAM,CAAA,EAAkB;AAC7B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,OAAA,CAAQ,KAAK,CAAA;AAAA,IACzC;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,MAAM,CAAA;AAC7C,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACT,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,MAAM,CAAA;AAChD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IACjD,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,uBACIG,gBAAC,KAAA,EAAA,EAAI,GAAA,EAAK,SAAS,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA,EAClD,QAAA,EAAA;AAAA,oBAAAP,cAAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,qBAAA;AAAA,QACX,eAAA,EAAc,MAAA;AAAA,QACd,eAAA,EAAe,IAAA;AAAA,QACf,KAAA,EAAM,8BAAA;AAAA,QACN,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAChC,SAAA,EAAW,EAAA;AAAA,UACP,0LAAA;AAAA,UACA;AAAA,SACJ;AAAA,QAEA,0BAAAA,cAAAA,CAACW,mBAAAA,EAAA,EAAQ,SAAA,EAAU,QAAA,EAAS,eAAW,IAAA,EAAC;AAAA;AAAA,KAC5C;AAAA,IAEC,wBACGX,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACP,gHAAA;AAAA,UACA;AAAA,SACJ;AAAA,QAEA,QAAA,kBAAAA,eAAC,kBAAA,EAAA,EAAmB;AAAA;AAAA;AACxB,GAAA,EAER,CAAA;AAER","file":"tokens.js","sourcesContent":["import type { ClassValue } from 'clsx';\n\nimport { clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Canonical class-name merge for the OrangeCheck family.\n * `clsx` for conditional composition, `tailwind-merge` to resolve\n * conflicting Tailwind utilities (last-wins by property).\n */\nexport function cn(...inputs: ClassValue[]): string {\n    return twMerge(clsx(inputs));\n}\n","/**\n * The OrangeCheck theme (skin) registry.\n *\n * A *skin* is the named-theme axis, orthogonal to the light/dark *mode* axis\n * (which stays owned by `next-themes` via the `.dark` class). A skin is applied\n * as `data-oc-theme=\"<id>\"` on `<html>` and persisted in the `oc_skin` cookie at\n * `Domain=.ochk.io` so a choice on one family site carries to every other.\n *\n * Adding a skin = add a `themes/<id>.css` token block in this package and a\n * row here. Every site picks it up on the next `@orangecheck/design` bump; no\n * per-site edits.\n */\nexport interface OcTheme {\n    /** Stable id — also the `data-oc-theme` attribute value and the CSS file stem. */\n    readonly id: string;\n    /** Human label for the picker (lowercase, house voice). */\n    readonly label: string;\n    /** One-line description shown in the picker / Storybook. */\n    readonly description: string;\n    /**\n     * Accent hex (sRGB of the skin's dark-mode `--brand`). Used to swap the\n     * browser chrome — `<meta name=\"theme-color\">` and the favicon (recolored\n     * from the family `#f97316`) — when the skin changes. Mirrors the\n     * `SKINS` palette in `oc-media-kit/build/brands.py` (same source of truth).\n     */\n    readonly accent: string;\n}\n\n// Every skin is rooted in the Bitcoin ethos — sharp, flat, cypherpunk — and\n// carries a meaning, not just a colour: the chain, the node, the network, sound\n// money. No SaaS softness.\nexport const OC_THEMES: readonly OcTheme[] = [\n    {\n        id: 'orangecheck',\n        label: 'orangecheck',\n        description: 'the chain — Bitcoin orange, sharp 0.25rem corners, Inter + JetBrains Mono',\n        accent: '#f97316',\n    },\n    {\n        id: 'phosphor',\n        label: 'phosphor',\n        description: 'the node — CRT terminal green, hard 0.125rem, all-mono · sovereignty & verify',\n        accent: '#55d671',\n    },\n    {\n        id: 'lightning',\n        label: 'lightning',\n        description: 'the network — electric violet (L2), hardest 0rem edges, sans · instant',\n        accent: '#c27dff',\n    },\n    {\n        id: 'gold',\n        label: 'gold',\n        description: 'sound money — digital gold, hard 0.125rem milled edge, mono ledger · 21M',\n        accent: '#e3b831',\n    },\n    {\n        id: 'ember',\n        label: 'ember',\n        description:\n            'the warmth — burnt-sienna terracotta, soft 1rem corners, pill buttons, Hanken Grotesk · approachable, human',\n        accent: '#da6736',\n    },\n] as const;\n\n/** The family default accent (orangecheck), and the hex every favicon ships\n *  with — the swap recolors from this to the active skin's accent. */\nexport const OC_DEFAULT_ACCENT = '#f97316';\n\n/** Accent hex for a skin id, falling back to the default. */\nexport function accentFor(id: string | null | undefined): string {\n    return OC_THEMES.find((t) => t.id === id)?.accent ?? OC_DEFAULT_ACCENT;\n}\n\nexport const DEFAULT_OC_THEME = 'orangecheck';\n\nexport type OcThemeId = (typeof OC_THEMES)[number]['id'] | (string & {});\n\nexport function isKnownTheme(id: string | null | undefined): id is OcThemeId {\n    return !!id && OC_THEMES.some((t) => t.id === id);\n}\n\nexport function resolveTheme(id: string | null | undefined): string {\n    return isKnownTheme(id) ? id : DEFAULT_OC_THEME;\n}\n\n/** Cookie name for the cross-subdomain skin choice. */\nexport const OC_SKIN_COOKIE = 'oc_skin';\n","import type { CSSProperties } from 'react';\n\nimport { cn } from './cn';\n\nexport interface OcAuroraProps {\n    /**\n     * Master intensity multiplier (default 1, from the theme CSS). Overrides\n     * `--oc-aurora-intensity` for this mount — e.g. dial a reading-heavy site down.\n     */\n    intensity?: number;\n    className?: string;\n}\n\nconst BLOBS = [1, 2, 3, 4, 5] as const;\n\n/**\n * The ambient \"bitcoin aurora\" background — soft, theme-reactive colour clouds\n * that slowly wander (styling in styles/aurora.css; recolours from --brand /\n * --success / --info / --primary across mode + skin). Pure markup, fixed behind\n * all content; `OcThemeProvider` mounts it by default. Mount manually only if a\n * site renders the aurora outside the provider.\n */\nexport function OcAurora({ intensity, className }: OcAuroraProps) {\n    const style =\n        intensity == null\n            ? undefined\n            : ({ '--oc-aurora-intensity': String(intensity) } as CSSProperties);\n    return (\n        <div className={cn('oc-aurora', className)} style={style} aria-hidden=\"true\">\n            {BLOBS.map((n) => (\n                <div key={n} className={`oc-aurora__blob oc-aurora__blob-${n}`} />\n            ))}\n        </div>\n    );\n}\n","'use client';\n\nimport {\n    createContext,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type ReactNode,\n} from 'react';\n\nimport {\n    accentFor,\n    DEFAULT_OC_THEME,\n    OC_DEFAULT_ACCENT,\n    OC_SKIN_COOKIE,\n    OC_THEMES,\n    resolveTheme,\n    type OcTheme,\n} from './themes';\nimport { OcAurora } from './aurora';\n\ndeclare global {\n    interface Window {\n        /** Defined by `getOcThemeInitScript()`; recolors favicon + theme-color. */\n        __ocApplySkinChrome?: (skin: string) => void;\n    }\n}\n\n/**\n * OcThemeProvider — the skin (named-theme) axis.\n *\n * Orthogonal to `next-themes`, which owns light/dark via the `.dark` class.\n * This provider owns the `data-oc-theme` attribute on `<html>` and persists the\n * choice in the `oc_skin` cookie at `Domain=.ochk.io`, so a skin chosen on one\n * `*.ochk.io` site is honored on every other. It re-reads the cookie on focus /\n * visibility change so a fresh choice picks up when the user returns to a tab\n * (same cross-site pickup trick `OcAccountMenu` uses for sign-in).\n *\n * Mount once, inside (or beside) the `next-themes` `<ThemeProvider>`:\n *\n *     <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n *         <OcThemeProvider>\n *             …app…\n *         </OcThemeProvider>\n *     </ThemeProvider>\n *\n * Pair with `getOcThemeInitScript()` in `_document` to avoid a flash before\n * hydration.\n */\n\nconst ONE_YEAR = 60 * 60 * 24 * 365;\nconst ATTR = 'data-oc-theme';\n\nfunction readSkinCookie(): string | null {\n    if (typeof document === 'undefined') return null;\n    const prefix = `${OC_SKIN_COOKIE}=`;\n    for (const part of document.cookie.split(';')) {\n        const trimmed = part.trim();\n        if (trimmed.startsWith(prefix)) {\n            const v = decodeURIComponent(trimmed.slice(prefix.length));\n            return v.length > 0 ? v : null;\n        }\n    }\n    return null;\n}\n\nfunction writeSkinCookie(value: string): void {\n    if (typeof document === 'undefined') return;\n    const isLocal =\n        location.hostname === 'localhost' || location.hostname === '127.0.0.1';\n    const parts = [\n        `${OC_SKIN_COOKIE}=${encodeURIComponent(value)}`,\n        'Path=/',\n        `Max-Age=${ONE_YEAR}`,\n        'SameSite=Lax',\n    ];\n    if (!isLocal) {\n        parts.push('Domain=.ochk.io');\n        parts.push('Secure');\n    }\n    document.cookie = parts.join('; ');\n}\n\nfunction applyAttr(skin: string): void {\n    if (typeof document === 'undefined') return;\n    document.documentElement.setAttribute(ATTR, skin);\n}\n\n/**\n * Swap the browser chrome (favicon + `<meta name=\"theme-color\">`) to the skin's\n * accent. The real work lives in the global installed by\n * `getOcThemeInitScript()` (so the favicon's original SVG is captured exactly\n * once, before the init script's own first recolor — avoids re-reading an\n * already-swapped data: URI). If the init script wasn't included, fall back to\n * the theme-color swap alone (favicon recolor needs the captured original).\n */\nfunction applySkinChrome(skin: string): void {\n    if (typeof window === 'undefined') return;\n    if (typeof window.__ocApplySkinChrome === 'function') {\n        window.__ocApplySkinChrome(skin);\n        return;\n    }\n    const meta = document.querySelector('meta[name=\"theme-color\"]');\n    if (meta) meta.setAttribute('content', accentFor(skin));\n}\n\ninterface OcSkinContextValue {\n    /** Current skin id (always resolved to a known theme). */\n    skin: string;\n    /** Set the skin: validates, applies the attribute, persists the cookie. */\n    setSkin: (id: string) => void;\n    /** The full registry, for rendering a picker. */\n    themes: readonly OcTheme[];\n}\n\nconst OcSkinContext = createContext<OcSkinContextValue | null>(null);\n\nexport interface OcThemeProviderProps {\n    children: ReactNode;\n    /** Skin to assume before the cookie is read (defaults to `orangecheck`). */\n    defaultSkin?: string;\n    /**\n     * The ambient bitcoin-aurora background. `true` (default) renders it behind\n     * the app; `false` disables it; `{ intensity }` tunes its strength for this\n     * site (e.g. `aurora={{ intensity: 0.5 }}` on a reading-heavy surface).\n     */\n    aurora?: boolean | { intensity?: number };\n}\n\nexport function OcThemeProvider({\n    children,\n    defaultSkin = DEFAULT_OC_THEME,\n    aurora = true,\n}: OcThemeProviderProps) {\n    const [skin, setSkinState] = useState<string>(() => resolveTheme(defaultSkin));\n    const hydratedRef = useRef(false);\n\n    // Hydrate from the cookie once on mount and align the attribute.\n    useEffect(() => {\n        if (hydratedRef.current) return;\n        hydratedRef.current = true;\n        const fromCookie = resolveTheme(readSkinCookie() ?? defaultSkin);\n        applyAttr(fromCookie);\n        applySkinChrome(fromCookie);\n        setSkinState(fromCookie);\n    }, [defaultSkin]);\n\n    // Cross-site pickup: re-read the cookie when the tab regains focus.\n    useEffect(() => {\n        function sync() {\n            const fromCookie = resolveTheme(readSkinCookie() ?? skin);\n            if (fromCookie !== skin) {\n                applyAttr(fromCookie);\n                applySkinChrome(fromCookie);\n                setSkinState(fromCookie);\n            }\n        }\n        window.addEventListener('focus', sync);\n        document.addEventListener('visibilitychange', sync);\n        return () => {\n            window.removeEventListener('focus', sync);\n            document.removeEventListener('visibilitychange', sync);\n        };\n    }, [skin]);\n\n    const setSkin = useCallback((id: string) => {\n        const next = resolveTheme(id);\n        applyAttr(next);\n        applySkinChrome(next);\n        writeSkinCookie(next);\n        setSkinState(next);\n    }, []);\n\n    const value = useMemo<OcSkinContextValue>(\n        () => ({ skin, setSkin, themes: OC_THEMES }),\n        [skin, setSkin]\n    );\n\n    return (\n        <OcSkinContext.Provider value={value}>\n            {aurora !== false && (\n                <OcAurora intensity={typeof aurora === 'object' ? aurora.intensity : undefined} />\n            )}\n            {children}\n        </OcSkinContext.Provider>\n    );\n}\n\n/** Read the current skin + setter. Throws if used outside `OcThemeProvider`. */\nexport function useOcSkin(): OcSkinContextValue {\n    const ctx = useContext(OcSkinContext);\n    if (!ctx) {\n        throw new Error('useOcSkin must be used within <OcThemeProvider>');\n    }\n    return ctx;\n}\n\n/**\n * Blocking init script for `_document` (Pages Router) `<Head>`. Applies the\n * cookie's skin to `<html>` before first paint so there is no flash of the\n * default skin. Inject with:\n *\n *     <script dangerouslySetInnerHTML={{ __html: getOcThemeInitScript() }} />\n */\nexport function getOcThemeInitScript(defaultSkin: string = DEFAULT_OC_THEME): string {\n    // Self-contained IIFE — no imports available at parse time. Beyond applying\n    // the skin attribute before first paint, it installs `window.__ocApplySkinChrome`\n    // (the single owner of the favicon + theme-color swap) and runs it for the\n    // saved skin. OcThemeProvider re-invokes the same global on later changes, so\n    // the favicon's *original* SVG is captured exactly once (before any recolor)\n    // and re-recolored from `#f97316` to the active skin's accent. The favicon\n    // recolor is async (a fetch of the same-origin favicon.svg) — chrome updates\n    // a beat after paint, which is fine; the skin attribute itself is synchronous.\n    const accents = Object.fromEntries(OC_THEMES.map((t) => [t.id, t.accent]));\n    return (\n        `(function(){` +\n        `var ACC=${JSON.stringify(accents)},DEF=${JSON.stringify(defaultSkin)},ORIG=${JSON.stringify(OC_DEFAULT_ACCENT)},fav=null;` +\n        `function acc(s){return ACC[s]||ACC[DEF]||ORIG;}` +\n        `window.__ocApplySkinChrome=function(s){try{` +\n        `var a=acc(s);` +\n        `var meta=document.querySelector('meta[name=\"theme-color\"]');if(meta){meta.setAttribute('content',a);}` +\n        `var link=document.querySelector('link[rel~=\"icon\"][type=\"image/svg+xml\"]');if(!link){return;}` +\n        `var paint=function(svg){link.setAttribute('href','data:image/svg+xml,'+encodeURIComponent(svg.split(ORIG).join(a)));};` +\n        `if(fav!=null){paint(fav);return;}` +\n        `var h=link.getAttribute('href');if(!h||h.indexOf('data:')===0){return;}` +\n        `fetch(h).then(function(r){return r.text();}).then(function(svg){fav=svg;paint(svg);}).catch(function(){});` +\n        `}catch(e){}};` +\n        `try{var m=document.cookie.match(/(?:^|; )${OC_SKIN_COOKIE}=([^;]*)/);var s=m?decodeURIComponent(m[1]):DEF;if(!s){s=DEF;}` +\n        `document.documentElement.setAttribute('${ATTR}',s);window.__ocApplySkinChrome(s);}` +\n        `catch(e){document.documentElement.setAttribute('${ATTR}',DEF);}` +\n        `})();`\n    );\n}\n","'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useTheme } from 'next-themes';\n\n/**\n * OcThemeBridge — cross-subdomain persistence for the MODE axis (light/dark).\n *\n * `next-themes` defaults to origin-scoped `localStorage`, so a dark/light choice\n * on one `*.ochk.io` site won't carry to another. This layers an\n * `oc_theme` cookie at `Domain=.ochk.io` on top so the choice is visible\n * family-wide. (The SKIN axis has its own `oc_skin` bridge inside\n * `OcThemeProvider`; this is the mode counterpart, previously duplicated in\n * every consumer repo.)\n *\n * Mount once inside the next-themes `<ThemeProvider>`:\n *\n *     <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n *         <OcThemeBridge />\n *         <OcThemeProvider>…</OcThemeProvider>\n *     </ThemeProvider>\n *\n * The cookie is intentionally non-HttpOnly (next-themes JS reads/writes it) and\n * carries no auth value — a leak only reveals a theme preference.\n */\nconst COOKIE = 'oc_theme';\nconst ALLOWED = new Set(['light', 'dark', 'system']);\nconst ONE_YEAR = 60 * 60 * 24 * 365;\n\nfunction readCookie(name: string): string | null {\n    if (typeof document === 'undefined') return null;\n    const prefix = `${name}=`;\n    for (const part of document.cookie.split(';')) {\n        const trimmed = part.trim();\n        if (trimmed.startsWith(prefix)) {\n            const v = decodeURIComponent(trimmed.slice(prefix.length));\n            return v.length > 0 ? v : null;\n        }\n    }\n    return null;\n}\n\nfunction writeCookie(value: string): void {\n    if (typeof document === 'undefined') return;\n    if (!ALLOWED.has(value)) return;\n    const isLocal = location.hostname === 'localhost' || location.hostname === '127.0.0.1';\n    const parts = [\n        `${COOKIE}=${encodeURIComponent(value)}`,\n        'Path=/',\n        `Max-Age=${ONE_YEAR}`,\n        'SameSite=Lax',\n    ];\n    if (!isLocal) {\n        parts.push('Domain=.ochk.io');\n        parts.push('Secure');\n    }\n    document.cookie = parts.join('; ');\n}\n\nexport function OcThemeBridge() {\n    const { theme, setTheme } = useTheme();\n    const hydratedRef = useRef(false);\n\n    useEffect(() => {\n        if (hydratedRef.current) return;\n        hydratedRef.current = true;\n        const cookieValue = readCookie(COOKIE);\n        if (cookieValue && ALLOWED.has(cookieValue) && cookieValue !== theme) {\n            setTheme(cookieValue);\n        }\n    }, [theme, setTheme]);\n\n    useEffect(() => {\n        if (!hydratedRef.current) return;\n        if (!theme) return;\n        writeCookie(theme);\n    }, [theme]);\n\n    return null;\n}\n","'use client';\n\nimport { Check, Palette } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { cn } from './cn';\nimport { useOcSkin } from './provider';\n\n/**\n * OcThemePicker — the skin selector. Sits beside `ThemeToggle` in the header.\n * Self-contained dropdown (no Radix): outside-click + Escape to close. Mirrors\n * the ghost-icon affordance of `ThemeToggle`. Gate its mount behind\n * `NEXT_PUBLIC_OC_THEME_PICKER` during staged rollout.\n */\nexport interface OcThemePickerProps {\n    className?: string;\n    triggerClassName?: string;\n    popoverClassName?: string;\n}\n\nexport function OcThemePicker({ className, triggerClassName, popoverClassName }: OcThemePickerProps) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const [open, setOpen] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!open) return;\n        function onDown(e: MouseEvent) {\n            if (rootRef.current && !rootRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDown);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDown);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={rootRef} className={cn('relative', className)}>\n            <button\n                type=\"button\"\n                aria-label=\"choose theme\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                title=\"choose theme\"\n                onClick={() => setOpen((v) => !v)}\n                className={cn(\n                    'text-muted-foreground hover:text-foreground inline-flex size-9 items-center justify-center rounded-md transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n                    triggerClassName\n                )}\n            >\n                <Palette className=\"size-4\" aria-hidden />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    className={cn(\n                        'bg-popover text-popover-foreground absolute right-0 z-50 mt-2 w-64 overflow-hidden rounded-md border shadow-md',\n                        popoverClassName\n                    )}\n                >\n                    <div className=\"label-mono text-muted-foreground px-3 pt-3 pb-1\">theme</div>\n                    <ul className=\"pb-1\">\n                        {themes.map((t) => {\n                            const active = t.id === skin;\n                            return (\n                                <li key={t.id}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"menuitemradio\"\n                                        aria-checked={active}\n                                        onClick={() => {\n                                            setSkin(t.id);\n                                            setOpen(false);\n                                        }}\n                                        className={cn(\n                                            'hover:bg-accent hover:text-accent-foreground flex w-full items-start gap-2 px-3 py-2 text-left transition-colors',\n                                            active && 'text-foreground'\n                                        )}\n                                    >\n                                        <span className=\"mt-0.5 size-4 shrink-0\">\n                                            {active && <Check className=\"size-4 text-primary\" aria-hidden />}\n                                        </span>\n                                        <span className=\"min-w-0\">\n                                            <span className=\"block text-sm font-medium\">{t.label}</span>\n                                            <span className=\"text-muted-foreground block text-xs leading-snug\">\n                                                {t.description}\n                                            </span>\n                                        </span>\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n}\n","'use client';\n\nimport { Check, Monitor, Moon, Palette, Sun } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { cn } from './cn';\nimport { useOcSkin } from './provider';\n\n/**\n * OcAppearanceMenu — the single header control for ALL appearance settings.\n *\n * One icon button opens a dropdown with both axes:\n *   • mode  — light / dark / system   (next-themes `.dark` class)\n *   • theme — the registered skins     (data-oc-theme, persisted .ochk.io)\n *\n * Replaces the separate `ThemeToggle` + `OcThemePicker` so every family site\n * carries exactly one appearance control. Self-contained dropdown (no Radix):\n * outside-click + Escape to close. Requires `<OcThemeProvider>` above it (skin\n * axis) and a next-themes `<ThemeProvider>` (mode axis) — both already mounted\n * on every family site.\n */\nexport interface OcAppearanceMenuProps {\n    className?: string;\n    triggerClassName?: string;\n    popoverClassName?: string;\n}\n\nconst MODES = [\n    { id: 'light', label: 'light', Icon: Sun },\n    { id: 'dark', label: 'dark', Icon: Moon },\n    { id: 'system', label: 'system', Icon: Monitor },\n] as const;\n\n/**\n * AppearanceControls — the mode segment + skin list, with no trigger/popover\n * chrome of its own. Embed it anywhere a surface wants to host appearance\n * settings inline (the standalone OcAppearanceMenu popover, the mobile account\n * menu, a site's Sheet drawer). Requires `<OcThemeProvider>` + next-themes\n * above it, like OcAppearanceMenu.\n */\nexport function AppearanceControls({ className }: { className?: string }) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const { theme, setTheme } = useTheme();\n    const [mounted, setMounted] = useState(false);\n    useEffect(() => setMounted(true), []);\n    const activeMode = mounted ? (theme ?? 'system') : null;\n\n    return (\n        <div className={className}>\n            <div className=\"label-mono text-muted-foreground px-3 pt-3 pb-2\">mode</div>\n            <div className=\"grid grid-cols-3 gap-1 px-2 pb-2\">\n                {MODES.map(({ id, label, Icon }) => {\n                    const active = activeMode === id;\n                    return (\n                        <button\n                            key={id}\n                            type=\"button\"\n                            role=\"menuitemradio\"\n                            aria-checked={active}\n                            onClick={() => setTheme(id)}\n                            className={cn(\n                                'flex flex-col items-center gap-1 rounded-md border py-2 text-[11px] transition-colors',\n                                active\n                                    ? 'border-primary text-foreground bg-accent'\n                                    : 'border-transparent text-muted-foreground hover:bg-accent hover:text-accent-foreground'\n                            )}\n                        >\n                            <Icon className=\"size-4\" aria-hidden />\n                            {label}\n                        </button>\n                    );\n                })}\n            </div>\n            <div className=\"label-mono text-muted-foreground border-t px-3 pt-3 pb-1\">theme</div>\n            <ul className=\"pb-1\">\n                {themes.map((t) => {\n                    const active = t.id === skin;\n                    return (\n                        <li key={t.id}>\n                            <button\n                                type=\"button\"\n                                role=\"menuitemradio\"\n                                aria-checked={active}\n                                onClick={() => setSkin(t.id)}\n                                className={cn(\n                                    'hover:bg-accent hover:text-accent-foreground flex w-full items-start gap-2 px-3 py-2 text-left transition-colors',\n                                    active && 'text-foreground'\n                                )}\n                            >\n                                <span className=\"mt-0.5 size-4 shrink-0\">\n                                    {active && <Check className=\"text-primary size-4\" aria-hidden />}\n                                </span>\n                                <span className=\"min-w-0\">\n                                    <span className=\"block text-sm font-medium\">{t.label}</span>\n                                    <span className=\"text-muted-foreground block text-xs leading-snug\">\n                                        {t.description}\n                                    </span>\n                                </span>\n                            </button>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n\nexport function OcAppearanceMenu({\n    className,\n    triggerClassName,\n    popoverClassName,\n}: OcAppearanceMenuProps) {\n    const [open, setOpen] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!open) return;\n        function onDown(e: MouseEvent) {\n            if (rootRef.current && !rootRef.current.contains(e.target as Node)) setOpen(false);\n        }\n        function onKey(e: KeyboardEvent) {\n            if (e.key === 'Escape') setOpen(false);\n        }\n        document.addEventListener('mousedown', onDown);\n        document.addEventListener('keydown', onKey);\n        return () => {\n            document.removeEventListener('mousedown', onDown);\n            document.removeEventListener('keydown', onKey);\n        };\n    }, [open]);\n\n    return (\n        <div ref={rootRef} className={cn('relative', className)}>\n            <button\n                type=\"button\"\n                aria-label=\"appearance settings\"\n                aria-haspopup=\"menu\"\n                aria-expanded={open}\n                title=\"appearance · mode + theme\"\n                onClick={() => setOpen((v) => !v)}\n                className={cn(\n                    'text-muted-foreground hover:text-foreground inline-flex size-9 items-center justify-center rounded-md transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50',\n                    triggerClassName\n                )}\n            >\n                <Palette className=\"size-4\" aria-hidden />\n            </button>\n\n            {open && (\n                <div\n                    role=\"menu\"\n                    className={cn(\n                        'bg-popover text-popover-foreground absolute right-0 z-50 mt-2 w-64 overflow-hidden rounded-md border shadow-md',\n                        popoverClassName\n                    )}\n                >\n                    <AppearanceControls />\n                </div>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/tokens.mjs

@@ -35,6 +35,12 @@ var OC_THEMES = [
     label: "gold",
     description: "sound money \u2014 digital gold, hard 0.125rem milled edge, mono ledger \xB7 21M",
     accent: "#e3b831"
+  },
+  {
+    id: "ember",
+    label: "ember",
+    description: "the warmth \u2014 burnt-sienna terracotta, soft 1rem corners, pill buttons, Hanken Grotesk \xB7 approachable, human",
+    accent: "#da6736"
   }
 ];
 var OC_DEFAULT_ACCENT = "#f97316";