@eifi1/ui-kit 0.52.0 → 0.53.0

package/src/sync.ts

@@ -4,13 +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,
-  rowByPk,
-  SYNC_DB_PK_INDEX,
-  /** @deprecated 0.52 — `createSyncDb`, which declares them (`extraStores` for an app's own) (API-4); removed in 0.53 */
-  SYNC_DB_STORES,
-} from "./sync/db";
+export { createSyncDb, rowByPk, SYNC_DB_PK_INDEX } from "./sync/db";
 export type {
   CreateSyncDbOptions,
   OutboxChange,
@@ -20,14 +14,7 @@ export type {
   SyncedRow,
   SyncMetaEntry,
 } from "./sync/db";
-export {
-  createSyncEngine,
-  DEFAULT_HOLD_CODES,
-  /** @deprecated 0.52 — `createSyncEngine`, whose `backoffMs` defaults to it (API-4); removed in 0.53 */
-  DEFAULT_SYNC_BACKOFF_MS,
-  releaseSyncEngine,
-  syncEngineFor,
-} from "./sync/engine";
+export { createSyncEngine, DEFAULT_HOLD_CODES, releaseSyncEngine, syncEngineFor } from "./sync/engine";
 export type {
   SyncCounts,
   SyncEngine,

package/src/theme/chart-palette.ts

@@ -74,8 +74,6 @@ export const CHART_ROLES = {
   outline: "var(--chart-ink)",
 } as const;
 
-/** `--chart-ink` per theme, as hex (tokens.css holds the same two). */
-export const CHART_INK_HEX = { light: "#1a1a17", dark: "#f0efe8" } as const;
 /** `--chart-muted` per theme, as hex (tokens.css holds the same two). */
 export const CHART_MUTED_HEX = { light: "#6b6a63", dark: "#a8a79f" } as const;
 

package/tokens.css

@@ -397,13 +397,13 @@ html[data-text-size="xlarge"] {
      was: beside red-700 that orange read as a second error colour, and "unsaved" has
      to look like a caution, not an alarm. Light, it is amber-600's hue and chroma at a
      SOLVED lightness (3.1:1 on the worst surface). Below 4.5:1, so it is not a TEXT
-     colour: `FieldSyncIndicator` prints its words in `--text-secondary` beside it.
+     colour: a state's words go in `--text-secondary` beside it.
 
      GREEN AND RED ARE THE CLASSIC CVD-UNSAFE PAIR, and the rest of this file goes out
      of its way to avoid it — the money trio is teal/amber/violet for exactly this
      reason. They are used here because the states were specified in these colours, so
-     `FieldSyncIndicator` gives every state its own ICON as well and colour is never
-     the only signal. Do not drop the icons.  */
+     every state needs its own ICON as well and colour is never the only signal (as
+     FieldSyncIndicator, which drew them until 0.53, gave it). Do not drop the icons.  */
   --status-synced: #166534; /* green-800  — persisted */
   --status-pending: #1d4ed8; /* blue-700   — in flight */
   --status-edited: #bf6800; /* solved     — dirty, not yet saved */
@@ -871,7 +871,7 @@ html[data-text-size="xlarge"] {
  * counts a `[var(--role)]` class, and a `ring-[length:var(--…)]` width, for any token that
  * has a utility here and allows none (`ROLE_BUDGET` 0). What stays `[var()]` has no
  * utility on purpose: the chart colours (lookup tables of `--chart-N`), `--status-*`
- * (FieldSync's own four), and the cross-property one-offs (`bg-[var(--border)]` as a
+ * (the field-sync four), and the cross-property one-offs (`bg-[var(--border)]` as a
  * divider, `ring-[var(--text-primary)]`) — a utility there would undo the property
  * scoping above. `check:tailwind` asserts one per namespace survives a build, and the
  * README's "Styling" table is generated from this block (`scripts/gen-styling-inventory.mjs`).

package/dist/billing/dialog-close.d.ts

@@ -1,29 +0,0 @@
-/**
- * How the three billing confirms — `CancelSubscriptionConfirm`, `PlanSwitchConfirm`,
- * `GrantWarningConfirm` — are closed in 0.52: `onClose`, as every other kit dialog
- * (CONTRIBUTING §4; refactor audit 2026-10-30, API-5), and for one minor the deprecated
- * `onOpenChange`, called with `false` when there is no `onClose`.
- *
- * 0.52 made `onOpenChange` optional for its deprecation and gave `onClose` beside it as
- * optional too, so a confirm given NEITHER compiled — `<CancelSubscriptionConfirm open
- * periodEnd={…} onConfirm={…} />` — and Back, Escape and the backdrop then called nothing:
- * a dialog nobody could dismiss, where 0.51's compiler had required `onOpenChange` (0.52
- * code review, cancel-subscription.tsx). And the fallback between the two was written
- * three times, once per dialog.
- *
- * @internal Not part of the barrel; each dialog's props type is.
- */
-/** The two close props as a dialog's own props interface declares them. */
-interface CloseProps {
-    onClose?: () => void;
-    onOpenChange?: (open: boolean) => void;
-}
-/**
- * `P` with ONE of its two close props required — `onClose`, or alone the deprecated
- * `onOpenChange`; both may be given, and `onClose` is then the one called. Built from
- * `P`'s own members (`Pick`), so their docs and the deprecation stay the ones `P` writes.
- */
-export type WithDialogClose<P extends CloseProps> = P & (Required<Pick<P, "onClose">> | Required<Pick<P, "onOpenChange">>);
-/** The dialog's close: `onClose`, else `onOpenChange(false)`. */
-export declare function dialogClose({ onClose, onOpenChange }: CloseProps): () => void;
-export {};

package/dist/billing/dialog-close.js

@@ -1,8 +0,0 @@
-"use client";
-function dialogClose({ onClose, onOpenChange }) {
-  return () => onClose ? onClose() : onOpenChange?.(false);
-}
-export {
-  dialogClose
-};
-//# sourceMappingURL=dialog-close.js.map

package/dist/billing/dialog-close.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/billing/dialog-close.ts"],"sourcesContent":["/**\n * How the three billing confirms — `CancelSubscriptionConfirm`, `PlanSwitchConfirm`,\n * `GrantWarningConfirm` — are closed in 0.52: `onClose`, as every other kit dialog\n * (CONTRIBUTING §4; refactor audit 2026-10-30, API-5), and for one minor the deprecated\n * `onOpenChange`, called with `false` when there is no `onClose`.\n *\n * 0.52 made `onOpenChange` optional for its deprecation and gave `onClose` beside it as\n * optional too, so a confirm given NEITHER compiled — `<CancelSubscriptionConfirm open\n * periodEnd={…} onConfirm={…} />` — and Back, Escape and the backdrop then called nothing:\n * a dialog nobody could dismiss, where 0.51's compiler had required `onOpenChange` (0.52\n * code review, cancel-subscription.tsx). And the fallback between the two was written\n * three times, once per dialog.\n *\n * @internal Not part of the barrel; each dialog's props type is.\n */\n\n/** The two close props as a dialog's own props interface declares them. */\ninterface CloseProps {\n  onClose?: () => void;\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * `P` with ONE of its two close props required — `onClose`, or alone the deprecated\n * `onOpenChange`; both may be given, and `onClose` is then the one called. Built from\n * `P`'s own members (`Pick`), so their docs and the deprecation stay the ones `P` writes.\n */\nexport type WithDialogClose<P extends CloseProps> = P &\n  (Required<Pick<P, \"onClose\">> | Required<Pick<P, \"onOpenChange\">>);\n\n/** The dialog's close: `onClose`, else `onOpenChange(false)`. */\nexport function dialogClose({ onClose, onOpenChange }: CloseProps): () => void {\n  return () => (onClose ? onClose() : onOpenChange?.(false));\n}\n"],"mappings":";AA+BO,SAAS,YAAY,EAAE,SAAS,aAAa,GAA2B;AAC7E,SAAO,MAAO,UAAU,QAAQ,IAAI,eAAe,KAAK;AAC1D;","names":[]}

package/dist/components/field-sync-labels.d.ts

@@ -1,3 +0,0 @@
-import type { FieldSyncLabels } from "./field-sync.js";
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export declare const DEFAULT_FIELD_SYNC_LABELS: FieldSyncLabels;

package/dist/components/field-sync-labels.js

@@ -1,12 +0,0 @@
-"use client";
-const DEFAULT_FIELD_SYNC_LABELS = {
-  synced: "Saved",
-  edited: "Unsaved changes",
-  pending: "Saving\u2026",
-  error: "Could not save",
-  retry: "Retry"
-};
-export {
-  DEFAULT_FIELD_SYNC_LABELS
-};
-//# sourceMappingURL=field-sync-labels.js.map

package/dist/components/field-sync-labels.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/field-sync-labels.ts"],"sourcesContent":["// The English words of ./field-sync, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./field-sync re-exports them.\n\nimport type { FieldSyncLabels } from \"./field-sync\";\n\n/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */\nexport const DEFAULT_FIELD_SYNC_LABELS: FieldSyncLabels = {\n  synced: \"Saved\",\n  edited: \"Unsaved changes\",\n  pending: \"Saving…\",\n  error: \"Could not save\",\n  retry: \"Retry\",\n};\n"],"mappings":";AAOO,MAAM,4BAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AACT;","names":[]}

package/dist/components/field-sync.d.ts

@@ -1,186 +0,0 @@
-import type { ReactNode } from "react";
-import { type LabelOverride } from "../i18n/kit-labels.js";
-import { DEFAULT_FIELD_SYNC_LABELS } from "./field-sync-labels.js";
-/**
- * Sync state for a field backed by a database row.
- *
- * The four states a value can be in between the keyboard and the server:
- *
- *   synced   the draft equals what was last persisted
- *   edited   the draft differs and nothing has been sent yet
- *   pending  a save is in flight
- *   error    the last save was rejected; `error` carries why
- *
- * `useFieldSync` is the engine and holds no opinion about markup;
- * `FieldSyncIndicator` is the affordance and holds no state. They are separate
- * because the state is useful without the dot — a form can disable its submit
- * button while any field is `pending`, and a router can block navigation while
- * any field is `edited`.
- *
- * Deprecated in 0.52 as a whole, removed in 0.53 (decision 4 of the refactor audit
- * 2026-10-30, MOD-5): no app renders it or calls the hook — 483 lines and a namespace in
- * seven catalogues that only this package's tests and showcase read. An app that wants
- * it keeps a copy of this file.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53.
- */
-export type FieldSyncState = "synced" | "edited" | "pending" | "error";
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export interface FieldSyncLabels {
-    synced: string;
-    edited: string;
-    pending: string;
-    /** Shown when the failure carries no message of its own. */
-    error: string;
-    retry: string;
-}
-export { DEFAULT_FIELD_SYNC_LABELS };
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export interface UseFieldSyncOptions<T> {
-    /** What the database currently holds. Changing it re-seeds a CLEAN field. */
-    value: T;
-    /** Persist `next`. Reject — or throw — to put the field in `error`. */
-    onSave: (next: T) => Promise<void> | void;
-    /**
-     * Quiet period before an edit saves itself, in ms. Default `0`: no auto-save at
-     * all, so `save()` is the only way to persist — called on blur by `FieldSyncRow`,
-     * and on Enter by the caller. Saving after a pause in typing wrote half-finished
-     * values to the database whenever somebody stopped to think; pass a positive
-     * number only for a field where that is genuinely wanted.
-     */
-    debounceMs?: number;
-    /** How to tell two values apart. Defaults to `Object.is`. */
-    equals?: (a: T, b: T) => boolean;
-    /** Called once per rejected save, with whatever `onSave` threw. */
-    onError?: (error: Error) => void;
-}
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export interface UseFieldSyncReturn<T> {
-    /** The draft — bind this to the input, not the `value` option. */
-    value: T;
-    setValue: (next: T) => void;
-    state: FieldSyncState;
-    /** Non-null exactly when `state === "error"`. */
-    error: Error | null;
-    /** True whenever the draft differs from the last persisted value. */
-    dirty: boolean;
-    /** Persist now, cancelling any pending debounce. A no-op on a clean field. */
-    save: () => void;
-    /** Send the current draft again after a failure. */
-    retry: () => void;
-    /** Throw the draft away and go back to the last persisted value. */
-    reset: () => void;
-}
-/**
- * Track one database-backed field: a local draft, a debounced save, and the state
- * of the round trip.
- *
- * Four things this handles that a `useState` + `useEffect` in a page does not:
- *
- *   1. **An edit during a save is never lost.** A save in flight is not cancelled
- *      and not raced — when it settles, the draft is compared again and sent once
- *      more if it moved. Cancelling instead would drop a keystroke that arrived
- *      mid-flight; firing immediately would let two writes land out of order.
- *   2. **The server value is only adopted when the field is clean.** An external
- *      refresh that overwrote what somebody was typing would be a data-loss bug, so
- *      a dirty draft wins and keeps winning until it is saved or reset.
- *   3. **Nothing is set after unmount.** The save resolves into a component that
- *      may be gone — a row scrolled out of a virtualised table, a closed dialog.
- *   4. **`onSave` is read through a ref**, so an inline arrow — which every call
- *      site will pass — does not restart the debounce on every render.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53.
- */
-export declare function useFieldSync<T>({ value, onSave, debounceMs, equals, onError, }: UseFieldSyncOptions<T>): UseFieldSyncReturn<T>;
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export interface FieldSyncIndicatorProps {
-    state: FieldSyncState;
-    /** The failure. Its message becomes the tooltip when `state === "error"`. */
-    error?: Error | null;
-    /** Override any of the five English defaults. */
-    labels?: LabelOverride<FieldSyncLabels>;
-    /** Render the label beside the icon instead of only in the tooltip. Always on at
-     *  Large and Extra large (0.32, docs/text-size-harmonization.md §4 "No fact only in a
-     *  tooltip"): the reader who asked for bigger type gets the words, not a 14 px glyph
-     *  and a bubble. */
-    showLabel?: boolean;
-    /** When given, the error state renders a retry button after the icon. */
-    onRetry?: () => void;
-    className?: string;
-}
-/**
- * The affordance for {@link useFieldSync}: a coloured icon, and the reason on hover.
- *
- * **Every state has its own icon, and that is not decoration.** The four colours
- * include the green/red pair, which is the one combination this package's palette
- * otherwise refuses (see the note in `tokens.css`) because red-green colour blindness
- * affects roughly one man in twelve. The icon is what carries the meaning for them,
- * and what carries it into a greyscale print or a screenshot. WCAG 1.4.1 is the same
- * requirement stated formally.
- *
- * The state is also announced: the wrapper is a polite live region, so a screen
- * reader hears "Saving…" then "Saved" without the user going looking. `error` is
- * assertive instead — a failed write is worth interrupting for.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53.
- */
-export declare function FieldSyncIndicator({ state, error, labels, showLabel, onRetry, className, }: FieldSyncIndicatorProps): import("react").JSX.Element;
-/**
- * The field's own frame, coloured by state — applied from the WRAPPER to whatever
- * native control sits inside it, so {@link FieldSyncRow} works with any of the kit's
- * inputs (and a caller's own) without each one growing a `syncState` prop.
- *
- * Border AND a 1px ring, for the reason {@link FIELD_INVALID} gives: a lone 1px
- * border loses a vertical edge to sub-pixel spread at 125% display scaling. The
- * `:focus` twins are what keep the state visible while the reader is typing —
- * the base field class's `focus:` brand colour is `(0,2,0)` and would otherwise win
- * over a descendant selector exactly when the field is in use.
- *
- * `synced` is green, but {@link FieldSyncRow} paints it only for a moment after a
- * save lands — a form of eight permanently green boxes says nothing the absence of
- * colour does not.
- *
- * Every class is a literal so Tailwind's scanner can see it.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53.
- */
-export declare const FIELD_SYNC_FRAME: Record<FieldSyncState, string>;
-/** How long the green "saved" frame and check stay after a save lands, in ms.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export declare const FIELD_SYNC_SAVED_MS = 1500;
-/** @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53. */
-export interface FieldSyncRowProps<T> extends Omit<FieldSyncIndicatorProps, "state" | "error" | "showLabel"> {
-    sync: UseFieldSyncReturn<T>;
-    children: ReactNode;
-    /** Call `sync.save()` when focus leaves the field. Default true — together with the
-     *  hook's default `debounceMs: 0` this is "save on blur": nothing is written while
-     *  the reader is still typing, however long they pause. */
-    saveOnBlur?: boolean;
-    /** How long the saved confirmation shows. Default {@link FIELD_SYNC_SAVED_MS}. */
-    savedMs?: number;
-}
-/**
- * A field wearing its sync state — as its FRAME COLOUR and an ICON AT THE END OF THE
- * FIELD, so the field never changes size (a helper line appearing under it moved
- * everything below it on every save):
- *
- *   edited   amber frame, pencil          — changed, not yet saved
- *   pending  blue frame, spinning circle  — for as long as the save is in flight
- *   synced   green frame, check           — for {@link FIELD_SYNC_SAVED_MS} after a
- *                                            save lands, then an ordinary field again
- *   error    red frame, alert mark        — hover or focus the mark for the reason;
- *                                            click it to retry
- *
- * It saves when focus LEAVES the field (`saveOnBlur`), not after a pause in typing: a
- * database write in the middle of a word is a write nobody asked for. Enter in a
- * single-line field is the caller's to wire to `sync.save`.
- *
- * Colour is never the only signal: every state has its own icon, and the state text is
- * always in the DOM as a live region — polite for the ordinary states, assertive for
- * a failure. The input gets end padding for the icon whether or not one is showing,
- * so the text never reflows when the state changes.
- *
- * @deprecated 0.52 — none: no app uses the FieldSync family (MOD-5); removed in 0.53.
- */
-export declare function FieldSyncRow<T>({ sync, children, className, labels, onRetry, saveOnBlur, savedMs, }: FieldSyncRowProps<T>): import("react").JSX.Element;

package/dist/components/field-sync.js

@@ -1,269 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { AlertCircle, Check, Loader2, Pencil, PencilLine } from "lucide-react";
-import { cn } from "../lib/cn.js";
-import { Tooltip } from "./tooltip.js";
-import { FOCUS_RING } from "./focus-ring.js";
-import { useKitLabels } from "../i18n/kit-labels.js";
-import { useLargeText } from "../hooks/use-large-text.js";
-import { DEFAULT_FIELD_SYNC_LABELS } from "./field-sync-labels.js";
-function toError(cause) {
-  if (cause instanceof Error) return cause;
-  return new Error(typeof cause === "string" ? cause : "", { cause });
-}
-function useFieldSync({
-  value,
-  onSave,
-  debounceMs = 0,
-  equals = Object.is,
-  onError
-}) {
-  const [draft, setDraft] = useState(value);
-  const [state, setState] = useState("synced");
-  const [error, setError] = useState(null);
-  const savedRef = useRef(value);
-  const draftRef = useRef(value);
-  const inFlightRef = useRef(false);
-  const timerRef = useRef(null);
-  const mountedRef = useRef(true);
-  const onSaveRef = useRef(onSave);
-  const onErrorRef = useRef(onError);
-  const equalsRef = useRef(equals);
-  useEffect(() => {
-    onSaveRef.current = onSave;
-    onErrorRef.current = onError;
-    equalsRef.current = equals;
-  });
-  useEffect(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-      if (timerRef.current) clearTimeout(timerRef.current);
-    };
-  }, []);
-  const flush = useCallback(() => {
-    const run = async () => {
-      if (inFlightRef.current) return;
-      const next = draftRef.current;
-      if (equalsRef.current(next, savedRef.current)) return;
-      inFlightRef.current = true;
-      setState("pending");
-      setError(null);
-      try {
-        await onSaveRef.current(next);
-        savedRef.current = next;
-        inFlightRef.current = false;
-        if (!mountedRef.current) return;
-        if (equalsRef.current(draftRef.current, next)) {
-          setState("synced");
-        } else {
-          setState("edited");
-          void run();
-        }
-      } catch (cause) {
-        inFlightRef.current = false;
-        const err = toError(cause);
-        onErrorRef.current?.(err);
-        if (!mountedRef.current) return;
-        setState("error");
-        setError(err);
-      }
-    };
-    return run();
-  }, []);
-  const setValue = useCallback(
-    (next) => {
-      draftRef.current = next;
-      setDraft(next);
-      if (timerRef.current) clearTimeout(timerRef.current);
-      if (equalsRef.current(next, savedRef.current)) {
-        setState(inFlightRef.current ? "pending" : "synced");
-        setError(null);
-        return;
-      }
-      setState("edited");
-      setError(null);
-      if (debounceMs > 0) timerRef.current = setTimeout(() => void flush(), debounceMs);
-    },
-    [debounceMs, flush]
-  );
-  const save = useCallback(() => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    void flush();
-  }, [flush]);
-  const retry = save;
-  const reset = useCallback(() => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    draftRef.current = savedRef.current;
-    setDraft(savedRef.current);
-    setState(inFlightRef.current ? "pending" : "synced");
-    setError(null);
-  }, []);
-  const dirty = state !== "synced";
-  useEffect(() => {
-    if (inFlightRef.current) return;
-    if (!equalsRef.current(draftRef.current, savedRef.current)) return;
-    if (equalsRef.current(value, savedRef.current)) return;
-    savedRef.current = value;
-    draftRef.current = value;
-    setDraft(value);
-    setState("synced");
-    setError(null);
-  }, [value]);
-  return { value: draft, setValue, state, error, dirty, save, retry, reset };
-}
-const STATE_STYLE = {
-  synced: { color: "var(--status-synced)", Icon: Check },
-  edited: { color: "var(--status-edited)", Icon: Pencil },
-  pending: { color: "var(--status-pending)", Icon: Loader2 },
-  error: { color: "var(--status-error)", Icon: AlertCircle }
-};
-function FieldSyncIndicator({
-  state,
-  error,
-  labels,
-  showLabel = false,
-  onRetry,
-  className
-}) {
-  const l = useKitLabels("fieldSync", DEFAULT_FIELD_SYNC_LABELS, labels);
-  const large = useLargeText();
-  showLabel = showLabel || large;
-  const { color, Icon } = STATE_STYLE[state];
-  const text = state === "error" ? error?.message?.trim() ? error.message : l.error : l[state];
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      className: cn("inline-flex items-center gap-1.5 text-xs text-secondary", className),
-      role: state === "error" ? "alert" : "status",
-      "aria-live": state === "error" ? "assertive" : "polite",
-      children: [
-        /* @__PURE__ */ jsx(Tooltip, { label: showLabel ? void 0 : text, redact: state === "error", children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx(
-            Icon,
-            {
-              "aria-hidden": true,
-              style: { color },
-              className: cn("size-3.5 shrink-0", state === "pending" && "animate-spin")
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: showLabel ? void 0 : "sr-only", children: text })
-        ] }) }),
-        state === "error" && onRetry && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onRetry,
-            className: cn(
-              "rounded underline underline-offset-2 hover:no-underline focus-visible:ring-offset-2 focus-visible:ring-offset-surface",
-              FOCUS_RING
-            ),
-            style: { color },
-            children: l.retry
-          }
-        )
-      ]
-    }
-  );
-}
-const FIELD_SYNC_FRAME = {
-  synced: "[&_:is(input,select,textarea)]:border-[var(--status-synced)] [&_:is(input,select,textarea)]:ring-1 [&_:is(input,select,textarea)]:ring-[var(--status-synced)] [&_:is(input,select,textarea):focus]:border-[var(--status-synced)] [&_:is(input,select,textarea):focus]:ring-[var(--status-synced)]",
-  edited: "[&_:is(input,select,textarea)]:border-[var(--status-edited)] [&_:is(input,select,textarea)]:ring-1 [&_:is(input,select,textarea)]:ring-[var(--status-edited)] [&_:is(input,select,textarea):focus]:border-[var(--status-edited)] [&_:is(input,select,textarea):focus]:ring-[var(--status-edited)]",
-  pending: "[&_:is(input,select,textarea)]:border-[var(--status-pending)] [&_:is(input,select,textarea)]:ring-1 [&_:is(input,select,textarea)]:ring-[var(--status-pending)] [&_:is(input,select,textarea):focus]:border-[var(--status-pending)] [&_:is(input,select,textarea):focus]:ring-[var(--status-pending)]",
-  error: "[&_:is(input,select,textarea)]:border-[var(--status-error)] [&_:is(input,select,textarea)]:ring-1 [&_:is(input,select,textarea)]:ring-[var(--status-error)] [&_:is(input,select,textarea):focus]:border-[var(--status-error)] [&_:is(input,select,textarea):focus]:ring-[var(--status-error)]"
-};
-const FIELD_SYNC_SAVED_MS = 1500;
-function FieldSyncRow({
-  sync,
-  children,
-  className,
-  labels,
-  onRetry,
-  saveOnBlur = true,
-  savedMs = FIELD_SYNC_SAVED_MS
-}) {
-  const l = useKitLabels("fieldSync", DEFAULT_FIELD_SYNC_LABELS, labels);
-  const { state, error } = sync;
-  const isError = state === "error";
-  const text = isError ? error?.message?.trim() ? error.message : l.error : l[state];
-  const retry = onRetry ?? sync.retry;
-  const [previous, setPrevious] = useState(state);
-  const [justSaved, setJustSaved] = useState(false);
-  if (state !== previous) {
-    setPrevious(state);
-    setJustSaved(state === "synced" && previous === "pending");
-  }
-  useEffect(() => {
-    if (!justSaved) return;
-    const t = setTimeout(() => setJustSaved(false), savedMs);
-    return () => clearTimeout(t);
-  }, [justSaved, savedMs]);
-  const shown = state === "synced" ? justSaved ? "synced" : null : state;
-  return (
-    /* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- not an interaction:
-       `onBlur` listens for focus leaving the row's own controls (which are the
-       interactive elements) to save; the wrapper itself is never focused. */
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-field-sync": state,
-        className: cn(
-          // `relative` for the icon and for the sr-only live region's containing block.
-          "relative [&_:is(input,select,textarea)]:pe-9",
-          shown && FIELD_SYNC_FRAME[shown],
-          className
-        ),
-        onBlur: saveOnBlur ? (e) => {
-          if (!e.currentTarget.contains(e.relatedTarget)) sync.save();
-        } : void 0,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs("span", { className: "pointer-events-none absolute inset-y-0 end-0 flex items-center pe-3", children: [
-            state === "edited" && /* @__PURE__ */ jsx(PencilLine, { "aria-hidden": true, className: "size-4 text-[var(--status-edited)]" }),
-            state === "pending" && /* @__PURE__ */ jsx(
-              Loader2,
-              {
-                "aria-hidden": true,
-                className: "size-4 animate-spin text-[var(--status-pending)] motion-reduce:animate-none"
-              }
-            ),
-            state === "synced" && /* @__PURE__ */ jsx(
-              Check,
-              {
-                "aria-hidden": true,
-                className: cn(
-                  "size-4 text-[var(--status-synced)] transition-opacity duration-500 motion-reduce:transition-none",
-                  justSaved ? "opacity-100" : "opacity-0"
-                )
-              }
-            ),
-            isError && /* @__PURE__ */ jsx(Tooltip, { label: text, portal: true, redact: true, children: /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: retry,
-                "aria-label": l.retry,
-                className: cn(
-                  "pointer-events-auto flex rounded-full text-[var(--status-error)] focus-visible:ring-offset-2 focus-visible:ring-offset-surface",
-                  FOCUS_RING
-                ),
-                children: /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": true, className: "size-4" })
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsx("span", { role: isError ? "alert" : "status", "aria-live": isError ? "assertive" : "polite", className: "sr-only", children: shown === null ? "" : text })
-        ]
-      }
-    )
-  );
-}
-export {
-  DEFAULT_FIELD_SYNC_LABELS,
-  FIELD_SYNC_FRAME,
-  FIELD_SYNC_SAVED_MS,
-  FieldSyncIndicator,
-  FieldSyncRow,
-  useFieldSync
-};
-//# sourceMappingURL=field-sync.js.map