@eifi1/ui-kit 0.51.7 → 0.53.0

package/src/auth/register-form-labels.ts

@@ -2,7 +2,7 @@
 // catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one
 // chunk like the other languages (0.34, KS U8). ./register-form re-exports them.
 
-import { englishRateLimited } from "./auth-errors";
+import { englishRateLimited } from "./auth-errors-labels";
 import type { RegisterLabels } from "./register-form";
 
 /** `Required`: every key, the 0.30 one included, has its English here. */

package/src/auth/reset-password-form-labels.ts

@@ -3,7 +3,7 @@
 // loads as one chunk like the other languages (0.34, KS U8). ./reset-password-form
 // re-exports them.
 
-import { englishRateLimited } from "./auth-errors";
+import { englishRateLimited } from "./auth-errors-labels";
 import type { ResetPasswordLabels } from "./reset-password-form";
 
 /** `Required`: every key, the 0.30 one included, has its English here. */

package/src/auth/reset-password-form.tsx

@@ -2,6 +2,7 @@ import { useEffect, useId, useRef, useState } from "react";
 import type { ComponentPropsWithRef, FormEvent, ReactNode } from "react";
 import { CheckCircle2, XCircle } from "lucide-react";
 import { cn } from "../lib/cn";
+import { describeFailure } from "../lib/describe-failure";
 import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
 import { AlertBanner } from "../components/alert-banner";
 import { LoadingState } from "../components/loading-state";
@@ -291,12 +292,15 @@ export function ResetPasswordForm({
             setPhase({ token, phase: { kind: "invalid" } });
             return;
           }
-          // The app's words first, then the throttle's, then the kit's catch-all.
+          // The app's words first, then the throttle's, then the kit's catch-all — an app's
+          // "" is no words (refactor audit 2026-10-30, DUP-14: `??` drew an empty alert).
           setFailure(
-            describeError?.(error) ??
-              (isRateLimited(error)
+            describeFailure(
+              describeError?.(error),
+              isRateLimited(error)
                 ? (labels.rateLimited ?? DEFAULT_RESET_PASSWORD_LABELS.rateLimited)(retryAfterSeconds(error))
-                : labels.failed),
+                : labels.failed,
+            ),
           );
         },
       );

package/src/auth/sign-in-form-labels.ts

@@ -2,7 +2,7 @@
 // catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one
 // chunk like the other languages (0.34, KS U8). ./sign-in-form re-exports them.
 
-import { englishRateLimited } from "./auth-errors";
+import { englishRateLimited } from "./auth-errors-labels";
 import type { SignInLabels } from "./sign-in-form";
 
 /** `Required`: every key, the 0.30 ones included, has its English here. */

package/src/auth/status-parts.tsx

@@ -91,12 +91,6 @@ export function useOncePerKey<T>(
   }, [key]);
 }
 
