@eifi1/ui-kit 0.51.4 → 0.51.5

package/src/feedback/feedback-vocabulary.ts

@@ -37,15 +37,7 @@ import type { LucideIcon } from "lucide-react";
  *  implementation", and nobody works an OPEN row. `REWORK` joined in 0.40 (§10.2
  *  decisions 2, 4): "sent back, released for work again" — a READY that came back. */
 export type FeedbackStatus =
-  | "OPEN"
-  | "READY"
-  | "REWORK"
-  | "IN_PROGRESS"
-  | "IN_EVALUATION"
-  | "NEEDS_LIVE_TEST"
-  | "POSTPONED"
-  | "DONE"
-  | "WONT_DO";
+  "OPEN" | "READY" | "REWORK" | "IN_PROGRESS" | "IN_EVALUATION" | "NEEDS_LIVE_TEST" | "POSTPONED" | "DONE" | "WONT_DO";
 
 /** What a report is about. `CRASH` is filed by an error boundary and never
  *  chosen, which is exactly why it is loud below and absent from every picker. */
@@ -61,79 +53,77 @@ export type FeedbackCategory = "CRASH" | "BUG" | "IDEA" | "QUESTION" | "OTHER";
  * a restated list cannot be checked for exhaustiveness: an eighth status would
  * break the build here and leave a literal eight long (as READY did in 0.31).
  */
