@orangecheck/design 0.7.5 → 0.8.0

package/dist/styles/aurora.css

@@ -0,0 +1,224 @@
+/*
+ * oc-aurora — the ambient "bitcoin aurora" background.
+ *
+ * Several large, heavily-blurred colour clouds wander on long looping paths so
+ * the whole field continuously flows and morphs — a soft mesh gradient, smooth
+ * and low-contrast (console.x.com loading-screen vibe). Pure CSS, zero JS;
+ * colour comes from the theme tokens (--brand/--success/--info/--primary) so it
+ * recolours across light/dark + all four skins. Rendered by <OcAurora/> (which
+ * OcThemeProvider mounts by default). Tune per-site with the provider's
+ * `aurora={{ intensity }}` prop or the `--oc-aurora-intensity` var.
+ */
+
+:root {
+    /* Master dial (0–~2). Per-mount override via <OcAurora intensity> / the
+       provider's `aurora={{ intensity }}` prop. */
+    --oc-aurora-intensity: 1;
+    /* Light mode rides quieter and composites normally over the light bg. */
+    --oc-aurora-mode-op: 0.46;
+    --oc-aurora-blend: normal;
+}
+
+:root.dark {
+    --oc-aurora-mode-op: 0.66;
+    --oc-aurora-blend: screen;
+}
+
+.oc-aurora {
+    position: fixed;
+    inset: 0;
+    z-index: -1; /* behind all app content, above the page background */
+    pointer-events: none;
+    overflow: hidden;
+    isolation: isolate;
+    opacity: calc(var(--oc-aurora-mode-op) * var(--oc-aurora-intensity));
+    /* gentle edge fade so the clouds dissolve into the page, never a hard box */
+    -webkit-mask-image: radial-gradient(135% 130% at 50% 38%, #000 55%, transparent 100%);
+    mask-image: radial-gradient(135% 130% at 50% 38%, #000 55%, transparent 100%);
+
+    /* Aurora hues = design tokens (recolour per mode + per skin). Fallbacks are
+       the default bitcoin-aurora palette. */
+    --au-orange: var(--brand, oklch(0.72 0.22 55));
+    --au-green: var(--success, oklch(0.72 0.16 150));
+    --au-blue: var(--info, oklch(0.66 0.1 235));
+    --au-violet: var(--primary, oklch(0.7 0.2 55));
+}
+
+.oc-aurora__blob {
+    position: absolute;
+    width: 58vw;
+    height: 58vh;
+    border-radius: 50%;
+    mix-blend-mode: var(--oc-aurora-blend, screen);
+    will-change: transform;
+}
+
+/* clouds start spread across the field; each wanders a long looping path so
+   colours sweep over and blend with one another (the flowing mesh) */
+.oc-aurora__blob-1 {
+    top: -18vh;
+    left: -12vw;
+    background: radial-gradient(
+        circle at 50% 50%,
+        color-mix(in oklch, var(--au-orange), transparent 50%) 0%,
+        transparent 66%
+    );
+    filter: blur(88px);
+    animation: oc-aurora-w1 26s ease-in-out infinite;
+}
+.oc-aurora__blob-2 {
+    top: -8vh;
+    left: 38vw;
+    width: 54vw;
+    height: 54vh;
+    background: radial-gradient(
+        circle at 50% 50%,
+        color-mix(in oklch, var(--au-green), transparent 54%) 0%,
+        transparent 68%
+    );
+    filter: blur(96px);
+    animation: oc-aurora-w2 31s ease-in-out infinite;
+    animation-delay: -7s;
+}
+.oc-aurora__blob-3 {
+    top: -16vh;
+    right: -14vw;
+    background: radial-gradient(
+        circle at 50% 50%,
+        color-mix(in oklch, var(--au-blue), transparent 56%) 0%,
+        transparent 68%
+    );
+    filter: blur(96px);
+    animation: oc-aurora-w3 28s ease-in-out infinite;
+    animation-delay: -13s;
+}
+.oc-aurora__blob-4 {
+    top: 22vh;
+    left: 30vw;
+    width: 50vw;
+    height: 50vh;
+    background: radial-gradient(
+        circle at 50% 50%,
+        color-mix(in oklch, var(--au-violet), transparent 58%) 0%,
+        transparent 68%
+    );
+    filter: blur(92px);
+    animation: oc-aurora-w4 23s ease-in-out infinite;
+    animation-delay: -4s;
+}
+.oc-aurora__blob-5 {
+    top: 18vh;
+    left: -16vw;
+    width: 52vw;
+    height: 52vh;
+    background: radial-gradient(
+        circle at 50% 50%,
+        color-mix(in oklch, var(--au-orange), transparent 56%) 0%,
+        transparent 68%
+    );
+    filter: blur(92px);
+    animation: oc-aurora-w5 35s ease-in-out infinite;
+    animation-delay: -18s;
+}
+
+/* Long looping wander paths (100% returns near 0% for a seamless loop). Big
+   travel + scale pulse = pronounced, organic undulation across the whole field. */
+@keyframes oc-aurora-w1 {
+    0% {
+        transform: translate3d(0, 0, 0) scale(1);
+    }
+    25% {
+        transform: translate3d(34vw, 14vh, 0) scale(1.18);
+    }
+    50% {
+        transform: translate3d(50vw, 40vh, 0) scale(1.04);
+    }
+    75% {
+        transform: translate3d(18vw, 26vh, 0) scale(1.16);
+    }
+    100% {
+        transform: translate3d(0, 0, 0) scale(1);
+    }
+}
+@keyframes oc-aurora-w2 {
+    0% {
+        transform: translate3d(0, 0, 0) scale(1.06);
+    }
+    25% {
+        transform: translate3d(-28vw, 22vh, 0) scale(0.92);
+    }
+    50% {
+        transform: translate3d(-44vw, -8vh, 0) scale(1.12);
+    }
+    75% {
+        transform: translate3d(-16vw, 30vh, 0) scale(1);
+    }
+    100% {
+        transform: translate3d(0, 0, 0) scale(1.06);
+    }
+}
+@keyframes oc-aurora-w3 {
+    0% {
+        transform: translate3d(0, 0, 0) scale(1);
+    }
+    25% {
+        transform: translate3d(-22vw, 30vh, 0) scale(1.14);
+    }
+    50% {
+        transform: translate3d(-40vw, 10vh, 0) scale(0.96);
+    }
+    75% {
+        transform: translate3d(-12vw, 40vh, 0) scale(1.1);
+    }
+    100% {
+        transform: translate3d(0, 0, 0) scale(1);
+    }
+}
+@keyframes oc-aurora-w4 {
+    0% {
+        transform: translate3d(0, 0, 0) scale(0.98);
+    }
+    25% {
+        transform: translate3d(26vw, -24vh, 0) scale(1.16);
+    }
+    50% {
+        transform: translate3d(-18vw, -36vh, 0) scale(1.02);
+    }
+    75% {
+        transform: translate3d(-30vw, -10vh, 0) scale(1.12);
+    }
+    100% {
+        transform: translate3d(0, 0, 0) scale(0.98);
+    }
+}
+@keyframes oc-aurora-w5 {
+    0% {
+        transform: translate3d(0, 0, 0) scale(1.04);
+    }
+    25% {
+        transform: translate3d(40vw, -18vh, 0) scale(0.94);
+    }
+    50% {
+        transform: translate3d(62vw, 16vh, 0) scale(1.14);
+    }
+    75% {
+        transform: translate3d(24vw, -8vh, 0) scale(1.02);
+    }
+    100% {
+        transform: translate3d(0, 0, 0) scale(1.04);
+    }
+}
+
+/* Phones: smaller blur kernel — decorative. */
+@media (max-width: 640px) {
+    .oc-aurora__blob {
+        filter: blur(60px);
+    }
+}
+
+/* Motion-sensitive: hold the clouds still (they still recolour via tokens). */
+@media (prefers-reduced-motion: reduce) {
+    .oc-aurora__blob {
+        animation: none !important;
+    }
+}

package/dist/styles.css

@@ -17,3 +17,4 @@
  */
 @import './styles/theme.css';
 @import './styles/themes.css';
+@import './styles/aurora.css';

package/dist/tokens.d.mts

@@ -32,8 +32,11 @@ interface OcSkinContextValue {
 interface OcThemeProviderProps {
     children: ReactNode;
     defaultSkin?: string;
+    aurora?: boolean | {
+        intensity?: number;
+    };
 }
-declare function OcThemeProvider({ children, defaultSkin }: OcThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function OcThemeProvider({ children, defaultSkin, aurora, }: OcThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useOcSkin(): OcSkinContextValue;
 declare function getOcThemeInitScript(defaultSkin?: string): string;
 
@@ -53,4 +56,10 @@ interface OcAppearanceMenuProps {
 }
 declare function OcAppearanceMenu({ className, triggerClassName, popoverClassName, }: OcAppearanceMenuProps): react_jsx_runtime.JSX.Element;
 
-export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, type OcAppearanceMenuProps, type OcTheme, OcThemeBridge, type OcThemeId, OcThemePicker, type OcThemePickerProps, OcThemeProvider, type OcThemeProviderProps, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };
+interface OcAuroraProps {
+    intensity?: number;
+    className?: string;
+}
+declare function OcAurora({ intensity, className }: OcAuroraProps): react_jsx_runtime.JSX.Element;
+
+export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, type OcAppearanceMenuProps, OcAurora, type OcAuroraProps, type OcTheme, OcThemeBridge, type OcThemeId, OcThemePicker, type OcThemePickerProps, OcThemeProvider, type OcThemeProviderProps, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };

package/dist/tokens.d.ts

@@ -32,8 +32,11 @@ interface OcSkinContextValue {
 interface OcThemeProviderProps {
     children: ReactNode;
     defaultSkin?: string;
+    aurora?: boolean | {
+        intensity?: number;
+    };
 }
-declare function OcThemeProvider({ children, defaultSkin }: OcThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function OcThemeProvider({ children, defaultSkin, aurora, }: OcThemeProviderProps): react_jsx_runtime.JSX.Element;
 declare function useOcSkin(): OcSkinContextValue;
 declare function getOcThemeInitScript(defaultSkin?: string): string;
 
@@ -53,4 +56,10 @@ interface OcAppearanceMenuProps {
 }
 declare function OcAppearanceMenu({ className, triggerClassName, popoverClassName, }: OcAppearanceMenuProps): react_jsx_runtime.JSX.Element;
 
-export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, type OcAppearanceMenuProps, type OcTheme, OcThemeBridge, type OcThemeId, OcThemePicker, type OcThemePickerProps, OcThemeProvider, type OcThemeProviderProps, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };
+interface OcAuroraProps {
+    intensity?: number;
+    className?: string;
+}
+declare function OcAurora({ intensity, className }: OcAuroraProps): react_jsx_runtime.JSX.Element;
+
+export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, type OcAppearanceMenuProps, OcAurora, type OcAuroraProps, type OcTheme, OcThemeBridge, type OcThemeId, OcThemePicker, type OcThemePickerProps, OcThemeProvider, type OcThemeProviderProps, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };

package/dist/tokens.js

@@ -51,6 +51,11 @@ function resolveTheme(id) {
   return isKnownTheme(id) ? id : DEFAULT_OC_THEME;
 }
 var OC_SKIN_COOKIE = "oc_skin";
+var BLOBS = [1, 2, 3, 4, 5];
+function OcAurora({ intensity, className }) {
+  const style = intensity == null ? void 0 : { "--oc-aurora-intensity": String(intensity) };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("oc-aurora", className), style, "aria-hidden": "true", children: BLOBS.map((n) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `oc-aurora__blob oc-aurora__blob-${n}` }, n)) });
+}
 var ONE_YEAR = 60 * 60 * 24 * 365;
 var ATTR = "data-oc-theme";
 function readSkinCookie() {
@@ -94,7 +99,11 @@ function applySkinChrome(skin) {
   if (meta) meta.setAttribute("content", accentFor(skin));
 }
 var OcSkinContext = react.createContext(null);
-function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
+function OcThemeProvider({
+  children,
+  defaultSkin = DEFAULT_OC_THEME,
+  aurora = true
+}) {
   const [skin, setSkinState] = react.useState(() => resolveTheme(defaultSkin));
   const hydratedRef = react.useRef(false);
   react.useEffect(() => {
@@ -132,7 +141,10 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
     () => ({ skin, setSkin, themes: OC_THEMES }),
     [skin, setSkin]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(OcSkinContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxRuntime.jsxs(OcSkinContext.Provider, { value, children: [
+    aurora !== false && /* @__PURE__ */ jsxRuntime.jsx(OcAurora, { intensity: typeof aurora === "object" ? aurora.intensity : void 0 }),
+    children
+  ] });
 }
 function useOcSkin() {
   const ctx = react.useContext(OcSkinContext);
@@ -386,6 +398,7 @@ exports.OC_DEFAULT_ACCENT = OC_DEFAULT_ACCENT;
 exports.OC_SKIN_COOKIE = OC_SKIN_COOKIE;
 exports.OC_THEMES = OC_THEMES;
 exports.OcAppearanceMenu = OcAppearanceMenu;
+exports.OcAurora = OcAurora;
 exports.OcThemeBridge = OcThemeBridge;
 exports.OcThemePicker = OcThemePicker;
 exports.OcThemeProvider = OcThemeProvider;

package/dist/tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/tokens/cn.ts","../src/tokens/themes.ts","../src/tokens/provider.tsx","../src/tokens/theme-bridge.tsx","../src/tokens/theme-picker.tsx","../src/tokens/appearance-menu.tsx"],"names":["twMerge","clsx","createContext","useState","useRef","useEffect","useCallback","useMemo","jsx","useContext","ONE_YEAR","useTheme","jsxs","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","'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';\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\nexport function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }: 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 <OcSkinContext.Provider value={value}>{children}</OcSkinContext.Provider>;\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\nexport function OcAppearanceMenu({\n    className,\n    triggerClassName,\n    popoverClassName,\n}: OcAppearanceMenuProps) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const { theme, setTheme } = useTheme();\n    const [open, setOpen] = useState(false);\n    const [mounted, setMounted] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => setMounted(true), []);\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    // Avoid a hydration mismatch: only reflect the active mode after mount.\n    const activeMode = mounted ? (theme ?? 'system') : null;\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                    {/* Mode — segmented light / dark / system */}\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\n                    {/* Theme — the registered skins */}\n                    <div className=\"label-mono text-muted-foreground border-t px-3 pt-3 pb-1\">\n                        theme\n                    </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 && (\n                                                <Check className=\"text-primary size-4\" aria-hidden />\n                                            )}\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"]}
+{"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\nexport function OcAppearanceMenu({\n    className,\n    triggerClassName,\n    popoverClassName,\n}: OcAppearanceMenuProps) {\n    const { skin, setSkin, themes } = useOcSkin();\n    const { theme, setTheme } = useTheme();\n    const [open, setOpen] = useState(false);\n    const [mounted, setMounted] = useState(false);\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => setMounted(true), []);\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    // Avoid a hydration mismatch: only reflect the active mode after mount.\n    const activeMode = mounted ? (theme ?? 'system') : null;\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                    {/* Mode — segmented light / dark / system */}\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\n                    {/* Theme — the registered skins */}\n                    <div className=\"label-mono text-muted-foreground border-t px-3 pt-3 pb-1\">\n                        theme\n                    </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 && (\n                                                <Check className=\"text-primary size-4\" aria-hidden />\n                                            )}\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"]}

package/dist/tokens.mjs

@@ -49,6 +49,11 @@ function resolveTheme(id) {
   return isKnownTheme(id) ? id : DEFAULT_OC_THEME;
 }
 var OC_SKIN_COOKIE = "oc_skin";
+var BLOBS = [1, 2, 3, 4, 5];
+function OcAurora({ intensity, className }) {
+  const style = intensity == null ? void 0 : { "--oc-aurora-intensity": String(intensity) };
+  return /* @__PURE__ */ jsx("div", { className: cn("oc-aurora", className), style, "aria-hidden": "true", children: BLOBS.map((n) => /* @__PURE__ */ jsx("div", { className: `oc-aurora__blob oc-aurora__blob-${n}` }, n)) });
+}
 var ONE_YEAR = 60 * 60 * 24 * 365;
 var ATTR = "data-oc-theme";
 function readSkinCookie() {
@@ -92,7 +97,11 @@ function applySkinChrome(skin) {
   if (meta) meta.setAttribute("content", accentFor(skin));
 }
 var OcSkinContext = createContext(null);
-function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
+function OcThemeProvider({
+  children,
+  defaultSkin = DEFAULT_OC_THEME,
+  aurora = true
+}) {
   const [skin, setSkinState] = useState(() => resolveTheme(defaultSkin));
   const hydratedRef = useRef(false);
   useEffect(() => {
@@ -130,7 +139,10 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
     () => ({ skin, setSkin, themes: OC_THEMES }),
     [skin, setSkin]
   );
-  return /* @__PURE__ */ jsx(OcSkinContext.Provider, { value, children });
+  return /* @__PURE__ */ jsxs(OcSkinContext.Provider, { value, children: [
+    aurora !== false && /* @__PURE__ */ jsx(OcAurora, { intensity: typeof aurora === "object" ? aurora.intensity : void 0 }),
+    children
+  ] });
 }
 function useOcSkin() {
   const ctx = useContext(OcSkinContext);
@@ -379,6 +391,6 @@ function OcAppearanceMenu({
   ] });
 }
 
-export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcThemeBridge, OcThemePicker, OcThemeProvider, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };
+export { DEFAULT_OC_THEME, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAppearanceMenu, OcAurora, OcThemeBridge, OcThemePicker, OcThemeProvider, accentFor, cn, getOcThemeInitScript, isKnownTheme, resolveTheme, useOcSkin };
 //# sourceMappingURL=tokens.mjs.map
 //# sourceMappingURL=tokens.mjs.map