-/** Whether a callback's return is a promise to wait for. A callback that returns
- *  nothing is done when it returns. */
-export function isThenable(value: unknown): value is PromiseLike<unknown> {
-  return typeof (value as PromiseLike<unknown> | null)?.then === "function";
-}
-
 /**
  * Move focus to `ref` when `active` turns true — the outcome a person's own submit led
  * to ("If an account exists … the link is on its way", "Your password has been

package/src/auth/verify-email-labels.ts

@@ -2,7 +2,7 @@
 // catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one
 // chunk like the other languages (0.34, KS U8). ./verify-email re-exports them.
 
-import { englishRateLimited } from "./auth-errors";
+import { englishRateLimited } from "./auth-errors-labels";
 import type { VerifyEmailLabels } from "./verify-email";
 
 export const DEFAULT_VERIFY_EMAIL_LABELS: VerifyEmailLabels = {

package/src/auth/verify-email.tsx

@@ -2,13 +2,15 @@ import { useEffect, useState } from "react";
 import type { ComponentPropsWithRef, ReactNode } from "react";
 import { CheckCircle2, MailWarning, TimerOff, XCircle } from "lucide-react";
 import { cn } from "../lib/cn";
+import { describeFailure } from "../lib/describe-failure";
 import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
 import { useAnnounce } from "../hooks/use-announce";
 import { AlertBanner } from "../components/alert-banner";
 import { LoadingState } from "../components/loading-state";
 import { Button } from "../components/button";
 import { EmptyState } from "../components/empty-state";
-import { OUTCOME_CLASS, STATUS_HEADING_CLASS, isThenable, useOncePerKey } from "./status-parts";
+import { isThenable } from "../lib/thenable";
+import { OUTCOME_CLASS, STATUS_HEADING_CLASS, useOncePerKey } from "./status-parts";
 import { authErrorCode, englishRateLimited, isRateLimited, retryAfterSeconds } from "./auth-errors";
 import type { AuthHeadingLevel } from "./status-parts";
 import { DEFAULT_VERIFY_EMAIL_LABELS } from "./verify-email-labels";
@@ -150,13 +152,16 @@ function ResendStatus({
   labels: VerifyEmailLabels;
   className?: string;
 }) {
-  // The app's words first, then the throttle's, then the kit's catch-all.
+  // The app's words first, then the throttle's, then the kit's catch-all — an app's ""
+  // is no words (refactor audit 2026-10-30, DUP-14: `??` printed an empty status).
   const failed =
     phase === "failed"
-      ? (describeError?.(error) ??
-        (isRateLimited(error)
-          ? (labels.rateLimited ?? englishRateLimited)(retryAfterSeconds(error))
-          : labels.resendError))
+      ? describeFailure(
+          describeError?.(error),
+          isRateLimited(error)
+            ? (labels.rateLimited ?? englishRateLimited)(retryAfterSeconds(error))
+            : labels.resendError,
+        )
       : "";
   return (
     <span role="status" className={cn(phase === "failed" ? "text-danger" : "text-success", className)}>

package/src/billing/cancel-subscription.tsx

@@ -1,7 +1,7 @@
-import { useKitLabels, useKitLocale } from "../i18n/kit-labels";
+import { useKitLabels } from "../i18n/kit-labels";
 import type { LabelOverride } from "../i18n/kit-labels";
 import { DEFAULT_COMMON_LABELS } from "../i18n/shared-labels";
-import { formatDate } from "../lib/format";
+import { useDayFormatter } from "../lib/day-format";
 import type { DateInput } from "../lib/format";
 import { Button } from "../components/button";
 import { DialogFrame } from "../components/dialog-frame";
@@ -11,11 +11,14 @@ import type { BillingLabels } from "./billing-labels";
 
 export interface CancelSubscriptionConfirmProps {
   open: boolean;
-  /** `false` when the admin dismisses it — Back, Escape, the backdrop. Confirm leaves it
-   *  open: close it once `POST /billing/cancel` answers. */
-  onOpenChange: (open: boolean) => void;
-  /** The overview's `current_period_end`: the day the subscription ends. Formatted with
-   *  the kit's date formatter (`formatDate`, `"medium"`). */
+  /** The admin dismissed it — Back, Escape, the backdrop. Confirm leaves it open: close it
+   *  once `POST /billing/cancel` answers. 0.52: every other kit dialog's `onClose`
+   *  (CONTRIBUTING §4; refactor audit 2026-10-30, API-5); required since 0.53 removed
+   *  `onOpenChange` (deprecated in 0.52). */
+  onClose: () => void;
+  /** The overview's `current_period_end`: the day the subscription ends, in a sentence —
+   *  the `<UiKitProvider formatDate>` (the app's date preference) when it set one, else the
+   *  kit's `formatDate`, `"medium"`, in the provider's locale and `timeZone` (0.52). */
   periodEnd: DateInput;
   /** Confirm: the app's `POST /billing/cancel` (server-kit 0.14, §16.3). */
   onConfirm: () => void;
