@eifi1/ui-kit 0.33.1 → 0.35.0

package/dist/theme/palette-presets.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/palette-presets.ts"],"sourcesContent":["// Appearance presets — the single source of truth for the \"palette switcher\"\n// (feedback #307). Each preset is a full set of design-token values for BOTH\n// light and dark, covering the page/surface backgrounds, the brand accent, the\n// semantic money trio and the 9-colour categorical chart palette, plus the\n// heatmap stops. A preset is applied at runtime by writing these as CSS custom\n// properties onto <html> (see palette-store.ts), which instantly re-skins every\n// token-driven surface and chart. The two heatmaps and the treemap interpolate\n// concrete hex in JS, so they read the same values from here via the hooks in\n// palette-store.\n//\n// The alternative presets below were designed + accessibility-vetted as a set\n// (each is CVD-safe across protan/deutan/tritan, money is never red/green, and\n// text/background contrast clears WCAG AA on both themes). To promote one to the\n// app-wide default, copy its values into the :root/.dark blocks in tokens.css\n// (the default preset here mirrors those exactly).\n\nimport type { HeatStops } from \"./chart-palette\";\nimport { contrastStep, rememberTokenSet } from \"./contrast-tokens\";\n\nexport interface TokenSet {\n  // Backgrounds & chrome\n  bgPage: string;\n  bgSurface: string;\n  bgSurface2: string;\n  border: string;\n  textPrimary: string;\n  // The two quieter text roles. Derived per preset by blending `textPrimary` toward\n  // that preset's own surfaces until the contrast against the WORST of bgPage /\n  // bgSurface / bgSurface2 hits 7:1 and 4.8:1 — so both clear WCAG AA for normal text\n  // (4.5:1) on every surface they can land on, and both inherit the preset's warmth\n  // instead of importing a cool grey from Tailwind's palette.\n  textSecondary: string;\n  textMuted: string;\n  // Interactive brand accent\n  brand: string;\n  brandHover: string;\n  brandContrast: string;\n  // Semantic money (never red/green — CVD-safe, paired with +/- cues elsewhere)\n  moneyIncome: string;\n  moneyExpense: string;\n  moneyNet: string;\n  moneyNeutral: string;\n  // Categorical chart series (Paul Tol \"Muted\" by default — CVD-safe), exactly 9\n  chart: string[];\n  // Heatmap interpolation stops (variance diverging + spending sequential)\n  heat: HeatStops;\n}\n\nexport interface PalettePreset {\n  id: string;\n  name: string;\n  blurb: string;\n  light: TokenSet;\n  dark: TokenSet;\n}\n\n// The shipped default (feedback #328): SOLAR-DUSK warm light + INDIGO-NOIR deep\n// dark surfaces — the two curated presets the user picked per mode — but with a\n// SINGLE unified brand accent (indigo) across both modes rather than each\n// preset's own accent (the user asked for the brand accent to stay the same).\n// So the light block is Solar Dusk with its teal brand overridden to indigo, and\n// the dark block is Indigo Noir (already indigo). The money trio\n// (income/expense/net) drives the chart bars and stays palette-driven so those\n// semantic colours adapt to each mode's contrast (best practice — feedback #328).\nexport const DEFAULT_PRESET: PalettePreset = {\n  id: \"default\",\n  name: \"Default\",\n  blurb: \"Solar-dusk light · indigo-noir dark\",\n  light: {\n    // Solar Dusk (light) surfaces, with the brand unified to indigo (see above).\n    bgPage: \"#ede3cf\",\n    bgSurface: \"#f6ecd9\",\n    // The well is the page in light (0.33, k26): #f3ead6 stood 1.02:1 from the card it\n    // is inset in. Every light preset does the same; see SURFACE_L in palette-derive.ts.\n    bgSurface2: \"#ede3cf\",\n    border: \"#e2d6bd\",\n    textPrimary: \"#463f33\",\n    textSecondary: \"#50493c\",\n    textMuted: \"#696153\",\n    brand: \"#4f46e5\",\n    brandHover: \"#4338ca\",\n    brandContrast: \"#ffffff\",\n    moneyIncome: \"#0b6650\",\n    moneyExpense: \"#905902\",\n    moneyNet: \"#7a4fa3\",\n    moneyNeutral: \"#6b6453\",\n    chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n    heat: {\n      neutral: \"#f1e7d2\",\n      under: \"#0b6650\",\n      over: \"#9c6418\",\n      seqLow: \"#f6ecd0\",\n      seqHigh: \"#9c6418\",\n      empty: \"rgba(148,163,184,0.14)\",\n    },\n  },\n  dark: {\n    // Indigo Noir (dark)\n    bgPage: \"#0e0f1c\",\n    bgSurface: \"#181a2c\",\n    bgSurface2: \"#21243a\",\n    border: \"#2e3252\",\n    textPrimary: \"#e6e8f4\",\n    textSecondary: \"#adafbe\",\n    textMuted: \"#8d90a0\",\n    brand: \"#8b93f8\",\n    brandHover: \"#aab1fb\",\n    brandContrast: \"#16182b\",\n    moneyIncome: \"#22c3b6\",\n    // Amber-400 (#fbbf24) sat at OKLab L 0.84 while every other dark token lives\n    // at 0.68–0.74, so outflows outshouted the inflows they are paired with. Same\n    // hue and chroma, pulled to L 0.785 (dev#434). The heat stops below keep the\n    // brighter amber on purpose: a gradient endpoint is meant to be the loudest\n    // thing in its scale, and it is a fill, not a figure.\n    moneyExpense: \"#e4b035\",\n    moneyNet: \"#b39aef\",\n    moneyNeutral: \"#9aa1bd\",\n    chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#c25a78\", \"#cc78be\"],\n    heat: {\n      neutral: \"#363a5a\",\n      under: \"#22c3b6\",\n      over: \"#fbbf24\",\n      seqLow: \"#3a2c14\",\n      seqHigh: \"#fbbf24\",\n      empty: \"rgba(148,163,184,0.10)\",\n    },\n  },\n};\n\n// Vetted alternatives to preview (CVD-safe, WCAG-AA on both themes).\nexport const ALTERNATIVE_PRESETS: PalettePreset[] = [\n  {\n    id: \"warm-paper\",\n    name: \"Warm Paper\",\n    blurb: \"Cream paper · warm charcoal\",\n    light: {\n      bgPage: \"#ece5d6\",\n      bgSurface: \"#f5efe3\",\n      bgSurface2: \"#ece5d6\",\n      border: \"#e2dcce\",\n      textPrimary: \"#2b2622\",\n      textSecondary: \"#4f4a44\",\n      textMuted: \"#68625b\",\n      brand: \"#9a5b34\",\n      brandHover: \"#824827\",\n      brandContrast: \"#fdf8f2\",\n      moneyIncome: \"#0e7490\",\n      moneyExpense: \"#8f3f0a\",\n      moneyNet: \"#7c4dab\",\n      moneyNeutral: \"#6b6258\",\n      chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n      heat: {\n        neutral: \"#efe9dc\",\n        under: \"#0e7490\",\n        over: \"#b45309\",\n        seqLow: \"#fbeed2\",\n        seqHigh: \"#b45309\",\n        empty: \"rgba(148,163,184,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#211e1a\",\n      bgSurface: \"#2a2622\",\n      bgSurface2: \"#322d27\",\n      border: \"#3d372f\",\n      textPrimary: \"#e8e2d6\",\n      textSecondary: \"#bfb9af\",\n      textMuted: \"#9e998f\",\n      brand: \"#e0986a\",\n      brandHover: \"#ecae85\",\n      brandContrast: \"#2a1c10\",\n      moneyIncome: \"#4dd4c4\",\n      moneyExpense: \"#fbbf3a\",\n      moneyNet: \"#bfa0e0\",\n      moneyNeutral: \"#a39a8c\",\n      chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#cf6488\", \"#cc78be\"],\n      heat: {\n        neutral: \"#3a352e\",\n        under: \"#4dd4c4\",\n        over: \"#fbbf3a\",\n        seqLow: \"#2c2014\",\n        seqHigh: \"#fbbf3a\",\n        empty: \"rgba(148,163,184,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"nord-frost\",\n    name: \"Nord Frost\",\n    blurb: \"Cool snow · polar night\",\n    light: {\n      bgPage: \"#e2e7ef\",\n      bgSurface: \"#f0f3f8\",\n      bgSurface2: \"#e2e7ef\",\n      border: \"#d3dae6\",\n      textPrimary: \"#2e3440\",\n      textSecondary: \"#454b56\",\n      textMuted: \"#5e636e\",\n      brand: \"#3b6ea5\",\n      brandHover: \"#305a86\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#0f8060\",\n      moneyExpense: \"#b8431a\",\n      moneyNet: \"#6b4fa0\",\n      moneyNeutral: \"#5b6577\",\n      chart: [\"#3a6ea5\", \"#56b6c2\", \"#2f7d4f\", \"#cdb52f\", \"#d05f7a\", \"#9a3f93\", \"#4d4bbf\", \"#dd6a2c\", \"#7a8aa8\"],\n      heat: {\n        neutral: \"#e1e6ee\",\n        under: \"#0f8060\",\n        over: \"#b8431a\",\n        seqLow: \"#f0f3f7\",\n        seqHigh: \"#a14708\",\n        empty: \"rgba(148,163,184,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#242933\",\n      bgSurface: \"#2e3440\",\n      bgSurface2: \"#3b4252\",\n      border: \"#434c5e\",\n      textPrimary: \"#eceff4\",\n      textSecondary: \"#d4d7de\",\n      textMuted: \"#afb3bc\",\n      brand: \"#88c0d0\",\n      brandHover: \"#a3d4e0\",\n      brandContrast: \"#1c2027\",\n      moneyIncome: \"#4ecf9c\",\n      moneyExpense: \"#e8a24f\",\n      moneyNet: \"#caa0e0\",\n      moneyNeutral: \"#9aa5b8\",\n      chart: [\"#7fb4e6\", \"#5ec9d6\", \"#5cc483\", \"#dccb6b\", \"#e87e96\", \"#bd6fce\", \"#9389f2\", \"#ef8f4a\", \"#8693ad\"],\n      heat: {\n        neutral: \"#3b4252\",\n        under: \"#4ecf9c\",\n        over: \"#e8a24f\",\n        seqLow: \"#33373f\",\n        seqHigh: \"#e8a24f\",\n        empty: \"rgba(148,163,184,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"indigo-noir\",\n    name: \"Indigo Noir\",\n    blurb: \"Crisp light · deep indigo\",\n    light: {\n      bgPage: \"#e8eaf2\",\n      bgSurface: \"#f6f7fb\",\n      bgSurface2: \"#e8eaf2\",\n      border: \"#dadfeb\",\n      textPrimary: \"#1b1f2e\",\n      textSecondary: \"#494d5a\",\n      textMuted: \"#626572\",\n      brand: \"#4338ca\",\n      brandHover: \"#3730a3\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#0c6478\",\n      moneyExpense: \"#b45309\",\n      moneyNet: \"#7c3aed\",\n      moneyNeutral: \"#5b6478\",\n      chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n      heat: {\n        neutral: \"#eef1f7\",\n        under: \"#0c6478\",\n        over: \"#b45309\",\n        seqLow: \"#fdeed4\",\n        seqHigh: \"#b45309\",\n        empty: \"rgba(148,163,184,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#0e0f1c\",\n      bgSurface: \"#181a2c\",\n      bgSurface2: \"#21243a\",\n      border: \"#2e3252\",\n      textPrimary: \"#e6e8f4\",\n      textSecondary: \"#adafbe\",\n      textMuted: \"#8d90a0\",\n      brand: \"#8b93f8\",\n      brandHover: \"#aab1fb\",\n      brandContrast: \"#16182b\",\n      moneyIncome: \"#22c3b6\",\n      // Kept byte-identical to DEFAULT_PRESET.dark, which IS this preset (dev#434).\n      moneyExpense: \"#e4b035\",\n      moneyNet: \"#b39aef\",\n      moneyNeutral: \"#9aa1bd\",\n      chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#c25a78\", \"#cc78be\"],\n      heat: {\n        neutral: \"#363a5a\",\n        under: \"#22c3b6\",\n        over: \"#fbbf24\",\n        seqLow: \"#3a2c14\",\n        seqHigh: \"#fbbf24\",\n        empty: \"rgba(148,163,184,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"solar-dusk\",\n    name: \"Solar Dusk\",\n    blurb: \"Solarized warmth, easy on the eyes\",\n    light: {\n      bgPage: \"#ede3cf\",\n      bgSurface: \"#f6ecd9\",\n      bgSurface2: \"#ede3cf\",\n      border: \"#e2d6bd\",\n      textPrimary: \"#463f33\",\n      textSecondary: \"#50493c\",\n      textMuted: \"#696153\",\n      brand: \"#2c6979\",\n      brandHover: \"#1f515f\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#0b6650\",\n      moneyExpense: \"#905902\",\n      moneyNet: \"#7a4fa3\",\n      moneyNeutral: \"#6b6453\",\n      chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n      heat: {\n        neutral: \"#f1e7d2\",\n        under: \"#0b6650\",\n        over: \"#9c6418\",\n        seqLow: \"#f6ecd0\",\n        seqHigh: \"#9c6418\",\n        empty: \"rgba(148,163,184,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#0e1a1f\",\n      bgSurface: \"#15272e\",\n      bgSurface2: \"#1d333c\",\n      border: \"#2a4750\",\n      textPrimary: \"#d6cdb8\",\n      textSecondary: \"#c2bdab\",\n      textMuted: \"#9c9d91\",\n      brand: \"#5fb8cc\",\n      brandHover: \"#82cfe0\",\n      brandContrast: \"#0a161a\",\n      moneyIncome: \"#22b884\",\n      moneyExpense: \"#f0b94e\",\n      moneyNet: \"#bfa0e0\",\n      moneyNeutral: \"#9aa3a0\",\n      chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#c25a78\", \"#c873c0\"],\n      heat: {\n        neutral: \"#26424b\",\n        under: \"#22b884\",\n        over: \"#f0b94e\",\n        seqLow: \"#1f3138\",\n        seqHigh: \"#f0b94e\",\n        empty: \"rgba(148,163,184,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"zinc-mono\",\n    name: \"Zinc Mono\",\n    blurb: \"True-neutral chrome · data pops\",\n    light: {\n      bgPage: \"#ececec\",\n      bgSurface: \"#f7f7f7\",\n      bgSurface2: \"#ececec\",\n      border: \"#e4e4e7\",\n      textPrimary: \"#18181b\",\n      textSecondary: \"#4e4e50\",\n      textMuted: \"#676769\",\n      brand: \"#1d4ed8\",\n      brandHover: \"#1e40af\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#0e7490\",\n      moneyExpense: \"#cf4310\",\n      moneyNet: \"#7c3aed\",\n      moneyNeutral: \"#52525b\",\n      chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n      heat: {\n        neutral: \"#f4f4f5\",\n        under: \"#0e7490\",\n        over: \"#cf4310\",\n        seqLow: \"#fdeede\",\n        seqHigh: \"#cf4310\",\n        empty: \"rgba(148,163,184,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#09090b\",\n      bgSurface: \"#18181b\",\n      bgSurface2: \"#27272a\",\n      border: \"#3f3f46\",\n      textPrimary: \"#f4f4f5\",\n      textSecondary: \"#b2b2b3\",\n      textMuted: \"#929294\",\n      brand: \"#60a5fa\",\n      brandHover: \"#93c5fd\",\n      brandContrast: \"#0b1220\",\n      moneyIncome: \"#22d3ee\",\n      moneyExpense: \"#f97316\",\n      moneyNet: \"#c4b5fd\",\n      moneyNeutral: \"#a1a1aa\",\n      chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#c25a78\", \"#cc78be\"],\n      heat: {\n        neutral: \"#3f3f46\",\n        under: \"#22d3ee\",\n        over: \"#f97316\",\n        seqLow: \"#3a2410\",\n        seqHigh: \"#f97316\",\n        empty: \"rgba(148,163,184,0.10)\",\n      },\n    },\n  },\n];\n\n// ── \"Imprint\" chart hues (feedback #119) ──────────────────────────────────────\n// anyplot's categorical palette (https://anyplot.ai/palette), by a colleague of\n// Marcel's. 8 hues + an amber semantic anchor, derived from Wong 2011 by a\n// Petroff-style max-min ΔE search in CAM02-UCS with Machado 2009 CVD simulation —\n// the same lineage as our default Paul Tol \"Muted\", one generation on, and tuned\n// for exactly the warm cream paper our light theme uses.\n//\n// This preset is DEFAULT_PRESET with ONLY the 9 categorical chart hues swapped;\n// surfaces, brand and the semantic money trio stay put, because those were their\n// own deliberate decisions (#307/#328) and are not what the palette is for. The\n// heatmap stops likewise stay teal/amber: they encode under/over, and imprint's\n// own diverging ramp is red↔blue, which would fight the money semantics.\n//\n// Measured on our surfaces (CIEDE2000, Machado severity-100, 8 like-for-like\n// slots on the cream light surface #f6ecd9) — neither palette dominates:\n//   Paul Tol Muted  min-contrast 1.38 · worst-CVD ΔE00 11.8 · normal ΔE00 16.1\n//   imprint         min-contrast 1.95 · worst-CVD ΔE00  7.2 · normal ΔE00 22.2\n// i.e. imprint is punchier and has no near-invisible pale slot (Tol's #88ccee\n// sits at 1.5:1 on cream), while Tol separates better under colour-vision\n// deficiency. So this ships as a CHOICE, not as a new default.\n//\n// The dark set keeps imprint's hues verbatim except matte-red and rose, whose\n// lightness is lifted (oklch L 0.50→0.55) because verbatim they land at 2.67:1\n// and 2.76:1 on our deep-indigo dark surface — under WCAG 2.1 SC 1.4.11's 3:1\n// non-text minimum. Lifted they clear it at 3.30:1 / 3.28:1. anyplot documents\n// the same shortfall on their own dark ground and answers it with a stroke halo;\n// lifting keeps the fix in the token layer instead of every chart component.\nconst IMPRINT_HUES_LIGHT = [\n  \"#009E73\", // brand green   — first series\n  \"#C475FD\", // lavender      — creative\n  \"#4467A3\", // blue          — cool / info\n  \"#BD8233\", // ochre         — earth / commodity\n  \"#AE3030\", // matte red     — bad / loss / error\n  \"#2ABCCD\", // cyan          — sky / tech-cool\n  \"#954477\", // rose          — wellness / health\n  \"#99B314\", // lime          — growth / nature\n  \"#DDCC77\", // amber         — anyplot's semantic anchor, used here as slot 9\n];\nconst IMPRINT_HUES_DARK = [\n  \"#009E73\",\n  \"#C475FD\",\n  \"#4467A3\",\n  \"#BD8233\",\n  \"#BF413E\", // matte red, L-lifted for our dark surface\n  \"#2ABCCD\",\n  \"#A25083\", // rose, L-lifted for our dark surface\n  \"#99B314\",\n  \"#DDCC77\",\n];\n\nexport const IMPRINT_PRESET: PalettePreset = {\n  id: \"imprint\",\n  name: \"Imprint\",\n  blurb: \"Colourblind-safe chart hues by anyplot.ai\",\n  light: { ...DEFAULT_PRESET.light, chart: IMPRINT_HUES_LIGHT },\n  dark: { ...DEFAULT_PRESET.dark, chart: IMPRINT_HUES_DARK },\n};\n\n// The full-theme switcher from #307 stayed retired (feedback #328) — the default\n// is still the single source of truth for surfaces, brand and money, and\n// ALTERNATIVE_PRESETS above remains a reference bank only. What IS selectable is\n// the categorical chart ramp (feedback #119), so these two presets are the live\n// set; presetById falls back to the default for any stale persisted id.\n/**\n * The categorical chart ramp, shared by every derived preset below.\n *\n * Paul Tol's \"Muted\" set, unchanged, and deliberately NOT re-derived per preset. A\n * categorical ramp solves a different problem from a UI palette — separability among\n * nine unknown siblings, rather than contrast against one known surface — and a set\n * optimised against real dichromat confusion lines beats one spaced evenly by formula.\n * `auditChartRamp` in palette-derive.ts measures it: 0.059 minimum separation in the\n * light variant, which is the number MIN_SEPARATION was calibrated under.\n *\n * It pays for that in contrast: four of the nine light hues sit below the 3:1 WCAG\n * 1.4.11 asks of a filled shape. That is not fixable by darkening them — see\n * SINGLE_LIGHTNESS_MAX_SERIES — so a chart with more than four series must carry a\n * second channel (a direct label, a pattern, a legend adjacent to the mark).\n */\nconst PAUL_TOL = {\n  light: DEFAULT_PRESET.light.chart,\n  dark: DEFAULT_PRESET.dark.chart,\n} as const;\n\n/**\n * Presets DERIVED rather than picked, by `derivePalette` from one brand colour each.\n *\n * Every text role here was solved to a contrast target against the worst of the three\n * surfaces it can land on, every semantic colour against both the page and its own badge\n * tint, and the whole set is re-checked by `derived-presets.test.ts` — which re-runs the\n * deriver and fails if these committed values drift from what it now produces.\n *\n * They are committed rather than derived at import because deriving eight token sets\n * costs ~34ms, and charging every consumer that at startup for palettes most of them\n * will never select is the wrong trade. The test is what keeps the two in agreement.\n */\nexport const DERIVED_PRESETS: PalettePreset[] = [\n  {\n    id: \"ink\",\n    name: \"Ink\",\n    blurb: \"Cool blue-grey ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#dce2ef\",\n      bgSurface: \"#e6edfa\",\n      bgSurface2: \"#dce2ef\",\n      border: \"#b0bace\",\n      textPrimary: \"#2e3139\",\n      textSecondary: \"#454950\",\n      textMuted: \"#5f646c\",\n      brand: \"#2f5fd0\",\n      brandHover: \"#1f4cbc\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00725e\",\n      moneyExpense: \"#8e5900\",\n      moneyNet: \"#7356a2\",\n      moneyNeutral: \"#61656c\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#dce2ef\",\n        under: \"#00725e\",\n        over: \"#8e5900\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8e5900\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#090d15\",\n      bgSurface: \"#131720\",\n      bgSurface2: \"#1d212b\",\n      border: \"#363e4e\",\n      textPrimary: \"#c7ccd5\",\n      textSecondary: \"#a7abb4\",\n      textMuted: \"#858992\",\n      brand: \"#3466d7\",\n      brandHover: \"#2353c3\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00997f\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c9\",\n      moneyNeutral: \"#a1a5ac\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#1d212b\",\n        under: \"#00997f\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"moss\",\n    name: \"Moss\",\n    blurb: \"Green ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#d8e6dd\",\n      bgSurface: \"#e3f1e8\",\n      bgSurface2: \"#d8e6dd\",\n      border: \"#abbfb2\",\n      textPrimary: \"#2c342e\",\n      textSecondary: \"#434b45\",\n      textMuted: \"#5d6660\",\n      brand: \"#2f7a52\",\n      brandHover: \"#196842\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00735f\",\n      moneyExpense: \"#8e5900\",\n      moneyNet: \"#7356a2\",\n      moneyNeutral: \"#5f6762\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#d8e6dd\",\n        under: \"#00735f\",\n        over: \"#8e5900\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8e5900\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#060f0a\",\n      bgSurface: \"#101a14\",\n      bgSurface2: \"#1a241e\",\n      border: \"#314237\",\n      textPrimary: \"#c5cfc9\",\n      textSecondary: \"#a4aea8\",\n      textMuted: \"#838c86\",\n      brand: \"#317b53\",\n      brandHover: \"#1c6943\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#009a80\",\n      moneyExpense: \"#b87b2a\",\n      moneyNet: \"#9779c9\",\n      moneyNeutral: \"#9fa7a2\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#1a241e\",\n        under: \"#009a80\",\n        over: \"#b87b2a\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b87b2a\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"plum\",\n    name: \"Plum\",\n    blurb: \"Violet ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#e7dfea\",\n      bgSurface: \"#f2e9f5\",\n      bgSurface2: \"#e7dfea\",\n      border: \"#c2b6c6\",\n      textPrimary: \"#342f36\",\n      textSecondary: \"#4c474e\",\n      textMuted: \"#676169\",\n      brand: \"#7b3f8f\",\n      brandHover: \"#692d7d\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00725e\",\n      moneyExpense: \"#8d5900\",\n      moneyNet: \"#7355a2\",\n      moneyNeutral: \"#676369\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#e7dfea\",\n        under: \"#00725e\",\n        over: \"#8d5900\",\n        seqLow: \"#fee3c4\",\n        seqHigh: \"#8d5900\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#100b12\",\n      bgSurface: \"#1b151d\",\n      bgSurface2: \"#251f27\",\n      border: \"#453a48\",\n      textPrimary: \"#d0cad3\",\n      textSecondary: \"#afa9b1\",\n      textMuted: \"#8d878f\",\n      brand: \"#9153a6\",\n      brandHover: \"#7f4193\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00997f\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c8\",\n      moneyNeutral: \"#a8a2aa\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#251f27\",\n        under: \"#00997f\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"contrast\",\n    name: \"High contrast\",\n    blurb: \"Near-neutral ground · text solved to 13:1 / 8.5:1 / 5.5:1\",\n    light: {\n      bgPage: \"#e0e2e5\",\n      bgSurface: \"#ebedef\",\n      bgSurface2: \"#e0e2e5\",\n      border: \"#b7babe\",\n      textPrimary: \"#191d24\",\n      textSecondary: \"#373c44\",\n      textMuted: \"#535860\",\n      brand: \"#1f2937\",\n      brandHover: \"#111b28\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00715d\",\n      moneyExpense: \"#8d5800\",\n      moneyNet: \"#7255a1\",\n      moneyNeutral: \"#5f646b\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#e0e2e5\",\n        under: \"#00715d\",\n        over: \"#8d5800\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8d5800\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#0c0d0f\",\n      bgSurface: \"#161719\",\n      bgSurface2: \"#202123\",\n      border: \"#3c3e41\",\n      textPrimary: \"#e1e7f0\",\n      textSecondary: \"#b7bdc5\",\n      textMuted: \"#9197a0\",\n      brand: \"#546c8d\",\n      brandHover: \"#445b7b\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00997f\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c8\",\n      moneyNeutral: \"#a0a5ac\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#202123\",\n        under: \"#00997f\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n];\n\nexport const PALETTES: PalettePreset[] = [DEFAULT_PRESET, IMPRINT_PRESET, ...DERIVED_PRESETS];\n\nexport function presetById(id: string): PalettePreset {\n  return PALETTES.find((p) => p.id === id) ?? DEFAULT_PRESET;\n}\n\n/**\n * Write a token set onto an element's inline style as CSS custom properties.\n *\n * This is the only writer, and there is no un-writer: `presetById` falls back to\n * `DEFAULT_PRESET` and this then writes the full set, so returning to the default\n * APPLIES it rather than clearing anything. A `clearTokenSet` and the hand-kept\n * 24-name `TOKEN_VARS` list it looped over used to live here, both exported, both\n * called by nobody in either consumer — a second copy of these property names with\n * nothing comparing the two, so adding a token here and forgetting it there would\n * have been silent and only a dead function would have noticed. The list is gone;\n * the test beside this asserts instead that every field of a `TokenSet` reaches the\n * element, which is what that list was standing in for.\n *\n * **More contrast (0.32, docs/text-size-harmonization.md §5, §10.5).** With `contrast`\n * the text and border tokens are written one step stronger, and `--text-placeholder` —\n * otherwise derived in tokens.css — is written inline too; without it that inline\n * placeholder is removed again, so the stylesheet's formula applies. The step is made\n * HERE because these tokens are inline: no `[data-contrast=more]` rule could beat them.\n *\n * `contrast` defaults to the element's own `data-contrast=\"more\"`, which the contrast\n * layer (`applyContrast`, `useApplyContrast`) sets first. That is how the palette and the\n * contrast cooperate without knowing each other: a palette change re-applies through\n * here and keeps the contrast, and a contrast change re-applies the set remembered here.\n */\nexport function applyTokenSet(\n  el: HTMLElement,\n  t: TokenSet,\n  contrast: boolean = el.getAttribute(\"data-contrast\") === \"more\",\n): void {\n  rememberTokenSet(el, t);\n  const step = contrast ? contrastStep(t) : null;\n  el.style.setProperty(\"--bg-page\", t.bgPage);\n  el.style.setProperty(\"--bg-surface\", t.bgSurface);\n  el.style.setProperty(\"--bg-surface-2\", t.bgSurface2);\n  el.style.setProperty(\"--border\", step?.border ?? t.border);\n  el.style.setProperty(\"--text-primary\", t.textPrimary);\n  el.style.setProperty(\"--text-secondary\", step?.textSecondary ?? t.textSecondary);\n  el.style.setProperty(\"--text-muted\", step?.textMuted ?? t.textMuted);\n  if (step) el.style.setProperty(\"--text-placeholder\", step.textPlaceholder);\n  else el.style.removeProperty(\"--text-placeholder\");\n  el.style.setProperty(\"--brand\", t.brand);\n  el.style.setProperty(\"--brand-hover\", t.brandHover);\n  el.style.setProperty(\"--brand-contrast\", t.brandContrast);\n  el.style.setProperty(\"--money-income\", t.moneyIncome);\n  el.style.setProperty(\"--money-expense\", t.moneyExpense);\n  el.style.setProperty(\"--money-net\", t.moneyNet);\n  el.style.setProperty(\"--money-neutral\", t.moneyNeutral);\n  t.chart.forEach((c, i) => el.style.setProperty(`--chart-${i + 1}`, c));\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/palette-presets.ts"],"sourcesContent":["// Appearance presets — the single source of truth for the \"palette switcher\"\n// (feedback #307). Each preset is a full set of design-token values for BOTH\n// light and dark, covering the page/surface backgrounds, the brand accent, the\n// semantic money trio and the 9-colour categorical chart palette, plus the\n// heatmap stops. A preset is applied at runtime by writing these as CSS custom\n// properties onto <html> (see palette-store.ts), which instantly re-skins every\n// token-driven surface and chart. The two heatmaps and the treemap interpolate\n// concrete hex in JS, so they read the same values from here via the hooks in\n// palette-store.\n//\n// The default preset here mirrors the :root/.dark blocks in tokens.css exactly. The\n// five hand-picked alternatives of #307 (`ALTERNATIVE_PRESETS`, a reference bank that\n// `presetById` never resolved) were removed in 0.35 (refactor audit 2026-10, API-6c;\n// deprecated in 0.34): `PALETTES` is what an app offers, and `derivePalette` makes a\n// palette of its own.\n\nimport type { HeatStops } from \"./chart-palette\";\nimport { contrastStep, rememberTokenSet } from \"./contrast-tokens\";\n\nexport interface TokenSet {\n  // Backgrounds & chrome\n  bgPage: string;\n  bgSurface: string;\n  bgSurface2: string;\n  border: string;\n  textPrimary: string;\n  // The two quieter text roles. Derived per preset by blending `textPrimary` toward\n  // that preset's own surfaces until the contrast against the WORST of bgPage /\n  // bgSurface / bgSurface2 hits 7:1 and 4.8:1 — so both clear WCAG AA for normal text\n  // (4.5:1) on every surface they can land on, and both inherit the preset's warmth\n  // instead of importing a cool grey from Tailwind's palette.\n  textSecondary: string;\n  textMuted: string;\n  // Interactive brand accent\n  brand: string;\n  brandHover: string;\n  brandContrast: string;\n  // Semantic money (never red/green — CVD-safe, paired with +/- cues elsewhere)\n  moneyIncome: string;\n  moneyExpense: string;\n  moneyNet: string;\n  moneyNeutral: string;\n  // Categorical chart series (Paul Tol \"Muted\" by default — CVD-safe), exactly 9\n  chart: string[];\n  // Heatmap interpolation stops (variance diverging + spending sequential)\n  heat: HeatStops;\n}\n\nexport interface PalettePreset {\n  id: string;\n  name: string;\n  blurb: string;\n  light: TokenSet;\n  dark: TokenSet;\n}\n\n// The shipped default (feedback #328): SOLAR-DUSK warm light + INDIGO-NOIR deep\n// dark surfaces — the two curated presets the user picked per mode — but with a\n// SINGLE unified brand accent (indigo) across both modes rather than each\n// preset's own accent (the user asked for the brand accent to stay the same).\n// So the light block is Solar Dusk with its teal brand overridden to indigo, and\n// the dark block is Indigo Noir (already indigo). The money trio\n// (income/expense/net) drives the chart bars and stays palette-driven so those\n// semantic colours adapt to each mode's contrast (best practice — feedback #328).\nexport const DEFAULT_PRESET: PalettePreset = {\n  id: \"default\",\n  name: \"Default\",\n  blurb: \"Solar-dusk light · indigo-noir dark\",\n  light: {\n    // Solar Dusk (light) surfaces, with the brand unified to indigo (see above).\n    bgPage: \"#ede3cf\",\n    bgSurface: \"#f6ecd9\",\n    // The well is the page in light (0.33, k26): #f3ead6 stood 1.02:1 from the card it\n    // is inset in. Every light preset does the same; see SURFACE_L in palette-derive.ts.\n    bgSurface2: \"#ede3cf\",\n    border: \"#e2d6bd\",\n    textPrimary: \"#463f33\",\n    textSecondary: \"#50493c\",\n    textMuted: \"#696153\",\n    brand: \"#4f46e5\",\n    brandHover: \"#4338ca\",\n    brandContrast: \"#ffffff\",\n    moneyIncome: \"#0b6650\",\n    moneyExpense: \"#905902\",\n    moneyNet: \"#7a4fa3\",\n    moneyNeutral: \"#6b6453\",\n    chart: [\"#332288\", \"#88ccee\", \"#44aa99\", \"#117733\", \"#999933\", \"#ddcc77\", \"#cc6677\", \"#882255\", \"#aa4499\"],\n    heat: {\n      neutral: \"#f1e7d2\",\n      under: \"#0b6650\",\n      over: \"#9c6418\",\n      seqLow: \"#f6ecd0\",\n      seqHigh: \"#9c6418\",\n      empty: \"rgba(148,163,184,0.14)\",\n    },\n  },\n  dark: {\n    // Indigo Noir (dark)\n    bgPage: \"#0e0f1c\",\n    bgSurface: \"#181a2c\",\n    bgSurface2: \"#21243a\",\n    border: \"#2e3252\",\n    textPrimary: \"#e6e8f4\",\n    textSecondary: \"#adafbe\",\n    textMuted: \"#8d90a0\",\n    brand: \"#8b93f8\",\n    brandHover: \"#aab1fb\",\n    brandContrast: \"#16182b\",\n    moneyIncome: \"#22c3b6\",\n    // Amber-400 (#fbbf24) sat at OKLab L 0.84 while every other dark token lives\n    // at 0.68–0.74, so outflows outshouted the inflows they are paired with. Same\n    // hue and chroma, pulled to L 0.785 (dev#434). The heat stops below keep the\n    // brighter amber on purpose: a gradient endpoint is meant to be the loudest\n    // thing in its scale, and it is a fill, not a figure.\n    moneyExpense: \"#e4b035\",\n    moneyNet: \"#b39aef\",\n    moneyNeutral: \"#9aa1bd\",\n    chart: [\"#7e72d6\", \"#9fd8f2\", \"#5fc4b0\", \"#3fa45f\", \"#bfbf5e\", \"#e8dda0\", \"#e08c9a\", \"#c25a78\", \"#cc78be\"],\n    heat: {\n      neutral: \"#363a5a\",\n      under: \"#22c3b6\",\n      over: \"#fbbf24\",\n      seqLow: \"#3a2c14\",\n      seqHigh: \"#fbbf24\",\n      empty: \"rgba(148,163,184,0.10)\",\n    },\n  },\n};\n\n// ── \"Imprint\" chart hues (feedback #119) ──────────────────────────────────────\n// anyplot's categorical palette (https://anyplot.ai/palette), by a colleague of\n// Marcel's. 8 hues + an amber semantic anchor, derived from Wong 2011 by a\n// Petroff-style max-min ΔE search in CAM02-UCS with Machado 2009 CVD simulation —\n// the same lineage as our default Paul Tol \"Muted\", one generation on, and tuned\n// for exactly the warm cream paper our light theme uses.\n//\n// This preset is DEFAULT_PRESET with ONLY the 9 categorical chart hues swapped;\n// surfaces, brand and the semantic money trio stay put, because those were their\n// own deliberate decisions (#307/#328) and are not what the palette is for. The\n// heatmap stops likewise stay teal/amber: they encode under/over, and imprint's\n// own diverging ramp is red↔blue, which would fight the money semantics.\n//\n// Measured on our surfaces (CIEDE2000, Machado severity-100, 8 like-for-like\n// slots on the cream light surface #f6ecd9) — neither palette dominates:\n//   Paul Tol Muted  min-contrast 1.38 · worst-CVD ΔE00 11.8 · normal ΔE00 16.1\n//   imprint         min-contrast 1.95 · worst-CVD ΔE00  7.2 · normal ΔE00 22.2\n// i.e. imprint is punchier and has no near-invisible pale slot (Tol's #88ccee\n// sits at 1.5:1 on cream), while Tol separates better under colour-vision\n// deficiency. So this ships as a CHOICE, not as a new default.\n//\n// The dark set keeps imprint's hues verbatim except matte-red and rose, whose\n// lightness is lifted (oklch L 0.50→0.55) because verbatim they land at 2.67:1\n// and 2.76:1 on our deep-indigo dark surface — under WCAG 2.1 SC 1.4.11's 3:1\n// non-text minimum. Lifted they clear it at 3.30:1 / 3.28:1. anyplot documents\n// the same shortfall on their own dark ground and answers it with a stroke halo;\n// lifting keeps the fix in the token layer instead of every chart component.\nconst IMPRINT_HUES_LIGHT = [\n  \"#009E73\", // brand green   — first series\n  \"#C475FD\", // lavender      — creative\n  \"#4467A3\", // blue          — cool / info\n  \"#BD8233\", // ochre         — earth / commodity\n  \"#AE3030\", // matte red     — bad / loss / error\n  \"#2ABCCD\", // cyan          — sky / tech-cool\n  \"#954477\", // rose          — wellness / health\n  \"#99B314\", // lime          — growth / nature\n  \"#DDCC77\", // amber         — anyplot's semantic anchor, used here as slot 9\n];\nconst IMPRINT_HUES_DARK = [\n  \"#009E73\",\n  \"#C475FD\",\n  \"#4467A3\",\n  \"#BD8233\",\n  \"#BF413E\", // matte red, L-lifted for our dark surface\n  \"#2ABCCD\",\n  \"#A25083\", // rose, L-lifted for our dark surface\n  \"#99B314\",\n  \"#DDCC77\",\n];\n\nexport const IMPRINT_PRESET: PalettePreset = {\n  id: \"imprint\",\n  name: \"Imprint\",\n  blurb: \"Colourblind-safe chart hues by anyplot.ai\",\n  light: { ...DEFAULT_PRESET.light, chart: IMPRINT_HUES_LIGHT },\n  dark: { ...DEFAULT_PRESET.dark, chart: IMPRINT_HUES_DARK },\n};\n\n// The full-theme switcher from #307 stayed retired (feedback #328) — the default\n// is still the single source of truth for surfaces, brand and money (its five\n// alternatives are gone, see the header). What IS selectable is\n// the categorical chart ramp (feedback #119), so these two presets are the live\n// set; presetById falls back to the default for any stale persisted id.\n/**\n * The categorical chart ramp, shared by every derived preset below.\n *\n * Paul Tol's \"Muted\" set, unchanged, and deliberately NOT re-derived per preset. A\n * categorical ramp solves a different problem from a UI palette — separability among\n * nine unknown siblings, rather than contrast against one known surface — and a set\n * optimised against real dichromat confusion lines beats one spaced evenly by formula.\n * `auditChartRamp` in palette-derive.ts measures it: 0.059 minimum separation in the\n * light variant, which is the number MIN_SEPARATION was calibrated under.\n *\n * It pays for that in contrast: four of the nine light hues sit below the 3:1 WCAG\n * 1.4.11 asks of a filled shape. That is not fixable by darkening them — see\n * SINGLE_LIGHTNESS_MAX_SERIES — so a chart with more than four series must carry a\n * second channel (a direct label, a pattern, a legend adjacent to the mark).\n */\nconst PAUL_TOL = {\n  light: DEFAULT_PRESET.light.chart,\n  dark: DEFAULT_PRESET.dark.chart,\n} as const;\n\n/**\n * Presets DERIVED rather than picked, by `derivePalette` from one brand colour each.\n *\n * Every text role here was solved to a contrast target against the worst of the three\n * surfaces it can land on, every semantic colour against both the page and its own badge\n * tint, and the whole set is re-checked by `__tests__/palette-audit.test.ts` (\"derived\n * presets\") — which re-runs the deriver and fails if these committed values drift from\n * what it now produces.\n *\n * They are committed rather than derived at import because deriving eight token sets\n * costs ~34ms, and charging every consumer that at startup for palettes most of them\n * will never select is the wrong trade. The test is what keeps the two in agreement.\n *\n * Regenerated in 0.34 (round 0.34 BUG-8): the solve now measures the hex it ships rather\n * than the float before rounding, and the audit no longer lets a hex pair pass 0.05 under\n * its threshold. 52 values moved one step (66 counting the heat stops that repeat them);\n * Contrast's neutrals lost half their slate tint, its brand having half the chroma at\n * which the neutrals carry a hue in full.\n */\nexport const DERIVED_PRESETS: PalettePreset[] = [\n  {\n    id: \"ink\",\n    name: \"Ink\",\n    blurb: \"Cool blue-grey ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#dce2ef\",\n      bgSurface: \"#e6edfa\",\n      bgSurface2: \"#dce2ef\",\n      border: \"#b0bace\",\n      textPrimary: \"#2e3139\",\n      textSecondary: \"#454850\",\n      textMuted: \"#5f636c\",\n      brand: \"#2f5fd0\",\n      brandHover: \"#1f4cbc\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00725f\",\n      moneyExpense: \"#8e5900\",\n      moneyNet: \"#7356a2\",\n      moneyNeutral: \"#61646c\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#dce2ef\",\n        under: \"#00725f\",\n        over: \"#8e5900\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8e5900\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#090d15\",\n      bgSurface: \"#131720\",\n      bgSurface2: \"#1d212b\",\n      border: \"#363e4f\",\n      textPrimary: \"#c8ccd6\",\n      textSecondary: \"#a7abb5\",\n      textMuted: \"#858a92\",\n      brand: \"#3466d7\",\n      brandHover: \"#2353c3\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#009a80\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c9\",\n      moneyNeutral: \"#a1a5ac\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#1d212b\",\n        under: \"#009a80\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"moss\",\n    name: \"Moss\",\n    blurb: \"Green ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#d8e6dd\",\n      bgSurface: \"#e3f1e8\",\n      bgSurface2: \"#d8e6dd\",\n      border: \"#abbfb2\",\n      textPrimary: \"#2c332e\",\n      textSecondary: \"#424b45\",\n      textMuted: \"#5d6660\",\n      brand: \"#2f7a52\",\n      brandHover: \"#196842\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00725f\",\n      moneyExpense: \"#8e5900\",\n      moneyNet: \"#7356a2\",\n      moneyNeutral: \"#5f6662\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#d8e6dd\",\n        under: \"#00725f\",\n        over: \"#8e5900\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8e5900\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#060f0a\",\n      bgSurface: \"#101a14\",\n      bgSurface2: \"#1a241e\",\n      border: \"#314337\",\n      textPrimary: \"#c6cfc9\",\n      textSecondary: \"#a5aea8\",\n      textMuted: \"#838c86\",\n      brand: \"#317b53\",\n      brandHover: \"#1c6943\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#009a80\",\n      moneyExpense: \"#b87c2a\",\n      moneyNet: \"#977ac9\",\n      moneyNeutral: \"#9fa7a2\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#1a241e\",\n        under: \"#009a80\",\n        over: \"#b87c2a\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b87c2a\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"plum\",\n    name: \"Plum\",\n    blurb: \"Violet ground · solved for AAA body text\",\n    light: {\n      bgPage: \"#e7dfea\",\n      bgSurface: \"#f2e9f5\",\n      bgSurface2: \"#e7dfea\",\n      border: \"#c2b5c6\",\n      textPrimary: \"#352f36\",\n      textSecondary: \"#4c464e\",\n      textMuted: \"#676169\",\n      brand: \"#7b3f8f\",\n      brandHover: \"#692d7d\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00715e\",\n      moneyExpense: \"#8d5800\",\n      moneyNet: \"#7355a2\",\n      moneyNeutral: \"#676269\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#e7dfea\",\n        under: \"#00715e\",\n        over: \"#8d5800\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8d5800\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#100b12\",\n      bgSurface: \"#1b151d\",\n      bgSurface2: \"#251f27\",\n      border: \"#453b48\",\n      textPrimary: \"#d0cad2\",\n      textSecondary: \"#afa9b1\",\n      textMuted: \"#8d8790\",\n      brand: \"#9154a6\",\n      brandHover: \"#7f4293\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#009980\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c9\",\n      moneyNeutral: \"#a8a2aa\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#251f27\",\n        under: \"#009980\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n  {\n    id: \"contrast\",\n    name: \"High contrast\",\n    blurb: \"Near-neutral ground · text solved to 13:1 / 8.5:1 / 5.5:1\",\n    light: {\n      bgPage: \"#e1e2e3\",\n      bgSurface: \"#ecedee\",\n      bgSurface2: \"#e1e2e3\",\n      border: \"#b8babc\",\n      textPrimary: \"#1b1d21\",\n      textSecondary: \"#3a3c40\",\n      textMuted: \"#55585c\",\n      brand: \"#1f2937\",\n      brandHover: \"#111b28\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#00715e\",\n      moneyExpense: \"#8d5800\",\n      moneyNet: \"#7255a1\",\n      moneyNeutral: \"#616467\",\n      chart: PAUL_TOL.light,\n      heat: {\n        neutral: \"#e1e2e3\",\n        under: \"#00715e\",\n        over: \"#8d5800\",\n        seqLow: \"#fee3c5\",\n        seqHigh: \"#8d5800\",\n        empty: \"rgba(120,110,95,0.14)\",\n      },\n    },\n    dark: {\n      bgPage: \"#0c0d0e\",\n      bgSurface: \"#171718\",\n      bgSurface2: \"#212122\",\n      border: \"#3d3e3f\",\n      textPrimary: \"#e4e8ec\",\n      textSecondary: \"#b9bdc1\",\n      textMuted: \"#95979c\",\n      brand: \"#556c8e\",\n      brandHover: \"#455b7c\",\n      brandContrast: \"#ffffff\",\n      moneyIncome: \"#009a80\",\n      moneyExpense: \"#b77b29\",\n      moneyNet: \"#9679c9\",\n      moneyNeutral: \"#a2a5a8\",\n      chart: PAUL_TOL.dark,\n      heat: {\n        neutral: \"#212122\",\n        under: \"#009a80\",\n        over: \"#b77b29\",\n        seqLow: \"#331f05\",\n        seqHigh: \"#b77b29\",\n        empty: \"rgba(160,170,190,0.10)\",\n      },\n    },\n  },\n];\n\nexport const PALETTES: PalettePreset[] = [DEFAULT_PRESET, IMPRINT_PRESET, ...DERIVED_PRESETS];\n\nexport function presetById(id: string): PalettePreset {\n  return PALETTES.find((p) => p.id === id) ?? DEFAULT_PRESET;\n}\n\n/**\n * Write a token set onto an element's inline style as CSS custom properties.\n *\n * This is the only writer, and there is no un-writer: `presetById` falls back to\n * `DEFAULT_PRESET` and this then writes the full set, so returning to the default\n * APPLIES it rather than clearing anything. A `clearTokenSet` and the hand-kept\n * 24-name `TOKEN_VARS` list it looped over used to live here, both exported, both\n * called by nobody in either consumer — a second copy of these property names with\n * nothing comparing the two, so adding a token here and forgetting it there would\n * have been silent and only a dead function would have noticed. The list is gone;\n * the test beside this asserts instead that every field of a `TokenSet` reaches the\n * element, which is what that list was standing in for.\n *\n * **More contrast (0.32, docs/text-size-harmonization.md §5, §10.5).** With `contrast`\n * the text and border tokens are written one step stronger, and `--text-placeholder` —\n * otherwise derived in tokens.css — is written inline too; without it that inline\n * placeholder is removed again, so the stylesheet's formula applies. The step is made\n * HERE because these tokens are inline: no `[data-contrast=more]` rule could beat them.\n *\n * `contrast` defaults to the element's own `data-contrast=\"more\"`, which the contrast\n * layer (`applyContrast`, `useApplyContrast`) sets first. That is how the palette and the\n * contrast cooperate without knowing each other: a palette change re-applies through\n * here and keeps the contrast, and a contrast change re-applies the set remembered here.\n */\nexport function applyTokenSet(\n  el: HTMLElement,\n  t: TokenSet,\n  contrast: boolean = el.getAttribute(\"data-contrast\") === \"more\",\n): void {\n  rememberTokenSet(el, t);\n  const step = contrast ? contrastStep(t) : null;\n  el.style.setProperty(\"--bg-page\", t.bgPage);\n  el.style.setProperty(\"--bg-surface\", t.bgSurface);\n  el.style.setProperty(\"--bg-surface-2\", t.bgSurface2);\n  el.style.setProperty(\"--border\", step?.border ?? t.border);\n  el.style.setProperty(\"--text-primary\", t.textPrimary);\n  el.style.setProperty(\"--text-secondary\", step?.textSecondary ?? t.textSecondary);\n  el.style.setProperty(\"--text-muted\", step?.textMuted ?? t.textMuted);\n  if (step) el.style.setProperty(\"--text-placeholder\", step.textPlaceholder);\n  else el.style.removeProperty(\"--text-placeholder\");\n  el.style.setProperty(\"--brand\", t.brand);\n  el.style.setProperty(\"--brand-hover\", t.brandHover);\n  el.style.setProperty(\"--brand-contrast\", t.brandContrast);\n  el.style.setProperty(\"--money-income\", t.moneyIncome);\n  el.style.setProperty(\"--money-expense\", t.moneyExpense);\n  el.style.setProperty(\"--money-net\", t.moneyNet);\n  el.style.setProperty(\"--money-neutral\", t.moneyNeutral);\n  t.chart.forEach((c, i) => el.style.setProperty(`--chart-${i + 1}`, c));\n}\n"],"mappings":"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","names":[]}

