@eifi1/ui-kit 0.46.0 → 0.47.0

package/src/sync/engine.ts

@@ -40,12 +40,13 @@ export interface SyncStepResult {
   counts?: Partial<SyncCounts>;
 }
 
-/** Work after the push/pull, such as kastlan's photo upload. */
-export interface SyncStep {
+/** Work after the push/pull, such as kastlan's photo upload. `D` is the app's database type
+ *  (`createSyncDb<HandoverDb>`), so a step reaches the app's own tables without a cast. */
+export interface SyncStep<D extends SyncDb = SyncDb> {
   name: string;
-  run(db: SyncDb, ctx: SyncStepContext): Promise<SyncStepResult>;
+  run(db: D, ctx: SyncStepContext): Promise<SyncStepResult>;
   /** Its counts read from the device between rounds (a photo taken offline shows at once). */
-  counts?(db: SyncDb): Promise<Partial<SyncCounts>>;
+  counts?(db: D): Promise<Partial<SyncCounts>>;
 }
 
 export interface SyncEngineState {
@@ -68,8 +69,9 @@ export interface SyncRoundResult {
   error?: unknown;
 }
 
-export interface SyncEngineOptions {
-  db: SyncDb;
+export interface SyncEngineOptions<D extends SyncDb = SyncDb> {
+  /** The database; its type `D` is the one the `steps` get. */
+  db: D;
   /** The scopes this session's role holds, in round order (kastlan: handover, meetings, meters,
    *  maintenance, contacts). Read at the start of every round: roles are per company. */
   scopes: () => readonly string[];
@@ -85,7 +87,7 @@ export interface SyncEngineOptions {
   holdCodes?: readonly string[];
   /** Ask for a paged pull and follow its cursor (D12). */
   paged?: boolean;
-  steps?: readonly SyncStep[];
+  steps?: readonly SyncStep<D>[];
   /** No round while this holds (kastlan: a practice tour fakes the server's answers). */
   paused?: () => boolean;
   /** The poll (30 s) and the debounce after a write (800 ms). */
@@ -186,7 +188,7 @@ const toWire = ({ entity, id, op, data, updated_at }: OutboxChange): SyncWireCha
  * engine on the new database and stops the old one). Nothing runs until `start()`
  * (`useSyncWorker`), and `start()` does nothing on a computer marked shared.
  */
-export function createSyncEngine(options: SyncEngineOptions): SyncEngine {
+export function createSyncEngine<D extends SyncDb = SyncDb>(options: SyncEngineOptions<D>): SyncEngine {
   const { db } = options;
   const isOffline = options.isOffline ?? isOfflineError;
   const planCode = options.planCode ?? defaultPlanCode;
@@ -674,7 +676,7 @@ export function createSyncEngine(options: SyncEngineOptions): SyncEngine {
  * changing values (scopes, the client) through functions. A database object opened afresh
  * under the same name replaces the kept engine (the old one is stopped).
  */
-export function syncEngineFor(options: SyncEngineOptions): SyncEngine {
+export function syncEngineFor<D extends SyncDb = SyncDb>(options: SyncEngineOptions<D>): SyncEngine {
   const name = options.db.name;
   const found = kept.get(name);
   if (found && found.db === options.db) return found.engine;

package/src/sync/hooks.ts

@@ -33,6 +33,11 @@ const idle = () => IDLE;
  * and in flight (and the steps' pending), `waitingForPlan` = `waiting`, `blocked` = `blocked`
  * + `rejected`, `lastSyncedAt` from `meta`. `onSync` is "Sync now". Without an engine, an
  * idle status that follows the browser's connection.
+ *
+ * With a `null` engine (signed out, or a computer marked shared) `status.online` follows
+ * `navigator.onLine` and its `online`/`offline` events, so an app may lean on
+ * `status.online` for its own offline lock (kastlan's offline write lock) whether or not an
+ * engine runs.
  */
 export function useSyncStatus(engine: SyncEngine | null): { status: SyncStatus; onSync: () => Promise<void> } {
   const state = useSyncExternalStore(

package/src/sync.ts

@@ -4,7 +4,7 @@
 // The only entry point that imports `dexie` — an optional peer for that reason. It never loads
 // `/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, SYNC_DB_STORES } from "./sync/db";
+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 {
@@ -26,4 +26,4 @@ export type {
   SyncResponseBody,
   SyncWireChange,
 } from "./sync/wire";
-export { isOfflineError, readLocalFirst, stampAfter, writeLocalFirst } from "./offline/local-first";
+export { isOfflineError, readLocalFirst, stampAfter, uuid5, writeLocalFirst } from "./offline/local-first";

package/src/theme/theme-store.ts

@@ -47,20 +47,28 @@ function preferenceFromState(
   return "system";
 }
 
-/** Toggle the `.dark` class on <html> for a resolved light/dark mode. */
+/**
+ * Toggle the `.dark` class on <html> for a resolved light/dark mode, and say the same
+ * to the BROWSER through `color-scheme` (0.47, keksdose dev #600): the class switches
+ * the kit's tokens, but everything the browser paints itself — a native `<select>`'s
+ * open list, a date input's popup, scrollbars, autofill — follows `color-scheme` only,
+ * and stayed light on the dark theme. Inline on <html>, so it holds whatever an app's
+ * stylesheet says, and it is set by the pre-paint {@link applyPersistedTheme} too.
+ */
 function applyThemeClass(mode: ThemeMode): void {
   const root = document.documentElement;
   if (mode === "dark") root.classList.add("dark");
   else root.classList.remove("dark");
+  root.style.colorScheme = mode;
 }
 
 /**
  * Pre-hydration: read the theme PREFERENCE persisted under `storageKey` straight
  * from localStorage, resolve it to a concrete light/dark mode, and toggle the
- * `.dark` class on <html> — BEFORE React and the store mount, so the first paint
- * already has the right theme (no flash). Returns the resolved mode so the caller
- * can chain {@link applyPersistedPalette}. Encapsulates the zustand-persist
- * envelope + the legacy `mode`→`preference` fallback so apps never re-type the
+ * `.dark` class (and `color-scheme`) on <html> — BEFORE React and the store mount,
+ * so the first paint already has the right theme (no flash). Returns the resolved
+ * mode so the caller can chain {@link applyPersistedPalette}. Encapsulates the
+ * zustand-persist envelope + the legacy `mode`→`preference` fallback so apps never re-type the
  * storage shape in their entrypoint.
  */
 export function applyPersistedTheme(storageKey: string): ThemeMode {

package/dist/notifications/time-zone-select.d.ts

@@ -1,53 +0,0 @@
-import type { ReactNode } from "react";
-import type { LabelOverride } from "../i18n/kit-labels.js";
-import type { ComboOption } from "../components/combobox-core.js";
-import type { CommitScope } from "../components/write-lock.js";
-import type { NotificationRegionLabels, NotificationsLabels } from "./notifications-labels.js";
-/**
- * This device's IANA zone ("Europe/Zurich"), or `"UTC"` where the runtime names none —
- * the zone `useDeviceZoneReport` reports, which becomes the account's (§10.3, automatic
- * only).
- */
-export declare function deviceTimeZone(): string;
-/**
- * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`
- * lists, as its city ("Argentina / Buenos Aires") under its region, the region named by
- * `regionLabel` — which answers `undefined` for a region it does not know, and the region
- * keeps its IANA name. A zone with no region ("UTC") comes first, ahead of every heading,
- * rather than trailing the last group as if it were Pacific. `current` is kept even when
- * the runtime does not list it (an old alias such as "Europe/Kiev"): a picker without its
- * own value would show an empty field.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export declare function timeZoneOptions(current: string, regionLabel: (region: string) => string | undefined): ComboOption<string>[];
-/** The region's name in `regions`, or `undefined` for one the labels do not know.
- *  @internal Not part of the barrel. */
-export declare function regionName(regions: NotificationRegionLabels, region: string): string | undefined;
-/** A zone as the picker shows it, for a sentence: "Europe / Zurich", the region in the
- *  kit's words. @internal Not part of the barrel. */
-export declare function zoneName(zone: string, regions: NotificationRegionLabels): string;
-/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */
-export interface TimeZoneSelectProps {
-    /** The IANA zone. Not clearable: a zone can be changed, never emptied. */
-    value: string;
-    /** The zone picked. Never called for the value it already has. */
-    onChange: (zone: string) => void;
-    /** Default `labels.timeZone`. */
-    label?: ReactNode;
-    disabled?: boolean;
-    /** The input's id. */
-    id?: string;
-    className?: string;
-    /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */
-    commit?: CommitScope;
-    labels?: LabelOverride<NotificationsLabels>;
-}
-/**
- * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's
- * quiet-hours picker): type "Zur" for Europe/Zurich, and on a phone the kit's sheet with
- * a search box instead of a 400-row wheel. Rows are the city under its region, the region
- * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the
- * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export declare function TimeZoneSelect({ value, onChange, label, disabled, id, className, commit, labels: labelsProp, }: TimeZoneSelectProps): import("react").JSX.Element;

package/dist/notifications/time-zone-select.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { InlineEntityCombobox } from "../components/inline-entity-combobox.js";
-import { useNotificationsLabels } from "./notification-parts.js";
-function deviceTimeZone() {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
-  } catch {
-    return "UTC";
-  }
-}
-function runtimeZones() {
-  const intl = Intl;
-  return typeof intl.supportedValuesOf === "function" ? intl.supportedValuesOf("timeZone") : [];
-}
-function cityOf(rest) {
-  return rest.replace(/_/g, " ").replace(/\//g, " / ");
-}
-function timeZoneOptions(current, regionLabel) {
-  const zones = runtimeZones();
-  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();
-  const rows = all.map((zone) => {
-    const slash = zone.indexOf("/");
-    if (slash < 0) return { value: zone, label: zone };
-    const region = zone.slice(0, slash);
-    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };
-  });
-  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];
-}
-function regionName(regions, region) {
-  return Object.prototype.hasOwnProperty.call(regions, region) ? regions[region] : void 0;
-}
-function zoneName(zone, regions) {
-  const slash = zone.indexOf("/");
-  if (slash < 0) return zone;
-  const region = zone.slice(0, slash);
-  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;
-}
-function TimeZoneSelect({
-  value,
-  onChange,
-  label,
-  disabled,
-  id,
-  className,
-  commit,
-  labels: labelsProp
-}) {
-  const labels = useNotificationsLabels(labelsProp);
-  const { regions } = labels;
-  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);
-  return /* @__PURE__ */ jsx(
-    InlineEntityCombobox,
-    {
-      id,
-      label: label ?? labels.timeZone,
-      value,
-      options,
-      disabled,
-      commit,
-      onChange: (zone) => {
-        if (zone && zone !== value) onChange(zone);
-      },
-      className
-    }
-  );
-}
-export {
-  TimeZoneSelect,
-  deviceTimeZone,
-  regionName,
-  timeZoneOptions,
-  zoneName
-};
-//# sourceMappingURL=time-zone-select.js.map

package/dist/notifications/time-zone-select.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/notifications/time-zone-select.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport type { ComboOption } from \"../components/combobox-core\";\nimport { InlineEntityCombobox } from \"../components/inline-entity-combobox\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationRegionLabels, NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * This device's IANA zone (\"Europe/Zurich\"), or `\"UTC\"` where the runtime names none —\n * the zone `useDeviceZoneReport` reports, which becomes the account's (§10.3, automatic\n * only).\n */\nexport function deviceTimeZone(): string {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone || \"UTC\";\n  } catch {\n    return \"UTC\";\n  }\n}\n\n/** Every zone the runtime lists; `[]` where `Intl.supportedValuesOf` is missing. */\nfunction runtimeZones(): string[] {\n  const intl = Intl as typeof Intl & { supportedValuesOf?: (key: \"timeZone\") => string[] };\n  return typeof intl.supportedValuesOf === \"function\" ? intl.supportedValuesOf(\"timeZone\") : [];\n}\n\n/** \"Argentina/Buenos_Aires\" → \"Argentina / Buenos Aires\": the zone's city, as a row. */\nfunction cityOf(rest: string): string {\n  return rest.replace(/_/g, \" \").replace(/\\//g, \" / \");\n}\n\n/**\n * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`\n * lists, as its city (\"Argentina / Buenos Aires\") under its region, the region named by\n * `regionLabel` — which answers `undefined` for a region it does not know, and the region\n * keeps its IANA name. A zone with no region (\"UTC\") comes first, ahead of every heading,\n * rather than trailing the last group as if it were Pacific. `current` is kept even when\n * the runtime does not list it (an old alias such as \"Europe/Kiev\"): a picker without its\n * own value would show an empty field.\n * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.\n */\nexport function timeZoneOptions(\n  current: string,\n  regionLabel: (region: string) => string | undefined,\n): ComboOption<string>[] {\n  const zones = runtimeZones();\n  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();\n  const rows = all.map((zone): ComboOption<string> => {\n    const slash = zone.indexOf(\"/\");\n    if (slash < 0) return { value: zone, label: zone };\n    const region = zone.slice(0, slash);\n    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };\n  });\n  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];\n}\n\n/** The region's name in `regions`, or `undefined` for one the labels do not know.\n *  @internal Not part of the barrel. */\nexport function regionName(regions: NotificationRegionLabels, region: string): string | undefined {\n  return Object.prototype.hasOwnProperty.call(regions, region)\n    ? regions[region as keyof NotificationRegionLabels]\n    : undefined;\n}\n\n/** A zone as the picker shows it, for a sentence: \"Europe / Zurich\", the region in the\n *  kit's words. @internal Not part of the barrel. */\nexport function zoneName(zone: string, regions: NotificationRegionLabels): string {\n  const slash = zone.indexOf(\"/\");\n  if (slash < 0) return zone;\n  const region = zone.slice(0, slash);\n  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;\n}\n\n/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */\nexport interface TimeZoneSelectProps {\n  /** The IANA zone. Not clearable: a zone can be changed, never emptied. */\n  value: string;\n  /** The zone picked. Never called for the value it already has. */\n  onChange: (zone: string) => void;\n  /** Default `labels.timeZone`. */\n  label?: ReactNode;\n  disabled?: boolean;\n  /** The input's id. */\n  id?: string;\n  className?: string;\n  /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */\n  commit?: CommitScope;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/**\n * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's\n * quiet-hours picker): type \"Zur\" for Europe/Zurich, and on a phone the kit's sheet with\n * a search box instead of a 400-row wheel. Rows are the city under its region, the region\n * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the\n * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.\n * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.\n */\nexport function TimeZoneSelect({\n  value,\n  onChange,\n  label,\n  disabled,\n  id,\n  className,\n  commit,\n  labels: labelsProp,\n}: TimeZoneSelectProps) {\n  const labels = useNotificationsLabels(labelsProp);\n  const { regions } = labels;\n  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);\n  return (\n    <InlineEntityCombobox<string>\n      id={id}\n      label={label ?? labels.timeZone}\n      value={value}\n      options={options}\n      disabled={disabled}\n      commit={commit}\n      onChange={(zone) => {\n        if (zone && zone !== value) onChange(zone);\n      }}\n      className={className}\n    />\n  );\n}\n"],"mappings":";AAmHI;AAnHJ,SAAS,eAAe;AAKxB,SAAS,4BAA4B;AAErC,SAAS,8BAA8B;AAQhC,SAAS,iBAAyB;AACvC,MAAI;AACF,WAAO,KAAK,eAAe,EAAE,gBAAgB,EAAE,YAAY;AAAA,EAC7D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGA,SAAS,eAAyB;AAChC,QAAM,OAAO;AACb,SAAO,OAAO,KAAK,sBAAsB,aAAa,KAAK,kBAAkB,UAAU,IAAI,CAAC;AAC9F;AAGA,SAAS,OAAO,MAAsB;AACpC,SAAO,KAAK,QAAQ,MAAM,GAAG,EAAE,QAAQ,OAAO,KAAK;AACrD;AAYO,SAAS,gBACd,SACA,aACuB;AACvB,QAAM,QAAQ,aAAa;AAC3B,QAAM,MAAM,CAAC,WAAW,MAAM,SAAS,OAAO,IAAI,QAAQ,CAAC,GAAG,OAAO,OAAO,EAAE,KAAK;AACnF,QAAM,OAAO,IAAI,IAAI,CAAC,SAA8B;AAClD,UAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,QAAI,QAAQ,EAAG,QAAO,EAAE,OAAO,MAAM,OAAO,KAAK;AACjD,UAAM,SAAS,KAAK,MAAM,GAAG,KAAK;AAClC,WAAO,EAAE,OAAO,MAAM,OAAO,OAAO,KAAK,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,YAAY,MAAM,KAAK,OAAO;AAAA,EACnG,CAAC;AACD,SAAO,CAAC,GAAG,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,GAAG,GAAG,KAAK,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC;AACjF;AAIO,SAAS,WAAW,SAAmC,QAAoC;AAChG,SAAO,OAAO,UAAU,eAAe,KAAK,SAAS,MAAM,IACvD,QAAQ,MAAwC,IAChD;AACN;AAIO,SAAS,SAAS,MAAc,SAA2C;AAChF,QAAM,QAAQ,KAAK,QAAQ,GAAG;AAC9B,MAAI,QAAQ,EAAG,QAAO;AACtB,QAAM,SAAS,KAAK,MAAM,GAAG,KAAK;AAClC,SAAO,GAAG,WAAW,SAAS,MAAM,KAAK,MAAM,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC,CAAC,CAAC;AACpF;AA2BO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAAwB;AACtB,QAAM,SAAS,uBAAuB,UAAU;AAChD,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,UAAU,QAAQ,MAAM,gBAAgB,OAAO,CAAC,WAAW,WAAW,SAAS,MAAM,CAAC,GAAG,CAAC,OAAO,OAAO,CAAC;AAC/G,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,SAAS,OAAO;AAAA,MACvB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,SAAS;AAClB,YAAI,QAAQ,SAAS,MAAO,UAAS,IAAI;AAAA,MAC3C;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/src/notifications/time-zone-select.tsx

@@ -1,129 +0,0 @@
-import { useMemo } from "react";
-import type { ReactNode } from "react";
-
-import type { LabelOverride } from "../i18n/kit-labels";
-import type { ComboOption } from "../components/combobox-core";
-import { InlineEntityCombobox } from "../components/inline-entity-combobox";
-import type { CommitScope } from "../components/write-lock";
-import { useNotificationsLabels } from "./notification-parts";
-import type { NotificationRegionLabels, NotificationsLabels } from "./notifications-labels";
-
-/**
- * This device's IANA zone ("Europe/Zurich"), or `"UTC"` where the runtime names none —
- * the zone `useDeviceZoneReport` reports, which becomes the account's (§10.3, automatic
- * only).
- */
-export function deviceTimeZone(): string {
-  try {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
-  } catch {
-    return "UTC";
-  }
-}
-
-/** Every zone the runtime lists; `[]` where `Intl.supportedValuesOf` is missing. */
-function runtimeZones(): string[] {
-  const intl = Intl as typeof Intl & { supportedValuesOf?: (key: "timeZone") => string[] };
-  return typeof intl.supportedValuesOf === "function" ? intl.supportedValuesOf("timeZone") : [];
-}
-
-/** "Argentina/Buenos_Aires" → "Argentina / Buenos Aires": the zone's city, as a row. */
-function cityOf(rest: string): string {
-  return rest.replace(/_/g, " ").replace(/\//g, " / ");
-}
-
-/**
- * The zone picker's rows (keksdose `notifications-card.tsx:131-146`): every zone `Intl`
- * lists, as its city ("Argentina / Buenos Aires") under its region, the region named by
- * `regionLabel` — which answers `undefined` for a region it does not know, and the region
- * keeps its IANA name. A zone with no region ("UTC") comes first, ahead of every heading,
- * rather than trailing the last group as if it were Pacific. `current` is kept even when
- * the runtime does not list it (an old alias such as "Europe/Kiev"): a picker without its
- * own value would show an empty field.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export function timeZoneOptions(
-  current: string,
-  regionLabel: (region: string) => string | undefined,
-): ComboOption<string>[] {
-  const zones = runtimeZones();
-  const all = !current || zones.includes(current) ? zones : [...zones, current].sort();
-  const rows = all.map((zone): ComboOption<string> => {
-    const slash = zone.indexOf("/");
-    if (slash < 0) return { value: zone, label: zone };
-    const region = zone.slice(0, slash);
-    return { value: zone, label: cityOf(zone.slice(slash + 1)), group: regionLabel(region) ?? region };
-  });
-  return [...rows.filter((row) => !row.group), ...rows.filter((row) => row.group)];
-}
-
-/** The region's name in `regions`, or `undefined` for one the labels do not know.
- *  @internal Not part of the barrel. */
-export function regionName(regions: NotificationRegionLabels, region: string): string | undefined {
-  return Object.prototype.hasOwnProperty.call(regions, region)
-    ? regions[region as keyof NotificationRegionLabels]
-    : undefined;
-}
-
-/** A zone as the picker shows it, for a sentence: "Europe / Zurich", the region in the
- *  kit's words. @internal Not part of the barrel. */
-export function zoneName(zone: string, regions: NotificationRegionLabels): string {
-  const slash = zone.indexOf("/");
-  if (slash < 0) return zone;
-  const region = zone.slice(0, slash);
-  return `${regionName(regions, region) ?? region} / ${cityOf(zone.slice(slash + 1))}`;
-}
-
-/** @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47. */
-export interface TimeZoneSelectProps {
-  /** The IANA zone. Not clearable: a zone can be changed, never emptied. */
-  value: string;
-  /** The zone picked. Never called for the value it already has. */
-  onChange: (zone: string) => void;
-  /** Default `labels.timeZone`. */
-  label?: ReactNode;
-  disabled?: boolean;
-  /** The input's id. */
-  id?: string;
-  className?: string;
-  /** The picker SAVES on change (quiet hours do): locked under a write lock in scope. */
-  commit?: CommitScope;
-  labels?: LabelOverride<NotificationsLabels>;
-}
-
-/**
- * An IANA time zone, searchable (docs/notifications-harmonization.md §4.2, keksdose's
- * quiet-hours picker): type "Zur" for Europe/Zurich, and on a phone the kit's sheet with
- * a search box instead of a 400-row wheel. Rows are the city under its region, the region
- * in the kit's words (`labels.regions`); a zone with no region first; a stored zone the
- * runtime does not list is kept. On the kit's {@link InlineEntityCombobox}.
- * @deprecated 0.46 — the zone is automatic (§10.3, amended 2026-10-20), no app picks one; removed in 0.47.
- */
-export function TimeZoneSelect({
-  value,
-  onChange,
-  label,
-  disabled,
-  id,
-  className,
-  commit,
-  labels: labelsProp,
-}: TimeZoneSelectProps) {
-  const labels = useNotificationsLabels(labelsProp);
-  const { regions } = labels;
-  const options = useMemo(() => timeZoneOptions(value, (region) => regionName(regions, region)), [value, regions]);
-  return (
-    <InlineEntityCombobox<string>
-      id={id}
-      label={label ?? labels.timeZone}
-      value={value}
-      options={options}
-      disabled={disabled}
-      commit={commit}
-      onChange={(zone) => {
-        if (zone && zone !== value) onChange(zone);
-      }}
-      className={className}
-    />
-  );
-}