@eifi1/ui-kit 0.51.4 → 0.51.5

package/src/shell/topbar-controls.tsx

@@ -19,11 +19,7 @@ export const TOPBAR_MENU_ITEM_CLASS =
 
 /** The small uppercase heading row the top-bar menus share (`heading`). */
 function MenuHeading({ children }: { children: string }) {
-  return (
-    <li className="px-3 py-1 text-micro font-semibold uppercase tracking-wide text-placeholder">
-      {children}
-    </li>
-  );
+  return <li className="px-3 py-1 text-micro font-semibold uppercase tracking-wide text-placeholder">{children}</li>;
 }
 
 /**
@@ -108,12 +104,7 @@ export function PaletteMenu({
       aria-label={labels.palette}
       trigger={({ toggle }) => (
         <Tooltip label={activeName} portal>
-          <button
-            type="button"
-            onClick={toggle}
-            aria-label={labels.palette}
-            className={TOPBAR_TRIGGER_CLASS}
-          >
+          <button type="button" onClick={toggle} aria-label={labels.palette} className={TOPBAR_TRIGGER_CLASS}>
             {/* A DATA colour, not a semantic one: the palette mark is the
                 "colour" control, so it carries a colour, and which hue is
                 arbitrary. `--chart-1` is the violet end of the CVD-safe
@@ -155,14 +146,10 @@ export function PaletteMenu({
                     </span>
                     <span className="flex min-w-0 flex-col text-start">
                       <span className="truncate">{p.name}</span>
-                      <span className="truncate text-caption text-placeholder">
-                        {p.blurb}
-                      </span>
+                      <span className="truncate text-caption text-placeholder">{p.blurb}</span>
                     </span>
                   </span>
-                  {activeId === p.id && (
-                    <Check className="size-4 shrink-0 text-secondary" />
-                  )}
+                  {activeId === p.id && <Check className="size-4 shrink-0 text-secondary" />}
                 </button>
               </li>
             );
@@ -186,8 +173,7 @@ export type LanguageMenuTrigger = "flag+code" | "code" | "flag";
 /** The trigger with a code: as tall as the others, as wide as flag and code need. */
 const LANGUAGE_TRIGGER_WIDE_CLASS = TOPBAR_TRIGGER_CLASS.replace("size-9", "h-9 min-w-9 gap-1.5 px-2");
 
-const FLAG_CLASS =
-  "inline-block h-[0.9375rem] w-5 shrink-0 rounded-sm shadow-[0_0_0_1px_rgba(0,0,0,0.08)]";
+const FLAG_CLASS = "inline-block h-[0.9375rem] w-5 shrink-0 rounded-sm shadow-[0_0_0_1px_rgba(0,0,0,0.08)]";
 
 /** Language switcher: a hover menu of options with flags and a check on the
  *  active one. Controlled — the app owns the current code and change handler.

package/src/shell/tour-menu.tsx

@@ -148,7 +148,15 @@ export function TourMenu({
   const tail: TopBarMenuEntry[] = [
     ...rest.map(entryFor),
     ...(href
-      ? [{ kind: "link" as const, key: "all-tours", icon: <Compass className="size-4" />, label: words.allTours, to: href }]
+      ? [
+          {
+            kind: "link" as const,
+            key: "all-tours",
+            icon: <Compass className="size-4" />,
+            label: words.allTours,
+            to: href,
+          },
+        ]
       : []),
   ];
 

package/src/sync/db.ts

@@ -98,7 +98,11 @@ export const SYNC_DB_PK_INDEX = {
  */
 export async function rowByPk(db: SyncDb, entity: string, pk: number): Promise<SyncedRow | undefined> {
   if (db.rows.schema.idxByName["[entity+pk]"]) return db.rows.where("[entity+pk]").equals([entity, pk]).first();
-  return db.rows.where("entity").equals(entity).filter((row) => row.pk === pk).first();
+  return db.rows
+    .where("entity")
+    .equals(entity)
+    .filter((row) => row.pk === pk)
+    .first();
 }
 
 /**

package/src/sync/engine.ts

@@ -103,7 +103,13 @@ export interface SyncEngine {
   /** Into the copy at once and into the queue, in the scope the caller names (D11). An edit
    *  merges into the row's last `pending` upsert; deleting a row that never reached the
    *  server forgets its queue; stamped with `stampAfter`. */
