@eifi1/ui-kit 0.51.7 → 0.53.0

package/dist/search/use-command-key.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/search/use-command-key.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * Registers a global ⌘K / Ctrl-K shortcut that calls `onOpen`.\n *\n * Its own module since 0.34 (MOD-1, refactor audit 2026-10): `GlobalSearch` listens for\n * the shortcut from the moment the top bar mounts but loads the palette only when it is\n * first opened, and a hook imported from command-palette.tsx would have brought the\n * palette along with it. Still exported from command-palette.tsx, where it always was.\n */\nexport function useCommandKey(onOpen: () => void): void {\n  useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && (e.key === \"k\" || e.key === \"K\")) {\n        e.preventDefault();\n        onOpen();\n      }\n    };\n    document.addEventListener(\"keydown\", handler);\n    return () => document.removeEventListener(\"keydown\", handler);\n  }, [onOpen]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAUnB,SAAS,cAAc,QAA0B;AACtD,YAAU,MAAM;AACd,UAAM,UAAU,CAAC,MAAqB;AACpC,WAAK,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,QAAQ,MAAM;AAChE,UAAE,eAAe;AACjB,eAAO;AAAA,MACT;AAAA,IACF;AACA,aAAS,iBAAiB,WAAW,OAAO;AAC5C,WAAO,MAAM,SAAS,oBAAoB,WAAW,OAAO;AAAA,EAC9D,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}
+{"version":3,"sources":["../../src/search/use-command-key.ts"],"sourcesContent":["import { useHotkey, type UseHotkeyOptions } from \"../hooks/use-hotkey\";\n\n/**\n * Registers a global ⌘K / Ctrl-K shortcut that calls `onOpen`.\n *\n * Its own module since 0.34 (MOD-1, refactor audit 2026-10): `GlobalSearch` listens for\n * the shortcut from the moment the top bar mounts but loads the palette only when it is\n * first opened, and a hook imported from command-palette.tsx would have brought the\n * palette along with it. Still exported from command-palette.tsx, where it always was.\n *\n * `useHotkey(\"Mod+K\")` since 0.52 (refactor audit 2026-10-30, DUP-12): Cmd+K on a Mac,\n * Ctrl+K elsewhere, with no other modifier, once per press. Hand-rolled, it took Ctrl+K\n * on a Mac as well — a text field's kill-line there — and Ctrl+Shift+K, Cmd+Alt+K and\n * every repeat of a held key. It still fires from inside a text field: the palette is\n * where a search starts, whatever has focus.\n *\n * `enabled: false` lets Mod+K go (0.52 code review, global-search.tsx): `GlobalSearch\n * shortcut={false}` passed a no-op, and the listener still cancelled every Mod+K — the\n * browser's own Ctrl+K and any other handler on the page that checks `defaultPrevented`.\n */\nexport function useCommandKey(onOpen: () => void, options: Pick<UseHotkeyOptions, \"enabled\"> = {}): void {\n  useHotkey(\"Mod+K\", () => onOpen(), { allowInInputs: true, enabled: options.enabled });\n}\n"],"mappings":";AAAA,SAAS,iBAAwC;AAoB1C,SAAS,cAAc,QAAoB,UAA6C,CAAC,GAAS;AACvG,YAAU,SAAS,MAAM,OAAO,GAAG,EAAE,eAAe,MAAM,SAAS,QAAQ,QAAQ,CAAC;AACtF;","names":[]}

package/dist/search.d.ts

@@ -1,3 +1,3 @@
 export * from "./search/command-palette.js";
-export * from "./search/search-index.js";
+export { createSearchIndex, type SearchEntry, type SearchMatchField, type SearchHit, type SearchIndexOptions, type SearchIndex, } from "./search/search-index.js";
 export * from "./search/global-search.js";

package/dist/search.js

@@ -1,5 +1,10 @@
 "use client";
 export * from "./search/command-palette.js";
-export * from "./search/search-index.js";
+import {
+  createSearchIndex
+} from "./search/search-index.js";
 export * from "./search/global-search.js";
+export {
+  createSearchIndex
+};
 //# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/search.ts"],"sourcesContent":["// `@eifi1/ui-kit/search` — the command palette / global search.\n// A re-slicing of the main barrel, not a new API.\nexport * from \"./search/command-palette\";\nexport * from \"./search/search-index\";\nexport * from \"./search/global-search\";\n"],"mappings":";AAEA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../src/search.ts"],"sourcesContent":["// `@eifi1/ui-kit/search` — the command palette / global search.\n// A re-slicing of the main barrel, not a new API.\nexport * from \"./search/command-palette\";\n// Named, not `*`: 0.53 took `SEARCH_TIER_POINTS` and `normalizeSearchText` off the surface\n// (deprecated in 0.52, refactor audit 2026-10-30, API-4); the index keeps them.\nexport {\n  createSearchIndex,\n  type SearchEntry,\n  type SearchMatchField,\n  type SearchHit,\n  type SearchIndexOptions,\n  type SearchIndex,\n} from \"./search/search-index\";\nexport * from \"./search/global-search\";\n"],"mappings":";AAEA,cAAc;AAGd;AAAA,EACE;AAAA,OAMK;AACP,cAAc;","names":[]}

package/dist/settings/use-settings-focus.js

@@ -19,6 +19,7 @@ function useSettingsFocus(anchor) {
       if (ring.current) {
         window.clearTimeout(ring.current.timer);
         ring.current.el.classList.remove(...SETTINGS_FOCUS_RING);
+        ring.current.el.removeAttribute("data-settings-focus");
       }
       el.classList.add(...SETTINGS_FOCUS_RING);
       el.setAttribute("data-settings-focus", "");

package/dist/settings/use-settings-focus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/use-settings-focus.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { prefersReducedMotion } from \"../lib/reduced-motion\";\n\n/**\n * The ring a `?focus=` target wears for {@link SETTINGS_FOCUS_MS} — keksdose's\n * `HIGHLIGHT`, in tokens: `--brand` for the ring and the page's own surface for the gap,\n * where keksdose named a slate for the dark theme. A ring rather than a background\n * flash: the destructive cards already own a background tint, and a ring reads the same\n * on every card.\n */\nexport const SETTINGS_FOCUS_RING = [\"ring-2\", \"ring-brand\", \"ring-offset-2\", \"ring-offset-page\"];\n\n/** How long the ring stays (§3.5). */\nexport const SETTINGS_FOCUS_MS = 1800;\n\n/** How long a target that is not on the page yet (a lazy card, a card waiting for its\n *  data) is waited for before the hook gives up on it. */\nconst WAIT_MS = 5000;\n\nconst HEADING = \"[data-settings-heading], h1, h2, h3, h4, h5, h6\";\n\n/**\n * `?focus=<anchor>` (docs/settings-harmonization.md §3.5): scroll the card into view, ring\n * it for 1.8 s, move focus to its heading for a screen reader, then remove `focus` — and\n * ONLY `focus` — with a replace, so a reload does not ring it again. Every other\n * parameter stays: a tour's `tour` / `tourStep`, the admin roster's filters (dropping URL\n * parts broke keksdose's tours once, dev#495). The hash and `location.state` stay too.\n *\n * A search hit, ⌘K, a tour and a mail link all arrive this way. `SettingsLayout` calls it\n * for its own page; an app's own page can call it with no argument to act on its URL.\n *\n * `anchor`:\n *  - left out: the URL's `focus` parameter;\n *  - a string: that anchor (the layout passes the URL's, once its route is canonical);\n *  - `null`: nothing to do yet — the layout passes it while the address is about to be\n *    replaced, so a removal here cannot undo a redirect there.\n *\n * \"Once its group has rendered\": the effect runs after the commit that mounted the\n * group's cards, so the card is there; a card that mounts later (lazy, or behind its\n * data) is waited for, for a few seconds, before the hook gives up and leaves the URL\n * as it is.\n */\nexport function useSettingsFocus(anchor?: string | null): void {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const target = anchor === undefined ? new URLSearchParams(location.search).get(\"focus\") : anchor;\n  // The ring outlives the effect that drew it: removing `focus` from the URL re-runs the\n  // effect (and cleans it up) at once, and the ring must still stay its 1.8 s.\n  const ring = useRef<{ el: HTMLElement; timer: number } | null>(null);\n\n  useEffect(() => {\n    if (!target) return;\n    const { pathname, search, hash, state } = location;\n\n    const land = (el: HTMLElement) => {\n      el.scrollIntoView?.({ behavior: prefersReducedMotion() ? \"auto\" : \"smooth\", block: \"center\" });\n\n      if (ring.current) {\n        window.clearTimeout(ring.current.timer);\n        ring.current.el.classList.remove(...SETTINGS_FOCUS_RING);\n      }\n      el.classList.add(...SETTINGS_FOCUS_RING);\n      el.setAttribute(\"data-settings-focus\", \"\");\n      const timer = window.setTimeout(() => {\n        el.classList.remove(...SETTINGS_FOCUS_RING);\n        el.removeAttribute(\"data-settings-focus\");\n        if (ring.current?.el === el) ring.current = null;\n      }, SETTINGS_FOCUS_MS);\n      ring.current = { el, timer };\n\n      // The heading, so a screen reader starts at the card's name; the card itself when\n      // it has none. `preventScroll`: the smooth scroll above is already on its way.\n      const heading = el.querySelector<HTMLElement>(HEADING) ?? el;\n      if (!heading.hasAttribute(\"tabindex\")) heading.setAttribute(\"tabindex\", \"-1\");\n      heading.focus({ preventScroll: true });\n\n      const params = new URLSearchParams(search);\n      if (params.get(\"focus\") !== target) return;\n      params.delete(\"focus\");\n      const rest = params.toString();\n      navigate({ pathname, search: rest ? `?${rest}` : \"\", hash }, { replace: true, state });\n    };\n\n    const found = document.getElementById(target);\n    if (found) {\n      land(found);\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      const el = document.getElementById(target);\n      if (!el) return;\n      observer.disconnect();\n      window.clearTimeout(giveUp);\n      land(el);\n    });\n    observer.observe(document.body, { childList: true, subtree: true });\n    const giveUp = window.setTimeout(() => observer.disconnect(), WAIT_MS);\n    return () => {\n      observer.disconnect();\n      window.clearTimeout(giveUp);\n    };\n    // `location`, a new object per navigation: the same hit picked twice is two\n    // navigations, and rings twice.\n  }, [target, location, navigate]);\n\n  useEffect(\n    () => () => {\n      const current = ring.current;\n      if (!current) return;\n      window.clearTimeout(current.timer);\n      current.el.classList.remove(...SETTINGS_FOCUS_RING);\n      current.el.removeAttribute(\"data-settings-focus\");\n    },\n    [],\n  );\n}\n\n/**\n * {@link useSettingsFocus} under a name for any page (0.51.4, keksdose run 89): the hook\n * was always allowed on an app's own pages (keksdose's /reports/matching lands\n * `?focus=matching-unmatched` on a card), but its name said Settings at every such call\n * site. The same function, so the two cannot drift; `useSettingsFocus` stays.\n */\nexport const useFocusParam: typeof useSettingsFocus = useSettingsFocus;\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,aAAa,mBAAmB;AACzC,SAAS,4BAA4B;AAS9B,MAAM,sBAAsB,CAAC,UAAU,cAAc,iBAAiB,kBAAkB;AAGxF,MAAM,oBAAoB;AAIjC,MAAM,UAAU;AAEhB,MAAM,UAAU;AAuBT,SAAS,iBAAiB,QAA8B;AAC7D,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,WAAW,SAAY,IAAI,gBAAgB,SAAS,MAAM,EAAE,IAAI,OAAO,IAAI;AAG1F,QAAM,OAAO,OAAkD,IAAI;AAEnE,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,EAAE,UAAU,QAAQ,MAAM,MAAM,IAAI;AAE1C,UAAM,OAAO,CAAC,OAAoB;AAChC,SAAG,iBAAiB,EAAE,UAAU,qBAAqB,IAAI,SAAS,UAAU,OAAO,SAAS,CAAC;AAE7F,UAAI,KAAK,SAAS;AAChB,eAAO,aAAa,KAAK,QAAQ,KAAK;AACtC,aAAK,QAAQ,GAAG,UAAU,OAAO,GAAG,mBAAmB;AAAA,MACzD;AACA,SAAG,UAAU,IAAI,GAAG,mBAAmB;AACvC,SAAG,aAAa,uBAAuB,EAAE;AACzC,YAAM,QAAQ,OAAO,WAAW,MAAM;AACpC,WAAG,UAAU,OAAO,GAAG,mBAAmB;AAC1C,WAAG,gBAAgB,qBAAqB;AACxC,YAAI,KAAK,SAAS,OAAO,GAAI,MAAK,UAAU;AAAA,MAC9C,GAAG,iBAAiB;AACpB,WAAK,UAAU,EAAE,IAAI,MAAM;AAI3B,YAAM,UAAU,GAAG,cAA2B,OAAO,KAAK;AAC1D,UAAI,CAAC,QAAQ,aAAa,UAAU,EAAG,SAAQ,aAAa,YAAY,IAAI;AAC5E,cAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;AAErC,YAAM,SAAS,IAAI,gBAAgB,MAAM;AACzC,UAAI,OAAO,IAAI,OAAO,MAAM,OAAQ;AACpC,aAAO,OAAO,OAAO;AACrB,YAAM,OAAO,OAAO,SAAS;AAC7B,eAAS,EAAE,UAAU,QAAQ,OAAO,IAAI,IAAI,KAAK,IAAI,KAAK,GAAG,EAAE,SAAS,MAAM,MAAM,CAAC;AAAA,IACvF;AAEA,UAAM,QAAQ,SAAS,eAAe,MAAM;AAC5C,QAAI,OAAO;AACT,WAAK,KAAK;AACV;AAAA,IACF;AACA,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAM,KAAK,SAAS,eAAe,MAAM;AACzC,UAAI,CAAC,GAAI;AACT,eAAS,WAAW;AACpB,aAAO,aAAa,MAAM;AAC1B,WAAK,EAAE;AAAA,IACT,CAAC;AACD,aAAS,QAAQ,SAAS,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAClE,UAAM,SAAS,OAAO,WAAW,MAAM,SAAS,WAAW,GAAG,OAAO;AACrE,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,aAAO,aAAa,MAAM;AAAA,IAC5B;AAAA,EAGF,GAAG,CAAC,QAAQ,UAAU,QAAQ,CAAC;AAE/B;AAAA,IACE,MAAM,MAAM;AACV,YAAM,UAAU,KAAK;AACrB,UAAI,CAAC,QAAS;AACd,aAAO,aAAa,QAAQ,KAAK;AACjC,cAAQ,GAAG,UAAU,OAAO,GAAG,mBAAmB;AAClD,cAAQ,GAAG,gBAAgB,qBAAqB;AAAA,IAClD;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAQO,MAAM,gBAAyC;","names":[]}
+{"version":3,"sources":["../../src/settings/use-settings-focus.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useLocation, useNavigate } from \"react-router\";\nimport { prefersReducedMotion } from \"../lib/reduced-motion\";\n\n/**\n * The ring a `?focus=` target wears for {@link SETTINGS_FOCUS_MS} — keksdose's\n * `HIGHLIGHT`, in tokens: `--brand` for the ring and the page's own surface for the gap,\n * where keksdose named a slate for the dark theme. A ring rather than a background\n * flash: the destructive cards already own a background tint, and a ring reads the same\n * on every card.\n */\nexport const SETTINGS_FOCUS_RING = [\"ring-2\", \"ring-brand\", \"ring-offset-2\", \"ring-offset-page\"];\n\n/** How long the ring stays (§3.5). */\nexport const SETTINGS_FOCUS_MS = 1800;\n\n/** How long a target that is not on the page yet (a lazy card, a card waiting for its\n *  data) is waited for before the hook gives up on it. */\nconst WAIT_MS = 5000;\n\nconst HEADING = \"[data-settings-heading], h1, h2, h3, h4, h5, h6\";\n\n/**\n * `?focus=<anchor>` (docs/settings-harmonization.md §3.5): scroll the card into view, ring\n * it for 1.8 s, move focus to its heading for a screen reader, then remove `focus` — and\n * ONLY `focus` — with a replace, so a reload does not ring it again. Every other\n * parameter stays: a tour's `tour` / `tourStep`, the admin roster's filters (dropping URL\n * parts broke keksdose's tours once, dev#495). The hash and `location.state` stay too.\n *\n * A search hit, ⌘K, a tour and a mail link all arrive this way. `SettingsLayout` calls it\n * for its own page; an app's own page can call it with no argument to act on its URL.\n *\n * `anchor`:\n *  - left out: the URL's `focus` parameter;\n *  - a string: that anchor (the layout passes the URL's, once its route is canonical);\n *  - `null`: nothing to do yet — the layout passes it while the address is about to be\n *    replaced, so a removal here cannot undo a redirect there.\n *\n * \"Once its group has rendered\": the effect runs after the commit that mounted the\n * group's cards, so the card is there; a card that mounts later (lazy, or behind its\n * data) is waited for, for a few seconds, before the hook gives up and leaves the URL\n * as it is.\n */\nexport function useSettingsFocus(anchor?: string | null): void {\n  const location = useLocation();\n  const navigate = useNavigate();\n  const target = anchor === undefined ? new URLSearchParams(location.search).get(\"focus\") : anchor;\n  // The ring outlives the effect that drew it: removing `focus` from the URL re-runs the\n  // effect (and cleans it up) at once, and the ring must still stay its 1.8 s.\n  const ring = useRef<{ el: HTMLElement; timer: number } | null>(null);\n\n  useEffect(() => {\n    if (!target) return;\n    const { pathname, search, hash, state } = location;\n\n    const land = (el: HTMLElement) => {\n      el.scrollIntoView?.({ behavior: prefersReducedMotion() ? \"auto\" : \"smooth\", block: \"center\" });\n\n      if (ring.current) {\n        window.clearTimeout(ring.current.timer);\n        ring.current.el.classList.remove(...SETTINGS_FOCUS_RING);\n        // The mark goes with the ring, as the timer's own end takes both: left behind, the\n        // first card stayed \"focused\" for good (keksdose's matching-tab test reads it).\n        ring.current.el.removeAttribute(\"data-settings-focus\");\n      }\n      el.classList.add(...SETTINGS_FOCUS_RING);\n      el.setAttribute(\"data-settings-focus\", \"\");\n      const timer = window.setTimeout(() => {\n        el.classList.remove(...SETTINGS_FOCUS_RING);\n        el.removeAttribute(\"data-settings-focus\");\n        if (ring.current?.el === el) ring.current = null;\n      }, SETTINGS_FOCUS_MS);\n      ring.current = { el, timer };\n\n      // The heading, so a screen reader starts at the card's name; the card itself when\n      // it has none. `preventScroll`: the smooth scroll above is already on its way.\n      const heading = el.querySelector<HTMLElement>(HEADING) ?? el;\n      if (!heading.hasAttribute(\"tabindex\")) heading.setAttribute(\"tabindex\", \"-1\");\n      heading.focus({ preventScroll: true });\n\n      const params = new URLSearchParams(search);\n      if (params.get(\"focus\") !== target) return;\n      params.delete(\"focus\");\n      const rest = params.toString();\n      navigate({ pathname, search: rest ? `?${rest}` : \"\", hash }, { replace: true, state });\n    };\n\n    const found = document.getElementById(target);\n    if (found) {\n      land(found);\n      return;\n    }\n    const observer = new MutationObserver(() => {\n      const el = document.getElementById(target);\n      if (!el) return;\n      observer.disconnect();\n      window.clearTimeout(giveUp);\n      land(el);\n    });\n    observer.observe(document.body, { childList: true, subtree: true });\n    const giveUp = window.setTimeout(() => observer.disconnect(), WAIT_MS);\n    return () => {\n      observer.disconnect();\n      window.clearTimeout(giveUp);\n    };\n    // `location`, a new object per navigation: the same hit picked twice is two\n    // navigations, and rings twice.\n  }, [target, location, navigate]);\n\n  useEffect(\n    () => () => {\n      const current = ring.current;\n      if (!current) return;\n      window.clearTimeout(current.timer);\n      current.el.classList.remove(...SETTINGS_FOCUS_RING);\n      current.el.removeAttribute(\"data-settings-focus\");\n    },\n    [],\n  );\n}\n\n/**\n * {@link useSettingsFocus} under a name for any page (0.51.4, keksdose run 89): the hook\n * was always allowed on an app's own pages (keksdose's /reports/matching lands\n * `?focus=matching-unmatched` on a card), but its name said Settings at every such call\n * site. The same function, so the two cannot drift; `useSettingsFocus` stays.\n */\nexport const useFocusParam: typeof useSettingsFocus = useSettingsFocus;\n"],"mappings":";AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,aAAa,mBAAmB;AACzC,SAAS,4BAA4B;AAS9B,MAAM,sBAAsB,CAAC,UAAU,cAAc,iBAAiB,kBAAkB;AAGxF,MAAM,oBAAoB;AAIjC,MAAM,UAAU;AAEhB,MAAM,UAAU;AAuBT,SAAS,iBAAiB,QAA8B;AAC7D,QAAM,WAAW,YAAY;AAC7B,QAAM,WAAW,YAAY;AAC7B,QAAM,SAAS,WAAW,SAAY,IAAI,gBAAgB,SAAS,MAAM,EAAE,IAAI,OAAO,IAAI;AAG1F,QAAM,OAAO,OAAkD,IAAI;AAEnE,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,EAAE,UAAU,QAAQ,MAAM,MAAM,IAAI;AAE1C,UAAM,OAAO,CAAC,OAAoB;AAChC,SAAG,iBAAiB,EAAE,UAAU,qBAAqB,IAAI,SAAS,UAAU,OAAO,SAAS,CAAC;AAE7F,UAAI,KAAK,SAAS;AAChB,eAAO,aAAa,KAAK,QAAQ,KAAK;AACtC,aAAK,QAAQ,GAAG,UAAU,OAAO,GAAG,mBAAmB;AAGvD,aAAK,QAAQ,GAAG,gBAAgB,qBAAqB;AAAA,MACvD;AACA,SAAG,UAAU,IAAI,GAAG,mBAAmB;AACvC,SAAG,aAAa,uBAAuB,EAAE;AACzC,YAAM,QAAQ,OAAO,WAAW,MAAM;AACpC,WAAG,UAAU,OAAO,GAAG,mBAAmB;AAC1C,WAAG,gBAAgB,qBAAqB;AACxC,YAAI,KAAK,SAAS,OAAO,GAAI,MAAK,UAAU;AAAA,MAC9C,GAAG,iBAAiB;AACpB,WAAK,UAAU,EAAE,IAAI,MAAM;AAI3B,YAAM,UAAU,GAAG,cAA2B,OAAO,KAAK;AAC1D,UAAI,CAAC,QAAQ,aAAa,UAAU,EAAG,SAAQ,aAAa,YAAY,IAAI;AAC5E,cAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;AAErC,YAAM,SAAS,IAAI,gBAAgB,MAAM;AACzC,UAAI,OAAO,IAAI,OAAO,MAAM,OAAQ;AACpC,aAAO,OAAO,OAAO;AACrB,YAAM,OAAO,OAAO,SAAS;AAC7B,eAAS,EAAE,UAAU,QAAQ,OAAO,IAAI,IAAI,KAAK,IAAI,KAAK,GAAG,EAAE,SAAS,MAAM,MAAM,CAAC;AAAA,IACvF;AAEA,UAAM,QAAQ,SAAS,eAAe,MAAM;AAC5C,QAAI,OAAO;AACT,WAAK,KAAK;AACV;AAAA,IACF;AACA,UAAM,WAAW,IAAI,iBAAiB,MAAM;AAC1C,YAAM,KAAK,SAAS,eAAe,MAAM;AACzC,UAAI,CAAC,GAAI;AACT,eAAS,WAAW;AACpB,aAAO,aAAa,MAAM;AAC1B,WAAK,EAAE;AAAA,IACT,CAAC;AACD,aAAS,QAAQ,SAAS,MAAM,EAAE,WAAW,MAAM,SAAS,KAAK,CAAC;AAClE,UAAM,SAAS,OAAO,WAAW,MAAM,SAAS,WAAW,GAAG,OAAO;AACrE,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,aAAO,aAAa,MAAM;AAAA,IAC5B;AAAA,EAGF,GAAG,CAAC,QAAQ,UAAU,QAAQ,CAAC;AAE/B;AAAA,IACE,MAAM,MAAM;AACV,YAAM,UAAU,KAAK;AACrB,UAAI,CAAC,QAAS;AACd,aAAO,aAAa,QAAQ,KAAK;AACjC,cAAQ,GAAG,UAAU,OAAO,GAAG,mBAAmB;AAClD,cAAQ,GAAG,gBAAgB,qBAAqB;AAAA,IAClD;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAQO,MAAM,gBAAyC;","names":[]}

package/dist/shell/account-menu-language.d.ts

@@ -23,8 +23,10 @@ export interface AccountMenuLanguageProps {
     /** The active language's code. */
     value: string | undefined;
     /** A pick: the app sets the device's language and, signed in, the account's
-     *  (settings §6.2). */
-    onPick: (code: string) => void;
+     *  (settings §6.2). `value` + `onChange`, as every kit control pairs them
+     *  (CONTRIBUTING §4; refactor audit 2026-10-30, API-5). Required: 0.53 removed the
+     *  deprecated `onPick`. */
+    onChange: (code: string) => void;
     /** The account menu's `close` (from `TopBarActionMenu`'s `children`): a pick shuts it. */
     close?: () => void;
     /** The row's name. Default: `topBar.language` ("Language"). */
@@ -43,4 +45,4 @@ export interface AccountMenuLanguageProps {
  * app's context rows (§6.5). Signed out there is no account menu; `LanguageMenu` stays
  * the bar's button (§2.3).
  */
-export declare function AccountMenuLanguage({ languages, value, onPick, close, label, defaultOpen, }: AccountMenuLanguageProps): import("react").JSX.Element;
+export declare function AccountMenuLanguage({ languages, value, onChange, close, label, defaultOpen, }: AccountMenuLanguageProps): import("react").JSX.Element;

package/dist/shell/account-menu-language.js

@@ -21,7 +21,7 @@ function flagOf(lang) {
 function AccountMenuLanguage({
   languages,
   value,
-  onPick,
+  onChange,
   close,
   label,
   defaultOpen = false
@@ -54,7 +54,7 @@ function AccountMenuLanguage({
         {
           checked: lang.code === value,
           onClick: () => {
-            onPick(lang.code);
+            onChange(lang.code);
             setOpen(false);
             close?.();
           },

package/dist/shell/account-menu-language.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/account-menu-language.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Globe } from \"lucide-react\";\nimport { Disclosure } from \"../components/disclosure\";\nimport { MenuItem } from \"../components/menu-item\";\nimport { DEFAULT_TOP_BAR_LABELS, useKitLabels } from \"../i18n/kit-labels\";\nimport { languageCodeLabel } from \"./language-code\";\n\n/** One offered language in the account menu's sub-list. */\nexport interface AccountMenuLanguageOption {\n  code: string;\n  /** Its name, in its own language (\"Deutsch\", \"Français\"). */\n  label: ReactNode;\n  /**\n   * A flag before the name, as the app draws it — keksdose's flag-icons span\n   * (`<span aria-hidden className=\"fi fi-ch …\" />`). A node rather than a country code, so\n   * the kit ships no flag set; decorative, so give it `aria-hidden`.\n   */\n  flag?: ReactNode;\n  /**\n   * Or the ISO 3166-1 alpha-2 country (lowercase) whose flag-icons flag to draw, as\n   * `LanguageMenu`'s `LanguageOption` takes it — so one language list feeds both\n   * (Kurvenschmiede's `LANGUAGES`). Needs the app's flag-icons CSS, as `LanguageMenu`\n   * does. `flag` wins when both are given.\n   */\n  country?: string;\n}\n\n/** The option's flag: its own node, else the flag-icons flag of its country. */\nfunction flagOf(lang: AccountMenuLanguageOption): ReactNode {\n  if (lang.flag !== undefined) return lang.flag;\n  if (!lang.country) return undefined;\n  return (\n    <span\n      aria-hidden\n      data-country={lang.country}\n      className={`fi fi-${lang.country} inline-block h-[0.9375rem] w-5 shrink-0 rounded-sm shadow-[0_0_0_1px_rgba(0,0,0,0.08)]`}\n    />\n  );\n}\n\nexport interface AccountMenuLanguageProps {\n  languages: readonly AccountMenuLanguageOption[];\n  /** The active language's code. */\n  value: string | undefined;\n  /** A pick: the app sets the device's language and, signed in, the account's\n   *  (settings §6.2). */\n  onPick: (code: string) => void;\n  /** The account menu's `close` (from `TopBarActionMenu`'s `children`): a pick shuts it. */\n  close?: () => void;\n  /** The row's name. Default: `topBar.language` (\"Language\"). */\n  label?: string;\n  /** Open the sub-list at first. Default `false`. */\n  defaultOpen?: boolean;\n}\n\n/**\n * The language choice INSIDE the account menu (docs/top-bar-harmonization.md §2.3),\n * keksdose's sub-list: a `Disclosure variant=\"menu\"` row — the globe, \"Language\", the\n * active language's flag and code (\"DE\") and the chevron — that opens in place onto one checked\n * `MenuItem` per language. Inline rather than a nested popover: a popover inside a\n * popover fights the outside click and has nowhere to go on a phone (keksdose #140).\n *\n * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` first after the\n * app's context rows (§6.5). Signed out there is no account menu; `LanguageMenu` stays\n * the bar's button (§2.3).\n */\nexport function AccountMenuLanguage({\n  languages,\n  value,\n  onPick,\n  close,\n  label,\n  defaultOpen = false,\n}: AccountMenuLanguageProps) {\n  const words = useKitLabels(\"topBar\", DEFAULT_TOP_BAR_LABELS);\n  const [open, setOpen] = useState(defaultOpen);\n  const active = languages.find((l) => l.code === value);\n  return (\n    <li>\n      <Disclosure\n        variant=\"menu\"\n        open={open}\n        onOpenChange={setOpen}\n        title={\n          <span className=\"flex items-center justify-between gap-3\">\n            <span className=\"flex items-center gap-2\">\n              <Globe aria-hidden className=\"size-4\" />\n              {label ?? words.language}\n            </span>\n            {active && (\n              // The flag alone could not tell de-CH, fr-CH and it-CH apart (one Swiss\n              // flag each), so the code sits beside it (0.49 KIT-10); the row's name\n              // carries the language's own name.\n              <span className=\"flex items-center gap-1.5\">\n                {flagOf(active)}\n                <span aria-hidden className=\"text-xs font-semibold tabular-nums tracking-wide text-secondary\">\n                  {languageCodeLabel(active.code)}\n                </span>\n                <span className=\"sr-only\">{active.label}</span>\n              </span>\n            )}\n          </span>\n        }\n      >\n        <ul>\n          {languages.map((lang) => (\n            <li key={lang.code}>\n              <MenuItem\n                checked={lang.code === value}\n                onClick={() => {\n                  onPick(lang.code);\n                  setOpen(false);\n                  close?.();\n                }}\n                leading={flagOf(lang)}\n                // Under the row's own text, past the globe.\n                className=\"ps-9\"\n              >\n                {lang.label}\n              </MenuItem>\n            </li>\n          ))}\n        </ul>\n      </Disclosure>\n    </li>\n  );\n}\n"],"mappings":";AAiCI,cAqDQ,YArDR;AAjCJ,SAAS,gBAAgB;AAEzB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB,oBAAoB;AACrD,SAAS,yBAAyB;AAuBlC,SAAS,OAAO,MAA4C;AAC1D,MAAI,KAAK,SAAS,OAAW,QAAO,KAAK;AACzC,MAAI,CAAC,KAAK,QAAS,QAAO;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,gBAAc,KAAK;AAAA,MACnB,WAAW,SAAS,KAAK,OAAO;AAAA;AAAA,EAClC;AAEJ;AA4BO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAA6B;AAC3B,QAAM,QAAQ,aAAa,UAAU,sBAAsB;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,WAAW;AAC5C,QAAM,SAAS,UAAU,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK;AACrD,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR;AAAA,MACA,cAAc;AAAA,MACd,OACE,qBAAC,UAAK,WAAU,2CACd;AAAA,6BAAC,UAAK,WAAU,2BACd;AAAA,8BAAC,SAAM,eAAW,MAAC,WAAU,UAAS;AAAA,UACrC,SAAS,MAAM;AAAA,WAClB;AAAA,QACC;AAAA;AAAA;AAAA,QAIC,qBAAC,UAAK,WAAU,6BACb;AAAA,iBAAO,MAAM;AAAA,UACd,oBAAC,UAAK,eAAW,MAAC,WAAU,mEACzB,4BAAkB,OAAO,IAAI,GAChC;AAAA,UACA,oBAAC,UAAK,WAAU,WAAW,iBAAO,OAAM;AAAA,WAC1C;AAAA,SAEJ;AAAA,MAGF,8BAAC,QACE,oBAAU,IAAI,CAAC,SACd,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,KAAK,SAAS;AAAA,UACvB,SAAS,MAAM;AACb,mBAAO,KAAK,IAAI;AAChB,oBAAQ,KAAK;AACb,oBAAQ;AAAA,UACV;AAAA,UACA,SAAS,OAAO,IAAI;AAAA,UAEpB,WAAU;AAAA,UAET,eAAK;AAAA;AAAA,MACR,KAbO,KAAK,IAcd,CACD,GACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/shell/account-menu-language.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Globe } from \"lucide-react\";\nimport { Disclosure } from \"../components/disclosure\";\nimport { MenuItem } from \"../components/menu-item\";\nimport { DEFAULT_TOP_BAR_LABELS, useKitLabels } from \"../i18n/kit-labels\";\nimport { languageCodeLabel } from \"./language-code\";\n\n/** One offered language in the account menu's sub-list. */\nexport interface AccountMenuLanguageOption {\n  code: string;\n  /** Its name, in its own language (\"Deutsch\", \"Français\"). */\n  label: ReactNode;\n  /**\n   * A flag before the name, as the app draws it — keksdose's flag-icons span\n   * (`<span aria-hidden className=\"fi fi-ch …\" />`). A node rather than a country code, so\n   * the kit ships no flag set; decorative, so give it `aria-hidden`.\n   */\n  flag?: ReactNode;\n  /**\n   * Or the ISO 3166-1 alpha-2 country (lowercase) whose flag-icons flag to draw, as\n   * `LanguageMenu`'s `LanguageOption` takes it — so one language list feeds both\n   * (Kurvenschmiede's `LANGUAGES`). Needs the app's flag-icons CSS, as `LanguageMenu`\n   * does. `flag` wins when both are given.\n   */\n  country?: string;\n}\n\n/** The option's flag: its own node, else the flag-icons flag of its country. */\nfunction flagOf(lang: AccountMenuLanguageOption): ReactNode {\n  if (lang.flag !== undefined) return lang.flag;\n  if (!lang.country) return undefined;\n  return (\n    <span\n      aria-hidden\n      data-country={lang.country}\n      className={`fi fi-${lang.country} inline-block h-[0.9375rem] w-5 shrink-0 rounded-sm shadow-[0_0_0_1px_rgba(0,0,0,0.08)]`}\n    />\n  );\n}\n\nexport interface AccountMenuLanguageProps {\n  languages: readonly AccountMenuLanguageOption[];\n  /** The active language's code. */\n  value: string | undefined;\n  /** A pick: the app sets the device's language and, signed in, the account's\n   *  (settings §6.2). `value` + `onChange`, as every kit control pairs them\n   *  (CONTRIBUTING §4; refactor audit 2026-10-30, API-5). Required: 0.53 removed the\n   *  deprecated `onPick`. */\n  onChange: (code: string) => void;\n  /** The account menu's `close` (from `TopBarActionMenu`'s `children`): a pick shuts it. */\n  close?: () => void;\n  /** The row's name. Default: `topBar.language` (\"Language\"). */\n  label?: string;\n  /** Open the sub-list at first. Default `false`. */\n  defaultOpen?: boolean;\n}\n\n/**\n * The language choice INSIDE the account menu (docs/top-bar-harmonization.md §2.3),\n * keksdose's sub-list: a `Disclosure variant=\"menu\"` row — the globe, \"Language\", the\n * active language's flag and code (\"DE\") and the chevron — that opens in place onto one checked\n * `MenuItem` per language. Inline rather than a nested popover: a popover inside a\n * popover fights the outside click and has nowhere to go on a phone (keksdose #140).\n *\n * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` first after the\n * app's context rows (§6.5). Signed out there is no account menu; `LanguageMenu` stays\n * the bar's button (§2.3).\n */\nexport function AccountMenuLanguage({\n  languages,\n  value,\n  onChange,\n  close,\n  label,\n  defaultOpen = false,\n}: AccountMenuLanguageProps) {\n  const words = useKitLabels(\"topBar\", DEFAULT_TOP_BAR_LABELS);\n  const [open, setOpen] = useState(defaultOpen);\n  const active = languages.find((l) => l.code === value);\n  return (\n    <li>\n      <Disclosure\n        variant=\"menu\"\n        open={open}\n        onOpenChange={setOpen}\n        title={\n          <span className=\"flex items-center justify-between gap-3\">\n            <span className=\"flex items-center gap-2\">\n              <Globe aria-hidden className=\"size-4\" />\n              {label ?? words.language}\n            </span>\n            {active && (\n              // The flag alone could not tell de-CH, fr-CH and it-CH apart (one Swiss\n              // flag each), so the code sits beside it (0.49 KIT-10); the row's name\n              // carries the language's own name.\n              <span className=\"flex items-center gap-1.5\">\n                {flagOf(active)}\n                <span aria-hidden className=\"text-xs font-semibold tabular-nums tracking-wide text-secondary\">\n                  {languageCodeLabel(active.code)}\n                </span>\n                <span className=\"sr-only\">{active.label}</span>\n              </span>\n            )}\n          </span>\n        }\n      >\n        <ul>\n          {languages.map((lang) => (\n            <li key={lang.code}>\n              <MenuItem\n                checked={lang.code === value}\n                onClick={() => {\n                  onChange(lang.code);\n                  setOpen(false);\n                  close?.();\n                }}\n                leading={flagOf(lang)}\n                // Under the row's own text, past the globe.\n                className=\"ps-9\"\n              >\n                {lang.label}\n              </MenuItem>\n            </li>\n          ))}\n        </ul>\n      </Disclosure>\n    </li>\n  );\n}\n"],"mappings":";AAiCI,cAuDQ,YAvDR;AAjCJ,SAAS,gBAAgB;AAEzB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB,oBAAoB;AACrD,SAAS,yBAAyB;AAuBlC,SAAS,OAAO,MAA4C;AAC1D,MAAI,KAAK,SAAS,OAAW,QAAO,KAAK;AACzC,MAAI,CAAC,KAAK,QAAS,QAAO;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,gBAAc,KAAK;AAAA,MACnB,WAAW,SAAS,KAAK,OAAO;AAAA;AAAA,EAClC;AAEJ;AA8BO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAA6B;AAC3B,QAAM,QAAQ,aAAa,UAAU,sBAAsB;AAC3D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,WAAW;AAC5C,QAAM,SAAS,UAAU,KAAK,CAAC,MAAM,EAAE,SAAS,KAAK;AACrD,SACE,oBAAC,QACC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR;AAAA,MACA,cAAc;AAAA,MACd,OACE,qBAAC,UAAK,WAAU,2CACd;AAAA,6BAAC,UAAK,WAAU,2BACd;AAAA,8BAAC,SAAM,eAAW,MAAC,WAAU,UAAS;AAAA,UACrC,SAAS,MAAM;AAAA,WAClB;AAAA,QACC;AAAA;AAAA;AAAA,QAIC,qBAAC,UAAK,WAAU,6BACb;AAAA,iBAAO,MAAM;AAAA,UACd,oBAAC,UAAK,eAAW,MAAC,WAAU,mEACzB,4BAAkB,OAAO,IAAI,GAChC;AAAA,UACA,oBAAC,UAAK,WAAU,WAAW,iBAAO,OAAM;AAAA,WAC1C;AAAA,SAEJ;AAAA,MAGF,8BAAC,QACE,oBAAU,IAAI,CAAC,SACd,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,KAAK,SAAS;AAAA,UACvB,SAAS,MAAM;AACb,qBAAS,KAAK,IAAI;AAClB,oBAAQ,KAAK;AACb,oBAAQ;AAAA,UACV;AAAA,UACA,SAAS,OAAO,IAAI;AAAA,UAEpB,WAAU;AAAA,UAET,eAAK;AAAA;AAAA,MACR,KAbO,KAAK,IAcd,CACD,GACH;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/shell/account-menu-text-size.d.ts

@@ -6,12 +6,15 @@ export interface AccountMenuTextSizeProps {
      *  size whoever applied it put there. */
     value?: TextSize;
     /**
-     * A step: the next size down or up. The app applies it and keeps it as its Settings ▸
-     * Appearance does — `useAccountAppearance`'s `pickTextSize` (this device, and the
-     * account when signed in), with `appearance.saveFailed` as the toast when the account
-     * refused. The kit does not apply it itself, so the two places can never disagree.
+     * A step: the next size down or up. The app applies it and keeps it as its
+     * Settings ▸ Appearance does — `useAccountAppearance`'s `pickTextSize` (this
+     * device, and the account when signed in), with `appearance.saveFailed` as the
+     * toast when the account refused. The kit does not apply it itself, so the two
+     * places can never disagree. `value` + `onChange`, as every kit control pairs them
+     * (CONTRIBUTING §4; refactor audit 2026-10-30, API-5). Required: 0.53 removed the
+     * deprecated `onPick`.
      */
-    onPick: (size: TextSize) => void;
+    onChange: (size: TextSize) => void;
     /** The row's name. Default: `appearance.textSize` ("Text size"). */
     label?: string;
     /** The `appearance` words (`textSize`, `textSizes`, `textSmaller`, `textLarger`). */
@@ -30,4 +33,4 @@ export interface AccountMenuTextSizeProps {
  * behind it and can step again. The size's name is a polite live region, so a step is
  * announced.
  */
-export declare function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }: AccountMenuTextSizeProps): import("react").JSX.Element;
+export declare function AccountMenuTextSize({ value, onChange, label, labels: labelsProp }: AccountMenuTextSizeProps): import("react").JSX.Element;

package/dist/shell/account-menu-text-size.js

@@ -4,14 +4,14 @@ import { AArrowDown, AArrowUp, ALargeSmall } from "lucide-react";
 import { IconButton } from "../components/icon-button.js";
 import { useAppearanceLabels } from "../components/appearance-labels.js";
 import { TEXT_SIZES, useTextSize } from "../theme/text-size.js";
-function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }) {
+function AccountMenuTextSize({ value, onChange, label, labels: labelsProp }) {
   const labels = useAppearanceLabels(labelsProp);
   const onHtml = useTextSize().size;
   const size = value ?? onHtml;
   const index = TEXT_SIZES.indexOf(size);
   const step = (by) => {
     const next = TEXT_SIZES[index + by];
-    if (next) onPick(next);
+    if (next) onChange(next);
   };
   return /* @__PURE__ */ jsxs("li", { "data-account-menu-text-size": "", className: "flex items-center gap-2 px-3 py-1.5 text-sm", children: [
     /* @__PURE__ */ jsx(ALargeSmall, { "aria-hidden": true, className: "size-4 shrink-0 text-muted" }),

package/dist/shell/account-menu-text-size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/account-menu-text-size.tsx"],"sourcesContent":["import { AArrowDown, AArrowUp, ALargeSmall } from \"lucide-react\";\nimport { IconButton } from \"../components/icon-button\";\nimport { useAppearanceLabels, type AppearanceLabels } from \"../components/appearance-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { TEXT_SIZES, useTextSize, type TextSize } from \"../theme/text-size\";\n\nexport interface AccountMenuTextSizeProps {\n  /** The size in force. Default: the one on `<html>` ({@link useTextSize}), which is the\n   *  size whoever applied it put there. */\n  value?: TextSize;\n  /**\n   * A step: the next size down or up. The app applies it and keeps it as its Settings ▸\n   * Appearance does — `useAccountAppearance`'s `pickTextSize` (this device, and the\n   * account when signed in), with `appearance.saveFailed` as the toast when the account\n   * refused. The kit does not apply it itself, so the two places can never disagree.\n   */\n  onPick: (size: TextSize) => void;\n  /** The row's name. Default: `appearance.textSize` (\"Text size\"). */\n  label?: string;\n  /** The `appearance` words (`textSize`, `textSizes`, `textSmaller`, `textLarger`). */\n  labels?: LabelOverride<AppearanceLabels>;\n}\n\n/**\n * The text size one tap away, INSIDE the account menu (0.46, keksdose live #426, its\n * `TextSizeRow`): the row's icon and name, the size in force, and A− / A+, which step\n * through {@link TEXT_SIZES} (Normal → Large → Extra large). A− is disabled at the\n * smallest, A+ at the largest. The browser's pinch zoom stays as it is — this is the\n * quick path to the setting, not a replacement for zoom.\n *\n * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` beside\n * `AccountMenuLanguage`. The menu promotes the two buttons to `menuitem`s, so ↑/↓ reach\n * them like every other row, and it stays open on a step: the person sees the page grow\n * behind it and can step again. The size's name is a polite live region, so a step is\n * announced.\n */\nexport function AccountMenuTextSize({ value, onPick, label, labels: labelsProp }: AccountMenuTextSizeProps) {\n  const labels = useAppearanceLabels(labelsProp);\n  const onHtml = useTextSize().size;\n  const size = value ?? onHtml;\n  const index = TEXT_SIZES.indexOf(size);\n  const step = (by: -1 | 1) => {\n    const next = TEXT_SIZES[index + by];\n    if (next) onPick(next);\n  };\n  return (\n    <li data-account-menu-text-size=\"\" className=\"flex items-center gap-2 px-3 py-1.5 text-sm\">\n      <ALargeSmall aria-hidden className=\"size-4 shrink-0 text-muted\" />\n      <span className=\"min-w-0 flex-1 truncate\">\n        {label ?? labels.textSize}\n        <span className=\"ms-2 text-xs text-muted\" aria-live=\"polite\">\n          {labels.textSizes[size]}\n        </span>\n      </span>\n      <IconButton\n        size=\"sm\"\n        label={labels.textSmaller}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index <= 0}\n        onClick={() => step(-1)}\n      >\n        <AArrowDown />\n      </IconButton>\n      <IconButton\n        size=\"sm\"\n        label={labels.textLarger}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index >= TEXT_SIZES.length - 1}\n        onClick={() => step(1)}\n      >\n        <AArrowUp />\n      </IconButton>\n    </li>\n  );\n}\n"],"mappings":";AA+CM,cACA,YADA;AA/CN,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,kBAAkB;AAC3B,SAAS,2BAAkD;AAE3D,SAAS,YAAY,mBAAkC;AAgChD,SAAS,oBAAoB,EAAE,OAAO,QAAQ,OAAO,QAAQ,WAAW,GAA6B;AAC1G,QAAM,SAAS,oBAAoB,UAAU;AAC7C,QAAM,SAAS,YAAY,EAAE;AAC7B,QAAM,OAAO,SAAS;AACtB,QAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,QAAM,OAAO,CAAC,OAAe;AAC3B,UAAM,OAAO,WAAW,QAAQ,EAAE;AAClC,QAAI,KAAM,QAAO,IAAI;AAAA,EACvB;AACA,SACE,qBAAC,QAAG,+BAA4B,IAAG,WAAU,+CAC3C;AAAA,wBAAC,eAAY,eAAW,MAAC,WAAU,8BAA6B;AAAA,IAChE,qBAAC,UAAK,WAAU,2BACb;AAAA,eAAS,OAAO;AAAA,MACjB,oBAAC,UAAK,WAAU,2BAA0B,aAAU,UACjD,iBAAO,UAAU,IAAI,GACxB;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS;AAAA,QACnB,SAAS,MAAM,KAAK,EAAE;AAAA,QAEtB,8BAAC,cAAW;AAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS,WAAW,SAAS;AAAA,QACvC,SAAS,MAAM,KAAK,CAAC;AAAA,QAErB,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/shell/account-menu-text-size.tsx"],"sourcesContent":["import { AArrowDown, AArrowUp, ALargeSmall } from \"lucide-react\";\nimport { IconButton } from \"../components/icon-button\";\nimport { useAppearanceLabels, type AppearanceLabels } from \"../components/appearance-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { TEXT_SIZES, useTextSize, type TextSize } from \"../theme/text-size\";\n\nexport interface AccountMenuTextSizeProps {\n  /** The size in force. Default: the one on `<html>` ({@link useTextSize}), which is the\n   *  size whoever applied it put there. */\n  value?: TextSize;\n  /**\n   * A step: the next size down or up. The app applies it and keeps it as its\n   * Settings ▸ Appearance does — `useAccountAppearance`'s `pickTextSize` (this\n   * device, and the account when signed in), with `appearance.saveFailed` as the\n   * toast when the account refused. The kit does not apply it itself, so the two\n   * places can never disagree. `value` + `onChange`, as every kit control pairs them\n   * (CONTRIBUTING §4; refactor audit 2026-10-30, API-5). Required: 0.53 removed the\n   * deprecated `onPick`.\n   */\n  onChange: (size: TextSize) => void;\n  /** The row's name. Default: `appearance.textSize` (\"Text size\"). */\n  label?: string;\n  /** The `appearance` words (`textSize`, `textSizes`, `textSmaller`, `textLarger`). */\n  labels?: LabelOverride<AppearanceLabels>;\n}\n\n/**\n * The text size one tap away, INSIDE the account menu (0.46, keksdose live #426, its\n * `TextSizeRow`): the row's icon and name, the size in force, and A− / A+, which step\n * through {@link TEXT_SIZES} (Normal → Large → Extra large). A− is disabled at the\n * smallest, A+ at the largest. The browser's pinch zoom stays as it is — this is the\n * quick path to the setting, not a replacement for zoom.\n *\n * It renders its own `<li>`: drop it into `TopBarActionMenu`'s `children` beside\n * `AccountMenuLanguage`. The menu promotes the two buttons to `menuitem`s, so ↑/↓ reach\n * them like every other row, and it stays open on a step: the person sees the page grow\n * behind it and can step again. The size's name is a polite live region, so a step is\n * announced.\n */\nexport function AccountMenuTextSize({ value, onChange, label, labels: labelsProp }: AccountMenuTextSizeProps) {\n  const labels = useAppearanceLabels(labelsProp);\n  const onHtml = useTextSize().size;\n  const size = value ?? onHtml;\n  const index = TEXT_SIZES.indexOf(size);\n  const step = (by: -1 | 1) => {\n    const next = TEXT_SIZES[index + by];\n    if (next) onChange(next);\n  };\n  return (\n    <li data-account-menu-text-size=\"\" className=\"flex items-center gap-2 px-3 py-1.5 text-sm\">\n      <ALargeSmall aria-hidden className=\"size-4 shrink-0 text-muted\" />\n      <span className=\"min-w-0 flex-1 truncate\">\n        {label ?? labels.textSize}\n        <span className=\"ms-2 text-xs text-muted\" aria-live=\"polite\">\n          {labels.textSizes[size]}\n        </span>\n      </span>\n      <IconButton\n        size=\"sm\"\n        label={labels.textSmaller}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index <= 0}\n        onClick={() => step(-1)}\n      >\n        <AArrowDown />\n      </IconButton>\n      <IconButton\n        size=\"sm\"\n        label={labels.textLarger}\n        labelVisible={false}\n        tooltip={false}\n        disabled={index >= TEXT_SIZES.length - 1}\n        onClick={() => step(1)}\n      >\n        <AArrowUp />\n      </IconButton>\n    </li>\n  );\n}\n"],"mappings":";AAkDM,cACA,YADA;AAlDN,SAAS,YAAY,UAAU,mBAAmB;AAClD,SAAS,kBAAkB;AAC3B,SAAS,2BAAkD;AAE3D,SAAS,YAAY,mBAAkC;AAmChD,SAAS,oBAAoB,EAAE,OAAO,UAAU,OAAO,QAAQ,WAAW,GAA6B;AAC5G,QAAM,SAAS,oBAAoB,UAAU;AAC7C,QAAM,SAAS,YAAY,EAAE;AAC7B,QAAM,OAAO,SAAS;AACtB,QAAM,QAAQ,WAAW,QAAQ,IAAI;AACrC,QAAM,OAAO,CAAC,OAAe;AAC3B,UAAM,OAAO,WAAW,QAAQ,EAAE;AAClC,QAAI,KAAM,UAAS,IAAI;AAAA,EACzB;AACA,SACE,qBAAC,QAAG,+BAA4B,IAAG,WAAU,+CAC3C;AAAA,wBAAC,eAAY,eAAW,MAAC,WAAU,8BAA6B;AAAA,IAChE,qBAAC,UAAK,WAAU,2BACb;AAAA,eAAS,OAAO;AAAA,MACjB,oBAAC,UAAK,WAAU,2BAA0B,aAAU,UACjD,iBAAO,UAAU,IAAI,GACxB;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS;AAAA,QACnB,SAAS,MAAM,KAAK,EAAE;AAAA,QAEtB,8BAAC,cAAW;AAAA;AAAA,IACd;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAO,OAAO;AAAA,QACd,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU,SAAS,WAAW,SAAS;AAAA,QACvC,SAAS,MAAM,KAAK,CAAC;AAAA,QAErB,8BAAC,YAAS;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/shell/app-shell.d.ts

@@ -144,16 +144,6 @@ export declare function pickMobileBar<T>(entries: readonly T[], maxItems: number
     shown: T[];
     hidden: T[];
 };
-/**
- * Split the bar's entries into the cells shown and the ones under "More", in the app's
- * order (§10.7: the app puts its four most used first, or orders by role). One hidden
- * entry is no saving — the More cell would take its place — so the bar then shows them
- * all: the cell count is the same either way, and a real entry beats a detour.
- */
-export declare function splitMobileBar<T>(entries: readonly T[], max: number): {
-    shown: T[];
-    hidden: T[];
-};
 /**
  * Exported and `<div>`-shaped. This is the outermost element of every consuming app, so
  * there is nothing above it to hang an id, a landmark label or a `data-tour` anchor on —

package/dist/shell/app-shell.js

@@ -49,11 +49,6 @@ function pickMobileBar(entries, maxItems, priority) {
     hidden: entries.filter((_, i) => !chosen.has(i))
   };
 }
-function splitMobileBar(entries, max) {
-  const limit = Math.max(1, Math.floor(max));
-  if (entries.length <= limit + 1) return { shown: [...entries], hidden: [] };
-  return { shown: entries.slice(0, limit), hidden: entries.slice(limit) };
-}
 function mobileCells(maxItems, size) {
   if (maxItems === void 0) return DEFAULT_MOBILE_MAX_ITEMS[size];
   return typeof maxItems === "number" ? maxItems : maxItems[size] ?? DEFAULT_MOBILE_MAX_ITEMS[size];
@@ -852,7 +847,6 @@ export {
   AppShell,
   DEFAULT_APP_SHELL_MORE_LABELS,
   DEFAULT_MOBILE_MAX_ITEMS,
-  pickMobileBar,
-  splitMobileBar
+  pickMobileBar
 };
 //# sourceMappingURL=app-shell.js.map