-export const FEEDBACK_STATUS_META: Record<
-  FeedbackStatus,
-  { icon: LucideIcon; activeBg: string; activeText: string }
-> = {
-  OPEN: {
-    icon: Inbox,
-    activeBg: "bg-active",
-    activeText: "text-primary",
-  },
-  // Triaged and released for implementation (feedback contract §8.2, keksdose live
-  // #396): OPEN is "filed, nobody has looked yet", READY is "go". The brand tint at full
-  // strength, so it reads as the go-ahead beside OPEN's neutral fill and
-  // NEEDS_LIVE_TEST's muted brand.
-  READY: {
-    icon: ClipboardCheck,
-    activeBg: "bg-brand-soft",
-    activeText: "text-brand",
-  },
-  // Sent back by its author or an admin and released for work again (0.40, feedback
-  // contract §10.2 decision 4): the Rework button's `RotateCcw`, in the danger tint so the
-  // queue shows reworks apart from new reports. Not IN_PROGRESS's warning tint — that is
-  // where a REWORK row moves next — and WONT_DO, the only other red, sits at the far end
-  // with `Ban`.
-  REWORK: {
-    icon: RotateCcw,
-    activeBg: "bg-danger-soft",
-    activeText: "text-danger",
-  },
-  IN_PROGRESS: {
-    icon: Wrench,
-    activeBg: "bg-warning-soft",
-    activeText: "text-warning",
-  },
-  // Where solved work is parked, waiting on the person who reported it. Its own
-  // colour, because "somebody has to check this" is a state you want to find by
-  // scanning rather than by reading.
-  IN_EVALUATION: {
-    icon: Eye,
-    activeBg: "bg-info-soft",
-    activeText: "text-info",
-  },
-  // Resolved but only checkable on a deployed build — the SOFT brand tint, so it
-  // reads as "waiting on something" rather than as a done or a refusal, and it
-  // follows whatever the consumer's brand is instead of pinning an indigo island
-  // beside it.
-  NEEDS_LIVE_TEST: {
-    icon: CloudUpload,
-    activeBg: "bg-brand-soft",
-    activeText: "text-brand-muted",
-  },
-  // Parked on purpose. Muted, not `--danger`: it is not a refusal.
-  POSTPONED: {
-    icon: PauseCircle,
-    activeBg: "bg-active",
-    activeText: "text-secondary",
-  },
-  // The one status with nowhere to move to: the vocabulary has a brand, an info, a
-  // warning and a danger, and nothing that means "succeeded". Deliberately NOT
-  // borrowed from a family that means something else — `--status-synced` is a
-  // FIELD's trip to the database rather than an outcome, and tokens.css says so in
-  // as many words. Green beside WONT_DO's red is the classic CVD-unsafe pair, which
-  // is why both carry a glyph and neither leans on colour alone.
-  DONE: {
-    icon: CheckCircle2,
-    activeBg: "bg-success-soft",
-    activeText: "text-success",
-  },
-  WONT_DO: {
-    icon: Ban,
-    activeBg: "bg-danger-soft",
-    activeText: "text-danger",
-  },
-};
+export const FEEDBACK_STATUS_META: Record<FeedbackStatus, { icon: LucideIcon; activeBg: string; activeText: string }> =
+  {
+    OPEN: {
+      icon: Inbox,
+      activeBg: "bg-active",
+      activeText: "text-primary",
+    },
+    // Triaged and released for implementation (feedback contract §8.2, keksdose live
+    // #396): OPEN is "filed, nobody has looked yet", READY is "go". The brand tint at full
+    // strength, so it reads as the go-ahead beside OPEN's neutral fill and
+    // NEEDS_LIVE_TEST's muted brand.
+    READY: {
+      icon: ClipboardCheck,
+      activeBg: "bg-brand-soft",
+      activeText: "text-brand",
+    },
+    // Sent back by its author or an admin and released for work again (0.40, feedback
+    // contract §10.2 decision 4): the Rework button's `RotateCcw`, in the danger tint so the
+    // queue shows reworks apart from new reports. Not IN_PROGRESS's warning tint — that is
+    // where a REWORK row moves next — and WONT_DO, the only other red, sits at the far end
+    // with `Ban`.
+    REWORK: {
+      icon: RotateCcw,
+      activeBg: "bg-danger-soft",
+      activeText: "text-danger",
+    },
+    IN_PROGRESS: {
+      icon: Wrench,
+      activeBg: "bg-warning-soft",
+      activeText: "text-warning",
+    },
+    // Where solved work is parked, waiting on the person who reported it. Its own
+    // colour, because "somebody has to check this" is a state you want to find by
+    // scanning rather than by reading.
+    IN_EVALUATION: {
+      icon: Eye,
+      activeBg: "bg-info-soft",
+      activeText: "text-info",
+    },
+    // Resolved but only checkable on a deployed build — the SOFT brand tint, so it
+    // reads as "waiting on something" rather than as a done or a refusal, and it
+    // follows whatever the consumer's brand is instead of pinning an indigo island
+    // beside it.
+    NEEDS_LIVE_TEST: {
+      icon: CloudUpload,
+      activeBg: "bg-brand-soft",
+      activeText: "text-brand-muted",
+    },
+    // Parked on purpose. Muted, not `--danger`: it is not a refusal.
+    POSTPONED: {
+      icon: PauseCircle,
+      activeBg: "bg-active",
+      activeText: "text-secondary",
+    },
+    // The one status with nowhere to move to: the vocabulary has a brand, an info, a
+    // warning and a danger, and nothing that means "succeeded". Deliberately NOT
+    // borrowed from a family that means something else — `--status-synced` is a
+    // FIELD's trip to the database rather than an outcome, and tokens.css says so in
+    // as many words. Green beside WONT_DO's red is the classic CVD-unsafe pair, which
+    // is why both carry a glyph and neither leans on colour alone.
+    DONE: {
+      icon: CheckCircle2,
+      activeBg: "bg-success-soft",
+      activeText: "text-success",
+    },
+    WONT_DO: {
+      icon: Ban,
+      activeBg: "bg-danger-soft",
+      activeText: "text-danger",
+    },
+  };
 
 /** Chain order, then the three off it. The order a picker offers, and the rank a
  *  status column sorts by — so a list sorted by status reads as a queue rather

package/src/feedback/feedback-vote-button.tsx

@@ -74,8 +74,7 @@ export function FeedbackVoteButton({
   // pressed against: a refetch that brings new numbers is the truth.
   const [shown, setShown] = useState<{ base: FeedbackVoteState; state: FeedbackVoteState } | null>(null);
   const busy = useRef(false);
-  const current =
-    shown && shown.base.votes === votes && shown.base.voted === voted ? shown.state : { votes, voted };
+  const current = shown && shown.base.votes === votes && shown.base.voted === voted ? shown.state : { votes, voted };
   const pressed = own || current.voted;
 
   const press = () => {
@@ -85,12 +84,14 @@ export function FeedbackVoteButton({
     const next = !before.voted;
     busy.current = true;
     setShown({ base, state: { votes: Math.max(0, before.votes + (next ? 1 : -1)), voted: next } });
-    onVote(next).then(
-      (answer) => setShown({ base, state: { votes: answer.votes, voted: answer.voted } }),
-      () => setShown({ base, state: before }),
-    ).finally(() => {
-      busy.current = false;
-    });
+    onVote(next)
+      .then(
+        (answer) => setShown({ base, state: { votes: answer.votes, voted: answer.voted } }),
+        () => setShown({ base, state: before }),
+      )
+      .finally(() => {
+        busy.current = false;
+      });
   };
 
   const count = formatNumber(current.votes, { locale });

package/src/hooks/use-anchored-rect.ts

@@ -36,10 +36,7 @@ export function sameRect<R extends { top: number; left: number; width: number; h
  * Measured in a layout effect so the position is ready before paint (no flicker
  * on open).
  */