-  write(scope: string, entity: string, id: string, op: "upsert" | "delete", data?: Record<string, unknown>): Promise<void>;
+  write(
+    scope: string,
+    entity: string,
+    id: string,
+    op: "upsert" | "delete",
+    data?: Record<string, unknown>,
+  ): Promise<void>;
   start(): void;
   /** Stops the poll and the timers, aborts the round in flight and drops its answer (the
    *  queue is laid back). A new engine's round on the same database waits for it. */
@@ -164,9 +170,9 @@ function defaultPlanCode(err: unknown): string | null {
  *  `{detail: {code, detail}}`. */
 function refusalOf(err: unknown): { code?: string; detail?: string } {
   const body = (err as { response?: { data?: unknown } }).response?.data as
-    | { code?: unknown; detail?: unknown }
-    | undefined;
-  const inner = body?.detail && typeof body.detail === "object" ? (body.detail as { code?: unknown; detail?: unknown }) : body;
+    { code?: unknown; detail?: unknown } | undefined;
+  const inner =
+    body?.detail && typeof body.detail === "object" ? (body.detail as { code?: unknown; detail?: unknown }) : body;
   const text = (v: unknown) => (typeof v === "string" && v ? v : undefined);
   return { code: text(inner?.code), detail: text(inner?.detail) };
 }
@@ -200,7 +206,13 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
   const sharedComputer = options.sharedComputer ?? isSharedComputer;
 
   let generation = 0;
-  let state: SyncEngineState = { phase: "idle", online: browserOnline(), counts: ZERO, lastSyncedAt: null, nextRetryAt: null };
+  let state: SyncEngineState = {
+    phase: "idle",
+    online: browserOnline(),
+    counts: ZERO,
+    lastSyncedAt: null,
+    nextRetryAt: null,
+  };
   const listeners = new Set<() => void>();
   let started = false;
   let poll: ReturnType<typeof setInterval> | null = null;
@@ -281,7 +293,8 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
       const rejected = sent.filter((c) => !refusedIds.has(c.id) && rejections.has(c.id));
       await db.outbox.bulkDelete(sent.filter((c) => !refusedIds.has(c.id) && !rejections.has(c.id)).map((c) => c.seq!));
       const hold = refused != null && holdCodes.has(refused.code);
-      if (refused) await mark(kept, { status: hold ? "waiting" : "blocked", code: refused.code, reason: refused.detail });
+      if (refused)
+        await mark(kept, { status: hold ? "waiting" : "blocked", code: refused.code, reason: refused.detail });
       for (const change of rejected) {
         const why = rejections.get(change.id)!;
         await db.outbox.update(change.seq!, { status: "rejected", code: why.code, reason: why.detail });
@@ -313,7 +326,13 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
           continue;
         }
         const row = (await db.rows.get([change.entity, change.id])) as CopyRow | undefined;
-        await db.rows.put({ ...row, entity: change.entity, id: change.id, pk: row?.pk ?? null, data: { ...row?.data, ...change.data } });
+        await db.rows.put({
+          ...row,
+          entity: change.entity,
+          id: change.id,
+          pk: row?.pk ?? null,
+          data: { ...row?.data, ...change.data },
+        });
       }
       if (lastPage) {
         await db.meta.put({ key: lastKnowledgeKey(scope), value: answer.server_knowledge });
@@ -345,7 +364,12 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
 
   type ScopeResult = { offline: true } | { offline: false; waiting: number; blocked: number; rejected: number };
 
-  async function syncScope(scope: string, gen: number, signal: AbortSignal, withBlocked: boolean): Promise<ScopeResult> {
+  async function syncScope(
+    scope: string,
+    gen: number,
+    signal: AbortSignal,
+    withBlocked: boolean,
+  ): Promise<ScopeResult> {
     const sent = await takeQueue(scope, withBlocked);
     const last = Number((await db.meta.get(lastKnowledgeKey(scope)))?.value ?? 0) || 0;
     const body = (changes: SyncWireChange[], page_cursor: SyncRequestBody["page_cursor"]): SyncRequestBody => ({
@@ -369,7 +393,8 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
         await mark(sent, { status: "waiting", code: plan, reason: plan });
         return { offline: false, waiting: sent.length, blocked: 0, rejected: 0 };
       }
-      if (httpStatusOf(err) === 403) return { offline: false, waiting: 0, blocked: 0, rejected: await loseScope(scope, err) };
+      if (httpStatusOf(err) === 403)
+        return { offline: false, waiting: 0, blocked: 0, rejected: await loseScope(scope, err) };
       throw err;
     }
     let cursor = options.paged ? (answer.page_cursor ?? null) : null;
@@ -545,7 +570,9 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
         const row = (await db.rows.get([entity, id])) as CopyRow | undefined;
         const ofRow = await db.outbox.where("[entity+id]").equals([entity, id]).toArray();
         ofRow.sort((a, b) => a.seq! - b.seq!);
-        const updated_at = stampAfter(latest([row?.updated_at, row?.data.updated_at, ...ofRow.map((c) => c.updated_at)]));
+        const updated_at = stampAfter(
+          latest([row?.updated_at, row?.data.updated_at, ...ofRow.map((c) => c.updated_at)]),
+        );
         // A new edit to the row moves a rejected change out of the way (D13).
         const rejected = ofRow.filter((c) => c.scope === scope && c.status === "rejected");
         if (op === "delete") {
@@ -564,7 +591,10 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
         const next: CopyRow = { ...row, entity, id, pk: row?.pk ?? null, data: { ...row?.data, ...data } };
         if (!row) next.local = true;
         await db.rows.put(next);
-        const carried = Object.assign({}, ...rejected.filter((c) => c.op === "upsert").map((c) => c.data)) as Record<string, unknown>;
+        const carried = Object.assign({}, ...rejected.filter((c) => c.op === "upsert").map((c) => c.data)) as Record<
+          string,
+          unknown
+        >;
         await db.outbox.bulkDelete(rejected.map((c) => c.seq!));
         const last = ofRow.filter((c) => c.scope === scope && c.status === "pending").at(-1);
         if (last && last.op === "upsert") {
@@ -628,7 +658,9 @@ export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineO
     },
 
     async discardRejected(scope) {
-      const gone = (await db.outbox.where("status").equals("rejected").toArray()).filter((c) => !scope || c.scope === scope);
+      const gone = (await db.outbox.where("status").equals("rejected").toArray()).filter(
+        (c) => !scope || c.scope === scope,
+      );
       if (gone.length === 0) return;
       await db.transaction("rw", db.rows, db.outbox, db.meta, async () => {
         await db.outbox.bulkDelete(gone.map((c) => c.seq!));

package/src/sync.ts

@@ -5,8 +5,22 @@
 // `/offline`'s TanStack and idb-keyval peers: the leaf utilities both entries export live in
 // one module of their own (src/offline/local-first.ts). NOT re-exported from the main barrel.
 export { createSyncDb, rowByPk, SYNC_DB_PK_INDEX, SYNC_DB_STORES } from "./sync/db";
-export type { CreateSyncDbOptions, OutboxChange, OutboxStatus, SyncDb, SyncDbUpgrade, SyncedRow, SyncMetaEntry } from "./sync/db";
-export { createSyncEngine, DEFAULT_HOLD_CODES, DEFAULT_SYNC_BACKOFF_MS, releaseSyncEngine, syncEngineFor } from "./sync/engine";
+export type {
+  CreateSyncDbOptions,
+  OutboxChange,
+  OutboxStatus,
+  SyncDb,
+  SyncDbUpgrade,
+  SyncedRow,
+  SyncMetaEntry,
+} from "./sync/db";
+export {
+  createSyncEngine,
+  DEFAULT_HOLD_CODES,
+  DEFAULT_SYNC_BACKOFF_MS,
+  releaseSyncEngine,
+  syncEngineFor,
+} from "./sync/engine";
 export type {
   SyncCounts,
   SyncEngine,

package/src/testing/css-variables.ts

@@ -158,8 +158,7 @@ export function undeclaredCssVariables(
     if (isCssPath(path)) for (const name of declaredCustomProperties(text)) declared.add(name);
     for (const name of runtimeWrites(text)) declared.add(name);
   }
-  const listed = (name: string) =>
-    runtime.some((r) => (typeof r === "string" ? r === name : r.test(name)));
+  const listed = (name: string) => runtime.some((r) => (typeof r === "string" ? r === name : r.test(name)));
 
   const out: string[] = [];
   for (const [path, text] of code) {

package/src/testing/index.ts

@@ -26,9 +26,4 @@ export {
 } from "./viewport";
 // 0.50.1 (keksdose N4): a valid `TourStepContext` for a test that calls a step's
 // `beforeStep` or `when` itself — `beforeStep!(tourStepContext())`.
-export {
-  tourStepContext,
-  type TestTourStepContext,
-  type TourStepContextOptions,
-  type TourStepVia,
-} from "./tour";
+export { tourStepContext, type TestTourStepContext, type TourStepContextOptions, type TourStepVia } from "./tour";

package/src/testing/react.ts

@@ -49,8 +49,7 @@ export async function rowMenuAction(
   // Any row's name: the words around the name, whatever the language puts first.
   const [before, after] = actionsFor("\u0000").split("\u0000");
   const anyRow = (name: string) =>
-    name === actions ||
-    (name.length > before.length + after.length && name.startsWith(before) && name.endsWith(after));
+    name === actions || (name.length > before.length + after.length && name.startsWith(before) && name.endsWith(after));
   const trigger = (await screen.findAllByRole("button", { name: row === undefined ? anyRow : actionsFor(row) }))[0];
   fireEvent.click(trigger);
   const title = trigger.getAttribute("aria-label") ?? trigger.textContent ?? "";

package/src/testing/viewport.ts

@@ -89,9 +89,7 @@ function condition(part: string, width: number, options: ViewportOptions): boole
 function answer(query: string, width: number, options: ViewportOptions): boolean {
   return query
     .split(",")
-    .some((alternative) =>
-      alternative.split(/\s+and\s+/).every((part) => condition(part, width, options)),
-    );
+    .some((alternative) => alternative.split(/\s+and\s+/).every((part) => condition(part, width, options)));
 }
 
 /** A list {@link viewportMatchMedia} handed out: what {@link setViewportWidth} flips. */
@@ -155,7 +153,12 @@ function mediaQueryList(query: string, viewport: StubViewport): StubMediaQueryLi
  *  `matches` and `media`, on an `Event` (jsdom has no `MediaQueryListEvent`). */
 function changeEvent(list: StubMediaQueryList): Event {
   const event = new Event("change");
-  for (const [key, value] of Object.entries({ matches: list.matches, media: list.media, target: list, currentTarget: list })) {
+  for (const [key, value] of Object.entries({
+    matches: list.matches,
+    media: list.media,
+    target: list,
+    currentTarget: list,
+  })) {
     Object.defineProperty(event, key, { value, enumerable: true });
   }
   return event;
@@ -175,10 +178,7 @@ function changeEvent(list: StubMediaQueryList): Event {
  * `vi.stubGlobal("matchMedia", viewportMatchMedia(375))` — or use
  * {@link stubViewportWidth}.
  */
-export function viewportMatchMedia(
-  width: number,
-  options: ViewportOptions = {},
-): (query: string) => MediaQueryList {
+export function viewportMatchMedia(width: number, options: ViewportOptions = {}): (query: string) => MediaQueryList {
   const viewport: StubViewport = { width, options, lists: new Set() };
   const matchMedia = (query: string) => {
     const list = mediaQueryList(query, viewport);
@@ -215,7 +215,7 @@ export function setViewportWidth(width: number): void {
   if (!viewport) {
     throw new Error(
       "setViewportWidth: no viewport stub is in force — put one in first with " +
-        "stubViewportWidth(width), or vi.stubGlobal(\"matchMedia\", viewportMatchMedia(width)).",
+        'stubViewportWidth(width), or vi.stubGlobal("matchMedia", viewportMatchMedia(width)).',
     );
   }
   viewport.width = width;

package/src/theme/contrast-tokens.ts

@@ -1,4 +1,14 @@
-import { contrast, hexToOklch, luminance, oklchToHex, oklchToRgb, parseHex, rgbToOklch, solveLightness, toHex } from "./color";
+import {
+  contrast,
+  hexToOklch,
+  luminance,
+  oklchToHex,
+  oklchToRgb,
+  parseHex,
+  rgbToOklch,
+  solveLightness,
+  toHex,
+} from "./color";
 import type { TokenSet } from "./palette-presets";
 
 /**
@@ -218,7 +228,8 @@ function steppedBorder(t: TokenSet, well: WellStep | null): string {
   // light well (§13.4), which is the darkest surface under More contrast.
   const surface2 = well?.bgSurface2 ?? t.bgSurface2;
   let lo = BORDER_STRONG_SHARE;
-  if (worstContrast(mix(t.border, t.textPrimary, 1 - lo), t, surface2) >= BORDER_TARGET) return mix(t.border, t.textPrimary, 1 - lo);
+  if (worstContrast(mix(t.border, t.textPrimary, 1 - lo), t, surface2) >= BORDER_TARGET)
+    return mix(t.border, t.textPrimary, 1 - lo);
   let hi = 1;
   for (let i = 0; i < 16; i++) {
     const mid = (lo + hi) / 2;

package/src/theme/palette-derive.ts

@@ -218,8 +218,7 @@ function surfaceSet(hue: number, mode: ThemeMode, tint: number, weight: number)
   // the three. Solving against `bgSurface` alone left it at 1.36:1 on `bgPage`, so the
   // target and the audit disagreed about the same border.
   const hardest = [bgPage, bgSurface, bgSurface2].reduce((a, b) =>
-    contrast(a, mode === "light" ? "#000000" : "#ffffff") <
-    contrast(b, mode === "light" ? "#000000" : "#ffffff")
+    contrast(a, mode === "light" ? "#000000" : "#ffffff") < contrast(b, mode === "light" ? "#000000" : "#ffffff")
       ? a
       : b,
   );
@@ -261,12 +260,7 @@ function tintOn(hue: number, chroma: number, surface: string, mode: ThemeMode):
   return oklchToHex({ l, c: Math.min(chroma * 0.45, 0.06), h: hue });
 }
 
-export function derivePalette({
-  anchors,
-  mode,
-  surfaceTint = 0.55,
-  textContrast,
-}: DeriveOptions): DerivedPalette {
+export function derivePalette({ anchors, mode, surfaceTint = 0.55, textContrast }: DeriveOptions): DerivedPalette {
   const warnings: string[] = [];
   const brand = hexToOklch(anchors.brand);
   if (!brand) {
@@ -285,8 +279,7 @@ export function derivePalette({
   // wherever it lands. Solving against `bgSurface` alone is the mistake that makes a
   // muted label fail on the page background it also sits on.
   const worstSurface = [surfaces.bgPage, surfaces.bgSurface, surfaces.bgSurface2].reduce((a, b) =>
-    contrast(a, mode === "light" ? "#000000" : "#ffffff") <
-    contrast(b, mode === "light" ? "#000000" : "#ffffff")
+    contrast(a, mode === "light" ? "#000000" : "#ffffff") < contrast(b, mode === "light" ? "#000000" : "#ffffff")
       ? a
       : b,
   );
@@ -304,8 +297,7 @@ export function derivePalette({
   // roles above keep their margin (4.6:1 and up) and need no second solve.
   const hover = hoverFill({ textPrimary, bgSurface: surfaces.bgSurface });
   const worstText = [worstSurface, hover].reduce((a, b) =>
-    contrast(a, mode === "light" ? "#000000" : "#ffffff") <
-    contrast(b, mode === "light" ? "#000000" : "#ffffff")
+    contrast(a, mode === "light" ? "#000000" : "#ffffff") < contrast(b, mode === "light" ? "#000000" : "#ffffff")
       ? a
       : b,
   );
@@ -328,9 +320,7 @@ export function derivePalette({
   // and passing either through unchanged put a value in the TokenSet that is not a CSS
   // colour — it then fails silently at paint time, three layers from here.
   let brandHex =
-    brandRatio >= 3
-      ? toHex(parseHex(anchors.brand)!)
-      : solveAgainst(brand.h, brandChroma, 3, brandGround, mode);
+    brandRatio >= 3 ? toHex(parseHex(anchors.brand)!) : solveAgainst(brand.h, brandChroma, 3, brandGround, mode);
   if (brandRatio < 3) {
     warnings.push(
       `brand ${anchors.brand} sits at ${brandRatio.toFixed(2)}:1 against the ${mode} surfaces, ` +
@@ -425,20 +415,8 @@ export function derivePalette({
     const hue = semanticHue[role];
     const chroma = semanticChroma[role];
     const bg = tintOn(hue, chroma, surfaces.bgSurface, mode);
-    const onSurface = solveLightness(
-      4.5,
-      parseHex(worstText)!,
-      hue,
-      chroma,
-      mode === "light" ? "darker" : "lighter",
-    );
-    const onTint = solveLightness(
-      4.5,
-      parseHex(bg)!,
-      hue,
-      chroma,
-      mode === "light" ? "darker" : "lighter",
-    );
+    const onSurface = solveLightness(4.5, parseHex(worstText)!, hue, chroma, mode === "light" ? "darker" : "lighter");
+    const onTint = solveLightness(4.5, parseHex(bg)!, hue, chroma, mode === "light" ? "darker" : "lighter");
     const l = mode === "light" ? Math.min(onSurface, onTint) : Math.max(onSurface, onTint);
     return oklchToHex({ l, c: chroma, h: hue });
   };
@@ -508,7 +486,13 @@ export function derivePalette({
   // numpad's sign, a future row's figure), so it gets the text floor too (0.33). The
   // fixed lightness left it at 4.24:1 on four light pages.
   const neutralChroma = 0.012 * weight;
-  const neutralFloor = solveLightness(4.5, parseHex(worstText)!, brand.h, neutralChroma, mode === "light" ? "darker" : "lighter");
+  const neutralFloor = solveLightness(
+    4.5,
+    parseHex(worstText)!,
+    brand.h,
+    neutralChroma,
+    mode === "light" ? "darker" : "lighter",
+  );
   const moneyNeutral = oklchToHex({
     l: mode === "light" ? Math.min(0.52, neutralFloor) : Math.max(0.72, neutralFloor),
     c: neutralChroma,
@@ -557,12 +541,7 @@ export function derivePalette({
  * `moneyIncome`/`moneyExpense` — so a heatmap cell and the figure printed beside it
  * agree about which way is which, rather than each inventing its own convention.
  */
-function deriveHeat(
-  income: string,
-  expense: string,
-  surfaces: { bgSurface2: string },
-  mode: ThemeMode,
-): HeatStops {
+function deriveHeat(income: string, expense: string, surfaces: { bgSurface2: string }, mode: ThemeMode): HeatStops {
   const exp = hexToOklch(expense)!;
   return {
     neutral: surfaces.bgSurface2,
@@ -649,7 +628,13 @@ export function auditPalette(
   }
   // The stepped light well, a hex `applyTokenSet` writes (§13.3, decision 2).
   if (step?.well) {
-    add("bgSurface2 on bgSurface", t.bgSurface2, t.bgSurface, WELL_STEP_MIN, "house rule: the well stands two hover steps from the card");
+    add(
+      "bgSurface2 on bgSurface",
+      t.bgSurface2,
+      t.bgSurface,
+      WELL_STEP_MIN,
+      "house rule: the well stands two hover steps from the card",
+    );
   }
   for (const [name, bg] of textGrounds) {
     add(`textPrimary on ${name}`, t.textPrimary, bg, 7, "WCAG 1.4.6 AAA body text");
@@ -694,13 +679,7 @@ export function auditPalette(
     add("warning on warningBg", semantic.warning, semantic.warningBg, 4.5, "WCAG 1.4.3 — badge text");
     add("info on infoBg", semantic.info, semantic.infoBg, 4.5, "WCAG 1.4.3 — badge text");
     add("success on successBg", semantic.success, semantic.successBg, 4.5, "WCAG 1.4.3 — badge text");
-    add(
-      "dangerContrast on danger",
-      semantic.dangerContrast,
-      semantic.danger,
-      4.5,
-      "WCAG 1.4.3 AA body text",
-    );
+    add("dangerContrast on danger", semantic.dangerContrast, semantic.danger, 4.5, "WCAG 1.4.3 AA body text");
   }
 
   const failures = checks.filter((c) => !c.passes);
@@ -771,12 +750,7 @@ const SINGLE_LIGHTNESS_MAX_SERIES = 4;
  * wants their charts to follow their brand and is willing to read the report — not as
  * a silent upgrade to the default.
  */
-export function deriveChartRamp(
-  brandHex: string,
-  mode: ThemeMode,
-  surfaces: string[],
-  count = 9,
-): ChartRampReport {
+export function deriveChartRamp(brandHex: string, mode: ThemeMode, surfaces: string[], count = 9): ChartRampReport {
   const brand = hexToOklch(brandHex) ?? { l: 0.6, c: 0.12, h: 264 };
   const base = mode === "light" ? 0.58 : 0.74;
   const c = Math.max(0.09, Math.min(brand.c, 0.15));

package/src/theme/palette-presets.ts

@@ -174,7 +174,6 @@ export const DEFAULT_PRESET: PalettePreset = {
   },
 };
 
-
 /**
  * The 0.48 default: the same surfaces, brand and money, with Paul Tol's "Muted" nine
  * as the chart ramp and the teal/amber heat stops that went with it. Selectable, no

package/src/theme/palette-store.ts

@@ -41,10 +41,7 @@ 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.
  */
-export function createPaletteStore(
-  storageKey: string,
-  useTheme: UseBoundStore<StoreApi<ThemeState>>,
-) {
+export function createPaletteStore(storageKey: string, useTheme: UseBoundStore<StoreApi<ThemeState>>) {
   const usePalette = create<PaletteState>()(
     logger(
       persist(

package/src/theme/text-size.ts

@@ -260,7 +260,7 @@ export function createTextSizeStore(storageKey: string) {
           merge: (persisted, current) => ({
             ...current,
             size: isTextSize((persisted as { size?: unknown } | null)?.size)
-              ? ((persisted as { size: TextSize }).size)
+              ? (persisted as { size: TextSize }).size
               : null,
           }),
         },

package/src/theme/theme-store.ts

@@ -37,9 +37,7 @@ function resolve(preference: ThemePreference): ThemeMode {
  *  persisted the concrete `mode` (light/dark); carry that over as an explicit
  *  preference so the choice survives. Shared by the store's `migrate` and the
  *  pre-hydration {@link applyPersistedTheme}. */
-function preferenceFromState(
-  s: { mode?: string; preference?: string } | null | undefined,
-): ThemePreference {
+function preferenceFromState(s: { mode?: string; preference?: string } | null | undefined): ThemePreference {
   if (s?.preference === "light" || s?.preference === "dark" || s?.preference === "system") {
     return s.preference;
   }
@@ -112,9 +110,7 @@ export function createThemeStore(storageKey: string) {
           // Only the preference is persisted; `mode` is derived on load.
           partialize: (s) => ({ preference: s.preference }),
           migrate: (persistedState): { preference: ThemePreference } => ({
-            preference: preferenceFromState(
-              persistedState as { mode?: string; preference?: string } | null,
-            ),
+            preference: preferenceFromState(persistedState as { mode?: string; preference?: string } | null),
           }),
           onRehydrateStorage: () => (state) => {
             // The persisted preference decides the concrete mode at load.

package/src/tour/tour-catalogue.tsx

@@ -220,14 +220,16 @@ export function TourCatalogue({
   const done = (tour: TourInfo) => isTourDone(tour, completed[tour.id]);
   const needle = foldForSearch(query.trim(), locale);
   const matchesQuery = (tour: TourInfo) =>
-    !needle || [tour.title, tour.description, tour.about].some((text) => !!text && foldForSearch(text, locale).includes(needle));
+    !needle ||
+    [tour.title, tour.description, tour.about].some((text) => !!text && foldForSearch(text, locale).includes(needle));
   const inState = (tour: TourInfo) => (state === "all" ? true : state === "done" ? done(tour) : !done(tour));
   const inGroup = (tour: TourInfo, id: string | null = group) => id === null || tour.group === id;
 
   const found = listed.filter((t) => matchesQuery(t) && inGroup(t));
   const foundDone = found.filter(done).length;
   const visible = found.filter(inState);
-  const groupCount = (id: string | null) => listed.filter((t) => matchesQuery(t) && inState(t) && inGroup(t, id)).length;
+  const groupCount = (id: string | null) =>
+    listed.filter((t) => matchesQuery(t) && inState(t) && inGroup(t, id)).length;
   const filtering = needle.length > 0 || state !== "all" || group !== null;
   const sections = groups
     .map((g) => ({ ...g, tours: visible.filter((t) => t.group === g.id) }))

package/src/tour/tour-dock.ts

@@ -89,7 +89,11 @@ export function dockStyle(edge: DockEdge, spot: DockRect | null, band: Band): CS
     maxHeight: cap,
   };
   if (edge === "top") {
-    return { ...base, top: band.top <= 0 ? `max(${GUTTER}px, env(safe-area-inset-top))` : band.top + GUTTER, bottom: "auto" };
+    return {
+      ...base,
+      top: band.top <= 0 ? `max(${GUTTER}px, env(safe-area-inset-top))` : band.top + GUTTER,
+      bottom: "auto",
+    };
   }
   const fromBottom = vh - band.bottom;
   return {

package/src/tour/tour-engine.ts

@@ -12,10 +12,7 @@ export function liveEngine<T extends object>(
 ): { engine: T; set: (current: T) => void } {
   let current = initial;
   const read = () => {
-    if (!current)
-      throw new Error(
-        "[ui-kit] The tour engine was read before its provider rendered.",
-      );
+    if (!current) throw new Error("[ui-kit] The tour engine was read before its provider rendered.");
     return current;
   };
   const engine = {} as T;
@@ -26,8 +23,7 @@ export function liveEngine<T extends object>(
         const value = read()[key];
         // A method is looked up when it is CALLED, so a kept `engine.stop` is the latest too.
         return typeof value === "function"
-          ? (...args: unknown[]) =>
-              (read()[key] as (...a: unknown[]) => unknown)(...args)
+          ? (...args: unknown[]) => (read()[key] as (...a: unknown[]) => unknown)(...args)
           : value;
       },
     });