@@ -38,7 +41,7 @@ export interface CancelSubscriptionConfirmProps {
  *
  *     <CancelSubscriptionConfirm
  *       open={asking}
- *       onOpenChange={setAsking}
+ *       onClose={() => setAsking(false)}
  *       periodEnd={overview.current_period_end}
  *       pending={cancel.isPending}
  *       onConfirm={() => cancel.mutate()}
@@ -54,7 +57,7 @@ export interface CancelSubscriptionConfirmProps {
  */
 export function CancelSubscriptionConfirm({
   open,
-  onOpenChange,
+  onClose,
   periodEnd,
   onConfirm,
   pending = false,
@@ -63,14 +66,14 @@ export function CancelSubscriptionConfirm({
 }: CancelSubscriptionConfirmProps) {
   const labels = useBillingLabels(labelsProp);
   const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
-  const locale = useKitLocale(localeProp);
+  const day = useDayFormatter(undefined, localeProp);
 
   return (
     <DialogFrame
       open={open}
       title={labels.cancelConfirmTitle}
-      description={labels.cancelConfirmBody(formatDate(periodEnd, "medium", { locale }))}
-      onClose={() => onOpenChange(false)}
+      description={labels.cancelConfirmBody(day(periodEnd))}
+      onClose={onClose}
       busy={pending}
       data-cancel-subscription-confirm=""
       actions={(close) => (

package/src/billing/plan-card.tsx

@@ -489,9 +489,7 @@ export function PlanPicker({
       {permanentGrant && !switching && (
         <GrantWarningConfirm
           open={warned !== null}
-          onOpenChange={(open) => {
-            if (!open) setWarned(null);
-          }}
+          onClose={() => setWarned(null)}
           onConfirm={() => {
             if (warned) onChoose(warned);
           }}
@@ -505,8 +503,10 @@ export function PlanPicker({
 export interface GrantWarningConfirmProps {
   /** Shown, controlled. */
   open: boolean;
-  /** `false` on "Back", Escape, the backdrop — and after "Buy anyway". */
-  onOpenChange: (open: boolean) => void;
+  /** "Back", Escape, the backdrop — and after "Buy anyway". 0.52: every other kit
+   *  dialog's `onClose` (CONTRIBUTING §4; refactor audit 2026-10-30, API-5); required
+   *  since 0.53 removed `onOpenChange` (deprecated in 0.52). */
+  onClose: () => void;
   /** "Buy anyway": the app opens its checkout. The dialog closes itself after it. */
   onConfirm: () => void;
   /** Prop > `<UiKitProvider labels={{ billing }}>` > English: `grantWarningTitle`,
@@ -523,7 +523,7 @@ export interface GrantWarningConfirmProps {
  * to a checkout — show this before that checkout, so a permanent-grant holder is still
  * warned. Carries `data-grant-warning`.
  */
-export function GrantWarningConfirm({ open, onOpenChange, onConfirm, labels: labelsProp }: GrantWarningConfirmProps) {
+export function GrantWarningConfirm({ open, onClose, onConfirm, labels: labelsProp }: GrantWarningConfirmProps) {
   const labels = useBillingLabels(labelsProp);
   const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
   return (
@@ -531,18 +531,26 @@ export function GrantWarningConfirm({ open, onOpenChange, onConfirm, labels: lab
       open={open}
       title={labels.grantWarningTitle}
       description={labels.grantWarningBody}
-      onClose={() => onOpenChange(false)}
+      onClose={onClose}
       data-grant-warning=""
-      actions={(close) => (
+      actions={(lower) => (
         <>
-          <Button variant="secondary" onClick={close}>
+          <Button variant="secondary" onClick={lower}>
             {common.back}
           </Button>
           <Button
             variant="default"
             onClick={() => {
+              // Already closed, and lowering: a second press is no second checkout, for an
+              // app that shows this dialog itself as much as for PlanPicker.
+              if (!open) return;
               onConfirm();
-              onOpenChange(false);
+              // The caller's close, at once — not `lower`, the panel's animated one, which
+              // reports the close 220 ms later. PlanPicker clears the warned choice in it,
+              // and the lowering panel is not inert: a double click on "Buy anyway" opened
+              // the checkout twice (0.52 code review, plan-card.tsx). The caller's `open`
+              // turning false still plays the exit.
+              onClose();
             }}
           >
             {labels.grantWarningAction}

package/src/billing/plan-change-labels.ts

@@ -0,0 +1,66 @@
+// The words of admin/plan-change and their type, in a module with no component code: the
+// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`
+// loads as one chunk like the other languages (0.34, KS U8). In billing/ since 0.52:
+// PlanSwitchConfirm reads them too, and with them in admin/ the billing and admin folders
+// imported each other (refactor audit 2026-10-30, MOD-6). admin/plan-change re-exports
+// both, and admin/plan-change-labels still answers for the old path.
+
+/** The `planChange` namespace: the column, the grant dialog and the result's lines. */
+export interface PlanChangeLabels {
+  /** The column's header: "Plan". */
+  column: string;
+  /** The dialog's title: "Change plan". */
+  title: string;
+  /** Its confirm button: "Change plan". */
+  confirm: string;
+  /** The plan select's label: "Plan". */
+  plan: string;
+  /** The line over the select: "Current plan: Free". */
+  current: (plan: string) => string;
+  /** Under the select — the fact that is not on the button. */
+  keepsItems: string;
+  /** The end of a free grant's field: "Free until". */
+  until: string;
+  /** Under it. */
+  untilHint: string;
+  /** Why the confirm is held while nothing would change. */
+  needsChange: string;
+  /** The result: the plan moved from one to another. */
+  changed: (from: string, to: string) => string;
+  /** The result: an account with no plan before, or the same plan again. */
+  set: (to: string) => string;
+  /** The result: a running beta kept its own end (§12.34); only the plan moved. */
+  keptBeta: string;
+  /** The result: the grant runs until `date` (formatted). */
+  untilDone: (date: string) => string;
+  /** The result: the account owns more than the new plan allows. */
+  overLimit: string;
+  /**
+   * The column's usage, spelled out (its tooltip): "1 of 5 budgets". Figures arrive
+   * formatted; `dimension` is the app's word, as `usage.label` gives it — since 0.33.1
+   * in the form the LIMIT takes when the label gives its plural forms ("1 of 1 budget",
+   * "1 of 5 budgets"): in every shipped language the word follows the limit, or heads
+   * the line in German, whose `von` would want a dative plural no app form carries
+   * ("Budgets: 1 von 5"). An override of yours gets the same word. Since 0.34 the grant
+   * dialog's usage line too, when `usage` comes as the column's shape.
+   */
+  usageOf: (used: string, limit: string, dimension: string) => string;
+}
+
+export const DEFAULT_PLAN_CHANGE_LABELS: PlanChangeLabels = {
+  column: "Plan",
+  title: "Change plan",
+  confirm: "Change plan",
+  plan: "Plan",
+  current: (plan) => `Current plan: ${plan}`,
+  keepsItems: "A smaller plan only blocks creating more; nothing is deleted.",
+  until: "Free until",
+  untilHint: "Leave empty for no end. A running beta keeps its own end.",
+  needsChange: "Pick another plan or an end date.",
+  changed: (from, to) => `Plan changed from ${from} to ${to}.`,
+  set: (to) => `Plan set to ${to}.`,
+  keptBeta: "The beta keeps its end; only the plan changed.",
+  untilDone: (date) => `Free until ${date}.`,
+  overLimit: "Above the new plan’s limit: nothing is removed, new items are blocked.",
+  usageOf: (used, limit, dimension) => `${used} of ${limit} ${dimension}`,
+};

package/src/billing/plan-switch.tsx

@@ -3,13 +3,14 @@ import type { LabelOverride } from "../i18n/kit-labels";
 import { DEFAULT_COMMON_LABELS } from "../i18n/shared-labels";
 import { pluralForm } from "../i18n/plurals";
 import type { PluralForms } from "../i18n/plurals";
-import { formatDate, formatMoney, formatNumber } from "../lib/format";
+import { useDayFormatter } from "../lib/day-format";
+import { formatMoney, formatNumber } from "../lib/format";
 import { AlertBanner } from "../components/alert-banner";
 import { Button } from "../components/button";
 import { DialogFrame } from "../components/dialog-frame";
 import { Spinner } from "../components/spinner";
 import { COMMIT_EXCEPT_BILLING } from "../components/write-lock";
-import { DEFAULT_PLAN_CHANGE_LABELS } from "../admin/plan-change-labels";
+import { DEFAULT_PLAN_CHANGE_LABELS } from "./plan-change-labels";
 import { useBillingLabels } from "./billing-labels";
 import type { BillingLabels } from "./billing-labels";
 import type { PlanSwitchPreview } from "./billing-overview";
@@ -38,9 +39,11 @@ export interface PlanSwitchSide {
 
 export interface PlanSwitchConfirmProps {
   open: boolean;
-  /** `false` when the payer dismisses it — Cancel, Escape, the backdrop. Confirm leaves
-   *  it open: close it once the switch answers. */
-  onOpenChange: (open: boolean) => void;
+  /** The payer dismissed it — Cancel, Escape, the backdrop. Confirm leaves it open: close
+   *  it once the switch answers. 0.52: every other kit dialog's `onClose` (CONTRIBUTING
+   *  §4; refactor audit 2026-10-30, API-5); required since 0.53 removed `onOpenChange`
+   *  (deprecated in 0.52). */
+  onClose: () => void;
   /** What the payer pays now: the overview's `paid`. */
   from: PlanSwitchSide;
   /** The pick. */
@@ -64,7 +67,8 @@ export interface PlanSwitchConfirmProps {
   formatLimit?: (dimension: string, value: number) => string;
   /** Confirm: the app's `POST /billing/plan` with `{plan, interval}` of `to`. */
   onConfirm: () => void;
-  /** The figures' and the date's locale. Default: the provider's. */
+  /** The figures' and the date's locale. Default: the provider's. The next charge's date
+   *  is written by the `<UiKitProvider formatDate>` when the app set one (0.52). */
   locale?: string;
   /**
    * 0.42 (§16.2 decision 5, §16.8 B): the payer's free grant runs without an end —
@@ -88,7 +92,7 @@ export interface PlanSwitchConfirmProps {
  *     const preview = useMutation({ mutationFn: api.previewPlanSwitch });
  *     <PlanSwitchConfirm
  *       open={pick !== null}
- *       onOpenChange={(open) => !open && setPick(null)}
+ *       onClose={() => setPick(null)}
  *       from={overview.paid}
  *       to={pick}
  *       preview={preview.data}
@@ -103,7 +107,7 @@ export interface PlanSwitchConfirmProps {
  */
 export function PlanSwitchConfirm({
   open,
-  onOpenChange,
+  onClose,
   from,
   to,
   preview,
@@ -120,6 +124,7 @@ export function PlanSwitchConfirm({
   const planChange = useKitLabels("planChange", DEFAULT_PLAN_CHANGE_LABELS);
   const common = useKitLabels("common", DEFAULT_COMMON_LABELS);
   const locale = useKitLocale(localeProp);
+  const day = useDayFormatter(undefined, localeProp);
 
   const period = (interval: BillingInterval) => (interval === "year" ? labels.yearly : labels.monthly);
   const side = (s: PlanSwitchSide) => `${planName(s.plan.toLowerCase())} (${period(s.interval)})`;
@@ -149,7 +154,7 @@ export function PlanSwitchConfirm({
       open={open}
       title={labels.switchTitle}
       description={labels.switchFromTo(side(from), side(to))}
-      onClose={() => onOpenChange(false)}
+      onClose={onClose}
       busy={pending}
       // A preview that loads is busy too, but holds nothing: Cancel stays a way out.
       aria-busy={preview === undefined || undefined}
@@ -189,9 +194,7 @@ export function PlanSwitchConfirm({
             </dd>
             {preview.next_billed_at && preview.next_minor != null && (
               <>
-                <dt className="text-secondary">
-                  {labels.switchNextCharge(formatDate(preview.next_billed_at, "medium", { locale }))}
-                </dt>
+                <dt className="text-secondary">{labels.switchNextCharge(day(preview.next_billed_at))}</dt>
                 <dd className="text-right tabular-nums">{money(preview.next_minor, preview.currency)}</dd>
               </>
             )}

package/src/chart.ts

@@ -2,22 +2,78 @@
 //
 // A re-slicing of what the main barrel already exports, not a new API. It exists so a
 // consumer can reach the chart kit WITHOUT the barrel: `import("@eifi1/ui-kit/chart")`
-// is a 31KB chunk, where the same lazy import through the barrel pulls 221KB, because
-// a dynamic import of the barrel cannot be tree-shaken down to one of its members.
+// is a chunk of its own (50.4 KB min, 19.9 KB gzip at 0.51.6, refactor audit 2026-10-30
+// MOD-7; it was 31KB when this was written), where the same lazy import through the barrel
+// pulls the barrel, because a dynamic import of it cannot be tree-shaken down to one member.
 //
 // It is about chunk size, not about the peer: `recharts` is a REQUIRED peer (since 0.5.0),
 // because the main barrel re-exports everything here too, so `import { Button } from
 // "@eifi1/ui-kit"` reaches recharts as well (packaging-contract.test.ts asserts it).
 export * from "./components/chart";
-export * from "./theme/chart-palette";
+// Named, not `*`, for chart-palette, series-chart and toggle-legend: 0.53 took the slice's
+// share of the 55 names no app reads off the surface (deprecated in 0.52, refactor audit
+// 2026-10-30, API-4) — `EDGE_MIN_CONTRAST`, `resolveTooltipPlacement`, `STROKE_PATTERNS`,
+// which their modules keep for the kit's own use.
+export {
+  PALETTE_SIZE,
+  CVD_ORDER,
+  paletteFor,
+  CHART_COLORS,
+  CHART_ROLES,
+  CHART_MUTED_HEX,
+  chartEdge,
+  PALETTE_HEX,
+  HEATMAP_HEX,
+  lerpHex,
+  textOn,
+  type PaletteForOptions,
+  type HeatStops,
+} from "./theme/chart-palette";
 
 // The tile chart (treemap) the apps share — moved here from keksdose so every consumer
-// derives it from the package rather than from a copy.
+// derives it from the package rather than from a copy. 0.52: its `treemap` label namespace.
 export * from "./components/treemap";
+export * from "./components/treemap-labels";
 
 // lenkbank's zoomable series chart, its synced x-zoom, the toggle legend and the
 // mirrored-pair axis geometry — moved here so the apps derive them from the package.
-export * from "./components/series-chart";
+export {
+  AXIS_TICK_WIDTH,
+  AXIS_TITLE_STRIP,
+  anchoredBand,
+  axisBandWidth,
+  mergeSeries,
+  oneAxis,
+  padBand,
+  paddedDomain,
+  seriesKey,
+  soleSeriesColor,
+  visibleSeries,
+  seriesLegendEntries,
+  StaticSeriesChart,
+  SeriesChart,
+  type TimeTickUnit,
+  type SeriesChartAxisBudget,
+  type SeriesSource,
+  type SeriesChartSeries,
+  type SeriesChartType,
+  type SeriesChartPoint,
+  type SeriesChartRow,
+  type SeriesChartXValue,
+  type SeriesChartTickValues,
+  type SeriesChartAxis,
+  type SeriesChartXTick,
+  type SeriesChartX,
+  type SeriesChartTooltipPlacement,
+  type SeriesChartTooltip,
+  type SeriesChartSpan,
+  type SeriesChartTone,
+  type SeriesChartReference,
+  type SeriesChartMarker,
+  type SeriesChartHit,
+  type SeriesChartProps,
+  type SeriesLegendAxes,
+} from "./components/series-chart";
 // 0.32.1 (keksdose's 0.32 report): the height every chart takes, for an app's wrappers.
 export type { ChartHeight } from "./components/chart-height";
 // SharedXZoom and the zoom's types: the public face of ./chart-zoom-core, whose arithmetic
@@ -27,7 +83,18 @@ export * from "./components/chart-zoom";
 // packaging contract reads this entry's own imports to know which modules may import
 // recharts, so chart-zoom-core has to be one of them (MOD-6).
 export { SharedXZoom } from "./components/chart-zoom-core";
-export * from "./components/toggle-legend";
+export {
+  strokeDash,
+  STEP_DASH,
+  toggleHidden,
+  ToggleLegend,
+  StaticLegend,
+  LegendColumn,
+  LegendGroup,
+  type LegendEntry,
+  type ToggleLegendProps,
+  type StaticLegendProps,
+} from "./components/toggle-legend";
 export * from "./components/facing-pair";
 export * from "./components/series-chart-labels";
 

package/src/components/account-chips.tsx

@@ -1,9 +1,10 @@
 import type { ReactElement, ReactNode } from "react";
 import type { LucideIcon } from "lucide-react";
 import { cn } from "../lib/cn";
-import { formatDate, formatRelativeTime, toDate, EMPTY_FORMATTED_VALUE } from "../lib/format";
+import { toDate, useKitFormat, EMPTY_FORMATTED_VALUE } from "../lib/format";
 import type { DateInput, FormatDateStyle, FormatRelativeTimeOptions } from "../lib/format";
-import { useKitDateFormatter, useKitLabels, useKitLocale, type LabelOverride } from "../i18n/kit-labels";
+import { useDayFormatter } from "../lib/day-format";
+import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
 import { toLocalIso } from "../lib/dates";
 import { Chip } from "./chip";
 import type { ChipLinkProps, ChipShape, ChipSize, ChipTone, ChipVariant } from "./chip";
@@ -292,17 +293,15 @@ export function AccountStateChip({
   // An `undefined` in the prop is skipped (the provider's merge does that), so an
   // optional value cannot blank a default.
   const labels = useKitLabels("accountState", DEFAULT_ACCOUNT_STATE_LABELS, labelsProp);
-  const locale = useKitLocale(localeProp);
-  const fromProvider = useKitDateFormatter();
+  // The kit's one day ladder: the provider's `formatDate`, else `Intl` in the provider's
+  // locale and `timeZone` (refactor audit 2026-10-30, DUP-2).
+  const day = useDayFormatter(null, localeProp);
   const when = state === "deletion" ? toDate(date ?? null) : null;
   let text: ReactNode;
   if (state !== "deletion") text = labels[state];
   else if (when) {
     // A date in a SENTENCE, so no weekday (keksdose's rule, KitDateFormatContext).
-    const day =
-      (fromProvider && fromProvider(toLocalIso(when), { unit: "day", source: "dateMark", locale, weekday: false })) ||
-      formatDate(when, "medium", { locale });
-    text = (labels.deletionOn ?? DEFAULT_ACCOUNT_STATE_LABELS.deletionOn)(day);
+    text = (labels.deletionOn ?? DEFAULT_ACCOUNT_STATE_LABELS.deletionOn)(day(date));
   } else text = labels.deletion ?? DEFAULT_ACCOUNT_STATE_LABELS.deletion;
   return (
     <Chip
@@ -355,14 +354,14 @@ export interface DateMarkProps {
 
 /**
  * A date in a table cell: a `<time>` with a machine-readable `dateTime`, nowrap and
- * tabular figures, in the provider's locale — or `empty` when there is none.
+ * tabular figures, in the provider's locale and `timeZone` — or `empty` when there is none.
  *
  * `display="date"` without a `dateStyle` is written by `<UiKitProvider formatDate>` when
  * the app set one (keksdose K12: its `DateCell` exists to put every column's date in the
- * app's date-format preference, weekday and all — dev#546), called with the LOCAL
- * calendar day of the value as `"YYYY-MM-DD"` and `weekday: true`. Without one, or for
- * an empty answer, it is `Intl`'s `medium` date as before. The relative display is not
- * a calendar day and keeps `formatRelativeTime`.
+ * app's date-format preference, weekday and all — dev#546), called with the calendar day
+ * of the value as `"YYYY-MM-DD"` (in the provider's `timeZone`, else the device's) and
+ * `weekday: true`. Without one, or for an empty answer, it is `Intl`'s `medium` date as
+ * before. The relative display is not a calendar day and keeps `formatRelativeTime`.
  */
 export function DateMark({
   value,
@@ -374,27 +373,25 @@ export function DateMark({
   locale: localeProp,
   className,
 }: DateMarkProps) {
-  const locale = useKitLocale(localeProp);
-  const fromProvider = useKitDateFormatter();
+  // The provider's `timeZone` (0.46) as well as its locale, also for the relative words
+  // and the exact line (refactor audit 2026-10-30, DUP-2: the raw formatters ignored it).
+  const { formatDate, formatRelativeTime } = useKitFormat(localeProp);
+  const day = useDayFormatter(null, localeProp);
   const date = toDate(value);
   const cls = cn("whitespace-nowrap tabular-nums", className);
   if (!date) return <span className={cn(cls, "text-muted")}>{empty}</span>;
   if (display === "date") {
-    const own =
-      dateStyle === undefined && fromProvider
-        ? fromProvider(toLocalIso(date), { unit: "day", source: "dateMark", locale, weekday: true })
-        : "";
     return (
       <time dateTime={date.toISOString()} className={cls}>
-        {own || formatDate(date, dateStyle ?? "medium", { locale })}
+        {day(value, { weekday: true, style: dateStyle ?? "medium", preference: dateStyle === undefined })}
       </time>
     );
   }
-  const text = formatRelativeTime(date, { ...relative, locale, absoluteStyle: dateStyle ?? "medium" });
-  const exact = formatDate(date, dateStyle ?? "dateTime", { locale });
+  const text = formatRelativeTime(date, { ...relative, absoluteStyle: dateStyle ?? "medium" });
+  const exact = formatDate(date, dateStyle ?? "dateTime");
   // Past `absoluteAfterDays` the relative words already ARE the date; then the exact
   // line alone, rather than the same day twice.
-  const sameDay = text === formatDate(date, dateStyle ?? "medium", { locale });
+  const sameDay = text === formatDate(date, dateStyle ?? "medium");
   const iso = date.toISOString();
   if (sameDay) {
     return (