-export function useAnchoredRect<T extends HTMLElement>(
-  ref: RefObject<T | null>,
-  open: boolean,
-): AnchorRect | null {
+export function useAnchoredRect<T extends HTMLElement>(ref: RefObject<T | null>, open: boolean): AnchorRect | null {
   const [rect, setRect] = useState<AnchorRect | null>(null);
 
   useLayoutEffect(() => {

package/src/hooks/use-document-title.ts

@@ -19,7 +19,9 @@ export function useDocumentTitle(parts: ReadonlyArray<string | null | undefined
   const { format, appName } = useKitDocumentTitle();
   const [page, section, app] = parts.map((p) => (typeof p === "string" && p.trim() !== "" ? p : undefined));
   const any = parts.some((p) => typeof p === "string" && p.trim() !== "");
-  const title = any ? formatDocumentTitle(format ?? DEFAULT_DOCUMENT_TITLE_FORMAT, { page, section, app: app ?? appName }) : null;
+  const title = any
+    ? formatDocumentTitle(format ?? DEFAULT_DOCUMENT_TITLE_FORMAT, { page, section, app: app ?? appName })
+    : null;
   useEffect(() => {
     if (title === null || title === "") return;
     const before = document.title;

package/src/hooks/use-file-drop.ts

@@ -111,9 +111,7 @@ export function useDragTarget<E extends Element = Element>({
   return { dropProps, isOver: over && !disabled };
 }
 
-export function useFileDrop<E extends Element = Element>(
-  options: UseFileDropOptions,
-): UseFileDropReturn<E> {
+export function useFileDrop<E extends Element = Element>(options: UseFileDropOptions): UseFileDropReturn<E> {
   const picker = useFilePicker(options);
   const { dropProps, isOver } = useDragTarget<E>({
     disabled: options.disabled,

package/src/hooks/use-file-picker-labels.ts

@@ -13,8 +13,7 @@ export const DEFAULT_FILE_PICKER_LABELS: FilePickerLabels = {
     `“${name}” was not added: at most ${maxFiles} ${maxFiles === 1 ? "file" : "files"}`,
   rejectedInvalid: (name) => `“${name}” cannot be used here`,
   rejectedMany: (count) => `${count} files were not added`,
-  rejectedPick: (count) =>
-    count === 1 ? "The file was not added" : `None of the ${count} files were added`,
+  rejectedPick: (count) => (count === 1 ? "The file was not added" : `None of the ${count} files were added`),
   selected: (count, firstName) => (count === 1 ? `“${firstName}” selected` : `${count} files selected`),
   remove: (name) => `Remove “${name}”`,
   clearAll: "Remove all files",

package/src/hooks/use-file-picker.tsx

@@ -215,11 +215,7 @@ export type FilePickHandler = (accepted: File[], rejected: FileRejection[]) => b
 /** @internal The shared tail of both pickers: run `onPick`, and say whether the pick
  *  stands. A pick with nothing accepted has nothing to refuse, so `false` there is
  *  treated as no verdict and the usual per-file messages are kept. */
-export function judgePick(
-  onPick: FilePickHandler | undefined,
-  accepted: File[],
-  rejected: FileRejection[],
-): boolean {
+export function judgePick(onPick: FilePickHandler | undefined, accepted: File[], rejected: FileRejection[]): boolean {
   if (!onPick) return true;
   return onPick(accepted, rejected) !== false || accepted.length === 0;
 }

package/src/hooks/use-focus-trap.ts

@@ -56,8 +56,7 @@ const FOCUSABLE =
  * reaches, so no correct order changes. `visibility: hidden` and closed `<details>` are
  * still not walked — they need layout, which this list has never read.
  */
-const isTabStop = (el: HTMLElement): boolean =>
-  el.tabIndex >= 0 && !el.closest("[hidden],[inert]");
+const isTabStop = (el: HTMLElement): boolean => el.tabIndex >= 0 && !el.closest("[hidden],[inert]");
 
 /**
  * Marks a container whose trap is currently active.

package/src/hooks/use-overlay-history.ts

@@ -408,10 +408,7 @@ function taggedSentinel(): string | null {
  *  written there — we are a passenger in that object, not its owner. */
 function retag(id: string): void {
   const prev = window.history.state;
-  window.history.replaceState(
-    { ...(prev && typeof prev === "object" ? prev : {}), [SENTINEL_KEY]: id },
-    "",
-  );
+  window.history.replaceState({ ...(prev && typeof prev === "object" ? prev : {}), [SENTINEL_KEY]: id }, "");
 }
 
 function currentSentinel(): string | null {
@@ -571,7 +568,15 @@ export function useOverlayHistory(open: boolean, onClose: () => void): void {
       // The abandoned ones beneath come back owed; ours takes the top slot.
       for (const owed of inherited.slice(0, -1)) pushed.push({ ...owed, dead: true });
       const was = inherited[inherited.length - 1];
-      pushed.push({ id, href: currentHref(), seen: currentHref(), dead: false, idx: was.idx, key: was.key, route: was.route });
+      pushed.push({
+        id,
+        href: currentHref(),
+        seen: currentHref(),
+        dead: false,
+        idx: was.idx,
+        key: was.key,
+        route: was.route,
+      });
       standing = id;
     } else {
       // A push DESTROYS every entry ahead of the one we are on, so anything we

package/src/hooks/use-row-swipe.ts

@@ -83,12 +83,7 @@ function lastArmed(stages: SwipeStage[] | undefined, magnitude: number): number
   return idx;
 }
 
-export function useRowSwipe({
-  enabled,
-  leftStages,
-  rightStages,
-  maxDrag = 252,
-}: RowSwipeOptions): RowSwipeReturn {
+export function useRowSwipe({ enabled, leftStages, rightStages, maxDrag = 252 }: RowSwipeOptions): RowSwipeReturn {
   const [dx, setDx] = useState(0);
   const [dragging, setDragging] = useState(false);
   const startX = useRef(0);

package/src/i18n/defaults.ts

@@ -33,10 +33,7 @@ import { DEFAULT_CONFIRM_DIALOG_LABELS } from "../components/confirm-dialog-labe
 import { DEFAULT_FLOATING_PANEL_LABELS } from "../components/floating-panel-labels";
 import { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from "../feedback/feedback-attachment-labels";
 import { DEFAULT_FEEDBACK_DIALOG_LABELS } from "../feedback/feedback-dialog-labels";
-import {
-  DEFAULT_FEEDBACK_COMPOSER_LABELS,
-  DEFAULT_FEEDBACK_THREAD_LABELS,
-} from "../feedback/feedback-thread-labels";
+import { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS } from "../feedback/feedback-thread-labels";
 import {
   DEFAULT_FEEDBACK_CATEGORY_LABELS,
   DEFAULT_FEEDBACK_STATUS_LABELS,

package/src/i18n/german.ts

@@ -20,16 +20,14 @@ export function germanLabels(numberLocale: string): UiKitLabels {
   // 0.30.0 — a throttled request (HTTP 429), as `englishRateLimited` in
   // src/auth/auth-errors.ts: no wait → "einen Moment", under a minute → seconds, else
   // minutes rounded up. kastlan's reviewed "auth.throttled" is the sentence without one.
-  const wait = (seconds: number) =>
-    seconds < 60 ? `${n(Math.ceil(seconds))} s` : `${n(Math.ceil(seconds / 60))} min`;
+  const wait = (seconds: number) => (seconds < 60 ? `${n(Math.ceil(seconds))} s` : `${n(Math.ceil(seconds / 60))} min`);
   const rateLimited = (seconds?: number) =>
     !seconds || seconds <= 0
       ? "Zu viele Versuche. Bitte warten Sie einen Moment und versuchen Sie es dann noch einmal."
       : `Zu viele Versuche. Versuchen Sie es in ${wait(seconds)} erneut.`;
   // 0.32.0 — when a trial or a grant ends, as `inDays` in src/billing/billing-labels.ts:
   // 0 (or less) is today, 1 tomorrow.
-  const inDays = (days: number) =>
-    days <= 0 ? "heute" : days === 1 ? "morgen" : `in ${n(days)} Tagen`;
+  const inDays = (days: number) => (days <= 0 ? "heute" : days === 1 ? "morgen" : `in ${n(days)} Tagen`);
 
   return {
     feedbackAttachment: {
@@ -281,7 +279,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       passkeys: {
         title: "Passkeys",
         description: "Mit Fingerabdruck, Gesichtserkennung oder Geräte-PIN statt Passwort anmelden.",
-        descriptionAlongside: "Mit Fingerabdruck, Gesichtserkennung oder Geräte-PIN anmelden. Das Passwort funktioniert weiterhin.",
+        descriptionAlongside:
+          "Mit Fingerabdruck, Gesichtserkennung oder Geräte-PIN anmelden. Das Passwort funktioniert weiterhin.",
         empty: "Noch keine Passkeys",
         loading: "Passkeys werden geladen…",
         list: "Registrierte Passkeys",
@@ -318,8 +317,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         "Pfeiltasten wechseln zwischen Zellen. Tippen ersetzt eine Zelle, F2 bearbeitet sie, Escape macht die Bearbeitung rückgängig. Enter geht nach unten und fügt am Ende eine Zeile hinzu.",
       lineError: (line) => `Zeile ${line} konnte nicht gelesen werden`,
       points: (count) => (count === 1 ? "1 Punkt" : `${n(count)} Punkte`),
-      problems: (count) =>
-        count === 1 ? "1 Zelle ist keine Zahl" : `${n(count)} Zellen sind keine Zahlen`,
+      problems: (count) => (count === 1 ? "1 Zelle ist keine Zahl" : `${n(count)} Zellen sind keine Zahlen`),
     },
     pageContents: { title: "Auf dieser Seite" },
     common: {
@@ -388,8 +386,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         last_year: "Letztes Jahr",
       },
       table: "Datentabelle",
-      filterResults: (shown, total) =>
-        `${n(shown)} von ${n(total)} ${total === 1 ? "Zeile" : "Zeilen"}`,
+      filterResults: (shown, total) => `${n(shown)} von ${n(total)} ${total === 1 ? "Zeile" : "Zeilen"}`,
       sortedAscending: (column) => `Sortiert nach ${column}, aufsteigend`,
       sortedDescending: (column) => `Sortiert nach ${column}, absteigend`,
       sortCleared: (column) => `Sortierung nach ${column} aufgehoben`,
@@ -420,8 +417,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       chooseStart: "Startdatum wählen",
       chooseEnd: "Enddatum wählen",
       startSelected: (date) => `${date} als Startdatum gewählt. Wählen Sie jetzt ein Enddatum.`,
-      rangeSelected: (from, to) =>
-        `Zeitraum ${from} bis ${to} gewählt. Wählen Sie ein Startdatum, um neu zu beginnen.`,
+      rangeSelected: (from, to) => `Zeitraum ${from} bis ${to} gewählt. Wählen Sie ein Startdatum, um neu zu beginnen.`,
     },
     calendarHeatmap: {
       grid: "Tageswerte",
@@ -587,9 +583,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       hint: (accept) => (accept ? `Erlaubt: ${accept}` : "Beliebiger Dateityp"),
       busy: "Wird hochgeladen…",
       rejectedPick: (count) =>
-        count === 1
-          ? "Die Datei wurde nicht hinzugefügt"
-          : `Keine der ${n(count)} Dateien wurde hinzugefügt`,
+        count === 1 ? "Die Datei wurde nicht hinzugefügt" : `Keine der ${n(count)} Dateien wurde hinzugefügt`,
       rejectedType: (name) => `„${name}“ hat einen nicht unterstützten Dateityp`,
       rejectedTypeOnly: (accept) => `Nur ${accept}-Dateien`,
       rejectedSize: (name, maxSize) => `„${name}“ ist größer als ${maxSize}`,
@@ -597,11 +591,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         `„${name}“ wurde nicht hinzugefügt: höchstens ${n(maxFiles)} ${maxFiles === 1 ? "Datei" : "Dateien"}`,
       rejectedInvalid: (name) => `„${name}“ kann hier nicht verwendet werden`,
       rejectedMany: (count) =>
-        count === 1
-          ? "1 Datei wurde nicht hinzugefügt"
-          : `${n(count)} Dateien wurden nicht hinzugefügt`,
-      selected: (count, firstName) =>
-        count === 1 ? `„${firstName}“ ausgewählt` : `${n(count)} Dateien ausgewählt`,
+        count === 1 ? "1 Datei wurde nicht hinzugefügt" : `${n(count)} Dateien wurden nicht hinzugefügt`,
+      selected: (count, firstName) => (count === 1 ? `„${firstName}“ ausgewählt` : `${n(count)} Dateien ausgewählt`),
       remove: (name) => `„${name}“ entfernen`,
       clearAll: "Alle Dateien entfernen",
       removed: (name) => `„${name}“ entfernt`,
@@ -745,8 +736,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       optional: (rule) => `${rule} (optional)`,
       met: "Erfüllt:",
       notMet: "Nicht erfüllt:",
-      tooLong: (maxBytes) =>
-        `Höchstens ${n(maxBytes)} Zeichen (Buchstaben mit Akzent und Emojis zählen mehrfach).`,
+      tooLong: (maxBytes) => `Höchstens ${n(maxBytes)} Zeichen (Buchstaben mit Akzent und Emojis zählen mehrfach).`,
     },
     seriesChart: {
       resetZoom: "Zoom zurücksetzen",
@@ -827,9 +817,11 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       details: "Fehlerdetails",
       reload: "Neu laden",
       updateTitle: "Eine neue Version ist verfügbar",
-      updateMessage: "Ein Teil der App hat sich seit dem Laden dieser Seite geändert. Zum Aktualisieren die Seite neu laden.",
+      updateMessage:
+        "Ein Teil der App hat sich seit dem Laden dieser Seite geändert. Zum Aktualisieren die Seite neu laden.",
       offlineTitle: "Keine Internetverbindung",
-      offlineMessage: "Diese Seite konnte ohne Verbindung nicht geladen werden. Nach dem Wiederherstellen der Verbindung die Seite neu laden.",
+      offlineMessage:
+        "Diese Seite konnte ohne Verbindung nicht geladen werden. Nach dem Wiederherstellen der Verbindung die Seite neu laden.",
       copyReport: "Fehlerbericht kopieren",
       reported: "Der Fehler wurde automatisch gemeldet.",
       reportedAs: (reference) => `Gemeldet unter ${reference}`,
@@ -1030,8 +1022,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       failed: "Anmeldung fehlgeschlagen. Bitte versuchen Sie es erneut.",
       passkeyFailed: "Passkey-Anmeldung fehlgeschlagen.",
       deactivatedHint: "Konto deaktiviert? Schreiben Sie an {contact}.",
-      tagHint: (taggedAddress) =>
-        `Mit ${taggedAddress} registriert? Verwenden Sie diese Adresse.`,
+      tagHint: (taggedAddress) => `Mit ${taggedAddress} registriert? Verwenden Sie diese Adresse.`,
       twoFactorTitle: "Zwei-Faktor-Authentifizierung",
       twoFactorIntro: "Geben Sie den Code aus Ihrer Authenticator-App ein.",
       code: "2FA-Code",
@@ -1264,10 +1255,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         "Der Service Worker der App ist nicht erreichbar. Laden Sie die Seite neu und versuchen Sie es erneut.",
       pushTimeout:
         "Der Push-Dienst des Browsers antwortet nicht. Prüfen Sie Ihre Verbindung und versuchen Sie es erneut.",
-      testSent: (count) =>
-        count === 1 ? `Test an ${n(count)} Gerät gesendet` : `Test an ${n(count)} Geräte gesendet`,
-      testNone:
-        "Kein Gerät hat den Test angenommen. Schalten Sie zuerst die Benachrichtigungen für dieses Gerät ein.",
+      testSent: (count) => (count === 1 ? `Test an ${n(count)} Gerät gesendet` : `Test an ${n(count)} Geräte gesendet`),
+      testNone: "Kein Gerät hat den Test angenommen. Schalten Sie zuerst die Benachrichtigungen für dieses Gerät ein.",
       testFailed: "Die Test-Benachrichtigung konnte nicht gesendet werden.",
       explainerTitle: "Benachrichtigungen einschalten?",
       explainerBody: (app) =>
@@ -1417,8 +1406,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       lastAdmin:
         "Dies ist das letzte aktive Konto mit Administratorrechten. Geben Sie zuerst einem anderen Konto Administratorrechte.",
       self: "Mit Ihrem eigenen Konto ist das nicht möglich.",
-      confirmationMismatch:
-        "Die Adresse passt nicht zu diesem Konto. Prüfen Sie, bei welchem Konto Sie sind.",
+      confirmationMismatch: "Die Adresse passt nicht zu diesem Konto. Prüfen Sie, bei welchem Konto Sie sind.",
       otherCompanies:
         "Dieses Konto gehört auch zu anderen Unternehmen, deshalb kann nur der Plattformbetreiber das tun. Sie können es stattdessen aus diesem Unternehmen entfernen.",
       removeFromCompany: "Aus dem Unternehmen entfernen",
@@ -1542,8 +1530,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       consoleHint:
         "Dieser Server verschickt keine Mails – sie werden ins Server-Log geschrieben. Kopieren Sie jeden Einladungslink hier und geben Sie ihn selbst weiter: Er wird nur einmal angezeigt.",
       linkReady: (email) => `Der Einladungslink für ${email}, nur dieses eine Mal angezeigt:`,
-      notSent: (email) =>
-        `${email} ist eingeladen, aber die Mail konnte nicht gesendet werden. Senden Sie sie erneut.`,
+      notSent: (email) => `${email} ist eingeladen, aber die Mail konnte nicht gesendet werden. Senden Sie sie erneut.`,
       failed: "Das hat nicht geklappt. Bitte erneut versuchen.",
     },
     characterCount: {
@@ -1565,8 +1552,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     ibanInput: {
       format: "Eine IBAN beginnt mit einem Ländercode aus zwei Buchstaben und zwei Prüfziffern.",
       country: (code) => `„${code}“ ist kein Ländercode einer IBAN.`,
-      length: (actual, expected) =>
-        `Eine IBAN aus diesem Land hat ${n(expected)} Zeichen – diese hat ${n(actual)}.`,
+      length: (actual, expected) => `Eine IBAN aus diesem Land hat ${n(expected)} Zeichen – diese hat ${n(actual)}.`,
       checksum: "Die Prüfziffern stimmen nicht – vermutlich ist ein Zeichen falsch eingegeben.",
       qrRequired: "Dies ist eine reguläre IBAN. Eine QR-Rechnung braucht die QR-IBAN des Kontos.",
       qrNotAllowed:
@@ -1600,9 +1586,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       decimalComma: "Dezimalkomma (1,5)",
       decimalPoint: "Dezimalpunkt (1.5)",
       unreadCount: (count) =>
-        count === 1
-          ? "1 Zeile konnte nicht gelesen werden"
-          : `${n(count)} Zeilen konnten nicht gelesen werden`,
+        count === 1 ? "1 Zeile konnte nicht gelesen werden" : `${n(count)} Zeilen konnten nicht gelesen werden`,
       // A line number is a position, not a count: unformatted, as `measuredGrid.lineError`.
       unreadLine: (line) => `Zeile ${line} konnte nicht gelesen werden`,
       unreadMore: (count) => `…und ${n(count)} weitere`,
@@ -1614,9 +1598,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       requiredRole: (role) => `${role} (erforderlich)`,
       requiredRoleShort: (role) => `${role} *`,
       previewOf: (shown, total) =>
-        shown === 1
-          ? `Die erste von ${n(total)} Zeilen`
-          : `Die ersten ${n(shown)} von ${n(total)} Zeilen`,
+        shown === 1 ? `Die erste von ${n(total)} Zeilen` : `Die ersten ${n(shown)} von ${n(total)} Zeilen`,
       // `roles` arrives joined with "oder" ("Soll oder Haben").
       oneOf: (roles) => `entweder ${roles}`,
       missing: (roles) => `Noch erforderlich: ${roles}.`,
@@ -1672,7 +1654,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       exportCorrections: (count) => `Korrekturen exportieren (${n(count)})`,
       failed: "Das hat nicht geklappt. Bitte erneut versuchen.",
       approvedToast: (count) => (count === 1 ? "Text bestätigt" : `${n(count)} Texte bestätigt`),
-      clearedToast: (count) => (count === 1 ? "Text als ungeprüft markiert" : `${n(count)} Texte als ungeprüft markiert`),
+      clearedToast: (count) =>
+        count === 1 ? "Text als ungeprüft markiert" : `${n(count)} Texte als ungeprüft markiert`,
       groupCount: (unreviewed, total) => `${n(unreviewed)} ungeprüft / ${n(total)}`,
       approveGroup: (count) => `Ungeprüfte bestätigen (${n(count)})`,
       // The group's name quoted, as `columnMapper.roleOf`'s column: it is often a key
@@ -1874,9 +1857,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         "Ihr kostenloser Zugang hat kein Enddatum. Solange er läuft, ändert ein Kauf Ihren Tarif nicht: Sie würden für einen Tarif bezahlen, der nicht gilt.",
       grantWarningAction: "Trotzdem kaufen",
       waitingChanges: (count) =>
-        count === 1
-          ? `${n(count)} Änderung wartet auf einen Tarif`
-          : `${n(count)} Änderungen warten auf einen Tarif`,
+        count === 1 ? `${n(count)} Änderung wartet auf einen Tarif` : `${n(count)} Änderungen warten auf einen Tarif`,
       // "Verwerfen", as `wizard.cancelConfirmLabel`.
       discardWaiting: "Wartende Änderungen verwerfen",
       notConfigured: "Zahlungen sind noch nicht eingerichtet. Bitte versuchen Sie es später noch einmal.",
@@ -1888,8 +1869,7 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       planNotSold:
         "Dieser Tarif ist für diesen Abrechnungszeitraum oder diese Währung nicht erhältlich. Bitte wählen Sie einen anderen.",
       // 0.39 (§15.2.10): the plan switch's refusals.
-      notSubscribed:
-        "Es läuft kein Abonnement, das sich ändern ließe. Wählen Sie einen Tarif, um eines abzuschließen.",
+      notSubscribed: "Es läuft kein Abonnement, das sich ändern ließe. Wählen Sie einen Tarif, um eines abzuschließen.",
       planUnchanged: "Das ist bereits Ihr Tarif. Wählen Sie einen anderen Tarif oder Abrechnungszeitraum.",
     },
     // 0.33.0 — docs/billing-harmonization.md §14.12: the operator's plan parts, "Tarif" as
@@ -1965,7 +1945,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     // Administratoren", which would give the reader a gender (as `transferOwnership`).
     mailTestCard: {
       title: "Testmail",
-      description: "Sendet eine Mail an Ihre eigene Adresse, über den Versand, mit dem diese Installation alle Mails verschickt.",
+      description:
+        "Sendet eine Mail an Ihre eigene Adresse, über den Versand, mit dem diese Installation alle Mails verschickt.",
       transport: (backend) => `Versand: ${backend}`,
       action: "Testmail an mich senden",
       sent: (address) => `An ${address} gesendet. Bitte prüfen Sie den Posteingang.`,
@@ -1985,7 +1966,10 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       sections: {
         overview: { title: "Übersicht", help: "Was gerade wartet, auf einen Blick." },
         users: { title: "Benutzer", help: "Wer ein Konto hat und was jede Person darf." },
-        invitations: { title: "Einladungen", help: "Laden Sie Personen per E-Mail in ihrer Sprache ein; senden Sie offene Einladungen erneut oder widerrufen Sie sie." },
+        invitations: {
+          title: "Einladungen",
+          help: "Laden Sie Personen per E-Mail in ihrer Sprache ein; senden Sie offene Einladungen erneut oder widerrufen Sie sie.",
+        },
         billing: { title: "Abrechnung", help: "Tarif, Zahlung und Rechnungen." },
         activity: { title: "Aktivität", help: "Was in der Verwaltung getan wurde, das Neueste zuerst." },
       },

package/src/i18n/kit-labels.tsx

@@ -46,11 +46,7 @@ import type { MeasuredGridLabels } from "../components/measured-grid";
 import type { FeedbackAttachmentFieldLabels } from "../feedback/feedback-attachment";
 import type { FeedbackDialogTextLabels } from "../feedback/feedback-dialog";
 import type { FeedbackComposerLabels, FeedbackThreadLabels } from "../feedback/feedback-thread";
-import type {
-  FeedbackCategoryLabels,
-  FeedbackStatusLabels,
-  FeedbackToastLabels,
-} from "../feedback/feedback-labels";
+import type { FeedbackCategoryLabels, FeedbackStatusLabels, FeedbackToastLabels } from "../feedback/feedback-labels";
 import type { FeedbackMenuLabels } from "../feedback/feedback-menu";
 import type { FeedbackPublicLabels } from "../feedback/feedback-public-labels";
 import type { FeedbackNotificationTypesLabels } from "../notifications/feedback-notification-types-labels";
@@ -893,9 +889,7 @@ function mergeOverrides(
  * `columnsCount` from `columns`): merge the component's prop over it — a record key by
  * key — and feed the result to that resolver.
  */
-export function useKitLabelOverrides<K extends keyof UiKitLabels>(
-  ns: K,
-): LabelOverride<UiKitLabels[K]> | undefined {
+export function useKitLabelOverrides<K extends keyof UiKitLabels>(ns: K): LabelOverride<UiKitLabels[K]> | undefined {
   return useContext(KitI18nContext).labels?.[ns];
 }
 
@@ -912,10 +906,7 @@ export function useKitLabels<K extends keyof UiKitLabels>(
   prop?: LabelOverride<UiKitLabels[K]>,
 ): UiKitLabels[K] {
   const fromProvider = useKitLabelOverrides(ns);
-  return useMemo(
-    () => mergeNamespace(mergeNamespace(defaults, fromProvider), prop),
-    [defaults, fromProvider, prop],
-  );
+  return useMemo(() => mergeNamespace(mergeNamespace(defaults, fromProvider), prop), [defaults, fromProvider, prop]);
 }
 
 /** The component's own `locale` prop, else the provider's, else `undefined` (which
@@ -973,10 +964,7 @@ export function useKitDocumentTitle(): { format: string | undefined; appName: st
 /** {@link DEFAULT_FILE_LABELS}, but formatting in the provider's locale. */
 export function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {
   const locale = useKitLocale();
-  const defaults = useMemo<FileLabels>(
-    () => ({ size: (bytes) => formatFileSize(bytes, locale) }),
-    [locale],
-  );
+  const defaults = useMemo<FileLabels>(() => ({ size: (bytes) => formatFileSize(bytes, locale) }), [locale]);
   return useKitLabels("file", defaults, prop);
 }
 
@@ -992,10 +980,7 @@ export function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {
  * those components. Left out (a test file is not type-checked), it throws saying so
  * rather than "Cannot convert undefined or null to object" (keksdose, 0.18).
  */
-export function missingKitLabels(
-  labels: UiKitLabelOverrides | undefined,
-  reference: UiKitLabels,
-): string[] {
+export function missingKitLabels(labels: UiKitLabelOverrides | undefined, reference: UiKitLabels): string[] {
   if (!isRecord(reference)) {
     throw new TypeError(
       "missingKitLabels(labels, reference): pass DEFAULT_UI_KIT_LABELS as the reference — " +