@eifi1/ui-kit 0.33.1 → 0.35.0

package/dist/components/amount-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/amount-input.tsx"],"sourcesContent":["import { forwardRef, useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { CURRENCIES, CurrencyFlag, currencyName, getCurrency } from \"./currency-select\";\nimport { FIELD_BASE, FIELD_DISPLAY, FIELD_INVALID, FLOATING_INPUT_CLASS, FloatingField } from \"./ui\";\nimport { cn } from \"../lib/cn\";\nimport { currencyMinorDigits } from \"../lib/format\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { CalculatorButton, type CalculatorButtonLabels } from \"./calculator\";\nimport { NumberPadSheet, type NumberPadSheetLabels } from \"./numpad-sheet\";\nimport { DropdownPanel, DropdownSearchHeader, useDropdownSearch } from \"./dropdown\";\nimport {\n  DEFAULT_COMMON_LABELS,\n  DEFAULT_CURRENCY_LABELS,\n  useKitLabels,\n  useKitLocale,\n  type CurrencyLabels,\n} from \"../i18n/kit-labels\";\nimport {\n  commitExpression,\n  evaluateExpression,\n  formatResult,\n  isBareAmount,\n  looksLikeExpression,\n  sanitizeLive,\n  splitLeadingSign,\n} from \"../lib/calc\";\nimport { decimalMark, localizeMark, readTyped, showsTyped } from \"../lib/decimal-marks\";\nimport { hasMessage, mergeDescribedBy } from \"./choice-parts\";\n\ninterface AmountInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  currency?: string;\n  onCurrencyChange?: (code: string) => void;\n  placeholder?: string;\n  label?: ReactNode;\n  disabled?: boolean;\n  /** Required and unanswered — {@link FIELD_INVALID}. See {@link Input}'s `invalid`. */\n  invalid?: boolean;\n  /**\n   * What is wrong with the amount, in the caller's own words — {@link Input}'s `error`\n   * (keksdose K4: \"exceeds the outstanding balance\" was a loose `<p>` beside the field\n   * that nothing pointed at). Rendered under the field, after a text `hint`; merged into\n   * `aria-describedby` after the caller's ids and the hint's; implies `invalid`, so the\n   * field paints as well as announces. `null`, `false` and `\"\"` are no message.\n   * {@link MoneyField} takes it too.\n   */\n  error?: ReactNode;\n  /**\n   * Show the desktop calculator trigger (default `true`). `false` for an amount in an\n   * ephemeral close-on-blur editor — a budget's assigned cell, a VAT cell (keksdose K6)\n   * — where a click on the icon blurs the field and tears the editor down before the\n   * popover can open. Typing a calculation (\"200+50\", then Enter) still evaluates, and\n   * a phone keeps its numpad, exactly as {@link NumberInput}'s `calculator={false}`.\n   */\n  calculator?: boolean;\n  /** The field's WRAPPER — width, a margin, a flex share. The `<input>` is\n   *  `inputClassName`'s. */\n  className?: string;\n  /**\n   * Classes for the `<input>` itself — {@link NumberInput}'s and {@link Input}'s prop of\n   * the same name, merged the same way: after everything the field sets for LOOKS — the\n   * base classes, the plain end padding, the display shape's centring and the `tone`\n   * colour — so it can restyle the figure (`text-end` for a money column whose decimal\n   * points line up, `font-medium`, a tighter `py-1` or a symmetric `px-2` in a table\n   * cell, `text-transparent` while a figure is being re-fetched), and before what the\n   * field needs to WORK: the end padding the calculator and the currency chip reserve,\n   * and the invalid border. Neither of those can be taken away by accident — a caller's\n   * `px-2` keeps its start edge and the digits still stop short of the chip, and a\n   * borderless cell's `border-transparent` still turns red when the value is wrong.\n   *\n   * keksdose G7: the invoice's VAT cell right-aligns its figure, and with only\n   * `className` (the wrapper) it reached the element through `[&_input]:text-end` — a\n   * descendant selector that depends on the field's inner markup, which the kit is free\n   * to change, and that a reader of the call site has to decode. {@link MoneyField}\n   * passes it through, and `RhfMoneyField` takes it too.\n   *\n   * keksdose 0.24: until then it sat BEFORE the plain end padding (`pe-3`) and the tone,\n   * so the budget's assigned cell could not make its padding symmetric (`px-2` came out\n   * `px-2 pe-3`) and the holdings price could not hide an outflow-toned figure while\n   * re-fetching — both were back on `[&_input]:` selectors on the wrapper.\n   */\n  inputClassName?: string;\n  id?: string;\n  ariaLabel?: string;\n  /**\n   * Set on the `<input>`, with `id` above. Declared so `Field`'s render-prop spread —\n   * `{(ids) => <AmountInput {...ids} … />}` — is typed and reaches the input: the\n   * hint and error are described, a required amount is announced as required, and\n   * `aria-invalid` paints {@link FIELD_INVALID} the way `invalid` does.\n   */\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: boolean | \"true\" | \"false\";\n  \"aria-required\"?: boolean | \"true\" | \"false\";\n  /** {@link NumberInput}'s `hint`, the same rule: a {@link FieldHint} \"?\" rides the\n   *  label's own line, beside the label (not at the far end, where the calculator and\n   *  the currency chip live); plain TEXT (a string or a number) is a caption UNDER\n   *  the field, attached through `aria-describedby` after the caller's own. A phone's\n   *  `variant=\"display\"` has no visible label, so a FieldHint is dropped there; a\n   *  caption still shows. */\n  hint?: ReactNode;\n  /** Every user-facing string this component and the two it composes own, so a\n   *  translating host can supply its own. Each key optional, and each a per-field\n   *  override of the kit-wide translation in `<UiKitProvider labels>`: `currency`\n   *  and `currencySearch` of its `currency` namespace, the rest of `calculator`.\n   *  `currency` names the picker chip, composed with the selected code through\n   *  `common.fieldValue`; the rest are pass-through. */\n  labels?: {\n    currency?: string;\n    currencySearch?: string;\n    /** Names the calculator TRIGGER this component renders. `calculator` below\n     *  names the controls inside the popover it opens. */\n    calculatorTrigger?: string;\n    pad?: NumberPadSheetLabels;\n    calculator?: CalculatorButtonLabels;\n  };\n  /** Translated currency names for the chip's picker, keyed by ISO code. The same\n   *  sparse override `CurrencySelect` takes, and for the same reason: the names in\n   *  `CURRENCIES` are shipped data, so without this they are the one English word\n   *  left in a translated row. Not part of `labels` because it is keyed by DATA\n   *  rather than by a fixed set of slots, and an app passes the same map to both\n   *  pickers. */\n  currencyNames?: Record<string, string>;\n  /** Focus the field on mount — on mobile this also opens the numpad sheet, so a\n   *  new-transaction form can jump straight to amount entry (feedback #70). */\n  autoFocus?: boolean;\n  /**\n   * Tint the typed figure by what it will DO (Keksdose feedback #167).\n   *\n   * The direction is chosen with a toggle beside the field rather than typed, so\n   * the digits alone say nothing about which way the money goes — on the one screen\n   * where getting that backwards is the expensive mistake. Colour says it\n   * continuously, and it costs no layout. It stays the MAIN indication (live #201\n   * rework: *\"The main indication shall still be the color\"*); {@link negative}\n   * renders the sign as a second, quieter signal in front of the figure.\n   *\n   * Never the ONLY signal: the toggle it mirrors is right there, labelled, so this\n   * is reinforcement rather than the sole carrier of the meaning.\n   */\n  tone?: \"neutral\" | \"outflow\" | \"inflow\";\n  /**\n   * The SIGN of the figure, owned by the caller's direction control (Keksdose live\n   * #201 rework: *\"Outflow should be negative and inflow positive … the sign shall\n   * be displayed but not necessarily be typed in\"*).\n   *\n   * `value` stays the MAGNITUDE. The minus is glued on at render time and stripped\n   * off again before anything is reported back, so the caller never sees its own\n   * prefix echoed and no code path can end up applying it twice. That is the whole\n   * cure: there is exactly ONE place the sign lives, and it is not the text.\n   *\n   * Because it is rendered rather than stored it cannot be deleted (the next render\n   * puts it back), a select-all-and-retype keeps the direction, and the caret needs\n   * no minding.\n   *\n   * Since 0.15.5 it is drawn on its own too, for a read-only or disabled signed figure\n   * (an \"Items total\" of −5.18): no `onNegativeChange` needed just to show the minus.\n   */\n  negative?: boolean;\n  /**\n   * A sign the user TYPED, or a calculation that resolved to a signed number.\n   *\n   * SET, never flip. A \"-\" means *\"this is an outflow\"*, so typing it twice says the\n   * same thing twice — which is exactly what the rework asks for (*\"Subtracting\n   * values twice resulting in inflow -> outflow and back to inflow seems not\n   * reasonable\"*). \"+\" says the other direction.\n   *\n   * Its presence is what ARMS the whole sign behaviour. A field with no direction\n   * control — an account's starting balance, a loan payment, a holding's cost —\n   * passes neither prop and keeps a text that is the whole truth, minus included.\n   */\n  onNegativeChange?: (negative: boolean) => void;\n  /**\n   * How the field presents itself ON A PHONE (Keksdose feedback #176).\n   *\n   * `\"field\"` (default) is the labelled, bordered input used everywhere else.\n   *\n   * `\"display\"` keeps every mechanic — the same `<input>`, the same numpad sheet,\n   * the same currency picker, the same commit/blur contract — and only drops the\n   * chrome: no border, no fill, no floating label, the figure set at display size.\n   * On a form whose whole point is one number, a bordered `text-sm` box draws the\n   * amount at the same weight as the memo beside it; this makes it the headline\n   * instead. It stays fully editable — the underline and the caret are what say so.\n   *\n   * Phone-only by construction: it keys off the same breakpoint as the numpad, so\n   * from `md` up the field is byte-for-byte the normal one and a desktop grid keeps\n   * its column rhythm.\n   */\n  variant?: \"field\" | \"display\";\n  /**\n   * Where the figure sits in its row, for `variant=\"display\"` only (Keksdose\n   * feedback #176 rework).\n   *\n   * `\"start\"` (default) keeps it flush left, in the reading column the fields\n   * below it share — and it is what the entry forms use, because a figure that\n   * starts at a known edge is legible at any width: when the value outgrows the\n   * field, the digits that scroll out of sight are the trailing ones, not the\n   * magnitude (Keksdose feedback #430 rework).\n   *\n   * `\"center\"` makes it a centred headline. It centres in the width that REMAINS\n   * after the trailing currency control, not in the whole box: the control is\n   * pinned to the right edge, so a plain `text-center` would centre the figure\n   * under it and the last digits would sit behind the chip. This used to mirror\n   * the control's reservation onto the left instead, which centred correctly but\n   * spent twice the control's width on padding — fatal on a 375px screen, where\n   * it left a 36px figure 16px to live in.\n   */\n  align?: \"start\" | \"center\";\n  /**\n   * Decimals the committed amount is rounded to (kastlan 0.12: \"12.345\" and a\n   * calculator's \"100/3\" reached a `Numeric(10,2)` column unrounded and failed with a\n   * 422). Default: the currency's minor unit, from `Intl` (CHF and EUR 2, JPY 0). With\n   * no `currency`, nothing is rounded unless this is set. Rounding is half away from\n   * zero (12.345 → 12.35, -12.345 → -12.35) and happens when the figure settles: on\n   * blur, on Enter, and on every result the calculator writes back. Keystrokes are left\n   * alone, so \"12.3\" can still become \"12.34\".\n   *\n   * ⚠️ **A unit price or a rate needs `digits`.** The default is right for an amount of\n   * money and silently wrong for a price per unit: a fund's NAV of 123.4567 or fuel at\n   * 1.789 €/l is stored as 123.46 / 1.79, and no test fails (keksdose G2, a\n   * `Numeric(18,6)` holding price and a `Numeric(18,4)` unit price). Pass the column's\n   * scale: `digits={4}`, `digits={6}`.\n   *\n   * **Set `digits` for any sub-currency scale** — not only a price: any field whose\n   * column holds more decimals than the currency's minor unit. A split line stored at\n   * the ledger's 4dp (`Numeric(18,4)`) and loaded as 12.3456 is SHOWN as 12.35, and\n   * committed as 12.35 as soon as the user tabs through it (blur settles) — so the form\n   * no longer equals what the server holds: the lines stop summing to the 4dp total,\n   * and Save is held (keksdose live #240). With a `currency`, every commit rounds to that currency's\n   * minor unit unless `digits` says otherwise: pass the column's scale (`digits={4}`).\n   */\n  digits?: number;\n  /** The smallest amount the field settles on. A lower figure is raised to it when it\n   *  settles, like `digits`. Compared with the signed figure. */\n  min?: number;\n  /** The largest amount the field settles on (a deposit release capped at the\n   *  balance). A higher figure is lowered to it when it settles. */\n  max?: number;\n  /**\n   * The SETTLED figure, dot-decimal, sign included — fired on blur, on Enter, on the\n   * numpad's \"=\" and on every result the calculator writes back, never on a keystroke\n   * (\"1200+\" is not a figure yet). `onChange` still reports every keystroke; this is\n   * for a host that stores a number and must not see drafts (kastlan 52; see\n   * {@link MoneyField}, which is built on it).\n   */\n  onCommit?: (value: string) => void;\n}\n\n\n/**\n * A settled figure, rounded to `digits` (half away from zero) and clamped to\n * `min`/`max`. Only a plain number is touched. A half-typed draft or an expression\n * comes back as it was. Rounding works in decimal exponent notation, because\n * `Math.round(1.005 * 100)` is 100 (1.005 is 1.00499… in binary).\n */\nfunction settleAmount(text: string, digits: number | undefined, min?: number, max?: number): string {\n  const t = text.trim();\n  if (!/^-?\\d*\\.?\\d*$/.test(t) || !/\\d/.test(t)) return text;\n  let n = Number(t);\n  if (!Number.isFinite(n)) return text;\n  if (digits !== undefined) {\n    const magnitude = Number(`${Math.round(Number(`${Math.abs(n)}e${digits}`))}e-${digits}`);\n    n = n < 0 ? -magnitude : magnitude;\n  }\n  if (min !== undefined && n < min) n = min;\n  if (max !== undefined && n > max) n = max;\n  const out = formatResult(n);\n  // Unchanged figures keep their own spelling (\"12.50\" stays \"12.50\").\n  return Number(out) === Number(t) ? text : out;\n}\n\n// The locale's decimal mark and the grouping parse (kastlan 40, keksdose G1) live in\n// `lib/decimal-marks.ts`, shared with NumberInput since 0.22 (keksdose K5).\n\n// The error line under a field — the type of `ui.tsx`'s (module-private) one, so an\n// AmountInput's message is indistinguishable from an Input's.\nconst FIELD_ERROR_CLASS = \"mt-1 text-caption leading-tight text-[var(--danger)]\";\n\n// The consuming app's ONE money palette (`--money-expense` / `--money-income`),\n// not a bespoke rose/emerald pairing: a figure being typed has to wear the same\n// colour the same figure will wear once it is a row in the table behind the form\n// (Keksdose dev#434). The utilities are unlayered and theme-aware, so no `dark:`\n// variant is needed and they win over the field's own text colour regardless of\n// where `cn` puts them.\nconst TONE_CLASS: Record<\"neutral\" | \"outflow\" | \"inflow\", string> = {\n  neutral: \"\",\n  outflow: \"text-money-neg\",\n  inflow: \"text-money-pos\",\n};\n\n// The shared chrome-less treatment at money size. `tabular-nums` so digits don't\n// reflow the figure as they are typed; FIELD_DISPLAY's own muted placeholder\n// colour is what keeps an EMPTY form from painting its zero in the direction tint\n// (`tone` is computed from 0, which reads as an inflow).\nconst DISPLAY_INPUT_CLASS = cn(\n  FIELD_DISPLAY,\n  \"text-4xl font-semibold leading-tight tracking-tight tabular-nums\",\n);\n\n/**\n * Is `text` the ANSWER to `previous`, or something typed OVER it?\n *\n * \"The old text was a sum and the new one is bare\" cannot tell those apart, and both\n * gestures are ordinary: select-all-and-retype after a typo, or backspacing \"-20+\"\n * back down to a fresh figure. Read as an answer, they move the direction chip — so\n * an outflow of 7 quietly booked +7.00 (live #201 rework).\n *\n * The question that does separate them is arithmetic, not shape: evaluate what the\n * text replaced and see whether this IS that number. \"-12+30\" → \"18\" still is, so a\n * sum that comes out positive still takes the chip with it; \"-20+50\" → \"7\" is not,\n * and \"-20+\" evaluates to nothing at all.\n */\nfunction isResultOf(previous: string, text: string, settle: (text: string) => string): boolean {\n  const n = evaluateExpression(previous);\n  // Compared settled, since the field rounds what the calculator hands it.\n  return n !== null && settle(formatResult(n)) === text.trim();\n}\n\nexport const AmountInput = forwardRef<HTMLInputElement, AmountInputProps>(\n  ({ value, onChange, currency, onCurrencyChange, placeholder, label, disabled, invalid: invalidProp, error, calculator = true, className, inputClassName, id, ariaLabel, \"aria-describedby\": ariaDescribedBy, \"aria-invalid\": ariaInvalid, \"aria-required\": ariaRequired, hint, autoFocus, tone = \"neutral\", negative = false, onNegativeChange, variant = \"field\", align = \"start\", labels, currencyNames, digits: digitsProp, min, max, onCommit }, ref) => {\n    const generatedId = useId();\n    const fieldId = id ?? generatedId;\n    const hintId = useId();\n    const errorId = useId();\n    // Text is a caption under the field; a FieldHint rides the label line. See `hint`.\n    const textHint = (typeof hint === \"string\" && hint !== \"\") || typeof hint === \"number\";\n    const hasError = hasMessage(error);\n    // The standing advice first, the news second: the caller's ids, the caption, the error.\n    const describedBy = mergeDescribedBy(ariaDescribedBy, textHint && hintId, hasError && errorId);\n    const invalid = Boolean(invalidProp) || hasError || ariaInvalid === true || ariaInvalid === \"true\";\n    const editable = !!onCurrencyChange;\n    // On phones we suppress the OS keyboard (inputMode=\"none\" below) and show our\n    // own calculator numpad, so the desktop popover trigger is hidden. The\n    // end padding keys off showCalc, so it tightens up automatically.\n    const isMobile = usePhoneLayout();\n    const showCalc = calculator && !disabled && !isMobile;\n    const [focused, setFocused] = useState(false);\n    // On mobile, focusing the field opens the numpad bottom sheet in place of the\n    // native keyboard (feedback #334) — a full calculator keypad, not just the old\n    // operator bar. An internal ref lets the sheet's \"Done\" blur the input, which\n    // commits + closes via the existing onBlur handler.\n    const showNumpad = isMobile && !disabled && focused;\n    // Gate the display treatment on the SAME `isMobile` the numpad uses rather than\n    // on `max-md:` classes, so the two can never drift apart on the breakpoint —\n    // and so the two shapes are separate class strings instead of one string\n    // fighting itself through responsive overrides. `useMediaQuery` reads\n    // synchronously on mount, so there is no field→figure flash.\n    const asDisplay = variant === \"display\" && isMobile;\n    // Room for the trailing controls — the calculator and the currency chip — or\n    // nothing when neither trails. showCalc is always false on a phone, so the display\n    // shape only ever has to clear the currency chip — and it clears it by the chip's\n    // actual width (a text-sm code plus a chevron, ~58px) rather than the 5rem the\n    // boxed shape reserves. On a 375px screen those 16px are the difference between a\n    // readable figure and a clipped one (feedback #430 rework).\n    const trailingRoom = asDisplay\n      ? currency ? (editable ? \"pe-16\" : \"pe-12\") : undefined\n      : showCalc\n        ? currency ? (editable ? \"pe-24\" : \"pe-16\") : \"pe-10\"\n        : currency ? (editable ? \"pe-20\" : \"pe-14\") : undefined;\n    const innerRef = useRef<HTMLInputElement>(null);\n    const setRefs = useCallback(\n      (el: HTMLInputElement | null) => {\n        innerRef.current = el;\n        if (typeof ref === \"function\") ref(el);\n        else if (ref) ref.current = el;\n      },\n      [ref],\n    );\n    // The sign is DISPLAYED, not stored (live #201 rework). `value` is the\n    // magnitude; the minus is glued on here and taken off again in handleText, so\n    // the two can never disagree and the caller can never double-apply it. Only in\n    // front of a bare amount: an expression being typed (\"12-30\") owns its own\n    // minus and has to survive keystroke-for-keystroke.\n    const signOwned = onNegativeChange !== undefined;\n    // The sign is DRAWN whenever `negative` says so, handler or not (keksdose live #366):\n    // a read-only or disabled total (\"−5.18\") used to need a dummy `onNegativeChange`\n    // just to show its minus. Without the handler there is nothing to toggle — a typed\n    // minus simply stays in the text, as in any field without a direction control.\n    const shown = negative && isBareAmount(value) ? `-${value}` : value;\n    // What the user SEES is `shown` with the locale's decimal mark (kastlan 40: a\n    // fr-CH user typed \"1,5\" and watched it turn into \"1.5\" under their fingers). Display only — `value`, `onChange`, the sign split and the settle all\n    // stay dot-decimal, because that string is the contract: RhfMoneyField's\n    // `parseAmount`, every app's `Number(value)` and the calculator's evaluator read\n    // it. The way back is free: {@link sanitizeLive} already folds a typed \",\" into\n    // \".\", so a comma typed, pasted or tapped on the numpad lands as a dot.\n    //\n    // One character for one character, and no digit grouping: the caret stays where\n    // the typist put it, and \"1.000\" cannot be read back as a thousand in one locale\n    // and as one in the other. de-CH and it-CH are \".\" — CLDR says so, and this\n    // follows `Intl` rather than a guess about a country.\n    const locale = useKitLocale();\n    const mark = decimalMark(locale);\n    // While the typist is typing, the field shows THEIR text (\"1.234,5\" stays exactly\n    // that), not the value re-spelt: re-spelling turned a grouping \".\" into a \",\" under\n    // their fingers, after which no rule could tell the two apart (keksdose G1). The\n    // draft is shown only while it still spells what the field holds; a value set from\n    // outside, a calculator result or a commit falls back to the derived spelling.\n    const [draft, setDraft] = useState<string | null>(null);\n    // A value the HOST set (not one typed here) is shown at the currency's minor unit\n    // while the field is not being edited: an FX estimate of 93.4213 showed four\n    // decimals (keksdose live #356). Display only — `value` is the host's, untouched.\n    const displayDigits = digitsProp ?? currencyMinorDigits(currency);\n    const resting = focused ? shown : settleAmount(shown, displayDigits);\n    const derived = localizeMark(resting, mark);\n    // The draft only while it says what the field holds AND holds nothing the live\n    // sanitising would drop — a letter, a second decimal point — which would otherwise\n    // stay on screen while the value said something else (see `showsTyped`).\n    const display =\n      draft === null\n        ? derived\n        : showsTyped(draft, mark, shown)\n          ? draft\n          : // The caller owns the sign: the typed \"12\" is shown as the \"-12\" it is.\n            signOwned && negative && shown.startsWith(\"-\") && showsTyped(draft, mark, shown.slice(1))\n            ? `-${draft}`\n            : derived;\n    // Every route into the field — typing, the numpad sheet, the desktop\n    // calculator, the blur/Enter commit — funnels through here, so the split is\n    // written once and the four entry paths cannot drift.\n    //\n    // `previous` is the text this one REPLACES, and it is what says whether a bare\n    // figure arriving here is an answer or a magnitude. For the three paths that\n    // edit the field's own text that is simply what the field was showing; the\n    // desktop calculator keeps its expression in a popover the field never sees,\n    // so it passes it in (see `CalculatorButton`'s `onChange`).\n    const digits = digitsProp ?? currencyMinorDigits(currency);\n    const settle = (text: string) => settleAmount(text, digits, min, max);\n    const handleText = (raw: string, previous: string = shown) => {\n      const text = sanitizeLive(raw);\n      if (!signOwned) {\n        onChange(text);\n        return;\n      }\n      const { sign, rest } = splitLeadingSign(text);\n      if (sign) {\n        // SET, not flip: re-reporting the same sign on every keystroke is a no-op.\n        onNegativeChange(sign === \"-\");\n      } else if (looksLikeExpression(previous) && isBareAmount(text) && isResultOf(previous, text, settle)) {\n        // A calculation that just RESOLVED states its sign in both directions. The\n        // figure it ran on is the SIGNED one the user could see — \"-12+30\" is +18 —\n        // so a positive result has to move the chip too, or the field would answer\n        // that sum with \"-18\" and contradict the arithmetic it just showed.\n        //\n        // Only when it really resolved, though: see {@link isResultOf}. A bare figure\n        // arriving on top of an expression is far more often a replacement than an\n        // answer, and reading it as an answer flips the direction of money.\n        onNegativeChange(false);\n      }\n      onChange(sign ? rest : text);\n    };\n    const commit = () => {\n      setDraft(null);\n      const settled = settle(commitExpression(shown));\n      handleText(settled);\n      onCommit?.(settled);\n    };\n    const typed = (raw: string) => {\n      setDraft(raw);\n      handleText(readTyped(raw, mark));\n    };\n    const { open, setOpen, wrapperRef, panelRef, query, setQuery, inputRef } = useDropdownSearch();\n    // The chip the currency list hangs off (Keksdose dev#548). It is portalled now, so\n    // the panel needs a real trigger rect rather than a relative parent — see\n    // `DropdownPanel`'s note for what an `overflow` ancestor did to it before.\n    const chipRef = useRef<HTMLButtonElement>(null);\n\n    // The currency chip's strings are the `currency` namespace — the same two\n    // `CurrencySelect` resolves, under this component's older key names. The\n    // calculator and the numpad resolve `calculator` themselves; `labels.calculator`\n    // and `labels.pad` are handed straight through to them as overrides.\n    const currencyOverrides = useMemo(() => {\n      const out: Partial<CurrencyLabels> = {};\n      if (labels?.currency !== undefined) out.currency = labels.currency;\n      if (labels?.currencySearch !== undefined) out.search = labels.currencySearch;\n      return out;\n    }, [labels?.currency, labels?.currencySearch]);\n    const currencyText = useKitLabels(\"currency\", DEFAULT_CURRENCY_LABELS, currencyOverrides);\n    const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n\n    const selected = getCurrency(currency);\n    const filtered = useMemo(() => {\n      const q = query.trim().toLocaleLowerCase(locale);\n      if (!q) return CURRENCIES;\n      return CURRENCIES.filter(\n        (c) =>\n          c.code.toLowerCase().includes(q) ||\n          // The name the row SHOWS, so a translated list is searchable in the\n          // language it is written in.\n          currencyName(c, currencyNames, locale).toLocaleLowerCase(locale).includes(q) ||\n          c.symbol.toLowerCase().includes(q),\n      );\n    }, [query, currencyNames, locale]);\n\n    return (\n      <div ref={wrapperRef} className={cn(\"w-full\", className)}>\n        {/* Inner relative box holds the input + its absolutely-positioned\n            trailing controls (calculator / currency), so those stay anchored to\n            the INPUT even when the mobile math bar is rendered below (#334). It is\n            the kit's FloatingField, which draws the label — floating, or sr-only in\n            the display shape — and puts a FieldHint on the label's line, as it does\n            for NumberInput. */}\n        <FloatingField\n          className=\"w-full\"\n          htmlFor={fieldId}\n          label={label}\n          srOnlyLabel={asDisplay}\n          hint={textHint ? undefined : hint}\n        >\n        <input\n          ref={setRefs}\n          id={fieldId}\n          aria-label={ariaLabel}\n          type=\"text\"\n          // eslint-disable-next-line jsx-a11y/no-autofocus -- opt-in per call site (feedback #70)\n          autoFocus={autoFocus}\n          // On mobile suppress the OS keyboard so our numpad sheet owns entry; the\n          // field keeps focus/caret. Desktop keeps the native decimal keypad.\n          inputMode={isMobile ? \"none\" : \"decimal\"}\n          autoComplete=\"off\"\n          disabled={disabled}\n          // The floating-label pattern needs a blank placeholder for its\n          // peer-placeholder-shown trick. The display shape has no floating label,\n          // so it spends the placeholder on what an empty borderless form actually\n          // needs: a zero to aim at, at full size. The caller supplies it because\n          // only the app knows the locale's decimal separator.\n          placeholder={asDisplay ? (placeholder ?? \"0\") : label !== undefined ? \" \" : placeholder}\n          value={display}\n          onChange={(e) => typed(e.target.value)}\n          onFocus={() => setFocused(true)}\n          onBlur={() => {\n            commit();\n            setFocused(false);\n          }}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\") commit();\n          }}\n          className={cn(\n            // With a label, use the floating-input padding (pt-4 pb-1) like every\n            // other labelled field so the value sits BELOW the floated label rather\n            // than vertically centred where it overlaps the resting label\n            // (feedback #314). FLOATING_INPUT_CLASS already bundles the peer +\n            // transparent-placeholder bits.\n            asDisplay ? DISPLAY_INPUT_CLASS : label !== undefined ? FLOATING_INPUT_CLASS : FIELD_BASE,\n            // The plain end padding, with nothing trailing: cosmetic, so the caller's\n            // to change (keksdose 0.24 — a symmetric `px-2` in a budget cell).\n            !trailingRoom && (asDisplay ? \"pe-0\" : \"pe-3\"),\n            // Centred display shape: centre in what is LEFT of the currency chip.\n            // `text-center` alone would centre the figure in the whole box, i.e.\n            // partly underneath the chip; the padding below is what takes the chip\n            // out of the centring, and nothing is added at the start because a\n            // mirrored reservation would spend the width twice (see `align`).\n            asDisplay && align === \"center\" && \"text-center\",\n            // Over the base class's own text colour.\n            TONE_CLASS[tone],\n            // The caller's, over all of the above — base, plain padding, alignment and\n            // tone — and under only what the field needs to work (see `inputClassName`).\n            inputClassName,\n            // Room for the trailing controls, after the caller's so a `px-2` cannot run\n            // the digits under the chip (NumberInput's order, which reserves its unit\n            // and calculator the same way).\n            trailingRoom,\n            invalid && FIELD_INVALID,\n          )}\n          aria-invalid={invalid || undefined}\n          aria-describedby={describedBy}\n          aria-required={ariaRequired}\n        />\n        {/* The label is FloatingField's, after these children (the floating trick\n            reads the input through `peer-*`). The display shape drops it VISUALLY,\n            not from the accessibility tree: a 36px tinted figure at the top of a\n            transaction form is legibly the amount, but a screen reader still needs\n            the name, and callers that pass `label` without `ariaLabel` would\n            otherwise be left with none. */}\n        {/* Trailing controls share one flex track so the calculator icon and the\n            currency suffix/picker sit side by side without overlapping. */}\n        {/* The display shape has no box to inset from, so the controls align to the\n            figure's own end edge and its baseline strip (`bottom-1`, matching the\n            input's pb-1) instead of floating inside a field. */}\n        <div\n          className={cn(\n            \"absolute flex items-center gap-0.5\",\n            // Logical `end-*`: the chip and the calculator are the figure's trailing\n            // controls, so a right-to-left form carries them on the left.\n            asDisplay ? \"bottom-1 end-0\" : \"inset-y-1 end-1\",\n          )}\n        >\n          {showCalc && (\n            <CalculatorButton\n              // The mark the field shows but not the typist's grouping: the evaluator\n              // reads either mark, and \"1.234,5\" is two of them. The result comes back\n              // dot-decimal.\n              value={derived}\n              onChange={(result, expression) => {\n                setDraft(null);\n                const settled = settle(result);\n                handleText(settled, expression);\n                onCommit?.(settled);\n              }}\n              className=\"px-1.5\"\n              ariaLabel={labels?.calculatorTrigger}\n              labels={labels?.calculator}\n            />\n          )}\n          {currency && !editable && (\n            <span\n              aria-hidden\n              className={cn(\n                \"pointer-events-none px-1 font-medium text-[var(--text-muted)]\",\n                // A text-xs chip next to a 36px figure reads as a stray footnote.\n                asDisplay ? \"text-sm\" : \"text-xs\",\n              )}\n            >\n              {currency}\n            </span>\n          )}\n          {currency && editable && (\n            <button\n              ref={chipRef}\n              type=\"button\"\n              onClick={() => setOpen((v) => !v)}\n              aria-label={\n                // \"Currency: EUR\" through `common.fieldValue`, not a template literal:\n                // the colon-and-space is punctuation a translation has to own.\n                selected ? common.fieldValue(currencyText.currency, selected.code) : currencyText.currency\n              }\n              className={cn(\n                \"flex items-center gap-1 rounded px-2 py-1 font-medium text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]\",\n                asDisplay ? \"text-sm\" : \"text-xs\",\n              )}\n            >\n              {currency}\n              <ChevronDown className=\"size-3\" />\n            </button>\n          )}\n        </div>\n        {editable && open && (\n          <DropdownPanel\n            anchorRef={chipRef}\n            panelRef={panelRef}\n            empty={filtered.length === 0}\n            header={\n              <DropdownSearchHeader\n                query={query}\n                onQueryChange={setQuery}\n                inputRef={inputRef}\n                placeholder={currencyText.search}\n              />\n            }\n          >\n            {filtered.map((c) => {\n                const active = c.code === selected?.code;\n                return (\n                  <li key={c.code}>\n                    <button\n                      type=\"button\"\n                      onClick={() => {\n                        onCurrencyChange?.(c.code);\n                        setOpen(false);\n                      }}\n                      className={cn(\n                        \"flex w-full items-center gap-2 px-3 py-1.5 text-sm text-start hover:bg-[var(--bg-hover)]\",\n                        active && \"bg-[var(--bg-active)]\",\n                      )}\n                    >\n                      <CurrencyFlag country={c.country} />\n                      <span className=\"font-mono text-[var(--text-muted)] w-8 shrink-0 text-xs\">\n                        {c.symbol}\n                      </span>\n                      <span className=\"font-medium text-[var(--text-primary)]\">{c.code}</span>\n                      <span className=\"text-[var(--text-muted)] truncate text-xs\">{currencyName(c, currencyNames, locale)}</span>\n                    </button>\n                  </li>\n                );\n              })}\n          </DropdownPanel>\n        )}\n        </FloatingField>\n        {/* Outside the relative box, as NumberInput's caption is: the trailing\n            controls are `inset-y-1` in it and would stretch down over a second line. */}\n        {textHint && (\n          <p id={hintId} className=\"mt-1 text-caption leading-tight text-[var(--text-muted)]\">\n            {hint}\n          </p>\n        )}\n        {/* The news after the standing advice, as Select orders them. The root is\n            already a steady box, so the message coming and going remounts nothing. */}\n        {hasError && (\n          <p id={errorId} className={FIELD_ERROR_CLASS}>\n            {error}\n          </p>\n        )}\n        {showNumpad && (\n          <NumberPadSheet\n            // Localised like the field it mirrors. Keys are typing, read by the\n            // locale's marks like the keyboard's; \"=\" is a result, dot-decimal.\n            value={display}\n            onChange={typed}\n            onResult={(result) => {\n              setDraft(null);\n              const settled = settle(result);\n              handleText(settled);\n              onCommit?.(settled);\n            }}\n            onDone={() => innerRef.current?.blur()}\n            label={label}\n            labels={labels?.pad}\n            decimalMark={mark}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nAmountInput.displayName = \"AmountInput\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/amount-input.tsx"],"sourcesContent":["import { useId, useMemo, useRef } from \"react\";\nimport { ChevronDown } from \"lucide-react\";\nimport type { ReactNode, Ref } from \"react\";\nimport { CurrencyOptionList, getCurrency } from \"./currency-option-list\";\nimport { useComboboxCore } from \"./combobox-core\";\nimport {\n  FIELD_BASE,\n  FIELD_DISPLAY,\n  FIELD_INVALID,\n  FLOATING_INPUT_CLASS,\n  FloatingField,\n} from \"./field-base\";\nimport { cn } from \"../lib/cn\";\nimport { currencyMinorDigits } from \"../lib/format\";\nimport { roundHalfAway } from \"../lib/round\";\nimport { CalculatorButton, type CalculatorButtonLabels } from \"./calculator\";\nimport { NumberPadSheet, type NumberPadSheetLabels } from \"./numpad-sheet\";\nimport {\n  DEFAULT_COMMON_LABELS,\n  DEFAULT_CURRENCY_LABELS,\n  useKitLabels,\n  useKitLocale,\n  type CurrencyLabels,\n} from \"../i18n/kit-labels\";\nimport {\n  commitExpression,\n  evaluateExpression,\n  formatResult,\n  isBareAmount,\n  looksLikeExpression,\n  sanitizeLive,\n  splitLeadingSign,\n} from \"../lib/calc\";\nimport {\n  FieldCaption,\n  LockedReason,\n  mergeRefs,\n  type DisabledReasonDisplay,\n  type LockReason,\n} from \"./field-parts\";\nimport { useEndWidth, useNumericField } from \"./numeric-field\";\nimport type { CommitScope } from \"./write-lock\";\n\n/** {@link AmountInput}'s props — exported since 0.34 (refactor audit 2026-10, API-9): a\n *  wrapper typed itself off `ComponentProps<typeof AmountInput>` until then. */\nexport interface AmountInputProps {\n  value: string;\n  onChange: (value: string) => void;\n  currency?: string;\n  onCurrencyChange?: (code: string) => void;\n  placeholder?: string;\n  label?: ReactNode;\n  disabled?: boolean;\n  /** Required and unanswered — {@link FIELD_INVALID}. See {@link Input}'s `invalid`. */\n  invalid?: boolean;\n  /**\n   * What is wrong with the amount, in the caller's own words — {@link Input}'s `error`\n   * (keksdose K4: \"exceeds the outstanding balance\" was a loose `<p>` beside the field\n   * that nothing pointed at). Rendered under the field, after a text `hint`; merged into\n   * `aria-describedby` after the caller's ids and the hint's; implies `invalid`, so the\n   * field paints as well as announces. `null`, `false` and `\"\"` are no message.\n   * {@link MoneyField} takes it too.\n   */\n  error?: ReactNode;\n  /**\n   * Show the desktop calculator trigger (default `true`). `false` for an amount in an\n   * ephemeral close-on-blur editor — a budget's assigned cell, a VAT cell (keksdose K6)\n   * — where a click on the icon blurs the field and tears the editor down before the\n   * popover can open. Typing a calculation (\"200+50\", then Enter) still evaluates, and\n   * a phone keeps its numpad, exactly as {@link NumberInput}'s `calculator={false}`.\n   */\n  calculator?: boolean;\n  /** The field's WRAPPER — width, a margin, a flex share. The `<input>` is\n   *  `inputClassName`'s. */\n  className?: string;\n  /**\n   * Classes for the `<input>` itself — {@link NumberInput}'s and {@link Input}'s prop of\n   * the same name, merged the same way: after everything the field sets for LOOKS — the\n   * base classes, the plain end padding, the display shape's centring and the `tone`\n   * colour — so it can restyle the figure (`text-end` for a money column whose decimal\n   * points line up, `font-medium`, a tighter `py-1` or a symmetric `px-2` in a table\n   * cell, `text-transparent` while a figure is being re-fetched), and before what the\n   * field needs to WORK: the end padding the calculator and the currency chip reserve,\n   * and the invalid border. Neither of those can be taken away by accident — a caller's\n   * `px-2` keeps its start edge and the digits still stop short of the chip, and a\n   * borderless cell's `border-transparent` still turns red when the value is wrong.\n   *\n   * keksdose G7: the invoice's VAT cell right-aligns its figure, and with only\n   * `className` (the wrapper) it reached the element through `[&_input]:text-end` — a\n   * descendant selector that depends on the field's inner markup, which the kit is free\n   * to change, and that a reader of the call site has to decode. {@link MoneyField}\n   * passes it through, and `RhfMoneyField` takes it too.\n   *\n   * keksdose 0.24: until then it sat BEFORE the plain end padding (`pe-3`) and the tone,\n   * so the budget's assigned cell could not make its padding symmetric (`px-2` came out\n   * `px-2 pe-3`) and the holdings price could not hide an outflow-toned figure while\n   * re-fetching — both were back on `[&_input]:` selectors on the wrapper.\n   */\n  inputClassName?: string;\n  id?: string;\n  /** Names the field when it has no visible `label` (a table cell, the display shape). */\n  \"aria-label\"?: string;\n  /**\n   * Set on the `<input>`, with `id` above. Declared so `Field`'s render-prop spread —\n   * `{(ids) => <AmountInput {...ids} … />}` — is typed and reaches the input: the\n   * hint and error are described, a required amount is announced as required, and\n   * `aria-invalid` paints {@link FIELD_INVALID} the way `invalid` does.\n   */\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: boolean | \"true\" | \"false\";\n  \"aria-required\"?: boolean | \"true\" | \"false\";\n  /**\n   * BCP 47 tag for this field — {@link NumberInput}'s `locale` (0.34, DUP-10): the decimal\n   * mark the field SHOWS and reads typing in (\"1,5\" for fr-CH, \"1.5\" for de-CH, as `Intl`\n   * decides), and the language of the currency picker's search. Default the\n   * `<UiKitProvider locale>`, else the runtime's. `value` and `onChange` stay\n   * dot-decimal.\n   */\n  locale?: string;\n  /** {@link NumberInput}'s `hint`, the same rule: a {@link FieldHint} \"?\" rides the\n   *  label's own line, beside the label (not at the far end, where the calculator and\n   *  the currency chip live); plain TEXT (a string or a number) is a caption UNDER\n   *  the field, attached through `aria-describedby` after the caller's own. A phone's\n   *  `variant=\"display\"` has no visible label, so a FieldHint is dropped there; a\n   *  caption still shows.\n   *\n   *  Since 0.34 a FieldHint is that caption at Large and on a touch screen, as on\n   *  NumberInput since 0.32 (`useInlineHint`, docs/text-size-harmonization.md §4: a fact\n   *  a finger cannot hover open is printed). A `HelpPopover` — help, not a fact (§10.23)\n   *  — stays on the label line at every size. */\n  hint?: ReactNode;\n  /** Every user-facing string this component and the two it composes own, so a\n   *  translating host can supply its own. Each key optional, and each a per-field\n   *  override of the kit-wide translation in `<UiKitProvider labels>`: `currency`\n   *  and `currencySearch` of its `currency` namespace, the rest of `calculator`.\n   *  `currency` names the picker chip, composed with the selected code through\n   *  `common.fieldValue`; the rest are pass-through. */\n  labels?: {\n    currency?: string;\n    currencySearch?: string;\n    /** Names the calculator TRIGGER this component renders. `calculator` below\n     *  names the controls inside the popover it opens. */\n    calculatorTrigger?: string;\n    pad?: NumberPadSheetLabels;\n    calculator?: CalculatorButtonLabels;\n  };\n  /** Translated currency names for the chip's picker, keyed by ISO code. The same\n   *  sparse override `CurrencySelect` takes, and for the same reason: the names in\n   *  `CURRENCIES` are shipped data, so without this they are the one English word\n   *  left in a translated row. Not part of `labels` because it is keyed by DATA\n   *  rather than by a fixed set of slots, and an app passes the same map to both\n   *  pickers. */\n  currencyNames?: Record<string, string>;\n  /** Offer only these ISO codes in the chip's list, in this order — `CurrencySelect`'s\n   *  `options`, since the chip renders CurrencySelect's list (round 0.34 Wave 2, DUP-4).\n   *  Default every currency the kit knows. */\n  currencyOptions?: string[];\n  /** Focus the field on mount — on mobile this also opens the numpad sheet, so a\n   *  new-transaction form can jump straight to amount entry (feedback #70). */\n  autoFocus?: boolean;\n  /**\n   * Tint the typed figure by what it will DO (Keksdose feedback #167).\n   *\n   * The direction is chosen with a toggle beside the field rather than typed, so\n   * the digits alone say nothing about which way the money goes — on the one screen\n   * where getting that backwards is the expensive mistake. Colour says it\n   * continuously, and it costs no layout. It stays the MAIN indication (live #201\n   * rework: *\"The main indication shall still be the color\"*); {@link negative}\n   * renders the sign as a second, quieter signal in front of the figure.\n   *\n   * Never the ONLY signal: the toggle it mirrors is right there, labelled, so this\n   * is reinforcement rather than the sole carrier of the meaning.\n   */\n  tone?: \"neutral\" | \"outflow\" | \"inflow\";\n  /**\n   * The SIGN of the figure, owned by the caller's direction control (Keksdose live\n   * #201 rework: *\"Outflow should be negative and inflow positive … the sign shall\n   * be displayed but not necessarily be typed in\"*).\n   *\n   * `value` stays the MAGNITUDE. The minus is glued on at render time and stripped\n   * off again before anything is reported back, so the caller never sees its own\n   * prefix echoed and no code path can end up applying it twice. That is the whole\n   * cure: there is exactly ONE place the sign lives, and it is not the text.\n   *\n   * Because it is rendered rather than stored it cannot be deleted (the next render\n   * puts it back), a select-all-and-retype keeps the direction, and the caret needs\n   * no minding.\n   *\n   * Since 0.15.5 it is drawn on its own too, for a read-only or disabled signed figure\n   * (an \"Items total\" of −5.18): no `onNegativeChange` needed just to show the minus.\n   */\n  negative?: boolean;\n  /**\n   * A sign the user TYPED, or a calculation that resolved to a signed number.\n   *\n   * SET, never flip. A \"-\" means *\"this is an outflow\"*, so typing it twice says the\n   * same thing twice — which is exactly what the rework asks for (*\"Subtracting\n   * values twice resulting in inflow -> outflow and back to inflow seems not\n   * reasonable\"*). \"+\" says the other direction.\n   *\n   * Its presence is what ARMS the whole sign behaviour. A field with no direction\n   * control — an account's starting balance, a loan payment, a holding's cost —\n   * passes neither prop and keeps a text that is the whole truth, minus included.\n   */\n  onNegativeChange?: (negative: boolean) => void;\n  /**\n   * How the field presents itself ON A PHONE (Keksdose feedback #176).\n   *\n   * `\"field\"` (default) is the labelled, bordered input used everywhere else.\n   *\n   * `\"display\"` keeps every mechanic — the same `<input>`, the same numpad sheet,\n   * the same currency picker, the same commit/blur contract — and only drops the\n   * chrome: no border, no fill, no floating label, the figure set at display size.\n   * On a form whose whole point is one number, a bordered `text-sm` box draws the\n   * amount at the same weight as the memo beside it; this makes it the headline\n   * instead. It stays fully editable — the underline and the caret are what say so.\n   *\n   * Phone-only by construction: it keys off the same breakpoint as the numpad, so\n   * from `md` up the field is byte-for-byte the normal one and a desktop grid keeps\n   * its column rhythm.\n   */\n  variant?: \"field\" | \"display\";\n  /**\n   * Where the figure sits in its row, for `variant=\"display\"` only (Keksdose\n   * feedback #176 rework).\n   *\n   * `\"start\"` (default) keeps it flush left, in the reading column the fields\n   * below it share — and it is what the entry forms use, because a figure that\n   * starts at a known edge is legible at any width: when the value outgrows the\n   * field, the digits that scroll out of sight are the trailing ones, not the\n   * magnitude (Keksdose feedback #430 rework).\n   *\n   * `\"center\"` makes it a centred headline. It centres in the width that REMAINS\n   * after the trailing currency control, not in the whole box: the control is\n   * pinned to the right edge, so a plain `text-center` would centre the figure\n   * under it and the last digits would sit behind the chip. This used to mirror\n   * the control's reservation onto the left instead, which centred correctly but\n   * spent twice the control's width on padding — fatal on a 375px screen, where\n   * it left a 36px figure 16px to live in.\n   */\n  align?: \"start\" | \"center\";\n  /**\n   * Decimals the committed amount is rounded to (kastlan 0.12: \"12.345\" and a\n   * calculator's \"100/3\" reached a `Numeric(10,2)` column unrounded and failed with a\n   * 422). Default: the currency's minor unit, from `Intl` (CHF and EUR 2, JPY 0). With\n   * no `currency`, nothing is rounded unless this is set. Rounding is half away from\n   * zero (12.345 → 12.35, -12.345 → -12.35) and happens when the figure settles: on\n   * blur, on Enter, and on every result the calculator writes back. Keystrokes are left\n   * alone, so \"12.3\" can still become \"12.34\".\n   *\n   * ⚠️ **A unit price or a rate needs `digits`.** The default is right for an amount of\n   * money and silently wrong for a price per unit: a fund's NAV of 123.4567 or fuel at\n   * 1.789 €/l is stored as 123.46 / 1.79, and no test fails (keksdose G2, a\n   * `Numeric(18,6)` holding price and a `Numeric(18,4)` unit price). Pass the column's\n   * scale: `digits={4}`, `digits={6}`.\n   *\n   * **Set `digits` for any sub-currency scale** — not only a price: any field whose\n   * column holds more decimals than the currency's minor unit. A split line stored at\n   * the ledger's 4dp (`Numeric(18,4)`) and loaded as 12.3456 is SHOWN as 12.35, and\n   * committed as 12.35 as soon as the user tabs through it (blur settles) — so the form\n   * no longer equals what the server holds: the lines stop summing to the 4dp total,\n   * and Save is held (keksdose live #240). With a `currency`, every commit rounds to that currency's\n   * minor unit unless `digits` says otherwise: pass the column's scale (`digits={4}`).\n   */\n  digits?: number;\n  /** The smallest amount the field settles on. A lower figure is raised to it when it\n   *  settles, like `digits`. Compared with the signed figure. */\n  min?: number;\n  /** The largest amount the field settles on (a deposit release capped at the\n   *  balance). A higher figure is lowered to it when it settles. */\n  max?: number;\n  /**\n   * The SETTLED figure, dot-decimal, sign included — fired on blur, on Enter, on the\n   * numpad's \"=\" and on every result the calculator writes back, never on a keystroke\n   * (\"1200+\" is not a figure yet). `onChange` still reports every keystroke; this is\n   * for a host that stores a number and must not see drafts (kastlan 52; see\n   * {@link MoneyField}, which is built on it).\n   */\n  onCommit?: (value: string) => void;\n  /**\n   * Why the amount cannot be changed — {@link NumberInput}'s `disabledReason` (0.34,\n   * round 0.34 C2), for an amount that SAVES itself: a budget row's assigned cell, a\n   * price committed on blur. `disabled` takes the field out of the tab order, so the\n   * reason never reached a keyboard.\n   *\n   * With a reason the field stays in the tab order and shows its figure, `readOnly` (the\n   * settled grey FIELD_BASE gives a `[readonly]` field) and `aria-disabled`. Nothing\n   * changes the amount: the calculator and the phone's numpad are not offered, the\n   * currency chip is a read-out rather than a picker, and neither blur nor Enter\n   * settles — so `onChange`, `onCommit`, `onNegativeChange` and `onCurrencyChange` are\n   * never called. Enter is swallowed, so the field does not submit the form around it.\n   * The reason is a line under the field at Large and on a touch screen, else in the kit\n   * {@link Tooltip} (`disabledReasonDisplay`), and on the input's `aria-describedby`,\n   * between the caption and the error. Wins over `disabled`. {@link MoneyField} and\n   * `RhfMoneyField` take it too.\n   */\n  disabledReason?: ReactNode;\n  /**\n   * Where the reason shows — {@link Button}'s `disabledReasonDisplay`: by default a line\n   * under the field at Large and on a touch screen, the tooltip otherwise (§4 \"No fact\n   * only in a tooltip\"; DUP-3, refactor audit 2026-10).\n   */\n  disabledReasonDisplay?: DisabledReasonDisplay;\n  /**\n   * This amount COMMITS — {@link Button}'s `commit`, NumberInput's: under a locked\n   * {@link WriteLockProvider} it is locked the `disabledReason` way with the lock's reason\n   * (which wins over its own). An amount that only reaches the server through its form's\n   * Save leaves this off and stays editable under the lock; the Save takes `commit`. No\n   * provider, or an unlocked one: no effect.\n   */\n  commit?: CommitScope;\n  /** The `<input>`. A React 19 ref prop since 0.34 (MOD-4, refactor audit 2026-10); it\n   *  was `forwardRef`. */\n  ref?: Ref<HTMLInputElement>;\n}\n\n\n/**\n * A settled figure, rounded to `digits` (half away from zero) and clamped to\n * `min`/`max`. Only a plain number is touched. A half-typed draft or an expression\n * comes back as it was. Rounding is `lib/round.ts`'s, shared with `roundToCurrency`\n * (BUG-11: this copy blanked \"0.0000001\" and a 22-digit figure on blur).\n */\nfunction settleAmount(text: string, digits: number | undefined, min?: number, max?: number): string {\n  const t = text.trim();\n  if (!/^-?\\d*\\.?\\d*$/.test(t) || !/\\d/.test(t)) return text;\n  let n = Number(t);\n  if (!Number.isFinite(n)) return text;\n  if (digits !== undefined) n = roundHalfAway(n, digits);\n  if (min !== undefined && n < min) n = min;\n  if (max !== undefined && n > max) n = max;\n  const out = formatResult(n);\n  // Unchanged figures keep their own spelling (\"12.50\" stays \"12.50\").\n  return Number(out) === Number(t) ? text : out;\n}\n\n// The locale's decimal mark and the grouping parse (kastlan 40, keksdose G1) live in\n// `lib/decimal-marks.ts`, read through the engine NumberInput and this field share\n// (`numeric-field.ts`, DUP-10).\n\n// The consuming app's ONE money palette (`--money-expense` / `--money-income`),\n// not a bespoke rose/emerald pairing: a figure being typed has to wear the same\n// colour the same figure will wear once it is a row in the table behind the form\n// (Keksdose dev#434). The utilities are unlayered and theme-aware, so no `dark:`\n// variant is needed and they win over the field's own text colour regardless of\n// where `cn` puts them.\nconst TONE_CLASS: Record<\"neutral\" | \"outflow\" | \"inflow\", string> = {\n  neutral: \"\",\n  outflow: \"text-money-neg\",\n  inflow: \"text-money-pos\",\n};\n\n// The shared chrome-less treatment at money size. `tabular-nums` so digits don't\n// reflow the figure as they are typed; FIELD_DISPLAY's own muted placeholder\n// colour is what keeps an EMPTY form from painting its zero in the direction tint\n// (`tone` is computed from 0, which reads as an inflow).\nconst DISPLAY_INPUT_CLASS = cn(\n  FIELD_DISPLAY,\n  \"text-4xl font-semibold leading-tight tracking-tight tabular-nums\",\n);\n\n/**\n * Is `text` the ANSWER to `previous`, or something typed OVER it?\n *\n * \"The old text was a sum and the new one is bare\" cannot tell those apart, and both\n * gestures are ordinary: select-all-and-retype after a typo, or backspacing \"-20+\"\n * back down to a fresh figure. Read as an answer, they move the direction chip — so\n * an outflow of 7 quietly booked +7.00 (live #201 rework).\n *\n * The question that does separate them is arithmetic, not shape: evaluate what the\n * text replaced and see whether this IS that number. \"-12+30\" → \"18\" still is, so a\n * sum that comes out positive still takes the chip with it; \"-20+50\" → \"7\" is not,\n * and \"-20+\" evaluates to nothing at all.\n */\nfunction isResultOf(previous: string, text: string, settle: (text: string) => string): boolean {\n  const n = evaluateExpression(previous);\n  // Compared settled, since the field rounds what the calculator hands it.\n  return n !== null && settle(formatResult(n)) === text.trim();\n}\n\nexport function AmountInput(props: AmountInputProps) {\n  const { ref, value, onChange, currency, onCurrencyChange, placeholder, label, className, inputClassName, id, \"aria-label\": ariaLabel, \"aria-required\": ariaRequired, autoFocus, tone = \"neutral\", negative = false, onNegativeChange, align = \"start\", labels, currencyNames, currencyOptions, digits: digitsProp, min, max, onCommit, disabledReasonDisplay } = props;\n  const generatedId = useId();\n  const fieldId = id ?? generatedId;\n  // The sign is DISPLAYED, not stored (live #201 rework). `value` is the\n  // magnitude; the minus is glued on here and taken off again in handleText, so\n  // the two can never disagree and the caller can never double-apply it. Only in\n  // front of a bare amount: an expression being typed (\"12-30\") owns its own\n  // minus and has to survive keystroke-for-keystroke.\n  const signOwned = onNegativeChange !== undefined;\n  // The sign is DRAWN whenever `negative` says so, handler or not (keksdose live #366):\n  // a read-only or disabled total (\"−5.18\") used to need a dummy `onNegativeChange`\n  // just to show its minus. Without the handler there is nothing to toggle — a typed\n  // minus simply stays in the text, as in any field without a direction control.\n  const shown = negative && isBareAmount(value) ? `-${value}` : value;\n  // What the user SEES is `shown` with the locale's decimal mark (kastlan 40: a\n  // fr-CH user typed \"1,5\" and watched it turn into \"1.5\" under their fingers). Display only — `value`, `onChange`, the sign split and the settle all\n  // stay dot-decimal, because that string is the contract: RhfMoneyField's\n  // `parseAmount`, every app's `Number(value)` and the calculator's evaluator read\n  // it. The way back is free: {@link sanitizeLive} already folds a typed \",\" into\n  // \".\", so a comma typed, pasted or tapped on the numpad lands as a dot.\n  //\n  // One character for one character, and no digit grouping: the caret stays where\n  // the typist put it, and \"1.000\" cannot be read back as a thousand in one locale\n  // and as one in the other. de-CH and it-CH are \".\" — CLDR says so, and this\n  // follows `Intl` rather than a guess about a country. The field's own `locale`,\n  // else the provider's (0.34, DUP-10).\n  const locale = useKitLocale(props.locale);\n  // Decimals the figure settles to: `digits`, else the currency's minor unit.\n  const digits = digitsProp ?? currencyMinorDigits(currency);\n  const settle = (text: string) => settleAmount(text, digits, min, max);\n  // The engine NumberInput shares (DUP-10): the lock (focusable, `readOnly`, nothing\n  // changes or settles — see `disabledReason`), the hint — a FieldHint is its words at\n  // Large and on touch, §4 — the error, the description's order, the typist's draft\n  // in the locale's mark, the calculator and the numpad. On a phone the OS keyboard\n  // is suppressed for the numpad sheet (feedback #334), and the display shape keys off\n  // the SAME phone layout, so the two can never drift apart on the breakpoint.\n  //\n  // A value the HOST set (not one typed here) is shown at the currency's minor unit\n  // while the field is not being edited: an FX estimate of 93.4213 showed four\n  // decimals (keksdose live #356). Display only — `value` is the host's, untouched.\n  const numeric = useNumericField(props, {\n    settle,\n    display: (focused) => (focused ? shown : settleAmount(shown, digits)),\n  });\n  const { lock, locked, off, isMobile, asDisplay, showCalc, showNumpad, setFocused, mark, draft, setDraft, derived } =\n    numeric;\n  const invalid = numeric.isInvalid;\n  // A locked chip is a read-out: picking a currency is a change too.\n  const editable = !!onCurrencyChange && !locked;\n  // Room for the trailing controls — the calculator and the currency chip — once\n  // measured, as NumberInput reserves its own (keksdose live #367, DUP-10): their\n  // width, the track's `end-1` inset in the boxed shape, and NumberInput's 4px gap.\n  // Before that (the first paint, and wherever there is no layout) the classes below\n  // stand in. showCalc is always false on a phone, so the display shape only has to\n  // clear the chip, by its own width rather than the boxed shape's room (feedback #430\n  // rework: on a 375px screen 16px decide between a readable figure and a clipped one).\n  const hasEnd = showCalc || Boolean(currency);\n  const [endRef, endWidth] = useEndWidth(hasEnd);\n  const trailingRoom = asDisplay\n    ? currency ? (editable ? \"pe-16\" : \"pe-12\") : undefined\n    : showCalc\n      ? currency ? (editable ? \"pe-24\" : \"pe-16\") : \"pe-10\"\n      : currency ? (editable ? \"pe-20\" : \"pe-14\") : undefined;\n  const innerRef = useRef<HTMLInputElement>(null);\n  const setRefs = useMemo(() => mergeRefs(innerRef, ref), [ref]);\n  // While the typist is typing, the field shows THEIR text (\"1.234,5\" stays exactly\n  // that), not the value re-spelt: re-spelling turned a grouping \".\" into a \",\" under\n  // their fingers, after which no rule could tell the two apart (keksdose G1). The\n  // draft only while it says what the field holds AND holds nothing the live\n  // sanitising would drop — a letter, a second decimal point (see `showsTyped`); a\n  // value set from outside, a calculator result or a commit shows the derived spelling.\n  const display =\n    draft === null\n      ? derived\n      : (numeric.typedFor(shown) ??\n        // The caller owns the sign: the typed \"12\" is shown as the \"-12\" it is.\n        (signOwned && negative && shown.startsWith(\"-\") && numeric.typedFor(shown.slice(1)) !== null\n          ? `-${draft}`\n          : derived));\n  // Every route into the field — typing, the numpad sheet, the desktop\n  // calculator, the blur/Enter commit — funnels through here, so the split is\n  // written once and the four entry paths cannot drift.\n  //\n  // `previous` is the text this one REPLACES, and it is what says whether a bare\n  // figure arriving here is an answer or a magnitude. For the three paths that\n  // edit the field's own text that is simply what the field was showing; the\n  // desktop calculator keeps its expression in a popover the field never sees,\n  // so it passes it in (see `CalculatorButton`'s `onChange`).\n  const handleText = (raw: string, previous: string = shown) => {\n    const text = sanitizeLive(raw);\n    if (!signOwned) {\n      onChange(text);\n      return;\n    }\n    const { sign, rest } = splitLeadingSign(text);\n    if (sign) {\n      // SET, not flip: re-reporting the same sign on every keystroke is a no-op.\n      onNegativeChange(sign === \"-\");\n    } else if (looksLikeExpression(previous) && isBareAmount(text) && isResultOf(previous, text, settle)) {\n      // A calculation that just RESOLVED states its sign in both directions. The\n      // figure it ran on is the SIGNED one the user could see — \"-12+30\" is +18 —\n      // so a positive result has to move the chip too, or the field would answer\n      // that sum with \"-18\" and contradict the arithmetic it just showed.\n      //\n      // Only when it really resolved, though: see {@link isResultOf}. A bare figure\n      // arriving on top of an expression is far more often a replacement than an\n      // answer, and reading it as an answer flips the direction of money.\n      onNegativeChange(false);\n    }\n    onChange(sign ? rest : text);\n  };\n  const commit = () => {\n    setDraft(null);\n    const settled = settle(commitExpression(shown));\n    handleText(settled);\n    onCommit?.(settled);\n  };\n  const typed = (raw: string) => handleText(numeric.read(raw));\n  // The currency list is CurrencySelect's (round 0.34 Wave 2, DUP-4) on the picker\n  // family's core: the chip was a hand copy of it and had drifted (no wrap at Large, no\n  // `options` subset, no check mark, no listbox id, no #308 width), and both were plain\n  // buttons under a listbox promise. `filter: false`: the list filters its own rows.\n  const core = useComboboxCore<string>({ filter: false, backCloses: true });\n  // `chipRef`: the chip the currency list hangs off (Keksdose dev#548: portalled, so the\n  // panel needs a real trigger rect rather than a relative parent). It is also where\n  // Escape and a pick hand focus back (round 0.34 BUG-1): Safari does not focus a\n  // clicked button, so \"whatever held focus\" is not the chip.\n  const { open, setOpen, closeToTrigger, triggerRef: chipRef } = core;\n  const listboxId = `${generatedId}-currencies`;\n  // A lock arriving while the list is up closes it, as on CountrySelect — adjusted\n  // while rendering, so no frame shows a list that can no longer be used.\n  if (!editable && open) setOpen(false);\n\n  // The currency chip's strings are the `currency` namespace — the same two\n  // `CurrencySelect` resolves, under this component's older key names. The\n  // calculator and the numpad resolve `calculator` themselves; `labels.calculator`\n  // and `labels.pad` are handed straight through to them as overrides.\n  // The two strings read out first, so the memo depends on them and not on the\n  // caller's `labels` object (a new one every render) — what the React Compiler infers.\n  const currencyLabel = labels?.currency;\n  const currencySearchLabel = labels?.currencySearch;\n  const currencyOverrides = useMemo(() => {\n    const out: Partial<CurrencyLabels> = {};\n    if (currencyLabel !== undefined) out.currency = currencyLabel;\n    if (currencySearchLabel !== undefined) out.search = currencySearchLabel;\n    return out;\n  }, [currencyLabel, currencySearchLabel]);\n  const currencyText = useKitLabels(\"currency\", DEFAULT_CURRENCY_LABELS, currencyOverrides);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n\n  const selected = getCurrency(currency);\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {/* Inner relative box holds the input + its absolutely-positioned\n          trailing controls (calculator / currency), so those stay anchored to\n          the INPUT even when the mobile math bar is rendered below (#334). It is\n          the kit's FloatingField, which draws the label — floating, or sr-only in\n          the display shape — and puts a FieldHint on the label's line, as it does\n          for NumberInput. */}\n      {/* Locked, the field sits in the reason's frame (LockedReason: the line, or the\n          Tooltip), as NumberInput does; the root above keeps `className`, so nothing\n          reflows. */}\n      <LockedOrNot lock={lock} display={disabledReasonDisplay}>\n      <FloatingField\n        className=\"w-full\"\n        htmlFor={fieldId}\n        label={label}\n        srOnlyLabel={asDisplay}\n        hint={numeric.hint.labelHint}\n      >\n      <input\n        ref={setRefs}\n        id={fieldId}\n        aria-label={ariaLabel}\n        type=\"text\"\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- opt-in per call site (feedback #70)\n        autoFocus={autoFocus}\n        // On mobile suppress the OS keyboard so our numpad sheet owns entry; the\n        // field keeps focus/caret. Desktop keeps the native decimal keypad.\n        inputMode={isMobile ? \"none\" : \"decimal\"}\n        autoComplete=\"off\"\n        disabled={off}\n        // Locked: focusable, `readOnly`, `aria-disabled` — see `disabledReason`.\n        readOnly={locked || undefined}\n        aria-disabled={locked || undefined}\n        // The floating-label pattern needs a blank placeholder for its\n        // peer-placeholder-shown trick. The display shape has no floating label,\n        // so it spends the placeholder on what an empty borderless form actually\n        // needs: a zero to aim at, at full size. The caller supplies it because\n        // only the app knows the locale's decimal separator.\n        placeholder={asDisplay ? (placeholder ?? \"0\") : label !== undefined ? \" \" : placeholder}\n        value={display}\n        onChange={(e) => {\n          if (!locked) typed(e.target.value);\n        }}\n        onFocus={() => setFocused(true)}\n        onBlur={() => {\n          // Nothing settles under the lock — not even a draft typed before it arrived,\n          // which stays in the field for when it lifts.\n          if (!locked) commit();\n          setFocused(false);\n        }}\n        onKeyDown={(e) => {\n          if (e.key !== \"Enter\") return;\n          // Locked: Enter submits no form and settles nothing.\n          if (locked) e.preventDefault();\n          else commit();\n        }}\n        className={cn(\n          // With a label, use the floating-input padding (pt-4 pb-1) like every\n          // other labelled field so the value sits BELOW the floated label rather\n          // than vertically centred where it overlaps the resting label\n          // (feedback #314). FLOATING_INPUT_CLASS already bundles the peer +\n          // transparent-placeholder bits.\n          asDisplay ? DISPLAY_INPUT_CLASS : label !== undefined ? FLOATING_INPUT_CLASS : FIELD_BASE,\n          // The plain end padding, with nothing trailing: cosmetic, so the caller's\n          // to change (keksdose 0.24 — a symmetric `px-2` in a budget cell).\n          !trailingRoom && (asDisplay ? \"pe-0\" : \"pe-3\"),\n          // Centred display shape: centre in what is LEFT of the currency chip.\n          // `text-center` alone would centre the figure in the whole box, i.e.\n          // partly underneath the chip; the padding below is what takes the chip\n          // out of the centring, and nothing is added at the start because a\n          // mirrored reservation would spend the width twice (see `align`).\n          asDisplay && align === \"center\" && \"text-center\",\n          // Over the base class's own text colour.\n          TONE_CLASS[tone],\n          // The caller's, over all of the above — base, plain padding, alignment and\n          // tone — and under only what the field needs to work (see `inputClassName`).\n          inputClassName,\n          // Room for the trailing controls, after the caller's so a `px-2` cannot run\n          // the digits under the chip (NumberInput's order, which reserves its unit\n          // and calculator the same way).\n          trailingRoom,\n          invalid && FIELD_INVALID,\n          locked && \"cursor-not-allowed\",\n        )}\n        // The classes above are the fallback; once measured the field reserves exactly\n        // its trailing controls' width, inline so it wins over every class (see\n        // `trailingRoom`).\n        style={hasEnd && endWidth != null ? { paddingInlineEnd: endWidth + (asDisplay ? 4 : 8) } : undefined}\n        aria-invalid={invalid || undefined}\n        aria-describedby={numeric.describedBy}\n        aria-required={ariaRequired}\n      />\n      {/* The label is FloatingField's, after these children (the floating trick\n          reads the input through `peer-*`). The display shape drops it VISUALLY,\n          not from the accessibility tree: a 36px tinted figure at the top of a\n          transaction form is legibly the amount, but a screen reader still needs\n          the name, and callers that pass `label` without `aria-label` would\n          otherwise be left with none. */}\n      {/* Trailing controls share one flex track so the calculator icon and the\n          currency suffix/picker sit side by side without overlapping. */}\n      {/* The display shape has no box to inset from, so the controls align to the\n          figure's own end edge and its baseline strip (`bottom-1`, matching the\n          input's pb-1) instead of floating inside a field. */}\n      <div\n        // Measured for the input's end padding (see `trailingRoom`).\n        ref={endRef}\n        className={cn(\n          \"absolute flex items-center gap-0.5\",\n          // Logical `end-*`: the chip and the calculator are the figure's trailing\n          // controls, so a right-to-left form carries them on the left.\n          asDisplay ? \"bottom-1 end-0\" : \"inset-y-1 end-1\",\n        )}\n      >\n        {showCalc && (\n          <CalculatorButton\n            // The mark the field shows but not the typist's grouping: the evaluator\n            // reads either mark, and \"1.234,5\" is two of them. The result comes back\n            // dot-decimal.\n            value={derived}\n            onChange={(result, expression) => {\n              setDraft(null);\n              const settled = settle(result);\n              handleText(settled, expression);\n              onCommit?.(settled);\n            }}\n            className=\"px-1.5\"\n            aria-label={labels?.calculatorTrigger}\n            labels={labels?.calculator}\n          />\n        )}\n        {currency && !editable && (\n          <span\n            aria-hidden\n            className={cn(\n              \"pointer-events-none px-1 font-medium text-muted\",\n              // A text-xs chip next to a 36px figure reads as a stray footnote.\n              asDisplay ? \"text-sm\" : \"text-xs\",\n            )}\n          >\n            {currency}\n          </span>\n        )}\n        {currency && editable && (\n          <button\n            ref={chipRef}\n            type=\"button\"\n            onClick={() => setOpen((v) => !v)}\n            // A button that opens a listbox, and says so: the chip is a control inside\n            // a text field, not a field of its own, so not a combobox.\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-controls={listboxId}\n            aria-label={\n              // \"Currency: EUR\" through `common.fieldValue`, not a template literal:\n              // the colon-and-space is punctuation a translation has to own.\n              selected ? common.fieldValue(currencyText.currency, selected.code) : currencyText.currency\n            }\n            className={cn(\n              \"flex items-center gap-1 rounded px-2 py-1 font-medium text-secondary hover:bg-hover\",\n              asDisplay ? \"text-sm\" : \"text-xs\",\n            )}\n          >\n            {currency}\n            <ChevronDown className=\"size-3\" />\n          </button>\n        )}\n      </div>\n      {editable && (\n        <CurrencyOptionList\n          core={core}\n          listboxId={listboxId}\n          value={currency}\n          codes={currencyOptions}\n          currencyNames={currencyNames}\n          locale={locale}\n          searchPlaceholder={currencyText.search}\n          // The phone sheet's title: what the chip is for.\n          sheetTitle={currencyText.currency}\n          onChoose={(code) => {\n            onCurrencyChange?.(code);\n            closeToTrigger();\n          }}\n        />\n      )}\n      </FloatingField>\n      </LockedOrNot>\n      {/* Outside the relative box, as NumberInput's caption is: the trailing\n          controls are `inset-y-1` in it and would stretch down over a second line. */}\n      <FieldCaption parts={numeric.hint} />\n      {/* The news after the standing advice, as Select orders them. The root is\n          already a steady box, so the message coming and going remounts nothing. */}\n      {numeric.errorEl}\n      {showNumpad && (\n        <NumberPadSheet\n          // Localised like the field it mirrors. Keys are typing, read by the\n          // locale's marks like the keyboard's; \"=\" is a result, dot-decimal.\n          value={display}\n          onChange={typed}\n          onResult={(result) => {\n            setDraft(null);\n            const settled = settle(result);\n            handleText(settled);\n            onCommit?.(settled);\n          }}\n          onDone={() => innerRef.current?.blur()}\n          label={label}\n          labels={labels?.pad}\n          decimalMark={mark}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The field in its lock's {@link LockedReason} while locked, as it is otherwise. A\n *  component rather than a ternary so the field's JSX is written once. `block w-full`:\n *  the frame's box stands where the field's own did. */\nfunction LockedOrNot({\n  lock,\n  display,\n  children,\n}: {\n  lock: LockReason;\n  display: DisabledReasonDisplay | undefined;\n  children: ReactNode;\n}) {\n  if (!lock.locked) return <>{children}</>;\n  return (\n    <LockedReason lock={lock} display={display} className=\"block w-full\">\n      {children}\n    </LockedReason>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/appearance-labels.d.ts

@@ -1,8 +1,6 @@
-import { ContrastMode } from '../theme/contrast.js';
-import { TextSize } from '../theme/text-size.js';
-import 'zustand/middleware';
-import 'zustand';
-
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { ContrastMode } from "../theme/contrast.js";
+import type { TextSize } from "../theme/text-size.js";
 /**
  * The `appearance` namespace (0.32, docs/text-size-harmonization.md §6): the words of the
  * two new settings in the core `appearance` group — `TextSizeSetting` and
@@ -10,7 +8,7 @@ import 'zustand';
  * showcase's top bar). Like every kit label: prop > `<UiKitProvider labels={{ appearance
  * }}>` > English.
  */
-interface AppearanceLabels {
+export interface AppearanceLabels {
     /** The text-size setting's name. */
     textSize: string;
     /** One line under it: what changes, so "Large" is not mistaken for zoom. */
@@ -30,9 +28,7 @@ interface AppearanceLabels {
      */
     saveFailed: string;
 }
-declare const DEFAULT_APPEARANCE_LABELS: AppearanceLabels;
+export declare const DEFAULT_APPEARANCE_LABELS: AppearanceLabels;
 /** The `appearance` namespace, resolved — English, then the provider, then `labels`. For
  *  an app's catalogue entries and quick switches, without restating the defaults. */
-declare function useAppearanceLabels(labels?: Partial<AppearanceLabels>): AppearanceLabels;
-
-export { type AppearanceLabels, DEFAULT_APPEARANCE_LABELS, useAppearanceLabels };
+export declare function useAppearanceLabels(labels?: LabelOverride<AppearanceLabels>): AppearanceLabels;

package/dist/components/appearance-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/appearance-labels.ts"],"sourcesContent":["import { useKitLabels } from \"../i18n/kit-labels\";\nimport type { ContrastMode } from \"../theme/contrast\";\nimport type { TextSize } from \"../theme/text-size\";\n\n/**\n * The `appearance` namespace (0.32, docs/text-size-harmonization.md §6): the words of the\n * two new settings in the core `appearance` group — `TextSizeSetting` and\n * `ContrastSetting` — and of any quick switch an app builds from the same vocabulary (the\n * showcase's top bar). Like every kit label: prop > `<UiKitProvider labels={{ appearance\n * }}>` > English.\n */\nexport interface AppearanceLabels {\n  /** The text-size setting's name. */\n  textSize: string;\n  /** One line under it: what changes, so \"Large\" is not mistaken for zoom. */\n  textSizeHelp: string;\n  /** The three steps, in {@link TEXT_SIZES} order. */\n  textSizes: Record<TextSize, string>;\n  /** The contrast setting's name. */\n  contrast: string;\n  /** One line under it. */\n  contrastHelp: string;\n  /** The three choices, in {@link CONTRAST_MODES} order. */\n  contrastModes: Record<ContrastMode, string>;\n  /**\n   * The account could not keep the pick (`useAccountAppearance`'s `pickTextSize` /\n   * `pickContrast` rejected): this device keeps it, the account doesn't. For the app's\n   * toast or the line under the setting (0.32.1, keksdose's 0.32 report).\n   */\n  saveFailed: string;\n}\n\nexport const DEFAULT_APPEARANCE_LABELS: AppearanceLabels = {\n  textSize: \"Text size\",\n  textSizeHelp: \"Larger letters, and a layout that makes room for them.\",\n  textSizes: { normal: \"Normal\", large: \"Large\", xlarge: \"Extra large\" },\n  contrast: \"Contrast\",\n  contrastHelp: \"More contrast darkens quiet text and lines, and thickens focus frames. System follows this device.\",\n  contrastModes: { system: \"System\", standard: \"Standard\", more: \"More\" },\n  saveFailed: \"Couldn't save this to your account. It still applies on this device.\",\n};\n\n/** The `appearance` namespace, resolved — English, then the provider, then `labels`. For\n *  an app's catalogue entries and quick switches, without restating the defaults. */\nexport function useAppearanceLabels(labels?: Partial<AppearanceLabels>): AppearanceLabels {\n  return useKitLabels(\"appearance\", DEFAULT_APPEARANCE_LABELS, labels);\n}\n"],"mappings":";AAAA,SAAS,oBAAoB;AAgCtB,MAAM,4BAA8C;AAAA,EACzD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW,EAAE,QAAQ,UAAU,OAAO,SAAS,QAAQ,cAAc;AAAA,EACrE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe,EAAE,QAAQ,UAAU,UAAU,YAAY,MAAM,OAAO;AAAA,EACtE,YAAY;AACd;AAIO,SAAS,oBAAoB,QAAsD;AACxF,SAAO,aAAa,cAAc,2BAA2B,MAAM;AACrE;","names":[]}
+{"version":3,"sources":["../../src/components/appearance-labels.ts"],"sourcesContent":["import { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport type { ContrastMode } from \"../theme/contrast\";\nimport type { TextSize } from \"../theme/text-size\";\n\n/**\n * The `appearance` namespace (0.32, docs/text-size-harmonization.md §6): the words of the\n * two new settings in the core `appearance` group — `TextSizeSetting` and\n * `ContrastSetting` — and of any quick switch an app builds from the same vocabulary (the\n * showcase's top bar). Like every kit label: prop > `<UiKitProvider labels={{ appearance\n * }}>` > English.\n */\nexport interface AppearanceLabels {\n  /** The text-size setting's name. */\n  textSize: string;\n  /** One line under it: what changes, so \"Large\" is not mistaken for zoom. */\n  textSizeHelp: string;\n  /** The three steps, in {@link TEXT_SIZES} order. */\n  textSizes: Record<TextSize, string>;\n  /** The contrast setting's name. */\n  contrast: string;\n  /** One line under it. */\n  contrastHelp: string;\n  /** The three choices, in {@link CONTRAST_MODES} order. */\n  contrastModes: Record<ContrastMode, string>;\n  /**\n   * The account could not keep the pick (`useAccountAppearance`'s `pickTextSize` /\n   * `pickContrast` rejected): this device keeps it, the account doesn't. For the app's\n   * toast or the line under the setting (0.32.1, keksdose's 0.32 report).\n   */\n  saveFailed: string;\n}\n\nexport const DEFAULT_APPEARANCE_LABELS: AppearanceLabels = {\n  textSize: \"Text size\",\n  textSizeHelp: \"Larger letters, and a layout that makes room for them.\",\n  textSizes: { normal: \"Normal\", large: \"Large\", xlarge: \"Extra large\" },\n  contrast: \"Contrast\",\n  contrastHelp: \"More contrast darkens quiet text and lines, and thickens focus frames. System follows this device.\",\n  contrastModes: { system: \"System\", standard: \"Standard\", more: \"More\" },\n  saveFailed: \"Couldn't save this to your account. It still applies on this device.\",\n};\n\n/** The `appearance` namespace, resolved — English, then the provider, then `labels`. For\n *  an app's catalogue entries and quick switches, without restating the defaults. */\nexport function useAppearanceLabels(labels?: LabelOverride<AppearanceLabels>): AppearanceLabels {\n  return useKitLabels(\"appearance\", DEFAULT_APPEARANCE_LABELS, labels);\n}\n"],"mappings":";AAAA,SAAS,oBAAwC;AAgC1C,MAAM,4BAA8C;AAAA,EACzD,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW,EAAE,QAAQ,UAAU,OAAO,SAAS,QAAQ,cAAc;AAAA,EACrE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe,EAAE,QAAQ,UAAU,UAAU,YAAY,MAAM,OAAO;AAAA,EACtE,YAAY;AACd;AAIO,SAAS,oBAAoB,QAA4D;AAC9F,SAAO,aAAa,cAAc,2BAA2B,MAAM;AACrE;","names":[]}

package/dist/components/authed-image-labels.d.ts

@@ -0,0 +1,2 @@
+import type { AuthedImageLabels } from "./authed-image.js";
+export declare const DEFAULT_AUTHED_IMAGE_LABELS: AuthedImageLabels;

package/dist/components/authed-image-labels.js

@@ -0,0 +1,10 @@
+"use client";
+const DEFAULT_AUTHED_IMAGE_LABELS = {
+  loading: "Loading image\u2026",
+  loadError: "Image couldn\u2019t be loaded",
+  failedImage: (alt) => `${alt}: image couldn\u2019t be loaded`
+};
+export {
+  DEFAULT_AUTHED_IMAGE_LABELS
+};
+//# sourceMappingURL=authed-image-labels.js.map

package/dist/components/authed-image-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/authed-image-labels.ts"],"sourcesContent":["// The English words of ./authed-image, 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). ./authed-image re-exports them.\n\nimport type { AuthedImageLabels } from \"./authed-image\";\n\nexport const DEFAULT_AUTHED_IMAGE_LABELS: AuthedImageLabels = {\n  loading: \"Loading image…\",\n  loadError: \"Image couldn’t be loaded\",\n  failedImage: (alt) => `${alt}: image couldn’t be loaded`,\n};\n"],"mappings":";AAMO,MAAM,8BAAiD;AAAA,EAC5D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa,CAAC,QAAQ,GAAG,GAAG;AAC9B;","names":[]}

package/dist/components/authed-image.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
-import { ImgHTMLAttributes, ReactNode } from 'react';
-import { AuthedFetcher, UseAuthedSrcResult } from '../hooks/use-authed-src.js';
-
+import type { ImgHTMLAttributes, ReactNode } from "react";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { AuthedFetcher, UseAuthedSrcResult } from "../hooks/use-authed-src.js";
+import { DEFAULT_AUTHED_IMAGE_LABELS } from "./authed-image-labels.js";
 /** The two states an image can be in besides "there". */
-interface AuthedImageLabels {
+export interface AuthedImageLabels {
     /** Read out while the bytes are on their way (the skeleton itself is silent). */
     loading: string;
     /** Shown, small, in place of an image that could not be fetched or decoded. */
@@ -11,8 +11,8 @@ interface AuthedImageLabels {
     /** The failed tile's accessible name, given the image's alt. */
     failedImage: (alt: string) => string;
 }
-declare const DEFAULT_AUTHED_IMAGE_LABELS: AuthedImageLabels;
-interface AuthedImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "children"> {
+export { DEFAULT_AUTHED_IMAGE_LABELS };
+export interface AuthedImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "children"> {
     /** The image's URL — an API path when a {@link fetcher} is given. */
     src: string | null | undefined;
     /** Required: an image without a text alternative is a gap a reader falls into.
@@ -43,7 +43,7 @@ interface AuthedImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "sr
      * of also running the row's action. As TextLink's and IconButton's `stopPropagation`.
      */
     stopPropagation?: boolean;
-    labels?: Partial<AuthedImageLabels>;
+    labels?: LabelOverride<AuthedImageLabels>;
 }
 /**
  * An image with a loading state, an error state and — given a `fetcher` — the app's
@@ -55,13 +55,13 @@ interface AuthedImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "sr
  * browser failing to decode what arrived (`onError` on the `<img>`, e.g. a PDF served
  * where an image was expected).
  */
-declare function AuthedImage({ src, alt, fetcher, wrapperClassName, className, link, loadingFallback, errorFallback, stopPropagation, labels: labelsProp, onLoad, onError, ...rest }: AuthedImageProps): react.JSX.Element;
+export declare function AuthedImage({ src, alt, fetcher, wrapperClassName, className, link, loadingFallback, errorFallback, stopPropagation, labels: labelsProp, onLoad, onError, ...rest }: AuthedImageProps): import("react").JSX.Element;
 /**
  * The rendering half of {@link AuthedImage}, for a caller that already holds a
  * {@link useAuthedSrc} result (the lightbox needs the object URL for its download link
  * as well). Internal to the package.
  */
-declare function ImageStates({ fetched, alt, labels, className, wrapperClassName, link, loadingFallback, errorFallback, stopPropagation, imgProps, onLoad, onError, }: {
+export declare function ImageStates({ fetched, alt, labels, className, wrapperClassName, link, loadingFallback, errorFallback, stopPropagation, imgProps, onLoad, onError, }: {
     fetched: UseAuthedSrcResult;
     alt: string;
     labels: AuthedImageLabels;
@@ -74,6 +74,4 @@ declare function ImageStates({ fetched, alt, labels, className, wrapperClassName
     imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt" | "children" | "onLoad" | "onError">;
     onLoad?: ImgHTMLAttributes<HTMLImageElement>["onLoad"];
     onError?: ImgHTMLAttributes<HTMLImageElement>["onError"];
-}): react.JSX.Element;
-
-export { AuthedImage, type AuthedImageLabels, type AuthedImageProps, DEFAULT_AUTHED_IMAGE_LABELS, ImageStates };
+}): import("react").JSX.Element;

package/dist/components/authed-image.js

@@ -6,11 +6,7 @@ import { cn } from "../lib/cn.js";
 import { useKitLabels } from "../i18n/kit-labels.js";
 import { SKELETON_CLASS } from "./skeleton.js";
 import { useAuthedSrc } from "../hooks/use-authed-src.js";
-const DEFAULT_AUTHED_IMAGE_LABELS = {
-  loading: "Loading image\u2026",
-  loadError: "Image couldn\u2019t be loaded",
-  failedImage: (alt) => `${alt}: image couldn\u2019t be loaded`
-};
+import { DEFAULT_AUTHED_IMAGE_LABELS } from "./authed-image-labels.js";
 function AuthedImage({
   src,
   alt,
@@ -106,7 +102,7 @@ function ImageStates({
             {
               role: "img",
               "aria-label": alt ? labels.failedImage(alt) : labels.loadError,
-              className: "flex h-full min-h-16 w-full flex-col items-center justify-center gap-1 bg-[var(--bg-hover)] p-2 text-center text-xs text-[var(--text-muted)]",
+              className: "flex h-full min-h-16 w-full flex-col items-center justify-center gap-1 bg-hover p-2 text-center text-xs text-muted",
               children: [
                 /* @__PURE__ */ jsx(ImageOff, { "aria-hidden": true, className: "size-5 shrink-0" }),
                 /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "line-clamp-2", children: labels.loadError })

package/dist/components/authed-image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/authed-image.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ImgHTMLAttributes, ReactNode } from \"react\";\nimport { ImageOff } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { SKELETON_CLASS } from \"./skeleton\";\nimport { useAuthedSrc } from \"../hooks/use-authed-src\";\nimport type { AuthedFetcher, UseAuthedSrcResult } from \"../hooks/use-authed-src\";\n\n/** The two states an image can be in besides \"there\". */\nexport interface AuthedImageLabels {\n  /** Read out while the bytes are on their way (the skeleton itself is silent). */\n  loading: string;\n  /** Shown, small, in place of an image that could not be fetched or decoded. */\n  loadError: string;\n  /** The failed tile's accessible name, given the image's alt. */\n  failedImage: (alt: string) => string;\n}\n\nexport const DEFAULT_AUTHED_IMAGE_LABELS: AuthedImageLabels = {\n  loading: \"Loading image…\",\n  loadError: \"Image couldn’t be loaded\",\n  failedImage: (alt) => `${alt}: image couldn’t be loaded`,\n};\n\nexport interface AuthedImageProps\n  extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\" | \"alt\" | \"children\"> {\n  /** The image's URL — an API path when a {@link fetcher} is given. */\n  src: string | null | undefined;\n  /** Required: an image without a text alternative is a gap a reader falls into.\n   *  `\"\"` for a purely decorative one. */\n  alt: string;\n  /** The app's authenticated GET (see {@link useAuthedSrc}). Left out, `src` is loaded\n   *  by the browser as usual and this is an `<img>` with loading and error states. */\n  fetcher?: AuthedFetcher | null;\n  /** Classes for the box around the image (the placeholders fill it). */\n  wrapperClassName?: string;\n  /**\n   * Wrap the image in a link to itself, opening in a new tab — kastlan's\n   * `AuthedImage` did, because an object URL is the only address of a protected image\n   * a browser tab can open. The link's href is the `blob:` URL, never the API path.\n   */\n  link?: boolean;\n  /** Replaces the default skeleton while loading. */\n  loadingFallback?: ReactNode;\n  /**\n   * Replaces the default \"couldn't load\" tile. `null` renders nothing in its place —\n   * an optional photo slot that simply stays empty; only `undefined` (left out) means\n   * the default tile.\n   */\n  errorFallback?: ReactNode;\n  /**\n   * Keep a click on the image (and the Enter that follows its `link`) from reaching an\n   * ancestor — a thumbnail in a DataTable row or a clickable card opens itself instead\n   * of also running the row's action. As TextLink's and IconButton's `stopPropagation`.\n   */\n  stopPropagation?: boolean;\n  labels?: Partial<AuthedImageLabels>;\n}\n\n/**\n * An image with a loading state, an error state and — given a `fetcher` — the app's\n * authentication. Replaces kastlan's `shared/components/authed-image.tsx`, which\n * rendered NOTHING until the blob arrived and nothing at all if it never did: a card\n * with a photo slot either had the photo or was silently shorter.\n *\n * Two failures are one state here: the fetch failing (401, 404, offline) and the\n * browser failing to decode what arrived (`onError` on the `<img>`, e.g. a PDF served\n * where an image was expected).\n */\nexport function AuthedImage({\n  src,\n  alt,\n  fetcher,\n  wrapperClassName,\n  className,\n  link,\n  loadingFallback,\n  errorFallback,\n  stopPropagation,\n  labels: labelsProp,\n  onLoad,\n  onError,\n  ...rest\n}: AuthedImageProps) {\n  const labels = useKitLabels(\"authedImage\", DEFAULT_AUTHED_IMAGE_LABELS, labelsProp);\n  const fetched = useAuthedSrc(src, { fetcher });\n  return (\n    <ImageStates\n      fetched={fetched}\n      alt={alt}\n      labels={labels}\n      className={className}\n      wrapperClassName={wrapperClassName}\n      link={link}\n      loadingFallback={loadingFallback}\n      errorFallback={errorFallback}\n      stopPropagation={stopPropagation}\n      imgProps={rest}\n      onLoad={onLoad}\n      onError={onError}\n    />\n  );\n}\n\n/**\n * The rendering half of {@link AuthedImage}, for a caller that already holds a\n * {@link useAuthedSrc} result (the lightbox needs the object URL for its download link\n * as well). Internal to the package.\n */\nexport function ImageStates({\n  fetched,\n  alt,\n  labels,\n  className,\n  wrapperClassName,\n  link,\n  loadingFallback,\n  errorFallback,\n  stopPropagation,\n  imgProps,\n  onLoad,\n  onError,\n}: {\n  fetched: UseAuthedSrcResult;\n  alt: string;\n  labels: AuthedImageLabels;\n  className?: string;\n  wrapperClassName?: string;\n  link?: boolean;\n  loadingFallback?: ReactNode;\n  errorFallback?: ReactNode;\n  stopPropagation?: boolean;\n  imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\" | \"alt\" | \"children\" | \"onLoad\" | \"onError\">;\n  onLoad?: ImgHTMLAttributes<HTMLImageElement>[\"onLoad\"];\n  onError?: ImgHTMLAttributes<HTMLImageElement>[\"onError\"];\n}) {\n  // Decode state, per src: keyed so a new picture starts over rather than inheriting\n  // the previous one's \"loaded\" or \"broken\".\n  const [decode, setDecode] = useState<{ src: string | null; state: \"loaded\" | \"error\" } | null>(null);\n  const decoded = decode && decode.src === fetched.src ? decode.state : \"pending\";\n  const failed = fetched.status === \"error\" || decoded === \"error\";\n  const waiting = !failed && (fetched.status === \"loading\" || (fetched.src !== null && decoded === \"pending\"));\n\n  const img = fetched.src !== null && !failed && (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- load/error are resource events, not interactions\n    <img\n      {...imgProps}\n      src={fetched.src}\n      alt={alt}\n      onLoad={(e) => {\n        setDecode({ src: fetched.src, state: \"loaded\" });\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setDecode({ src: fetched.src, state: \"error\" });\n        onError?.(e);\n      }}\n      className={cn(\n        // Kept in the tree while it decodes (the browser needs it there to load at\n        // all), but invisible, so the skeleton is what shows.\n        decoded === \"pending\" && \"opacity-0\",\n        className,\n      )}\n    />\n  );\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- not an interaction: only fences the image's own clicks off from an ancestor's handler\n    <span\n      onClick={stopPropagation ? (e) => e.stopPropagation() : undefined}\n      onKeyDown={stopPropagation ? (e) => e.key === \"Enter\" && e.stopPropagation() : undefined}\n      data-image-state={failed ? \"error\" : waiting ? \"loading\" : fetched.status === \"idle\" ? \"idle\" : \"ready\"}\n      className={cn(\"relative block overflow-hidden\", wrapperClassName)}\n      aria-busy={waiting || undefined}\n    >\n      {link && img && fetched.src ? (\n        <a href={fetched.src} target=\"_blank\" rel=\"noreferrer noopener\" className=\"block h-full w-full\">\n          {img}\n        </a>\n      ) : (\n        img\n      )}\n      {waiting &&\n        (loadingFallback ?? (\n          <span className={cn(SKELETON_CLASS, \"absolute inset-0 block rounded-none\")}>\n            <span className=\"sr-only\">{labels.loading}</span>\n          </span>\n        ))}\n      {failed &&\n        // `=== undefined`, not `??`: `null` is the caller asking for nothing at all.\n        (errorFallback !== undefined ? errorFallback : (\n          <span\n            // `role=\"img\"` with the alt as its name: the picture that failed still\n            // occupies its place in the reading order, and \"couldn't be loaded\" is\n            // the one fact a reader needs about it.\n            role=\"img\"\n            aria-label={alt ? labels.failedImage(alt) : labels.loadError}\n            className=\"flex h-full min-h-16 w-full flex-col items-center justify-center gap-1 bg-[var(--bg-hover)] p-2 text-center text-xs text-[var(--text-muted)]\"\n          >\n            <ImageOff aria-hidden className=\"size-5 shrink-0\" />\n            <span aria-hidden className=\"line-clamp-2\">{labels.loadError}</span>\n          </span>\n        ))}\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/authed-image.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ImgHTMLAttributes, ReactNode } from \"react\";\nimport { ImageOff } from \"lucide-react\";\n\nimport { cn } from \"../lib/cn\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { SKELETON_CLASS } from \"./skeleton\";\nimport { useAuthedSrc } from \"../hooks/use-authed-src\";\nimport type { AuthedFetcher, UseAuthedSrcResult } from \"../hooks/use-authed-src\";\nimport { DEFAULT_AUTHED_IMAGE_LABELS } from \"./authed-image-labels\";\n\n/** The two states an image can be in besides \"there\". */\nexport interface AuthedImageLabels {\n  /** Read out while the bytes are on their way (the skeleton itself is silent). */\n  loading: string;\n  /** Shown, small, in place of an image that could not be fetched or decoded. */\n  loadError: string;\n  /** The failed tile's accessible name, given the image's alt. */\n  failedImage: (alt: string) => string;\n}\n\n// Defined in ./authed-image-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_AUTHED_IMAGE_LABELS };\n\nexport interface AuthedImageProps\n  extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\" | \"alt\" | \"children\"> {\n  /** The image's URL — an API path when a {@link fetcher} is given. */\n  src: string | null | undefined;\n  /** Required: an image without a text alternative is a gap a reader falls into.\n   *  `\"\"` for a purely decorative one. */\n  alt: string;\n  /** The app's authenticated GET (see {@link useAuthedSrc}). Left out, `src` is loaded\n   *  by the browser as usual and this is an `<img>` with loading and error states. */\n  fetcher?: AuthedFetcher | null;\n  /** Classes for the box around the image (the placeholders fill it). */\n  wrapperClassName?: string;\n  /**\n   * Wrap the image in a link to itself, opening in a new tab — kastlan's\n   * `AuthedImage` did, because an object URL is the only address of a protected image\n   * a browser tab can open. The link's href is the `blob:` URL, never the API path.\n   */\n  link?: boolean;\n  /** Replaces the default skeleton while loading. */\n  loadingFallback?: ReactNode;\n  /**\n   * Replaces the default \"couldn't load\" tile. `null` renders nothing in its place —\n   * an optional photo slot that simply stays empty; only `undefined` (left out) means\n   * the default tile.\n   */\n  errorFallback?: ReactNode;\n  /**\n   * Keep a click on the image (and the Enter that follows its `link`) from reaching an\n   * ancestor — a thumbnail in a DataTable row or a clickable card opens itself instead\n   * of also running the row's action. As TextLink's and IconButton's `stopPropagation`.\n   */\n  stopPropagation?: boolean;\n  labels?: LabelOverride<AuthedImageLabels>;\n}\n\n/**\n * An image with a loading state, an error state and — given a `fetcher` — the app's\n * authentication. Replaces kastlan's `shared/components/authed-image.tsx`, which\n * rendered NOTHING until the blob arrived and nothing at all if it never did: a card\n * with a photo slot either had the photo or was silently shorter.\n *\n * Two failures are one state here: the fetch failing (401, 404, offline) and the\n * browser failing to decode what arrived (`onError` on the `<img>`, e.g. a PDF served\n * where an image was expected).\n */\nexport function AuthedImage({\n  src,\n  alt,\n  fetcher,\n  wrapperClassName,\n  className,\n  link,\n  loadingFallback,\n  errorFallback,\n  stopPropagation,\n  labels: labelsProp,\n  onLoad,\n  onError,\n  ...rest\n}: AuthedImageProps) {\n  const labels = useKitLabels(\"authedImage\", DEFAULT_AUTHED_IMAGE_LABELS, labelsProp);\n  const fetched = useAuthedSrc(src, { fetcher });\n  return (\n    <ImageStates\n      fetched={fetched}\n      alt={alt}\n      labels={labels}\n      className={className}\n      wrapperClassName={wrapperClassName}\n      link={link}\n      loadingFallback={loadingFallback}\n      errorFallback={errorFallback}\n      stopPropagation={stopPropagation}\n      imgProps={rest}\n      onLoad={onLoad}\n      onError={onError}\n    />\n  );\n}\n\n/**\n * The rendering half of {@link AuthedImage}, for a caller that already holds a\n * {@link useAuthedSrc} result (the lightbox needs the object URL for its download link\n * as well). Internal to the package.\n */\nexport function ImageStates({\n  fetched,\n  alt,\n  labels,\n  className,\n  wrapperClassName,\n  link,\n  loadingFallback,\n  errorFallback,\n  stopPropagation,\n  imgProps,\n  onLoad,\n  onError,\n}: {\n  fetched: UseAuthedSrcResult;\n  alt: string;\n  labels: AuthedImageLabels;\n  className?: string;\n  wrapperClassName?: string;\n  link?: boolean;\n  loadingFallback?: ReactNode;\n  errorFallback?: ReactNode;\n  stopPropagation?: boolean;\n  imgProps?: Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\" | \"alt\" | \"children\" | \"onLoad\" | \"onError\">;\n  onLoad?: ImgHTMLAttributes<HTMLImageElement>[\"onLoad\"];\n  onError?: ImgHTMLAttributes<HTMLImageElement>[\"onError\"];\n}) {\n  // Decode state, per src: keyed so a new picture starts over rather than inheriting\n  // the previous one's \"loaded\" or \"broken\".\n  const [decode, setDecode] = useState<{ src: string | null; state: \"loaded\" | \"error\" } | null>(null);\n  const decoded = decode && decode.src === fetched.src ? decode.state : \"pending\";\n  const failed = fetched.status === \"error\" || decoded === \"error\";\n  const waiting = !failed && (fetched.status === \"loading\" || (fetched.src !== null && decoded === \"pending\"));\n\n  const img = fetched.src !== null && !failed && (\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- load/error are resource events, not interactions\n    <img\n      {...imgProps}\n      src={fetched.src}\n      alt={alt}\n      onLoad={(e) => {\n        setDecode({ src: fetched.src, state: \"loaded\" });\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setDecode({ src: fetched.src, state: \"error\" });\n        onError?.(e);\n      }}\n      className={cn(\n        // Kept in the tree while it decodes (the browser needs it there to load at\n        // all), but invisible, so the skeleton is what shows.\n        decoded === \"pending\" && \"opacity-0\",\n        className,\n      )}\n    />\n  );\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- not an interaction: only fences the image's own clicks off from an ancestor's handler\n    <span\n      onClick={stopPropagation ? (e) => e.stopPropagation() : undefined}\n      onKeyDown={stopPropagation ? (e) => e.key === \"Enter\" && e.stopPropagation() : undefined}\n      data-image-state={failed ? \"error\" : waiting ? \"loading\" : fetched.status === \"idle\" ? \"idle\" : \"ready\"}\n      className={cn(\"relative block overflow-hidden\", wrapperClassName)}\n      aria-busy={waiting || undefined}\n    >\n      {link && img && fetched.src ? (\n        <a href={fetched.src} target=\"_blank\" rel=\"noreferrer noopener\" className=\"block h-full w-full\">\n          {img}\n        </a>\n      ) : (\n        img\n      )}\n      {waiting &&\n        (loadingFallback ?? (\n          <span className={cn(SKELETON_CLASS, \"absolute inset-0 block rounded-none\")}>\n            <span className=\"sr-only\">{labels.loading}</span>\n          </span>\n        ))}\n      {failed &&\n        // `=== undefined`, not `??`: `null` is the caller asking for nothing at all.\n        (errorFallback !== undefined ? errorFallback : (\n          <span\n            // `role=\"img\"` with the alt as its name: the picture that failed still\n            // occupies its place in the reading order, and \"couldn't be loaded\" is\n            // the one fact a reader needs about it.\n            role=\"img\"\n            aria-label={alt ? labels.failedImage(alt) : labels.loadError}\n            className=\"flex h-full min-h-16 w-full flex-col items-center justify-center gap-1 bg-hover p-2 text-center text-xs text-muted\"\n          >\n            <ImageOff aria-hidden className=\"size-5 shrink-0\" />\n            <span aria-hidden className=\"line-clamp-2\">{labels.loadError}</span>\n          </span>\n        ))}\n    </span>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/autocomplete.d.ts

@@ -1,15 +1,13 @@
-import { ComponentPropsWithoutRef, ReactNode, RefAttributes, ReactElement } from 'react';
-import { ComboOption } from './combobox-core.js';
-import { CommitScope } from './write-lock.js';
-import '../hooks/use-anchored-rect.js';
-import '../hooks/use-anchored-panel.js';
-
+import type { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import { type ComboOption } from "./combobox-core.js";
+import { type DisabledReasonDisplay } from "./field-parts.js";
+import type { CommitScope } from "./write-lock.js";
 /**
  * `value`/`onChange` are the TEXT's, and `onSelect` is "a suggestion was taken" —
  * not the DOM's text-selection event — so the input's own spellings of those three
  * are omitted. Everything else reaches the `<input>`, the way it does on {@link Input}.
  */
-interface AutocompleteProps<V extends string | number = string> extends Omit<ComponentPropsWithoutRef<"input">, "value" | "defaultValue" | "onChange" | "onSelect" | "children" | "type" | "size"> {
+export interface AutocompleteProps<V extends string | number = string> extends Omit<ComponentPropsWithoutRef<"input">, "value" | "defaultValue" | "onChange" | "onSelect" | "children" | "type" | "size"> {
     /** What is in the field. Controlled, and never reset by the component: opening,
      *  closing and a failed lookup all leave it exactly as typed. */
     value: string;
@@ -128,6 +126,12 @@ interface AutocompleteProps<V extends string | number = string> extends Omit<Com
      * stays live under the lock. No provider, or an unlocked one: no effect.
      */
     commit?: CommitScope;
+    /** Where the reason shows — {@link Button}'s `disabledReasonDisplay`: a line under the
+     *  field at Large and on a touch screen by default, the tooltip otherwise (DUP-3). */
+    disabledReasonDisplay?: DisabledReasonDisplay;
+    /** The `<input>`. A React 19 ref prop since 0.34 (MOD-4, refactor audit 2026-10): it was
+     *  `forwardRef`, cast back to a generic function, with a `displayName` line beside it. */
+    ref?: Ref<HTMLInputElement>;
 }
 /**
  * An inline, async-capable text field with a suggestion list under it — the
@@ -157,9 +161,7 @@ interface AutocompleteProps<V extends string | number = string> extends Omit<Com
  * The list is portalled and anchored under the field on every screen size: the
  * field already carries the keyboard, and `useAnchoredPanel` keeps the list clear
  * of it on a phone. There is no full-screen sheet as {@link Combobox} has.
-
+ *
  * Generic over the option value (`ComboOption<V>`); the ref is the `<input>`'s.
  */
-declare const Autocomplete: <V extends string | number = string>(props: AutocompleteProps<V> & RefAttributes<HTMLInputElement>) => ReactElement | null;
-
-export { Autocomplete, type AutocompleteProps };
+export declare function Autocomplete<V extends string | number = string>(props: AutocompleteProps<V>): import("react").JSX.Element;