package/dist/theme/palette-store.d.ts

@@ -1,9 +1,7 @@
-import * as zustand_middleware from 'zustand/middleware';
-import { UseBoundStore, StoreApi } from 'zustand';
-import { HeatStops } from './chart-palette.js';
-import { TokenSet } from './palette-presets.js';
-import { ThemeState, ThemeMode } from './theme-store.js';
-
+import type { StoreApi, UseBoundStore } from "zustand";
+import type { HeatStops } from "./chart-palette.js";
+import { type TokenSet } from "./palette-presets.js";
+import type { ThemeState, ThemeMode } from "./theme-store.js";
 /**
  * Pre-hydration counterpart to `applyPersistedTheme`: read the palette id
  * persisted under `storageKey` straight from localStorage and apply that preset's
@@ -11,7 +9,7 @@ import { ThemeState, ThemeMode } from './theme-store.js';
  * the default palette). Falls back to the default preset for missing/malformed
  * state, so an app entrypoint never re-types the persist envelope.
  */
-declare function applyPersistedPalette(storageKey: string, mode: ThemeMode): void;
+export declare function applyPersistedPalette(storageKey: string, mode: ThemeMode): void;
 interface PaletteState {
     id: string;
     setId: (id: string) => void;
@@ -21,18 +19,18 @@ interface PaletteState {
  * that app's theme store (for the active light/dark mode). Returns the palette
  * hook plus the effect + selector hooks that read the active preset's tokens.
  */
-declare function createPaletteStore(storageKey: string, useTheme: UseBoundStore<StoreApi<ThemeState>>): {
+export declare function createPaletteStore(storageKey: string, useTheme: UseBoundStore<StoreApi<ThemeState>>): {
     usePalette: UseBoundStore<Omit<StoreApi<PaletteState>, "setState" | "persist"> & {
         setState(partial: PaletteState | Partial<PaletteState> | ((state: PaletteState) => PaletteState | Partial<PaletteState>), replace?: false | undefined): unknown;
         setState(state: PaletteState | ((state: PaletteState) => PaletteState), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<zustand_middleware.PersistOptions<PaletteState, PaletteState, unknown>>) => void;
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<PaletteState, PaletteState, unknown>>) => void;
             clearStorage: () => void;
             rehydrate: () => Promise<void> | void;
             hasHydrated: () => boolean;
             onHydrate: (fn: (state: PaletteState) => void) => () => void;
             onFinishHydration: (fn: (state: PaletteState) => void) => () => void;
-            getOptions: () => Partial<zustand_middleware.PersistOptions<PaletteState, PaletteState, unknown>>;
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<PaletteState, PaletteState, unknown>>;
         };
     }>;
     useApplyPalette: () => void;
@@ -40,6 +38,5 @@ declare function createPaletteStore(storageKey: string, useTheme: UseBoundStore<
     useChartHex: () => string[];
     useHeatStops: () => HeatStops;
 };
-type PaletteStore = ReturnType<typeof createPaletteStore>;
-
-export { type PaletteStore, applyPersistedPalette, createPaletteStore };
+export type PaletteStore = ReturnType<typeof createPaletteStore>;
+export {};

package/dist/theme/text-size.d.ts

@@ -1,6 +1,3 @@
-import * as zustand_middleware from 'zustand/middleware';
-import * as zustand from 'zustand';
-
 /**
  * The text size (docs/text-size-harmonization.md §2.1, §3.1, §10.3, §10.6).
  *
@@ -16,25 +13,25 @@ import * as zustand from 'zustand';
  * all spell them this way.
  */
 /** The three steps, in order (§2.1, §10.6): server-kit's `TEXT_SIZES`, value for value. */
-declare const TEXT_SIZES: readonly ["normal", "large", "xlarge"];
-type TextSize = (typeof TEXT_SIZES)[number];
+export declare const TEXT_SIZES: readonly ["normal", "large", "xlarge"];
+export type TextSize = (typeof TEXT_SIZES)[number];
 /** The root font size each step sets, as a factor of the browser's own (tokens.css). For
  *  what CSS cannot reach: a canvas or SVG chart's px constants, a windowed list's row
  *  estimate, a popover width in px (§3.2). */
-declare const TEXT_SCALE: Readonly<Record<TextSize, number>>;
-declare function isTextSize(value: unknown): value is TextSize;
+export declare const TEXT_SCALE: Readonly<Record<TextSize, number>>;
+export declare function isTextSize(value: unknown): value is TextSize;
 /**
  * The size in force: **this device's own choice → the account's → Normal** (§2.2, §2.6).
  * Each is taken only when it is one of {@link TEXT_SIZES}; anything else (a stale value,
  * `null` = never chosen) falls through to the next. The one order the pre-paint call, the
  * apply hook and `useAccountAppearance` all use, so the three can never disagree.
  */
-declare function resolveTextSize(device: unknown, account?: unknown): TextSize;
+export declare function resolveTextSize(device: unknown, account?: unknown): TextSize;
 /** The size `<html>` carries now; Normal without one (or outside a browser). */
-declare function readTextSize(): TextSize;
+export declare function readTextSize(): TextSize;
 /** Put `size` on `<html>`. Every {@link useTextSize} re-renders with it. */
-declare function applyTextSize(size: TextSize): void;
-interface TextSizeInfo {
+export declare function applyTextSize(size: TextSize): void;
+export interface TextSizeInfo {
     size: TextSize;
     /** {@link TEXT_SCALE} for `size`: 1, 1.25 or 1.5. */
     scale: number;
@@ -47,7 +44,7 @@ interface TextSizeInfo {
  * Only for what CSS cannot do. A class that should differ at Large is a `large:`
  * variant; a layout switch is a breakpoint, which already scales.
  */
-declare function useTextSize(): TextSizeInfo;
+export declare function useTextSize(): TextSizeInfo;
 /**
  * What a text-size store persists under its key — zustand's persist envelope, and FROZEN
  * (§10.3) because an app's inline `<head>` snippet reads it before any module loads:
@@ -62,7 +59,7 @@ declare function useTextSize(): TextSizeInfo;
  * (keksdose's 0.32 report). The inline snippet reads `state.size` whatever the version,
  * so the two would disagree. In the kit's showcase, `?text-size=` needs no seed.
  */
-interface PersistedTextSize {
+export interface PersistedTextSize {
     state?: {
         size?: TextSize | null;
     };
@@ -70,8 +67,8 @@ interface PersistedTextSize {
 }
 /** This device's own choice under `storageKey`, or `null` when it never chose (or the
  *  storage is blocked, malformed, or holds a value that is not a size). */
-declare function readPersistedTextSize(storageKey: string): TextSize | null;
-interface PersistedAppearanceOptions {
+export declare function readPersistedTextSize(storageKey: string): TextSize | null;
+export interface PersistedAppearanceOptions {
     /**
      * The account's last known value, for a device without a choice of its own (§10.3):
      * what the app persisted with its user (keksdose keeps `/auth/me` in localStorage), so
@@ -92,7 +89,7 @@ interface PersistedAppearanceOptions {
  * });
  * ```
  */
-declare function applyPersistedTextSize(storageKey: string, options?: PersistedAppearanceOptions): TextSize;
+export declare function applyPersistedTextSize(storageKey: string, options?: PersistedAppearanceOptions): TextSize;
 /**
  * The same pre-paint as {@link applyPersistedTextSize}, as an inline `<head>` script for
  * a boot splash painted from `index.html` before any module runs (§10.3). A function
@@ -123,15 +120,15 @@ declare function applyPersistedTextSize(storageKey: string, options?: PersistedA
  * storage key or the account function in the call changes (keksdose added it to both
  * its Caddyfiles, and its guard test hashes every inline script).
  */
-declare const TEXT_SIZE_INLINE_SCRIPT: string;
-interface TextSizeState {
+export declare const TEXT_SIZE_INLINE_SCRIPT: string;
+export interface TextSizeState {
     /** This device's own choice (persisted), or `null` when it never chose — then the
      *  account's value applies (§2.2). */
     size: TextSize | null;
     /** Store this device's choice; `null` forgets it, so the account's applies again. */
     setSize: (size: TextSize | null) => void;
 }
-interface ApplyTextSizeOptions {
+export interface ApplyTextSizeOptions {
     /** The account's value (`/auth/me`'s `text_size`): it applies while this device has no
      *  choice of its own. Leave it out where there is no account. */
     account?: string | null;
@@ -148,12 +145,12 @@ interface ApplyTextSizeOptions {
  *
  * The persisted format is {@link PersistedTextSize}, and frozen.
  */
-declare function createTextSizeStore(storageKey: string): {
-    useTextSizeStore: zustand.UseBoundStore<Omit<zustand.StoreApi<TextSizeState>, "setState" | "persist"> & {
+export declare function createTextSizeStore(storageKey: string): {
+    useTextSizeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<TextSizeState>, "setState" | "persist"> & {
         setState(partial: TextSizeState | Partial<TextSizeState> | ((state: TextSizeState) => TextSizeState | Partial<TextSizeState>), replace?: false | undefined): unknown;
         setState(state: TextSizeState | ((state: TextSizeState) => TextSizeState), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<zustand_middleware.PersistOptions<TextSizeState, {
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<TextSizeState, {
                 size: "normal" | "large" | "xlarge" | null;
             }, unknown>>) => void;
             clearStorage: () => void;
@@ -161,13 +158,11 @@ declare function createTextSizeStore(storageKey: string): {
             hasHydrated: () => boolean;
             onHydrate: (fn: (state: TextSizeState) => void) => () => void;
             onFinishHydration: (fn: (state: TextSizeState) => void) => () => void;
-            getOptions: () => Partial<zustand_middleware.PersistOptions<TextSizeState, {
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<TextSizeState, {
                 size: "normal" | "large" | "xlarge" | null;
             }, unknown>>;
         };
     }>;
     useApplyTextSize: ({ account }?: ApplyTextSizeOptions) => TextSize;
 };
-type TextSizeStore = ReturnType<typeof createTextSizeStore>;
-
-export { type ApplyTextSizeOptions, type PersistedAppearanceOptions, type PersistedTextSize, TEXT_SCALE, TEXT_SIZES, TEXT_SIZE_INLINE_SCRIPT, type TextSize, type TextSizeInfo, type TextSizeState, type TextSizeStore, applyPersistedTextSize, applyTextSize, createTextSizeStore, isTextSize, readPersistedTextSize, readTextSize, resolveTextSize, useTextSize };
+export type TextSizeStore = ReturnType<typeof createTextSizeStore>;

package/dist/theme/theme-store.d.ts

@@ -1,10 +1,7 @@
-import * as zustand_middleware from 'zustand/middleware';
-import * as zustand from 'zustand';
-
-type ThemeMode = "light" | "dark";
+export type ThemeMode = "light" | "dark";
 /** What the user chose; "system" tracks the OS `prefers-color-scheme`. */
-type ThemePreference = "light" | "dark" | "system";
-interface ThemeState {
+export type ThemePreference = "light" | "dark" | "system";
+export interface ThemeState {
     /** The user's choice (persisted). */
     preference: ThemePreference;
     /** The RESOLVED light/dark actually in effect (system → OS). Read this for
@@ -25,19 +22,19 @@ interface ThemeState {
  * envelope + the legacy `mode`→`preference` fallback so apps never re-type the
  * storage shape in their entrypoint.
  */
-declare function applyPersistedTheme(storageKey: string): ThemeMode;
+export declare function applyPersistedTheme(storageKey: string): ThemeMode;
 /**
  * Build a theme store bound to a consumer-supplied localStorage key. Tracks a
  * light/dark/system PREFERENCE (feedback #330) and exposes the resolved `mode`.
  * Returns the `useTheme` hook plus a `useApplyTheme` effect that toggles the
  * `.dark` class on <html> and, while on "system", follows OS theme changes live.
  */
-declare function createThemeStore(storageKey: string): {
-    useTheme: zustand.UseBoundStore<Omit<zustand.StoreApi<ThemeState>, "setState" | "persist"> & {
+export declare function createThemeStore(storageKey: string): {
+    useTheme: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ThemeState>, "setState" | "persist"> & {
         setState(partial: ThemeState | Partial<ThemeState> | ((state: ThemeState) => ThemeState | Partial<ThemeState>), replace?: false | undefined): unknown;
         setState(state: ThemeState | ((state: ThemeState) => ThemeState), replace: true): unknown;
         persist: {
-            setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeState, {
+            setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeState, {
                 preference: ThemePreference;
             }, unknown>>) => void;
             clearStorage: () => void;
@@ -45,13 +42,11 @@ declare function createThemeStore(storageKey: string): {
             hasHydrated: () => boolean;
             onHydrate: (fn: (state: ThemeState) => void) => () => void;
             onFinishHydration: (fn: (state: ThemeState) => void) => () => void;
-            getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeState, {
+            getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeState, {
                 preference: ThemePreference;
             }, unknown>>;
         };
     }>;
     useApplyTheme: () => void;
 };
-type ThemeStore = ReturnType<typeof createThemeStore>;
-
-export { type ThemeMode, type ThemePreference, type ThemeState, type ThemeStore, applyPersistedTheme, createThemeStore };
+export type ThemeStore = ReturnType<typeof createThemeStore>;

package/dist/tour/tour-labels.d.ts

@@ -0,0 +1,2 @@
+import type { TourLabels } from "./tour.js";
+export declare const DEFAULT_TOUR_LABELS: TourLabels;

package/dist/tour/tour-labels.js

@@ -0,0 +1,13 @@
+"use client";
+const DEFAULT_TOUR_LABELS = {
+  next: "Next",
+  back: "Back",
+  skip: "Skip",
+  done: "Done",
+  awaitClickHint: "Click the highlighted element to continue",
+  step: (c, t) => `${c} / ${t}`
+};
+export {
+  DEFAULT_TOUR_LABELS
+};
+//# sourceMappingURL=tour-labels.js.map

package/dist/tour/tour-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tour/tour-labels.ts"],"sourcesContent":["// The English words of ./tour, in a module with no component code: the English catalogue\n// (src/i18n/defaults.ts) imports them without the component, so `en` loads as one chunk\n// like the other languages (0.34, KS U8). ./tour re-exports them.\n\nimport type { TourLabels } from \"./tour\";\n\nexport const DEFAULT_TOUR_LABELS: TourLabels = {\n  next: \"Next\",\n  back: \"Back\",\n  skip: \"Skip\",\n  done: \"Done\",\n  awaitClickHint: \"Click the highlighted element to continue\",\n  step: (c, t) => `${c} / ${t}`,\n};\n"],"mappings":";AAMO,MAAM,sBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC;AAC7B;","names":[]}

package/dist/tour/tour.d.ts

@@ -1,13 +1,13 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-
+import type { ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import { DEFAULT_TOUR_LABELS } from "./tour-labels.js";
 /**
  * `start`/`end` follow the reading direction (`end` is the right side in LTR and the
  * left side in RTL) and are what a translated app wants. `left`/`right` stay physical
  * for the steps that genuinely mean a screen side.
  */
-type TourPlacement = "top" | "right" | "bottom" | "left" | "start" | "end" | "center";
-interface TourStep {
+export type TourPlacement = "top" | "right" | "bottom" | "left" | "start" | "end" | "center";
+export interface TourStep {
     /** CSS selector for the element to spotlight. Omit for a centered step
      *  (welcome/finish). If the target isn't found/visible, the step centers. */
     target?: string;
@@ -32,7 +32,7 @@ interface TourStep {
      *  May be async; the step waits for it, then locates the target. */
     beforeStep?: () => void | Promise<void>;
 }
-interface TourLabels {
+export interface TourLabels {
     next: string;
     back: string;
     skip: string;
@@ -42,7 +42,7 @@ interface TourLabels {
     /** Step counter, e.g. (2, 7) => "2 / 7". */
     step: (current: number, total: number) => string;
 }
-declare const DEFAULT_TOUR_LABELS: TourLabels;
+export { DEFAULT_TOUR_LABELS };
 interface StartOptions {
     /** Stable id of the tour, surfaced as `activeId` so the app can mirror it to
      *  the URL (deep-link / evaluation tracking) and record completion. */
@@ -73,7 +73,7 @@ interface TourContextValue {
     /** Total steps (0 while inactive). */
     total: number;
 }
-declare function useTour(): TourContextValue;
+export declare function useTour(): TourContextValue;
 /**
  * The tour engine if it is there, `null` if it is not — for a control that is a
  * DECORATION rather than a participant.
@@ -94,7 +94,7 @@ declare function useTour(): TourContextValue;
  * Only for controls that can honestly render nothing. If a component would show a
  * broken half of itself without the tour, it wants {@link useTour}.
  */
-declare function useTourOptional(): TourContextValue | null;
+export declare function useTourOptional(): TourContextValue | null;
 /**
  * Provides the guided-tour engine: a dimmed spotlight overlay + step card driven
  * by a list of {@link TourStep}s. Domain-free — the app supplies the steps (copy,
@@ -103,9 +103,7 @@ declare function useTourOptional(): TourContextValue | null;
  * which also exposes step control (`next`/`prev`/`goToStep`) and the current
  * `index`/`total` for URL mirroring, `awaitClick` and deep-link resume.
  */
-declare function TourProvider({ children, labels, }: {
+export declare function TourProvider({ children, labels, }: {
     children: ReactNode;
-    labels?: Partial<TourLabels>;
-}): react.JSX.Element;
-
-export { DEFAULT_TOUR_LABELS, type TourLabels, type TourPlacement, TourProvider, type TourStep, useTour, useTourOptional };
+    labels?: LabelOverride<TourLabels>;
+}): import("react").JSX.Element;

package/dist/tour/tour.js

@@ -12,17 +12,11 @@ import {
 import { createPortal } from "react-dom";
 import { cn } from "../lib/cn.js";
 import { useKitLabels } from "../i18n/kit-labels.js";
-import { Button } from "../components/ui.js";
+import { Button } from "../components/button.js";
 import { useFocusTrap } from "../hooks/use-focus-trap.js";
+import { sameRect } from "../hooks/use-anchored-rect.js";
 import { dirOf, horizontalStep } from "../lib/direction.js";
-const DEFAULT_TOUR_LABELS = {
-  next: "Next",
-  back: "Back",
-  skip: "Skip",
-  done: "Done",
-  awaitClickHint: "Click the highlighted element to continue",
-  step: (c, t) => `${c} / ${t}`
-};
+import { DEFAULT_TOUR_LABELS } from "./tour-labels.js";
 const TourContext = createContext(null);
 function useTour() {
   const ctx = useContext(TourContext);
@@ -112,11 +106,6 @@ function queryVisibleTarget(selector) {
   }
   return null;
 }
-function sameRect(a, b) {
-  if (a === b) return true;
-  if (!a || !b) return false;
-  return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;
-}
 function rectOf(el) {
   const r = el.getBoundingClientRect();
   return { top: r.top, left: r.left, width: r.width, height: r.height };
@@ -388,10 +377,10 @@ function TourCard({
       ref,
       tabIndex: -1,
       style,
-      className: "pointer-events-auto fixed z-[61] w-80 max-w-[calc(100vw-1.5rem)] rounded-lg border border-[var(--border)] bg-[var(--bg-surface)] p-4 shadow-xl outline-none transition-all duration-200 ease-out",
+      className: "pointer-events-auto fixed z-[61] w-80 max-w-[calc(100vw-1.5rem)] rounded-lg border border-subtle bg-surface p-4 shadow-xl outline-none transition-all duration-200 ease-out",
       children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: step.title }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm leading-relaxed text-[var(--text-secondary)]", children: step.body }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-primary", children: step.title }),
+        /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm leading-relaxed text-secondary", children: step.body }),
         step.action && /* @__PURE__ */ jsx("div", { className: "mt-3", children: step.action }),
         /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -400,17 +389,17 @@ function TourCard({
               {
                 type: "button",
                 onClick: onSkip,
-                className: "text-xs text-[var(--text-placeholder)] hover:text-[var(--text-secondary)]",
+                className: "text-xs text-placeholder hover:text-secondary",
                 children: labels.skip
               }
             ),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-xs tabular-nums text-[var(--text-placeholder)]", children: labels.step(index + 1, total) }),
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-xs tabular-nums text-placeholder", children: labels.step(index + 1, total) }),
               !isFirst && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onBack, className: "px-2.5 py-1 text-xs", children: labels.back }),
               !(step.awaitClick && step.target && rect) && /* @__PURE__ */ jsx(Button, { variant: "brand", onClick: onNext, className: cn("px-2.5 py-1 text-xs"), children: isLast ? labels.done : labels.next })
             ] })
           ] }),
-          step.awaitClick && step.target && rect && /* @__PURE__ */ jsx("div", { className: "text-center text-xs italic text-[var(--text-placeholder)]", children: labels.awaitClickHint })
+          step.awaitClick && step.target && rect && /* @__PURE__ */ jsx("div", { className: "text-center text-xs italic text-placeholder", children: labels.awaitClickHint })
         ] })
       ]
     }