@krizaka/ui 3.2.0 → 3.3.0

package/dist/form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/date-picker/parts.ts","../src/form/core.tsx","../src/form/errors.ts","../src/form/money.ts","../src/form/web.tsx"],"sourcesContent":["// Platform-neutral: a date typed as day, month and year (the native `DateField`, the form's `DateField entry=\"parts\"`).\n// Values are ISO calendar dates, `YYYY-MM-DD`, compared as strings.\n\n/** A part of a typed date. */\nexport type DatePart = \"day\" | \"month\" | \"year\";\n\n/** The digits of each part. */\nexport const DATE_PART_LENGTH: Readonly<Record<DatePart, number>> = { day: 2, month: 2, year: 4 };\n\n/** The order of day, month and year in a locale (`en-US` → month, day, year; `fr` → day, month, year). */\nexport function datePartsOrder(locale: string): DatePart[] {\n  try {\n    const parts = new Intl.DateTimeFormat(locale, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).formatToParts(new Date(2001, 10, 22));\n    const order = parts.map((p) => p.type).filter((t): t is DatePart => t === \"day\" || t === \"month\" || t === \"year\");\n    if (order.length === 3) return order;\n  } catch {\n    // An engine without Intl's parts: day, month, year.\n  }\n  return [\"day\", \"month\", \"year\"];\n}\n\n/** The ISO-ordered value of what was typed: `\"\"` when nothing is, `YYYY-MM-DD` otherwise (not necessarily a real date). */\nexport function composeDate(parts: Readonly<Record<DatePart, string>>): string {\n  if (!parts.day && !parts.month && !parts.year) return \"\";\n  const pad = (v: string) => (v.length === 1 ? `0${v}` : v);\n  return `${parts.year}-${pad(parts.month)}-${pad(parts.day)}`;\n}\n\n/** The parts of a value (`\"\"` → three empty parts). */\nexport function splitDate(value: string | null | undefined): Record<DatePart, string> {\n  const m = /^(\\d*)-(\\d*)-(\\d*)$/.exec(value ?? \"\");\n  return m ? { year: m[1]!, month: m[2]!, day: m[3]! } : { day: \"\", month: \"\", year: \"\" };\n}\n\n/** True for a real calendar date written `YYYY-MM-DD` (not `2001-02-30`). */\nexport function isRealDate(value: string): boolean {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) return false;\n  const date = new Date(`${value}T00:00:00Z`);\n  return !Number.isNaN(date.getTime()) && date.toISOString().slice(0, 10) === value;\n}\n\n/** The latest date of birth of someone `age` years old today (`YYYY-MM-DD`): an age gate's `max`, `value <= latestBirthDate(18)`. */\nexport function latestBirthDate(age: number, today = new Date()): string {\n  return new Date(Date.UTC(today.getFullYear() - age, today.getMonth(), today.getDate())).toISOString().slice(0, 10);\n}\n\n// ─── Shared by the pickers, web and native (no DOM, no React) ───────────────────────────────────────────────────────\n\n/** The days of a month (`month` 1–12). */\nexport function daysInMonth(year: number, month: number): number {\n  return new Date(Date.UTC(year, month, 0)).getUTCDate();\n}\n\n/** `2026-10-11` → `{ year: 2026, month: 10, day: 11 }` (no check: pair it with `isRealDate`). */\nexport function isoParts(iso: string): { year: number; month: number; day: number } {\n  const [year = 0, month = 0, day = 0] = iso.split(\"-\").map(Number);\n  return { year, month, day };\n}\n\n/** `{ 2026, 10, 11 }` → `2026-10-11`, the day kept inside the month (`2026-02-31` → `2026-02-28`). */\nexport function isoOf(year: number, month: number, day: number): string {\n  const d = Math.min(Math.max(day, 1), daysInMonth(year, month));\n  return `${String(year).padStart(4, \"0\")}-${String(month).padStart(2, \"0\")}-${String(d).padStart(2, \"0\")}`;\n}\n\n/** The ISO date of today on this device (or of the `Date` given). */\nexport function todayIso(now = new Date()): string {\n  return isoOf(now.getFullYear(), now.getMonth() + 1, now.getDate());\n}\n\n/** The age in whole years on `today` of someone born on `birth` (both ISO). */\nexport function ageOn(birth: string, today: string = todayIso()): number {\n  const b = isoParts(birth);\n  const t = isoParts(today);\n  return t.year - b.year - (t.month < b.month || (t.month === b.month && t.day < b.day) ? 1 : 0);\n}\n\n/** The month names of a locale, January first (`long` · `short` · `narrow`). */\nexport function monthNames(locale: string, style: \"long\" | \"short\" | \"narrow\" = \"long\"): string[] {\n  const format = new Intl.DateTimeFormat(locale, { month: style, timeZone: \"UTC\" });\n  return Array.from({ length: 12 }, (_, i) => format.format(new Date(Date.UTC(2001, i, 1))));\n}\n\n/** The years from `from` to `to`, both included, in that order (descending when `from > to`). */\nexport function yearRange(from: number, to: number): number[] {\n  const step = from <= to ? 1 : -1;\n  return Array.from({ length: Math.abs(to - from) + 1 }, (_, i) => from + i * step);\n}\n\n/** A time of day, `HH:mm` on 24 hours (`\"09:30\"`, `\"18:00\"`): the value of every time picker. */\nexport type TimeValue = string;\n\n/** `\"9:5\"` / `\"09:05\"` → minutes since midnight; `null` when it is not a time. */\nexport function timeToMinutes(value: string | null | undefined): number | null {\n  const m = /^(\\d{1,2}):(\\d{1,2})$/.exec(value ?? \"\");\n  if (!m) return null;\n  const h = Number(m[1]);\n  const min = Number(m[2]);\n  return h < 24 && min < 60 ? h * 60 + min : null;\n}\n\n/** Minutes since midnight → `HH:mm`. */\nexport function minutesToTime(minutes: number): TimeValue {\n  const m = ((Math.round(minutes) % 1440) + 1440) % 1440;\n  return `${String(Math.floor(m / 60)).padStart(2, \"0\")}:${String(m % 60).padStart(2, \"0\")}`;\n}\n\n/** The slots of a day from `start` to `end` (excluded) every `step` minutes: `timeSlots(\"09:00\", \"12:00\", 30)`. */\nexport function timeSlots(start: TimeValue, end: TimeValue, step = 30): TimeValue[] {\n  const a = timeToMinutes(start);\n  const b = timeToMinutes(end);\n  if (a === null || b === null || step <= 0) return [];\n  const slots: TimeValue[] = [];\n  for (let m = a; m < b; m += step) slots.push(minutesToTime(m));\n  return slots;\n}\n\n/** True when the locale writes the time on 12 hours with a day period (`en-US` → true, `fr-CA` → false). */\nexport function uses12Hours(locale: string): boolean {\n  try {\n    const options = new Intl.DateTimeFormat(locale, { hour: \"numeric\" }).resolvedOptions() as Intl.ResolvedDateTimeFormatOptions & { hourCycle?: string };\n    return options.hourCycle ? options.hourCycle === \"h12\" || options.hourCycle === \"h11\" : Boolean(options.hour12);\n  } catch {\n    return false;\n  }\n}\n\n/** The day periods of a locale, morning first (`[\"AM\", \"PM\"]`, `[\"a.m.\", \"p.m.\"]`). */\nexport function dayPeriods(locale: string): [string, string] {\n  const format = new Intl.DateTimeFormat(locale, { hour: \"numeric\", hour12: true, timeZone: \"UTC\" });\n  const period = (h: number) => format.formatToParts(new Date(Date.UTC(2001, 0, 1, h))).find((p) => p.type === \"dayPeriod\")?.value ?? (h < 12 ? \"AM\" : \"PM\");\n  return [period(9), period(15)];\n}\n\n/** A time written the locale's way (`\"18:30\"` → `\"6:30 PM\"` in en-US, `\"18 h 30\"` in fr-CA). */\nexport function formatTime(locale: string, value: TimeValue): string {\n  const minutes = timeToMinutes(value);\n  if (minutes === null) return \"\";\n  return new Intl.DateTimeFormat(locale, { hour: \"numeric\", minute: \"2-digit\", timeZone: \"UTC\" }).format(new Date(Date.UTC(2001, 0, 1, 0, minutes)));\n}\n\n/** A local `Date` at midnight for an ISO date (for formatting). */\nexport const toLocalDate = (iso: string) => {\n  const { year, month, day } = isoParts(iso);\n  return new Date(year, month - 1, day);\n};\n/** The ISO date of a local `Date`. */\nexport const toIsoDate = (date: Date): string => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, \"0\")}-${String(date.getDate()).padStart(2, \"0\")}`;\n/** The ISO date `days` later (or earlier). */\nexport const addDays = (iso: string, days: number) => {\n  const date = toLocalDate(iso);\n  date.setDate(date.getDate() + days);\n  return toIsoDate(date);\n};\n/** The ISO date `months` later (or earlier), the day kept inside the shorter months (`01-31` + 1 → `02-28`). */\nexport const addMonths = (iso: string, months: number) => {\n  const { year, month, day } = isoParts(iso);\n  const first = new Date(year, month - 1 + months, 1);\n  return isoOf(first.getFullYear(), first.getMonth() + 1, day);\n};\n\n/** The first day of the week for a locale (0 = Sunday … 6 = Saturday), from `Intl.Locale` week info; Monday otherwise. */\nexport function weekStartOf(locale: string): number {\n  try {\n    const info = new Intl.Locale(locale) as Intl.Locale & { getWeekInfo?: () => { firstDay: number }; weekInfo?: { firstDay: number } };\n    const firstDay = info.getWeekInfo?.().firstDay ?? info.weekInfo?.firstDay;\n    return firstDay ? firstDay % 7 : 1;\n  } catch {\n    return 1;\n  }\n}\n\n/** The weeks of a month's grid (six at most), each seven ISO dates from the locale's first day of the week. */\nexport function monthGrid(month: string, weekStartsOn: number): string[][] {\n  const first = `${month.slice(0, 7)}-01`;\n  const lead = (toLocalDate(first).getDay() - weekStartsOn + 7) % 7;\n  const start = addDays(first, -lead);\n  const days = Array.from({ length: 42 }, (_, i) => addDays(start, i));\n  return Array.from({ length: 6 }, (_, w) => days.slice(w * 7, w * 7 + 7)).filter((week, w) => w < 5 || week[0]!.slice(0, 7) === first.slice(0, 7));\n}\n","// Platform-neutral React (web and React Native): the engine of a Krizaka form, TanStack Form v1 behind the facade\n// (ADR-001: a product never imports @tanstack/*). A form = a Standard Schema (zod 4) + its default values; the schema\n// validates every change, an error shows once the person leaves the field or tries to send (and goes as soon as it is\n// fixed), a field may check a value on the server (debounced, aborted when the value changes), and a refusal of the\n// server (Problem Details `fields`) lands under its fields. The fields themselves are the platform's (web.tsx, native).\nimport { type AnyFieldApi, type AnyFormApi, type DeepKeys, type StandardSchemaV1, useField, useForm, useStore } from \"@tanstack/react-form\";\nimport * as React from \"react\";\n\nimport { type FormFieldError, type FormI18n, formMessage, type FormProblem, isFormProblem, issuesToFields, problemToErrors, type SchemaIssue } from \"./errors\";\n\n/** A schema the form validates with: any Standard Schema — zod 4 (`z.object`), valibot, arktype. */\nexport type FormSchema<Input = unknown, Output = Input> = StandardSchemaV1<Input, Output>;\n/** The values a form holds: the schema's input. */\nexport type FormValues<S> = S extends { readonly \"~standard\": { readonly types?: { readonly input: infer I } } } ? I : never;\n/** The values a form sends: the schema's output (zod transforms applied). */\nexport type FormOutput<S> = S extends { readonly \"~standard\": { readonly types?: { readonly output: infer O } } } ? O : never;\n/** A field's name: `email`, `address.city`, `links[0].url`. */\nexport type FieldName<V> = DeepKeys<V> & string;\n\n/** What a Server Action (or any submit) answers: done, or a refusal the form shows. */\nexport type FormActionResult<T = unknown> = { ok: true; data?: T } | { ok: false; problem: FormProblem };\n\n/** A value checked on the server as it is typed: an error (or its key), or nothing when the value is fine. */\nexport type FieldCheck<T = unknown> = (value: T, signal: AbortSignal) => Promise<FormFieldError | string | null | undefined> | FormFieldError | string | null | undefined;\n\nexport interface KrizakaFormDefinition<S extends FormSchema> {\n  /** The schema of the values (zod 4): the same one the server parses with. */\n  schema: S;\n  /** The values at first: every field of the schema. */\n  defaultValues: FormValues<S>;\n  /** The words: the app's translate function, the key prefixes, the locale. */\n  i18n?: FormI18n;\n}\n\nexport interface UseKrizakaFormOptions<S extends FormSchema, R = unknown> {\n  /** Sends the values (the schema's output): a mutation of @krizaka/query, a Server Action. Throw a `KrizakaApiError` or\n   * return `{ ok: false, problem }` to refuse: its `fields` go under their fields, the rest above the button. */\n  onSubmit?: (values: FormOutput<S>) => R | Promise<R>;\n  /** Called after a successful submit with what `onSubmit` returned (`data` of a `{ ok: true, data }`). */\n  onSuccess?: (result: R extends FormActionResult<infer T> ? T | undefined : R) => void;\n  /** Values that replace the definition's (a profile loaded from the server). */\n  defaultValues?: FormValues<S>;\n  /** Overrides the definition's words (the translate function of a hook). */\n  i18n?: FormI18n;\n  /** The server's codes that belong to a field (`{ UNDERAGE: \"dateOfBirth\", USERNAME_RESERVED: \"username\" }`): a refusal\n   * with that code shows under the field, as `form.errors.<CODE>`, instead of above the button. */\n  codeFields?: Readonly<Record<string, string>>;\n}\n\n/** The state of a form, for its fields and its button. */\nexport interface FormContextValue {\n  /** TanStack's form, through the facade: never import @tanstack/* in a product. */\n  readonly api: AnyFormApi;\n  readonly i18n: FormI18n;\n  /** The whole form's error (a refusal without a field), or null. */\n  readonly error: FormFieldError | null;\n  /** Sends the form: validates, focuses (web) or announces (native) the first error, else calls `onSubmit`. */\n  readonly submit: () => Promise<boolean>;\n}\n\nexport const FormContext = React.createContext<FormContextValue | null>(null);\n\n/** The form around a field: inside `form.Form`. */\nexport function useFormContext(): FormContextValue {\n  const ctx = React.useContext(FormContext);\n  if (!ctx) throw new Error(\"A Krizaka form field must be inside its form's `form.Form`.\");\n  return ctx;\n}\n\ntype StandardResult = { readonly value?: unknown; readonly issues?: readonly SchemaIssue[] };\n\nconst run = (schema: FormSchema, value: unknown) => schema[\"~standard\"].validate(value) as StandardResult | Promise<StandardResult>;\n\n/** The engine of a form: TanStack's form wired to the schema, the server's refusals and the submit. */\nexport function useKrizakaFormCore<S extends FormSchema, R>(definition: KrizakaFormDefinition<S>, options: UseKrizakaFormOptions<S, R> = {}): FormContextValue {\n  const i18n = { ...definition.i18n, ...options.i18n };\n  const latest = React.useRef({ options, i18n });\n  // The latest options for the engine's callbacks (a submit, a change), which outlive the render that made them.\n  React.useLayoutEffect(() => {\n    latest.current = { options, i18n };\n  });\n  const [error, setError] = React.useState<FormFieldError | null>(null);\n  const refused = React.useRef(false);\n\n  const api = useForm({\n    defaultValues: options.defaultValues ?? definition.defaultValues,\n    validators: {\n      // Every change: the schema, synchronously (an async refinement waits for the submit). Errors are computed for\n      // every field; each field shows its own once the person left it or tried to send.\n      onChange: ({ value }: { value: unknown }) => {\n        const result = run(definition.schema, value);\n        if (result instanceof Promise || !result.issues?.length) return undefined;\n        const fields = issuesToFields(result.issues, latest.current.i18n.prefix);\n        delete fields[\"\"];\n        return { fields };\n      },\n    },\n    onSubmit: async ({ value }: { value: unknown }) => {\n      const parsed = await run(definition.schema, value);\n      if (parsed.issues?.length) {\n        apply({ fields: issuesToFields(parsed.issues, latest.current.i18n.prefix) as FormProblem[\"fields\"] });\n        return;\n      }\n      let result: unknown;\n      try {\n        result = await latest.current.options.onSubmit?.(parsed.value as FormOutput<S>);\n      } catch (thrown) {\n        apply(isFormProblem(thrown) ? thrown : { code: \"server\" });\n        return;\n      }\n      if (result && typeof result === \"object\" && \"ok\" in result && (result as FormActionResult).ok === false) {\n        apply((result as unknown as { problem: FormProblem }).problem);\n        return;\n      }\n      const data = result && typeof result === \"object\" && \"ok\" in result ? (result as { data?: unknown }).data : result;\n      latest.current.options.onSuccess?.(data as never);\n    },\n  });\n\n  const known = (name: string) => name in api.fieldInfo;\n  function apply(problem: FormProblem) {\n    refused.current = true;\n    const { fields, form } = problemToErrors(problem, latest.current.i18n, known, latest.current.options.codeFields);\n    for (const [name, fieldError] of Object.entries(fields)) {\n      api.setFieldMeta(name as never, (meta) => ({ ...meta, isBlurred: true, errorMap: { ...meta.errorMap, onServer: fieldError } }));\n    }\n    setError(form);\n  }\n\n  const submit = React.useCallback(async () => {\n    setError(null);\n    refused.current = false;\n    for (const name of Object.keys(api.fieldInfo)) {\n      if ((api.getFieldMeta(name as never) as { errorMap?: Record<string, unknown> } | undefined)?.errorMap?.onServer) api.setFieldMeta(name as never, (meta) => ({ ...meta, errorMap: { ...meta.errorMap, onServer: undefined } }));\n    }\n    await api.handleSubmit();\n    const state = api.state;\n    return !refused.current && state.isSubmitSuccessful && state.isValid && !(Object.values(state.fieldMeta) as { errorMap?: Record<string, unknown> }[]).some((meta) => meta?.errorMap?.onServer);\n  }, [api]);\n\n  return React.useMemo(() => ({ api, i18n, error, submit }), [api, error, submit, i18n.t, i18n.prefix, i18n.apiPrefix, i18n.locale]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nconst UNCHECKED = Symbol(\"unchecked\");\n\nexport interface FieldOptions<T> {\n  /** Checks the value on the server as it is typed (a username's availability): debounced, aborted when it changes. */\n  validateAsync?: FieldCheck<T>;\n  /** The wait, in ms, between the last change and `validateAsync`. Default 350. */\n  asyncDebounceMs?: number;\n}\n\n/** A field as its component draws it: the value, its setter, its error in words, its state. */\nexport interface KrizakaField<T = unknown> {\n  /** The id of the control (`htmlFor` of its label). */\n  readonly id: string;\n  readonly name: string;\n  readonly value: T;\n  /** Sets the value (clears a refusal of the server on it). */\n  setValue(value: T): void;\n  /** Call when the control loses focus: from then on, its errors show. */\n  readonly onBlur: () => void;\n  /** The error to show, in words — only once it should show. */\n  readonly error: string | undefined;\n  /** The error itself, with its suggestion. */\n  readonly errorDetail: FormFieldError | undefined;\n  /** A check (`validateAsync`) is running. */\n  readonly validating: boolean;\n  /** The check passed for the current value. */\n  readonly available: boolean;\n  /** The ids of the hint and the error (`aria-describedby`). */\n  readonly hintId: string;\n  readonly errorId: string;\n  /** The form's locale (numbers, money, dates). */\n  readonly locale: string;\n  /** TanStack's field, through the facade. */\n  readonly api: AnyFieldApi;\n}\n\n/** Binds a field of the form around it (inside `form.Form`): what the platform's field components are made of. */\nexport function useKrizakaField<T = unknown>(name: string, options: FieldOptions<T> = {}): KrizakaField<T> {\n  const ctx = useFormContext();\n  const id = React.useId();\n  const [checked, setChecked] = React.useState<unknown>(UNCHECKED);\n  const check = options.validateAsync;\n  const field = useField({\n    form: ctx.api,\n    name: name as never,\n    ...(check\n      ? {\n          asyncDebounceMs: options.asyncDebounceMs ?? 350,\n          validators: {\n            onChangeAsyncDebounceMs: options.asyncDebounceMs ?? 350,\n            onChangeAsync: async ({ value, signal }: { value: T; signal: AbortSignal }) => {\n              const answer = await check(value, signal);\n              if (signal.aborted) return undefined;\n              if (!answer) {\n                setChecked(value);\n                return undefined;\n              }\n              setChecked(UNCHECKED);\n              const error = typeof answer === \"string\" ? { key: answer } : answer;\n              return { ...error, immediate: true, source: \"check\" } satisfies FormFieldError;\n            },\n          },\n        }\n      : {}),\n  } as never) as unknown as AnyFieldApi;\n  const attempts = useStore(ctx.api.store, (state: { submissionAttempts: number }) => state.submissionAttempts);\n  const meta = field.state.meta;\n  const map = meta.errorMap as Record<string, unknown>;\n  const all = [map.onServer, map.onChange, map.onBlur, map.onSubmit, map.onMount].filter(Boolean) as (FormFieldError | string)[];\n  const first = all[0];\n  const detail = typeof first === \"string\" ? { key: first } : first;\n  const visible = detail && (detail.immediate || detail.source === \"server\" || meta.isBlurred || attempts > 0) ? detail : undefined;\n  const value = field.state.value as T;\n\n  return {\n    id,\n    name,\n    value,\n    setValue: (next: T) => {\n      if (map.onServer) ctx.api.setFieldMeta(name as never, (m: { errorMap: Record<string, unknown> }) => ({ ...m, errorMap: { ...m.errorMap, onServer: undefined } }) as never);\n      field.handleChange(next as never);\n    },\n    onBlur: () => field.handleBlur(),\n    error: visible ? formMessage(visible, ctx.i18n) : undefined,\n    errorDetail: visible,\n    validating: Boolean(meta.isValidating),\n    available: Boolean(check) && checked !== UNCHECKED && Object.is(checked, value) && !meta.isValidating && all.length === 0,\n    hintId: `${id}-hint`,\n    errorId: `${id}-error`,\n    locale: ctx.i18n.locale ?? \"en\",\n    api: field,\n  };\n}\n\n/** The array of a field array, with its operations (`form.FieldArray`). */\nexport interface KrizakaFieldArray<T = unknown> {\n  readonly name: string;\n  readonly items: readonly T[];\n  /** Adds an item at the end. */\n  readonly push: (item: T) => void;\n  /** Removes the item at `index`. */\n  readonly remove: (index: number) => void;\n  /** Moves an item. */\n  readonly move: (from: number, to: number) => void;\n  /** The name of a sub-field of an item: `name(0, \"url\")` → `links[0].url`. */\n  readonly fieldName: (index: number, key?: string) => string;\n  /** The error of the array itself (too few, too many), in words, once it should show. */\n  readonly error: string | undefined;\n}\n\n/** Binds an array of the form (a list of links, of tiers): its items and their operations. */\nexport function useKrizakaFieldArray<T = unknown>(name: string): KrizakaFieldArray<T> {\n  const ctx = useFormContext();\n  const field = useField({ form: ctx.api, name: name as never, mode: \"array\" } as never) as unknown as AnyFieldApi;\n  const attempts = useStore(ctx.api.store, (state: { submissionAttempts: number }) => state.submissionAttempts);\n  const map = field.state.meta.errorMap as Record<string, FormFieldError | undefined>;\n  const first = map.onServer ?? map.onChange ?? map.onSubmit;\n  return {\n    name,\n    items: (field.state.value as T[] | undefined) ?? [],\n    push: (item) => field.pushValue(item as never),\n    remove: (index) => void field.removeValue(index),\n    move: (from, to) => field.moveValue(from, to),\n    fieldName: (index, key) => `${name}[${index}]${key ? `.${key}` : \"\"}`,\n    error: first && (attempts > 0 || first.source === \"server\" || field.state.meta.isDirty) ? formMessage(first, ctx.i18n) : undefined,\n  };\n}\n\n/** The value of a field, kept up to date (`form.Watch`): show a part of the form only when a box is ticked. */\nexport function useFormValue<T = unknown>(name: string): T {\n  const ctx = useFormContext();\n  return useStore(ctx.api.store, (state: { values: unknown }) => getPath(state.values, name)) as T;\n}\n\n/** The state of the submit, for a button: sending, and whether the last try succeeded. */\nexport function useFormStatus(): { submitting: boolean; succeeded: boolean; attempts: number } {\n  const ctx = useFormContext();\n  const submitting = useStore(ctx.api.store, (s: { isSubmitting: boolean }) => s.isSubmitting);\n  const succeeded = useStore(ctx.api.store, (s: { isSubmitSuccessful: boolean }) => s.isSubmitSuccessful);\n  const attempts = useStore(ctx.api.store, (s: { submissionAttempts: number }) => s.submissionAttempts);\n  return { submitting, succeeded: succeeded && !ctx.error, attempts };\n}\n\nfunction getPath(source: unknown, path: string): unknown {\n  let current = source;\n  for (const part of path.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\")) {\n    if (current === null || typeof current !== \"object\") return undefined;\n    current = (current as Record<string, unknown>)[part];\n  }\n  return current;\n}\n\n/** The first visible error of a form, in words (native: announced after a refused submit). */\nexport function firstVisibleError(ctx: FormContextValue): string | undefined {\n  if (ctx.error) return formMessage(ctx.error, ctx.i18n);\n  for (const meta of Object.values(ctx.api.state.fieldMeta) as { errorMap?: Record<string, FormFieldError | string | undefined> }[]) {\n    const error = meta?.errorMap && Object.values(meta.errorMap).find(Boolean);\n    if (error) return formMessage(error, ctx.i18n);\n  }\n  return undefined;\n}\n\n/** The platform's components, typed by the form's field names: `name` completes and is checked against the schema. */\nexport type BoundFields<C, N extends string> = {\n  [K in keyof C]: C[K] extends (props: infer P) => infer R ? (P extends { name: string } ? (props: Omit<P, \"name\"> & { name: N }) => R : C[K]) : C[K];\n};\n\n/** A form in a component: its fields (typed by the schema), its submit and its state. */\nexport type KrizakaFormInstance<S extends FormSchema, C, RootProps> = BoundFields<C, FieldName<FormValues<S>>> & {\n  /** The form element (web) or view (native): renders its fields and provides them the form. */\n  Form: (props: RootProps) => React.ReactElement;\n  /** Sends the form (what `Submit` does): `true` when it went through. */\n  submit: () => Promise<boolean>;\n  /** Back to the default values (or the given ones), errors cleared. */\n  reset: (values?: FormValues<S>) => void;\n  /** Sets a field's value from outside (a suggestion, a preset). */\n  setValue: (name: FieldName<FormValues<S>>, value: unknown) => void;\n  /** The values now. */\n  getValues: () => FormValues<S>;\n  /** The whole form's error (a refusal without a field), or null. */\n  error: FormFieldError | null;\n  /** TanStack's form, the escape hatch — never import @tanstack/* in a product. */\n  api: AnyFormApi;\n};\n\n/** A form defined once (schema + defaults), used in components: `signUp.useForm({ onSubmit })`. */\nexport interface KrizakaFormFactory<S extends FormSchema, C, RootProps> {\n  readonly schema: S;\n  readonly defaultValues: FormValues<S>;\n  /** The form in a component: `onSubmit` sends the values (a mutation), a thrown `KrizakaApiError` lands on the fields. */\n  useForm<R = unknown>(options?: UseKrizakaFormOptions<S, R>): KrizakaFormInstance<S, C, RootProps>;\n  /** The form sent by a Server Action: it receives the values and answers `{ ok: true, data }` or `{ ok: false, problem }`. */\n  useFormWithAction<T = unknown>(action: (values: FormOutput<S>) => Promise<FormActionResult<T>>, options?: Omit<UseKrizakaFormOptions<S, FormActionResult<T>>, \"onSubmit\">): KrizakaFormInstance<S, C, RootProps>;\n}\n\n/** Builds a platform's `createKrizakaForm` from its field components and its root (web `<form>`, native `View`). */\nexport function makeCreateKrizakaForm<C extends object, RootProps extends object>(components: C, Root: (props: RootProps & { value: FormContextValue }) => React.ReactElement) {\n  return function createKrizakaForm<S extends FormSchema>(definition: KrizakaFormDefinition<S>): KrizakaFormFactory<S, C, RootProps> {\n    function useForm<R>(options?: UseKrizakaFormOptions<S, R>): KrizakaFormInstance<S, C, RootProps> {\n      const ctx = useKrizakaFormCore(definition, options);\n      // One `Form` for the life of the form (never remounted, so focus and fields stay): it reads the latest state from a\n      // small store the hook updates.\n      const [store] = React.useState(() => createStore(ctx));\n      React.useLayoutEffect(() => store.set(ctx), [store, ctx]);\n      const Form = React.useCallback((props: RootProps) => <Bound store={store} Root={Root} props={props} />, [store]);\n      return React.useMemo(\n        () =>\n          ({\n            ...components,\n            Form,\n            submit: ctx.submit,\n            reset: (values?: FormValues<S>) => ctx.api.reset(values),\n            setValue: (name: string, value: unknown) => ctx.api.setFieldValue(name as never, value as never),\n            getValues: () => ctx.api.state.values as FormValues<S>,\n            error: ctx.error,\n            api: ctx.api,\n          }) as unknown as KrizakaFormInstance<S, C, RootProps>,\n        [ctx, Form],\n      );\n    }\n    return {\n      schema: definition.schema,\n      defaultValues: definition.defaultValues,\n      useForm,\n      useFormWithAction: (action, options) => useForm({ ...options, onSubmit: action }),\n    };\n  };\n}\n\ntype Store<T> = { get: () => T; set: (value: T) => void; subscribe: (listener: () => void) => () => void };\n\nfunction createStore<T>(initial: T): Store<T> {\n  let value = initial;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => value,\n    set: (next) => {\n      if (Object.is(next, value)) return;\n      value = next;\n      listeners.forEach((listener) => listener());\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n\nfunction Bound<RootProps extends object>({ store, Root, props }: { store: Store<FormContextValue>; Root: (props: RootProps & { value: FormContextValue }) => React.ReactElement; props: RootProps }) {\n  const value = React.useSyncExternalStore(store.subscribe, store.get, store.get);\n  return <Root {...props} value={value} />;\n}\n","// Platform-neutral and server-safe: no React, no DOM, no React Native. The errors of a Krizaka form — a schema's issues,\n// a server's Problem Details, an availability check — as one shape, `FormFieldError`, whose words come from a key of the\n// app's catalogue (`form.errors.tooShort`), never from the validation engine's English.\n\n/** A value a message placeholder takes (`{minimum}`, `{suggestion}`). */\nexport type FormMessageValue = string | number;\n\n/** An error of a field or of the whole form: the key of its words in the app's catalogue, and what fills them in. */\nexport interface FormFieldError {\n  /** The i18n key: `form.errors.required`, or the key a schema names (`z.string().min(3, \"signUp.username.short\")`). */\n  key: string;\n  /** The placeholders of the message (`{ minimum: 3 }`). */\n  values?: Readonly<Record<string, FormMessageValue>>;\n  /** The server's own words, in English: shown only when the catalogue has no message for the key. */\n  message?: string;\n  /** A value to offer instead (a free username): a button under the error sets it. Its label is passed translated. */\n  suggestion?: { readonly label: string; readonly value: unknown };\n  /** Shown at once, while the person types (an availability check), not only once they leave the field. */\n  immediate?: boolean;\n  /** Where it comes from: the schema (default), a field's check, or the server's answer (kept until the field changes). */\n  source?: \"schema\" | \"check\" | \"server\";\n}\n\n/** The English defaults of the generic errors, by code — the words a form shows when the app's catalogue has none. */\nexport const formMessages: Readonly<Record<string, string>> = {\n  required: \"This field is required.\",\n  tooShort: \"Use at least {minimum} characters.\",\n  tooLong: \"Use at most {maximum} characters.\",\n  tooSmall: \"Enter {minimum} or more.\",\n  tooBig: \"Enter {maximum} or less.\",\n  tooFew: \"Choose at least {minimum}.\",\n  tooMany: \"Choose at most {maximum}.\",\n  invalidEmail: \"Enter an e-mail address, like name@example.com.\",\n  invalidUrl: \"Enter a web address, like https://example.com.\",\n  invalidDate: \"Enter a real date.\",\n  invalidNumber: \"Enter a number.\",\n  invalidFormat: \"Check the format of this field.\",\n  invalidChoice: \"Choose one of the options.\",\n  invalid: \"Check this field.\",\n  // The whole form (a server's answer without fields): the codes of @krizaka/query's KrizakaApiError.\n  network: \"No connection. Check your network and try again.\",\n  \"rate-limited\": \"Too many tries. Wait a moment and try again.\",\n  unauthorized: \"Your session has ended. Sign in again.\",\n  forbidden: \"You are not allowed to do this.\",\n  conflict: \"This was changed meanwhile. Reload and try again.\",\n  \"validation-failed\": \"Some fields need your attention.\",\n  unavailable: \"The service is unavailable for a moment. Try again shortly.\",\n  server: \"Something went wrong on our side. Try again.\",\n};\n\n/** How a form finds its words: the app's translate function, and the prefixes of its keys. */\nexport interface FormI18n {\n  /** The app's translate function (`(key, values) => t(key, values)`): a string, or `undefined` when the key is missing. */\n  t?: (key: string, values?: Readonly<Record<string, FormMessageValue>>) => string | undefined;\n  /** The prefix of the generic field errors. Default `form.errors` (→ `form.errors.tooShort`). */\n  prefix?: string;\n  /** The prefix of the server's codes for the whole form, as `KrizakaApiError.messageKey()`. Default `apiErrors`. */\n  apiPrefix?: string;\n  /** The locale of numbers, money and dates. Default `en`. */\n  locale?: string;\n}\n\nconst KEY = /^[\\w-]+(\\.[\\w-]+)+$/;\n\nconst fill = (text: string, values?: Readonly<Record<string, FormMessageValue>>) =>\n  values ? text.replace(/\\{(\\w+)\\}/g, (all, name: string) => (values[name] === undefined ? all : String(values[name]))) : text;\n\n/** The words of an error: the app's catalogue, else the English default of its code, else the server's words, else the key. */\nexport function formMessage(error: FormFieldError | string, i18n: FormI18n = {}): string {\n  const e = typeof error === \"string\" ? { key: error } : error;\n  const translated = i18n.t?.(e.key, e.values);\n  if (translated && translated !== e.key) return translated;\n  const code = e.key.slice(e.key.lastIndexOf(\".\") + 1);\n  const fallback = formMessages[code];\n  // The server's words beat a generic default (a refusal without a code), never a default for its own code.\n  if (e.message && (code === \"invalid\" || !fallback)) return e.message;\n  if (fallback && (e.key.startsWith(`${i18n.prefix ?? \"form.errors\"}.`) || e.key.startsWith(`${i18n.apiPrefix ?? \"apiErrors\"}.`))) return fill(fallback, e.values);\n  return e.message ?? (KEY.test(e.key) ? fill(fallback ?? formMessages.invalid!, e.values) : e.key);\n}\n\n/** One issue of a Standard Schema (zod 4, valibot, arktype): zod adds its `code` and limits, read when present. */\nexport interface SchemaIssue {\n  readonly message: string;\n  readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }>;\n  readonly code?: string;\n  readonly minimum?: number | bigint;\n  readonly maximum?: number | bigint;\n  readonly origin?: string;\n  readonly format?: string;\n  readonly input?: unknown;\n  readonly expected?: string;\n}\n\n/** A field's name from an issue's path, as the form writes it: `links[0].url`. */\nexport function pathName(path: SchemaIssue[\"path\"]): string {\n  let name = \"\";\n  for (const part of path ?? []) {\n    const key = typeof part === \"object\" && part !== null ? part.key : part;\n    if (typeof key === \"number\") name += `[${key}]`;\n    else name += name ? `.${String(key)}` : String(key);\n  }\n  return name;\n}\n\nconst num = (value: number | bigint | undefined) => (value === undefined ? undefined : Number(value));\n\n/** The key and values of an issue: the schema's own key when it names one, else the generic code of what failed. */\nexport function issueError(issue: SchemaIssue, prefix = \"form.errors\"): FormFieldError {\n  if (KEY.test(issue.message)) return { key: issue.message };\n  const key = (code: string, values?: Record<string, FormMessageValue>) => ({ key: `${prefix}.${code}`, ...(values ? { values } : {}) });\n  const collection = issue.origin === \"array\" || issue.origin === \"set\";\n  switch (issue.code) {\n    case \"invalid_type\":\n      return issue.input === undefined || issue.input === null || issue.input === \"\" ? key(\"required\") : issue.expected === \"number\" ? key(\"invalidNumber\") : issue.expected === \"date\" ? key(\"invalidDate\") : key(\"invalid\");\n    case \"too_small\": {\n      const minimum = num(issue.minimum)!;\n      if (issue.origin === \"string\") return minimum <= 1 ? key(\"required\") : key(\"tooShort\", { minimum });\n      if (collection) return minimum <= 1 ? key(\"required\") : key(\"tooFew\", { minimum });\n      return key(\"tooSmall\", { minimum });\n    }\n    case \"too_big\": {\n      const maximum = num(issue.maximum)!;\n      return issue.origin === \"string\" ? key(\"tooLong\", { maximum }) : collection ? key(\"tooMany\", { maximum }) : key(\"tooBig\", { maximum });\n    }\n    case \"invalid_format\":\n      if (issue.format === \"email\") return key(\"invalidEmail\");\n      if (issue.format === \"url\") return key(\"invalidUrl\");\n      if (issue.format === \"date\" || issue.format === \"datetime\") return key(\"invalidDate\");\n      return key(\"invalidFormat\");\n    case \"invalid_value\":\n      // `z.literal(true)`: a box that must be ticked.\n      return issue.input === false || issue.input === undefined ? key(\"required\") : key(\"invalidChoice\");\n    case \"invalid_union\":\n    case \"invalid_key\":\n    case \"invalid_element\":\n      return key(\"invalidChoice\");\n    default:\n      return key(\"invalid\");\n  }\n}\n\n/** The first error of each field of a schema's issues (an issue without a path is the whole form's: `\"\"`). */\nexport function issuesToFields(issues: readonly SchemaIssue[], prefix?: string): Record<string, FormFieldError> {\n  const fields: Record<string, FormFieldError> = {};\n  for (const issue of issues) {\n    const name = pathName(issue.path);\n    if (!(name in fields)) fields[name] = { ...issueError(issue, prefix), source: \"schema\" };\n  }\n  return fields;\n}\n\n/**\n * A refusal the form shows, serialisable (a Server Action returns it): the shape of `KrizakaApiError` of @krizaka/query —\n * a `KrizakaApiError` *is* a `FormProblem`. `fields` go under their fields, the rest above the submit button.\n */\nexport interface FormProblem {\n  /** The HTTP status (0 when no response arrived). */\n  status?: number;\n  /** The stable code of the refusal (`rate-limited`, `conflict`, `ACCOUNT_EXISTS`): the key of its words. */\n  code?: string;\n  /** The server's sentence, in English: shown only when the catalogue has no message for the code. */\n  detail?: string;\n  /** The refused fields, by name: a server's `{ code, message }`, or an error the form already knows (`key`). */\n  fields?: Readonly<Record<string, { code?: string; message: string } | FormFieldError | string>>;\n  /** Epoch ms before which the same call is refused (a 429). */\n  retryAt?: number;\n}\n\n/** True for what a form can read as a problem: a `KrizakaApiError`, a `FormProblem`, an `{ ok: false, problem }` result. */\nexport function isFormProblem(value: unknown): value is FormProblem {\n  return typeof value === \"object\" && value !== null && (\"fields\" in value || \"code\" in value || \"status\" in value);\n}\n\n/** A problem as field errors (by name) and the whole form's error (or `null` when every refusal has its field). */\nexport function problemToErrors(\n  problem: FormProblem,\n  i18n: FormI18n = {},\n  known?: (name: string) => boolean,\n  codeFields: Readonly<Record<string, string>> = {},\n): { fields: Record<string, FormFieldError>; form: FormFieldError | null } {\n  const prefix = i18n.prefix ?? \"form.errors\";\n  const fields: Record<string, FormFieldError> = {};\n  let unplaced = false;\n  // A refusal named by a code that belongs to a field (`UNDERAGE` → `dateOfBirth`): under that field, in its words.\n  const owner = problem.code ? codeFields[problem.code] : undefined;\n  if (owner && (!known || known(owner)) && !problem.fields?.[owner]) {\n    fields[owner] = { key: `${prefix}.${problem.code}`, ...(problem.detail ? { message: problem.detail } : {}), source: \"server\" };\n    if (!problem.fields || Object.keys(problem.fields).length === 0) return { fields, form: null };\n  }\n  for (const [name, refusal] of Object.entries(problem.fields ?? {})) {\n    if (known && !known(name)) {\n      unplaced = true;\n      continue;\n    }\n    const error: FormFieldError =\n      typeof refusal === \"string\"\n        ? { key: refusal }\n        : \"key\" in refusal\n          ? refusal\n          : { key: refusal.code ? (KEY.test(refusal.code) ? refusal.code : `${prefix}.${refusal.code}`) : `${prefix}.invalid`, message: refusal.message };\n    fields[name] = { ...error, source: \"server\" };\n  }\n  const placed = Object.keys(fields).length > 0;\n  if (placed && !unplaced) return { fields, form: null };\n  const code = problem.code ?? (problem.status === 0 ? \"network\" : problem.status && problem.status >= 500 ? \"server\" : \"invalid\");\n  const retryIn = problem.retryAt ? Math.max(1, Math.ceil((problem.retryAt - Date.now()) / 1000)) : undefined;\n  return {\n    fields,\n    form: { key: KEY.test(code) ? code : `${i18n.apiPrefix ?? \"apiErrors\"}.${code}`, ...(problem.detail ? { message: problem.detail } : {}), ...(retryIn ? { values: { seconds: retryIn } } : {}), source: \"server\" },\n  };\n}\n","// Platform-neutral: an amount typed in a field ↔ integer minor units (cents), never a float on the way.\nimport { currencyDigits } from \"@krizaka/intl\";\n\n/** The decimal separator of a locale (`en` → `.`, `fr` → `,`). */\nexport function decimalSeparator(locale: string): string {\n  return new Intl.NumberFormat(locale).formatToParts(1.5).find((p) => p.type === \"decimal\")?.value ?? \".\";\n}\n\n/** The currency's sign in a locale (`USD`, `en-US` → `$`; `EUR`, `fr` → `€`). */\nexport function currencySymbol(currency: string, locale: string): string {\n  return new Intl.NumberFormat(locale, { style: \"currency\", currency }).formatToParts(0).find((p) => p.type === \"currency\")?.value ?? currency;\n}\n\n/**\n * An amount as typed (`12.5`, `12,50`, `1,234.56`, `1 234,56`) → integer minor units (`1250`). `undefined` when empty,\n * `null` when it is not an amount (letters, more decimals than the currency has).\n */\nexport function parseMoney(text: string, currency: string, locale = \"en\"): number | null | undefined {\n  const digits = currencyDigits(currency);\n  const t = text.replace(/[\\s\\u00a0\\u202f']/g, \"\");\n  if (!t) return undefined;\n  const negative = t.startsWith(\"-\");\n  const body = negative ? t.slice(1) : t;\n  if (!/^[\\d.,]+$/.test(body)) return null;\n  let int = body;\n  let frac = \"\";\n  const last = Math.max(body.lastIndexOf(\".\"), body.lastIndexOf(\",\"));\n  if (last >= 0) {\n    const tail = body.slice(last + 1);\n    // The last separator is the decimal one when it is the locale's, or when it is not followed by a group of three.\n    if (body[last] === decimalSeparator(locale) || tail.length !== 3) {\n      if (tail.length > digits || !/^\\d*$/.test(tail)) return null;\n      int = body.slice(0, last);\n      frac = tail;\n    }\n  }\n  // What is left before the decimals: digits, grouped by three when separated (`1,234,567`).\n  if (!/^(\\d*|\\d{1,3}([.,]\\d{3})+)$/.test(int)) return null;\n  int = int.replace(/[.,]/g, \"\");\n  if (!int && !frac) return null;\n  const units = BigInt(int || \"0\") * 10n ** BigInt(digits) + BigInt((frac || \"\").padEnd(digits, \"0\") || \"0\");\n  const value = Number(negative ? -units : units);\n  return Number.isSafeInteger(value) ? value : null;\n}\n\n/** Minor units as the field writes them while editing (`1250`, `USD`, `fr` → `12,50`): no symbol, no grouping. */\nexport function moneyInputText(minorUnits: number | null | undefined, currency: string, locale = \"en\"): string {\n  if (minorUnits === null || minorUnits === undefined || !Number.isFinite(minorUnits)) return \"\";\n  const digits = currencyDigits(currency);\n  const sign = minorUnits < 0 ? \"-\" : \"\";\n  const abs = String(Math.abs(Math.trunc(minorUnits))).padStart(digits + 1, \"0\");\n  return digits === 0 ? sign + abs : `${sign}${abs.slice(0, -digits)}${decimalSeparator(locale)}${abs.slice(-digits)}`;\n}\n","// Client. The form's fields for the web: thin adapters from a form field (useKrizakaField) to the platform's current\n// primitives — Field + Input, Checkbox, Switch, RadioGroup, Combobox, DatePicker, TagInput, Dropzone, Slider. A new look\n// for a primitive (a new date picker, a new radio) changes an adapter here, never a form.\nimport { Alert } from \"@krizaka/ui/alert\";\nimport { Button, type ButtonProps } from \"@krizaka/ui/button\";\nimport { Checkbox as CheckboxControl } from \"@krizaka/ui/checkbox\";\nimport { Combobox as ComboboxControl, type ComboboxLabels, type ComboboxOption } from \"@krizaka/ui/combobox\";\nimport { DatePicker, type DatePickerLabels } from \"@krizaka/ui/date-picker\";\nimport { Field, Input, Select as SelectControl, Textarea } from \"@krizaka/ui/field\";\nimport { Dropzone, formatBytes } from \"@krizaka/ui/file-upload\";\nimport { RadioGroup as RadioGroupControl } from \"@krizaka/ui/radio-group\";\nimport { Slider as SliderControl, type SliderValue } from \"@krizaka/ui/slider\";\nimport { Spinner } from \"@krizaka/ui/spinner\";\nimport { Switch as SwitchControl } from \"@krizaka/ui/switch\";\nimport { TagInput as TagInputControl, type TagInputProps } from \"@krizaka/ui/tag-input\";\nimport * as React from \"react\";\n\nimport { composeDate, DATE_PART_LENGTH, type DatePart, datePartsOrder, splitDate } from \"../date-picker/parts\";\nimport {\n  type FieldCheck,\n  FormContext,\n  type FormContextValue,\n  type KrizakaField,\n  type KrizakaFieldArray,\n  makeCreateKrizakaForm,\n  useFormContext,\n  useFormStatus,\n  useFormValue,\n  useKrizakaField,\n  useKrizakaFieldArray,\n} from \"./core\";\nimport { formMessage } from \"./errors\";\nimport { currencySymbol, moneyInputText, parseMoney } from \"./money\";\n\ntype Base = {\n  /** The field's name in the schema: `email`, `address.city`, `links[0].url` (typed by the form). */\n  name: string;\n  /** The visible label, passed translated (also the control's accessible name). */\n  label: string;\n  /** A help text under the control, read with it; the error takes its place when there is one. */\n  hint?: string;\n  /** Not available. */\n  disabled?: boolean;\n  /** Classes merged on the field's root. */\n  className?: string;\n};\n\nconst ids = (f: KrizakaField, hint?: string) => [hint && !f.error ? f.hintId : null, f.error ? f.errorId : null].filter(Boolean).join(\" \") || undefined;\n\nfunction Caption({ field, hint, ok }: { field: KrizakaField; hint?: string; ok?: string }) {\n  const suggestion = field.errorDetail?.suggestion;\n  if (field.error)\n    return (\n      <Field.Error id={field.errorId}>\n        <span>\n          {field.error}\n          {suggestion ? (\n            <>\n              {\" \"}\n              <button type=\"button\" className=\"font-semibold text-accent-text underline underline-offset-2\" onClick={() => field.setValue(suggestion.value)}>\n                {suggestion.label}\n              </button>\n            </>\n          ) : null}\n        </span>\n      </Field.Error>\n    );\n  const text = field.available && ok ? (hint ? `${ok} · ${hint}` : ok) : hint;\n  return text ? <Field.Hint id={field.hintId}>{text}</Field.Hint> : null;\n}\n\nconst Check = () => (\n  <svg viewBox=\"0 0 24 24\" className=\"h-4 w-4 text-fg-success\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nexport type FormProps = Omit<React.ComponentProps<\"form\">, \"onSubmit\" | \"noValidate\"> & {\n  /** The fields, the error and the button. */\n  children?: React.ReactNode;\n};\n\n/** The `<form>` of a form (`form.Form`): `noValidate` (the schema validates), the first error focused after a refused submit. */\nfunction FormRoot({ value, className, children, ...props }: FormProps & { value: FormContextValue }) {\n  const ref = React.useRef<HTMLFormElement>(null);\n  return (\n    <FormContext.Provider value={value}>\n      <form\n        ref={ref}\n        noValidate\n        className={className ?? \"flex flex-col gap-4\"}\n        onSubmit={async (event) => {\n          event.preventDefault();\n          if (!(await value.submit())) requestAnimationFrame(() => ref.current?.querySelector<HTMLElement>('[aria-invalid=\"true\"], [data-invalid] input')?.focus());\n        }}\n        {...props}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n}\n\nexport type SubmitProps = Omit<ButtonProps, \"type\" | \"loading\"> & {\n  /** The button's words, passed translated (\"Create my account\"). */\n  children: React.ReactNode;\n};\n\n/** The submit button: busy while the form is sent (not pressable twice), never disabled for an invalid form. */\nexport function Submit({ variant = \"primary\", children, ...props }: SubmitProps) {\n  const { submitting } = useFormStatus();\n  return (\n    <Button type=\"submit\" variant={variant} loading={submitting} {...props}>\n      {children}\n    </Button>\n  );\n}\n\nexport type FormErrorProps = {\n  /** A headline above the message (\"We could not create your account\"), passed translated. */\n  title?: string;\n  /** Classes merged on the alert. */\n  className?: string;\n};\n\n/** The whole form's error — a refusal of the server that belongs to no field (a conflict, too many tries, no network). */\nexport function FormError({ title, className }: FormErrorProps) {\n  const ctx = useFormContext();\n  if (!ctx.error) return null;\n  return (\n    <Alert tone=\"danger\" title={title} className={className}>\n      {formMessage(ctx.error, ctx.i18n)}\n    </Alert>\n  );\n}\n\nexport type TextFieldProps = Base & {\n  /** `text` (default), `email`, `password`, `url`, `tel`, `search`: the right keyboard on a phone. */\n  type?: \"text\" | \"email\" | \"password\" | \"url\" | \"tel\" | \"search\";\n  /** The browser's autofill (`email`, `username`, `new-password`, `name`). */\n  autoComplete?: string;\n  /** An example of a value, passed translated — never the label. */\n  placeholder?: string;\n  /** The keyboard on a phone (`numeric`, `decimal`). */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /** The most characters. */\n  maxLength?: number;\n  /** Cleans what is typed before it is stored (`(v) => v.toLowerCase().replace(/\\s+/g, \"_\")`). */\n  transform?: (raw: string) => string;\n  /** Checks the value on the server as it is typed (availability): an error key, or nothing when it is fine. */\n  validateAsync?: FieldCheck<string>;\n  /** The wait, in ms, between the last key and `validateAsync`. Default 350. */\n  asyncDebounceMs?: number;\n  /** The words once `validateAsync` accepted the value (\"@eric is free\"), passed translated. */\n  availableHint?: string;\n  /** The name of the wait while it checks (\"Checking\"), passed translated. */\n  checkingLabel?: string;\n  /** Something before the text (an `@`, an icon). */\n  start?: React.ReactNode;\n};\n\n/** A text field of the form: label, input, hint or error, an optional check on the server. */\nexport function TextField({ name, label, hint, disabled, className, type = \"text\", transform, validateAsync, asyncDebounceMs, availableHint, checkingLabel = \"Checking\", start, ...input }: TextFieldProps) {\n  const f = useKrizakaField<string>(name, { validateAsync, asyncDebounceMs });\n  const end = f.validating ? <Spinner size=\"sm\" label={checkingLabel} /> : f.available ? <Check /> : null;\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <span className=\"relative flex items-center\">\n        {start ? <span className=\"pointer-events-none absolute left-3 text-fg-muted\">{start}</span> : null}\n        <Input\n          id={f.id}\n          name={name}\n          type={type}\n          value={f.value ?? \"\"}\n          disabled={disabled}\n          invalid={Boolean(f.error)}\n          aria-describedby={ids(f, hint ?? availableHint)}\n          onChange={(event) => f.setValue(transform ? transform(event.target.value) : event.target.value)}\n          onBlur={f.onBlur}\n          className={[start ? \"pl-9\" : \"\", end ? \"pr-10\" : \"\"].join(\" \").trim() || undefined}\n          {...input}\n        />\n        {end ? <span className=\"absolute right-3 flex\">{end}</span> : null}\n      </span>\n      <Caption field={f} hint={hint} ok={availableHint} />\n    </Field.Root>\n  );\n}\n\nexport type TextAreaProps = Base & {\n  /** An example of a value, passed translated. */\n  placeholder?: string;\n  /** The visible lines. Default 4. */\n  rows?: number;\n  /** The most characters. */\n  maxLength?: number;\n};\n\n/** A longer text of the form (a bio, a description, a report). */\nexport function TextArea({ name, label, hint, disabled, className, rows = 4, ...input }: TextAreaProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <Textarea id={f.id} name={name} rows={rows} value={f.value ?? \"\"} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onChange={(e) => f.setValue(e.target.value)} onBlur={f.onBlur} {...input} />\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type CheckboxProps = Omit<Base, \"label\"> & {\n  /** The words next to the box, clickable with it — text, or a sentence with links (terms, privacy). */\n  label: React.ReactNode;\n};\n\n/** A box of the form (`boolean`): terms to accept, an option. */\nexport function Checkbox({ name, label, hint, disabled, className }: CheckboxProps) {\n  const f = useKrizakaField<boolean>(name);\n  return (\n    <div className={className ?? \"flex flex-col gap-1.5\"}>\n      <CheckboxControl id={f.id} name={name} checked={f.value === true} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onCheckedChange={(c) => f.setValue(c === true)} onBlur={f.onBlur}>\n        {label}\n      </CheckboxControl>\n      <Caption field={f} hint={hint} />\n    </div>\n  );\n}\n\n/** An on/off setting of the form (`boolean`): the label and its hint beside the switch. */\nexport function Switch({ name, label, hint, disabled, className }: Base) {\n  const f = useKrizakaField<boolean>(name);\n  return (\n    <div className={className ?? \"flex items-start justify-between gap-4\"}>\n      <div className=\"flex min-w-0 flex-col gap-0.5\">\n        <Field.Label htmlFor={f.id} className=\"text-sm font-medium text-fg\">\n          {label}\n        </Field.Label>\n        <Caption field={f} hint={hint} />\n      </div>\n      <SwitchControl id={f.id} name={name} checked={f.value === true} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onCheckedChange={(c) => f.setValue(c)} onBlur={f.onBlur} />\n    </div>\n  );\n}\n\n/** A choice of the form: the value stored, its words (passed translated), a line under them. */\nexport type FormOption = { value: string; label: string; description?: string; disabled?: boolean };\n\nexport type RadioGroupProps = Base & {\n  /** The choices, all visible (two to five). */\n  options: readonly FormOption[];\n  /** `list` (a dot and its words, default) or `cards` (a whole card is the radio: an amount, a plan, an audience). */\n  variant?: \"list\" | \"cards\";\n  /** `vertical` (default) or `horizontal`. */\n  orientation?: \"vertical\" | \"horizontal\";\n};\n\n/** One choice among a few, all visible. */\nexport function RadioGroup({ name, label, hint, disabled, className, options, variant = \"list\", orientation = \"vertical\" }: RadioGroupProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className} role=\"group\" aria-labelledby={`${f.id}-label`}>\n      <span id={`${f.id}-label`} className=\"text-xs font-semibold text-fg-secondary\">\n        {label}\n      </span>\n      <RadioGroupControl.Root\n        aria-labelledby={`${f.id}-label`}\n        value={f.value ?? \"\"}\n        onValueChange={(v) => f.setValue(v)}\n        onBlur={f.onBlur}\n        orientation={orientation}\n        disabled={disabled}\n        invalid={Boolean(f.error)}\n        aria-describedby={ids(f, hint)}\n        name={name}\n        className={variant === \"cards\" ? \"grid grid-cols-[repeat(auto-fit,minmax(9rem,1fr))] gap-2\" : undefined}\n      >\n        {options.map((o) =>\n          variant === \"cards\" ? (\n            <RadioGroupControl.Card key={o.value} value={o.value} disabled={o.disabled}>\n              <span className=\"font-semibold\">{o.label}</span>\n              {o.description ? <span className=\"text-xs text-fg-secondary\">{o.description}</span> : null}\n            </RadioGroupControl.Card>\n          ) : (\n            <RadioGroupControl.Item key={o.value} value={o.value} disabled={o.disabled}>\n              {o.label}\n              {o.description ? <span className=\"block text-xs text-fg-secondary\">{o.description}</span> : null}\n            </RadioGroupControl.Item>\n          ),\n        )}\n      </RadioGroupControl.Root>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type SelectProps = Base & {\n  /** The choices, in the platform's own menu (a country, a category). */\n  options: readonly FormOption[];\n  /** The first line while nothing is chosen (\"Choose a category\"), passed translated. */\n  placeholder?: string;\n};\n\n/** One choice among many, in the platform's menu (`<select>`: accessible and right on phones). */\nexport function Select({ name, label, hint, disabled, className, options, placeholder }: SelectProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <SelectControl id={f.id} name={name} value={f.value ?? \"\"} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onChange={(e) => f.setValue(e.target.value)} onBlur={f.onBlur}>\n        {placeholder !== undefined ? (\n          <option value=\"\" disabled>\n            {placeholder}\n          </option>\n        ) : null}\n        {options.map((o) => (\n          <option key={o.value} value={o.value} disabled={o.disabled}>\n            {o.label}\n          </option>\n        ))}\n      </SelectControl>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type ComboboxProps = Base & {\n  /** The options, filtered as the person types. */\n  options?: readonly ComboboxOption[];\n  /** Fetches the options for a query (debounced, aborted by a newer one). */\n  onSearch?: (query: string, signal: AbortSignal) => Promise<readonly ComboboxOption[]>;\n  /** Several values (`string[]`), shown as chips; one (`string`) by default. */\n  multiple?: boolean;\n  /** Offers to create the query as a value. */\n  creatable?: boolean;\n  /** The input's placeholder, passed translated. */\n  placeholder?: string;\n  /** The words of the control, passed translated. */\n  labels?: Partial<ComboboxLabels>;\n};\n\n/** A choice among many, typed to filter or fetched: one value (`string`) or several (`string[]`). */\nexport function Combobox({ name, label, hint, disabled, className, options = [], onSearch, multiple, creatable, placeholder, labels }: ComboboxProps) {\n  const f = useKrizakaField<string | string[]>(name);\n  // The options chosen from a search, by value: their labels once the search has moved on.\n  const [seen, setSeen] = React.useState<Record<string, ComboboxOption>>({});\n  const option = (value: string) => options.find((o) => o.value === value) ?? seen[value] ?? { value, label: value };\n  const remember = (o: ComboboxOption) => setSeen((known) => (known[o.value] === o ? known : { ...known, [o.value]: o }));\n  const shared = { id: f.id, label, hint, error: f.error, disabled, placeholder, labels, options, onSearch, creatable, name };\n  return (\n    <div className={className} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      {multiple ? (\n        <ComboboxControl\n          {...shared}\n          multiple\n          value={((f.value as string[] | undefined) ?? []).map(option)}\n          onValueChange={(next) => {\n            next.forEach(remember);\n            f.setValue(next.map((o) => o.value));\n          }}\n        />\n      ) : (\n        <ComboboxControl\n          {...shared}\n          value={f.value ? option(f.value as string) : null}\n          onValueChange={(next) => {\n            if (next) remember(next);\n            f.setValue(next?.value ?? \"\");\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport type DateFieldProps = Base & {\n  /** `calendar` (default: a date near today — a publication, an appointment) or `parts` (day · month · year typed: a\n   * memorable date, a birth date). */\n  entry?: \"calendar\" | \"parts\";\n  /** The earliest date (ISO), for the calendar. */\n  min?: string;\n  /** The latest date (ISO), for the calendar (`latestBirthDate(18)` for an age gate). */\n  max?: string;\n  /** The words of the calendar, or the names of the boxes (`day`, `month`, `year`), passed translated. */\n  labels?: Partial<DatePickerLabels> & Partial<Record<DatePart, string>>;\n  /** `bday` for a date of birth. */\n  autoComplete?: \"bday\" | \"off\";\n};\n\nconst PART_NAMES: Record<DatePart, string> = { day: \"Day\", month: \"Month\", year: \"Year\" };\n\n/** A date of the form (`YYYY-MM-DD`, `\"\"` for none): a calendar, or day · month · year typed in the locale's order. */\nexport function DateField({ name, label, hint, disabled, className, entry = \"calendar\", min, max, labels, autoComplete }: DateFieldProps) {\n  const f = useKrizakaField<string>(name);\n  if (entry === \"calendar\")\n    return (\n      <div className={className} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n        <DatePicker label={label} hint={hint} error={f.error} disabled={disabled} name={name} locale={f.locale} min={min} max={max} labels={labels} value={f.value || null} onValueChange={(v) => f.setValue(v ?? \"\")} />\n      </div>\n    );\n  return <DateParts field={f} label={label} hint={hint} disabled={disabled} className={className} names={{ ...PART_NAMES, ...labels }} autoComplete={autoComplete} />;\n}\n\nfunction DateParts({ field: f, label, hint, disabled, className, names, autoComplete }: { field: KrizakaField<string>; label: string; hint?: string; disabled?: boolean; className?: string; names: Record<DatePart, string>; autoComplete?: string }) {\n  const order = React.useMemo(() => datePartsOrder(f.locale), [f.locale]);\n  const [parts, setParts] = React.useState(() => splitDate(f.value));\n  if ((f.value ?? \"\") !== composeDate(parts) && composeDate(splitDate(f.value)) === (f.value ?? \"\")) setParts(splitDate(f.value));\n  const refs = { day: React.useRef<HTMLInputElement>(null), month: React.useRef<HTMLInputElement>(null), year: React.useRef<HTMLInputElement>(null) };\n  return (\n    <fieldset className={className ?? \"flex flex-col gap-1.5\"} aria-describedby={ids(f, hint)} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      <legend className=\"mb-1.5 text-xs font-semibold text-fg-secondary\">{label}</legend>\n      <div className=\"flex gap-2\">\n        {order.map((part) => (\n          <label key={part} className=\"flex flex-col gap-1 text-xs text-fg-secondary\">\n            {names[part]}\n            <Input\n              ref={refs[part]}\n              inputMode=\"numeric\"\n              autoComplete={autoComplete === \"bday\" ? `bday-${part}` : \"off\"}\n              maxLength={DATE_PART_LENGTH[part]}\n              value={parts[part]}\n              disabled={disabled}\n              invalid={Boolean(f.error)}\n              className={part === \"year\" ? \"w-20 text-center tabular-nums\" : \"w-14 text-center tabular-nums\"}\n              onChange={(e) => {\n                const digits = e.target.value.replace(/\\D/g, \"\").slice(0, DATE_PART_LENGTH[part]);\n                const next = { ...parts, [part]: digits };\n                setParts(next);\n                f.setValue(composeDate(next));\n                const following = order[order.indexOf(part) + 1];\n                if (digits.length === DATE_PART_LENGTH[part] && following) refs[following].current?.focus();\n              }}\n            />\n          </label>\n        ))}\n      </div>\n      <Caption field={f} hint={hint} />\n    </fieldset>\n  );\n}\n\nexport type TagsProps = Base & Pick<TagInputProps, \"suggestions\" | \"normalize\" | \"max\" | \"separators\" | \"placeholder\" | \"labels\">;\n\n/** Free words of the form as chips (`string[]`): tags, keywords. */\nexport function TagInput({ name, label, hint, disabled, className, ...props }: TagsProps) {\n  const f = useKrizakaField<string[]>(name);\n  return (\n    <div className={className} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      <TagInputControl label={label} hint={hint} error={f.error} disabled={disabled} name={name} value={f.value ?? []} onValueChange={(tags) => f.setValue(tags)} {...props} />\n    </div>\n  );\n}\n\nexport type FileUploadProps = Omit<Base, \"hint\"> & {\n  /** The title in the zone (\"Drop your video here\"), passed translated. */\n  title: string;\n  /** The button that opens the file picker, passed translated. */\n  browseLabel: string;\n  /** What is accepted, in words (\"MP4 or MOV, up to 4 GB\"). */\n  hint?: string;\n  /** The types accepted (`video/*`, `image/png,.pdf`). */\n  accept?: string;\n  /** The largest file, in bytes. */\n  maxSize?: number;\n  /** Several files (`File[]`, up to `maxFiles`); one by default (still a `File[]` of one). */\n  multiple?: boolean;\n  /** The most files. */\n  maxFiles?: number;\n  /** The name of a file's remove button (`(name) => \"Remove \" + name`), passed translated. */\n  removeLabel: (fileName: string) => string;\n  /** The words of a refused file (`(r) => r.file.name + \" is too large\"`). */\n  refusalLabel?: React.ComponentProps<typeof Dropzone>[\"refusalLabel\"];\n};\n\n/** Files of the form (`File[]`): a drop zone, then the chosen files, each removable. */\nexport function FileUpload({ name, label, hint, disabled, className, title, browseLabel, accept, maxSize, multiple, maxFiles, removeLabel, refusalLabel }: FileUploadProps) {\n  const f = useKrizakaField<File[]>(name);\n  const files = f.value ?? [];\n  return (\n    <div className={className ?? \"flex flex-col gap-2\"} role=\"group\" aria-label={label} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      <span className=\"text-xs font-semibold text-fg-secondary\">{label}</span>\n      <Dropzone\n        title={title}\n        browseLabel={browseLabel}\n        hint={hint}\n        accept={accept}\n        maxSize={maxSize}\n        multiple={multiple}\n        maxFiles={maxFiles}\n        disabled={disabled}\n        refusalLabel={refusalLabel}\n        onFiles={(chosen) => f.setValue(multiple ? [...files, ...chosen].slice(0, maxFiles ?? Infinity) : chosen.slice(0, 1))}\n      />\n      {files.length > 0 ? (\n        <ul className=\"flex flex-col gap-1.5\">\n          {files.map((file, i) => (\n            <li key={`${file.name}-${i}`} className=\"flex items-center justify-between gap-3 rounded-lg border border-border-default bg-surface-1 px-3 py-2 text-sm\">\n              <span className=\"min-w-0 truncate text-fg\">{file.name}</span>\n              <span className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"font-mono text-xs text-fg-secondary\">{formatBytes(file.size, f.locale)}</span>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => f.setValue(files.filter((_, j) => j !== i))}>\n                  {removeLabel(file.name)}\n                </Button>\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      {f.error ? <Field.Error id={f.errorId}>{f.error}</Field.Error> : null}\n    </div>\n  );\n}\n\nexport type MoneyProps = Base & {\n  /** The currency (ISO 4217: `USD`, `EUR`, `JPY`): its sign before the amount, its decimals. */\n  currency: string;\n  /** An example of an amount, passed translated. */\n  placeholder?: string;\n};\n\n/** An amount of the form, stored as integer minor units (cents: `1250` = 12.50), typed the locale's way. */\nexport function Money({ name, label, hint, disabled, className, currency, placeholder }: MoneyProps) {\n  const f = useKrizakaField<number | null>(name);\n  const [text, setText] = React.useState(() => moneyInputText(f.value, currency, f.locale));\n  const [editing, setEditing] = React.useState(false);\n  const shown = editing ? text : moneyInputText(f.value, currency, f.locale);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <span className=\"relative flex items-center\">\n        <span className=\"pointer-events-none absolute left-3 text-sm text-fg-secondary\" aria-hidden>\n          {currencySymbol(currency, f.locale)}\n        </span>\n        <Input\n          id={f.id}\n          name={name}\n          inputMode=\"decimal\"\n          value={shown}\n          placeholder={placeholder}\n          disabled={disabled}\n          invalid={Boolean(f.error)}\n          aria-describedby={ids(f, hint)}\n          className=\"pl-9 tabular-nums\"\n          onFocus={() => {\n            setText(moneyInputText(f.value, currency, f.locale));\n            setEditing(true);\n          }}\n          onChange={(e) => {\n            setText(e.target.value);\n            const units = parseMoney(e.target.value, currency, f.locale);\n            f.setValue(units === undefined ? null : units === null ? Number.NaN : units);\n          }}\n          onBlur={() => {\n            setEditing(false);\n            f.onBlur();\n          }}\n        />\n      </span>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type SliderProps = Base & {\n  /** The lowest value. Default 0. */\n  min?: number;\n  /** The highest value. Default 100. */\n  max?: number;\n  /** The step. Default 1. */\n  step?: number;\n  /** The value as words (\"15 %\", \"3 min\"), shown and read. */\n  formatValue?: (value: number) => string;\n  /** For a range (`[number, number]`): each thumb's name, passed translated. */\n  thumbLabels?: [string, string];\n};\n\n/** A number (or a range) of the form, chosen by feel: a share, a volume, a price range. */\nexport function Slider({ name, label, hint, disabled, className, min, max, step, formatValue, thumbLabels }: SliderProps) {\n  const f = useKrizakaField<SliderValue>(name);\n  return (\n    <div className={className ?? \"flex flex-col gap-1.5\"}>\n      <SliderControl label={label} showLabel value={f.value} min={min} max={max} step={step} disabled={disabled} formatValue={formatValue} thumbLabels={thumbLabels} aria-describedby={ids(f, hint)} onValueChange={(v) => f.setValue(v)} onValueCommit={() => f.onBlur()} />\n      <Caption field={f} hint={hint} />\n    </div>\n  );\n}\n\nexport type FormFieldProps<T = unknown> = {\n  /** The field's name in the schema (typed by the form). */\n  name: string;\n  /** Checks the value on the server as it changes. */\n  validateAsync?: FieldCheck<T>;\n  /** The wait, in ms, before `validateAsync`. */\n  asyncDebounceMs?: number;\n  /** Draws the field: its value, setter, error and ids (`useKrizakaField`). */\n  children: (field: KrizakaField<T>) => React.ReactNode;\n};\n\n/** A field drawn by the app (a control the package does not have): the form's value, errors and ids, any markup. */\nexport function FormField({ name, validateAsync, asyncDebounceMs, children }: FormFieldProps) {\n  return <>{children(useKrizakaField(name, { validateAsync, asyncDebounceMs }))}</>;\n}\n\nexport type FieldArrayProps<T = unknown> = {\n  /** The array's name in the schema (typed by the form). */\n  name: string;\n  /** Draws the items: `items`, `push`, `remove`, `move`, `fieldName(i, \"url\")` for the fields of an item. */\n  children: (array: KrizakaFieldArray<T>) => React.ReactNode;\n};\n\n/** A list of fields that grows and shrinks (links, tiers, guests): each item's fields named `links[0].url`. */\nexport function FieldArray({ name, children }: FieldArrayProps) {\n  return <>{children(useKrizakaFieldArray(name))}</>;\n}\n\nexport type WatchProps<T = unknown> = {\n  /** The field to follow (typed by the form). */\n  name: string;\n  /** Draws from its current value: show a part of the form only when a box is ticked. */\n  children: (value: T) => React.ReactNode;\n};\n\n/** Renders from a field's current value (a part shown only when a box is ticked, a total). */\nexport function Watch({ name, children }: WatchProps) {\n  return <>{children(useFormValue(name))}</>;\n}\n\nconst fields = { TextField, TextArea, Checkbox, Switch, RadioGroup, Select, Combobox, DateField, TagInput, FileUpload, Money, Slider, Field: FormField, FieldArray, Watch, Submit, FormError };\n\n/**\n * A form, defined once: its schema (zod 4) and default values — the same schema the server parses with. In a component,\n * `signUp.useForm({ onSubmit })` gives the form and its fields, typed by the schema: `<form.Form>`, `<form.TextField\n * name=\"email\" …/>`, `<form.Submit>`. Errors are i18n keys (`form.errors.tooShort`), never the engine's English.\n */\nexport const createKrizakaForm = makeCreateKrizakaForm(fields, FormRoot);\n\n/** The form sent by a Server Action: `useFormWithAction(signUp, createAccount)` — `signUp.useFormWithAction(createAccount)`. */\nexport function useFormWithAction<F extends { useFormWithAction: (...args: never[]) => unknown }>(form: F, ...args: Parameters<F[\"useFormWithAction\"]>): ReturnType<F[\"useFormWithAction\"]> {\n  return form.useFormWithAction(...args) as ReturnType<F[\"useFormWithAction\"]>;\n}\n"],"mappings":"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","names":["fields","fields","value","createKrizakaForm","useForm","React","jsx"]}
+{"version":3,"sources":["../src/date-picker/parts.ts","../src/form/core.tsx","../src/form/errors.ts","../src/form/money.ts","../src/form/web.tsx"],"sourcesContent":["// Platform-neutral: a date typed as day, month and year (the native `DateField`, the form's `DateField entry=\"parts\"`).\n// Values are ISO calendar dates, `YYYY-MM-DD`, compared as strings.\n\n/** A part of a typed date. */\nexport type DatePart = \"day\" | \"month\" | \"year\";\n\n/** The digits of each part. */\nexport const DATE_PART_LENGTH: Readonly<Record<DatePart, number>> = { day: 2, month: 2, year: 4 };\n\n/** The order of day, month and year in a locale (`en-US` → month, day, year; `fr` → day, month, year). */\nexport function datePartsOrder(locale: string): DatePart[] {\n  try {\n    const parts = new Intl.DateTimeFormat(locale, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).formatToParts(new Date(2001, 10, 22));\n    const order = parts.map((p) => p.type).filter((t): t is DatePart => t === \"day\" || t === \"month\" || t === \"year\");\n    if (order.length === 3) return order;\n  } catch {\n    // An engine without Intl's parts: day, month, year.\n  }\n  return [\"day\", \"month\", \"year\"];\n}\n\n/** The ISO-ordered value of what was typed: `\"\"` when nothing is, `YYYY-MM-DD` otherwise (not necessarily a real date). */\nexport function composeDate(parts: Readonly<Record<DatePart, string>>): string {\n  if (!parts.day && !parts.month && !parts.year) return \"\";\n  const pad = (v: string) => (v.length === 1 ? `0${v}` : v);\n  return `${parts.year}-${pad(parts.month)}-${pad(parts.day)}`;\n}\n\n/** The parts of a value (`\"\"` → three empty parts). */\nexport function splitDate(value: string | null | undefined): Record<DatePart, string> {\n  const m = /^(\\d*)-(\\d*)-(\\d*)$/.exec(value ?? \"\");\n  return m ? { year: m[1]!, month: m[2]!, day: m[3]! } : { day: \"\", month: \"\", year: \"\" };\n}\n\n/** True for a real calendar date written `YYYY-MM-DD` (not `2001-02-30`). */\nexport function isRealDate(value: string): boolean {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) return false;\n  const date = new Date(`${value}T00:00:00Z`);\n  return !Number.isNaN(date.getTime()) && date.toISOString().slice(0, 10) === value;\n}\n\n/** The latest date of birth of someone `age` years old today (`YYYY-MM-DD`): an age gate's `max`, `value <= latestBirthDate(18)`. */\nexport function latestBirthDate(age: number, today = new Date()): string {\n  return new Date(Date.UTC(today.getFullYear() - age, today.getMonth(), today.getDate())).toISOString().slice(0, 10);\n}\n\n// ─── Shared by the pickers, web and native (no DOM, no React) ───────────────────────────────────────────────────────\n\n/** The days of a month (`month` 1–12). */\nexport function daysInMonth(year: number, month: number): number {\n  return new Date(Date.UTC(year, month, 0)).getUTCDate();\n}\n\n/** `2026-10-11` → `{ year: 2026, month: 10, day: 11 }` (no check: pair it with `isRealDate`). */\nexport function isoParts(iso: string): { year: number; month: number; day: number } {\n  const [year = 0, month = 0, day = 0] = iso.split(\"-\").map(Number);\n  return { year, month, day };\n}\n\n/** `{ 2026, 10, 11 }` → `2026-10-11`, the day kept inside the month (`2026-02-31` → `2026-02-28`). */\nexport function isoOf(year: number, month: number, day: number): string {\n  const d = Math.min(Math.max(day, 1), daysInMonth(year, month));\n  return `${String(year).padStart(4, \"0\")}-${String(month).padStart(2, \"0\")}-${String(d).padStart(2, \"0\")}`;\n}\n\n/** The ISO date of today on this device (or of the `Date` given). */\nexport function todayIso(now = new Date()): string {\n  return isoOf(now.getFullYear(), now.getMonth() + 1, now.getDate());\n}\n\n/** The age in whole years on `today` of someone born on `birth` (both ISO). */\nexport function ageOn(birth: string, today: string = todayIso()): number {\n  const b = isoParts(birth);\n  const t = isoParts(today);\n  return t.year - b.year - (t.month < b.month || (t.month === b.month && t.day < b.day) ? 1 : 0);\n}\n\n/** The month names of a locale, January first (`long` · `short` · `narrow`). */\nexport function monthNames(locale: string, style: \"long\" | \"short\" | \"narrow\" = \"long\"): string[] {\n  const format = new Intl.DateTimeFormat(locale, { month: style, timeZone: \"UTC\" });\n  return Array.from({ length: 12 }, (_, i) => format.format(new Date(Date.UTC(2001, i, 1))));\n}\n\n/** The years from `from` to `to`, both included, in that order (descending when `from > to`). */\nexport function yearRange(from: number, to: number): number[] {\n  const step = from <= to ? 1 : -1;\n  return Array.from({ length: Math.abs(to - from) + 1 }, (_, i) => from + i * step);\n}\n\n/** A time of day, `HH:mm` on 24 hours (`\"09:30\"`, `\"18:00\"`): the value of every time picker. */\nexport type TimeValue = string;\n\n/** `\"9:5\"` / `\"09:05\"` → minutes since midnight; `null` when it is not a time. */\nexport function timeToMinutes(value: string | null | undefined): number | null {\n  const m = /^(\\d{1,2}):(\\d{1,2})$/.exec(value ?? \"\");\n  if (!m) return null;\n  const h = Number(m[1]);\n  const min = Number(m[2]);\n  return h < 24 && min < 60 ? h * 60 + min : null;\n}\n\n/** Minutes since midnight → `HH:mm`. */\nexport function minutesToTime(minutes: number): TimeValue {\n  const m = ((Math.round(minutes) % 1440) + 1440) % 1440;\n  return `${String(Math.floor(m / 60)).padStart(2, \"0\")}:${String(m % 60).padStart(2, \"0\")}`;\n}\n\n/** The slots of a day from `start` to `end` (excluded) every `step` minutes: `timeSlots(\"09:00\", \"12:00\", 30)`. */\nexport function timeSlots(start: TimeValue, end: TimeValue, step = 30): TimeValue[] {\n  const a = timeToMinutes(start);\n  const b = timeToMinutes(end);\n  if (a === null || b === null || step <= 0) return [];\n  const slots: TimeValue[] = [];\n  for (let m = a; m < b; m += step) slots.push(minutesToTime(m));\n  return slots;\n}\n\n/** True when the locale writes the time on 12 hours with a day period (`en-US` → true, `fr-CA` → false). */\nexport function uses12Hours(locale: string): boolean {\n  try {\n    const options = new Intl.DateTimeFormat(locale, { hour: \"numeric\" }).resolvedOptions() as Intl.ResolvedDateTimeFormatOptions & { hourCycle?: string };\n    return options.hourCycle ? options.hourCycle === \"h12\" || options.hourCycle === \"h11\" : Boolean(options.hour12);\n  } catch {\n    return false;\n  }\n}\n\n/** The day periods of a locale, morning first (`[\"AM\", \"PM\"]`, `[\"a.m.\", \"p.m.\"]`). */\nexport function dayPeriods(locale: string): [string, string] {\n  const format = new Intl.DateTimeFormat(locale, { hour: \"numeric\", hour12: true, timeZone: \"UTC\" });\n  const period = (h: number) => format.formatToParts(new Date(Date.UTC(2001, 0, 1, h))).find((p) => p.type === \"dayPeriod\")?.value ?? (h < 12 ? \"AM\" : \"PM\");\n  return [period(9), period(15)];\n}\n\n/** A time written the locale's way (`\"18:30\"` → `\"6:30 PM\"` in en-US, `\"18 h 30\"` in fr-CA). */\nexport function formatTime(locale: string, value: TimeValue): string {\n  const minutes = timeToMinutes(value);\n  if (minutes === null) return \"\";\n  return new Intl.DateTimeFormat(locale, { hour: \"numeric\", minute: \"2-digit\", timeZone: \"UTC\" }).format(new Date(Date.UTC(2001, 0, 1, 0, minutes)));\n}\n\n/** A local `Date` at midnight for an ISO date (for formatting). */\nexport const toLocalDate = (iso: string) => {\n  const { year, month, day } = isoParts(iso);\n  return new Date(year, month - 1, day);\n};\n/** The ISO date of a local `Date`. */\nexport const toIsoDate = (date: Date): string => `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, \"0\")}-${String(date.getDate()).padStart(2, \"0\")}`;\n/** The ISO date `days` later (or earlier). */\nexport const addDays = (iso: string, days: number) => {\n  const date = toLocalDate(iso);\n  date.setDate(date.getDate() + days);\n  return toIsoDate(date);\n};\n/** The ISO date `months` later (or earlier), the day kept inside the shorter months (`01-31` + 1 → `02-28`). */\nexport const addMonths = (iso: string, months: number) => {\n  const { year, month, day } = isoParts(iso);\n  const first = new Date(year, month - 1 + months, 1);\n  return isoOf(first.getFullYear(), first.getMonth() + 1, day);\n};\n\n/** The first day of the week for a locale (0 = Sunday … 6 = Saturday), from `Intl.Locale` week info; Monday otherwise. */\nexport function weekStartOf(locale: string): number {\n  try {\n    const info = new Intl.Locale(locale) as Intl.Locale & { getWeekInfo?: () => { firstDay: number }; weekInfo?: { firstDay: number } };\n    const firstDay = info.getWeekInfo?.().firstDay ?? info.weekInfo?.firstDay;\n    return firstDay ? firstDay % 7 : 1;\n  } catch {\n    return 1;\n  }\n}\n\n/** The weeks of a month's grid (six at most), each seven ISO dates from the locale's first day of the week. */\nexport function monthGrid(month: string, weekStartsOn: number): string[][] {\n  const first = `${month.slice(0, 7)}-01`;\n  const lead = (toLocalDate(first).getDay() - weekStartsOn + 7) % 7;\n  const start = addDays(first, -lead);\n  const days = Array.from({ length: 42 }, (_, i) => addDays(start, i));\n  return Array.from({ length: 6 }, (_, w) => days.slice(w * 7, w * 7 + 7)).filter((week, w) => w < 5 || week[0]!.slice(0, 7) === first.slice(0, 7));\n}\n","// Platform-neutral React (web and React Native): the engine of a Krizaka form, TanStack Form v1 behind the facade\n// (ADR-001: a product never imports @tanstack/*). A form = a Standard Schema (zod 4) + its default values; the schema\n// validates every change, an error shows once the person leaves the field or tries to send (and goes as soon as it is\n// fixed), a field may check a value on the server (debounced, aborted when the value changes), and a refusal of the\n// server (Problem Details `fields`) lands under its fields. The fields themselves are the platform's (web.tsx, native).\nimport { type AnyFieldApi, type AnyFormApi, type DeepKeys, type StandardSchemaV1, useField, useForm, useStore } from \"@tanstack/react-form\";\nimport * as React from \"react\";\n\nimport { type FormFieldError, type FormI18n, formMessage, type FormProblem, isFormProblem, issuesToFields, problemToErrors, type SchemaIssue } from \"./errors\";\n\n/** A schema the form validates with: any Standard Schema — zod 4 (`z.object`), valibot, arktype. */\nexport type FormSchema<Input = unknown, Output = Input> = StandardSchemaV1<Input, Output>;\n/** The values a form holds: the schema's input. */\nexport type FormValues<S> = S extends { readonly \"~standard\": { readonly types?: { readonly input: infer I } } } ? I : never;\n/** The values a form sends: the schema's output (zod transforms applied). */\nexport type FormOutput<S> = S extends { readonly \"~standard\": { readonly types?: { readonly output: infer O } } } ? O : never;\n/** A field's name: `email`, `address.city`, `links[0].url`. */\nexport type FieldName<V> = DeepKeys<V> & string;\n\n/** What a Server Action (or any submit) answers: done, or a refusal the form shows. */\nexport type FormActionResult<T = unknown> = { ok: true; data?: T } | { ok: false; problem: FormProblem };\n\n/** A value checked on the server as it is typed: an error (or its key), or nothing when the value is fine. */\nexport type FieldCheck<T = unknown> = (value: T, signal: AbortSignal) => Promise<FormFieldError | string | null | undefined> | FormFieldError | string | null | undefined;\n\nexport interface KrizakaFormDefinition<S extends FormSchema> {\n  /** The schema of the values (zod 4): the same one the server parses with. */\n  schema: S;\n  /** The values at first: every field of the schema. */\n  defaultValues: FormValues<S>;\n  /** The words: the app's translate function, the key prefixes, the locale. */\n  i18n?: FormI18n;\n}\n\nexport interface UseKrizakaFormOptions<S extends FormSchema, R = unknown> {\n  /** Sends the values (the schema's output): a mutation of @krizaka/query, a Server Action. Throw a `KrizakaApiError` or\n   * return `{ ok: false, problem }` to refuse: its `fields` go under their fields, the rest above the button. */\n  onSubmit?: (values: FormOutput<S>) => R | Promise<R>;\n  /** Called after a successful submit with what `onSubmit` returned (`data` of a `{ ok: true, data }`). */\n  onSuccess?: (result: R extends FormActionResult<infer T> ? T | undefined : R) => void;\n  /** Values that replace the definition's (a profile loaded from the server). */\n  defaultValues?: FormValues<S>;\n  /** Overrides the definition's words (the translate function of a hook). */\n  i18n?: FormI18n;\n  /** The server's codes that belong to a field (`{ UNDERAGE: \"dateOfBirth\", USERNAME_RESERVED: \"username\" }`): a refusal\n   * with that code shows under the field, as `form.errors.<CODE>`, instead of above the button. */\n  codeFields?: Readonly<Record<string, string>>;\n}\n\n/** The state of a form, for its fields and its button. */\nexport interface FormContextValue {\n  /** TanStack's form, through the facade: never import @tanstack/* in a product. */\n  readonly api: AnyFormApi;\n  readonly i18n: FormI18n;\n  /** The whole form's error (a refusal without a field), or null. */\n  readonly error: FormFieldError | null;\n  /** Sends the form: validates, focuses (web) or announces (native) the first error, else calls `onSubmit`. */\n  readonly submit: () => Promise<boolean>;\n}\n\nexport const FormContext = React.createContext<FormContextValue | null>(null);\n\n/** The form around a field: inside `form.Form`. */\nexport function useFormContext(): FormContextValue {\n  const ctx = React.useContext(FormContext);\n  if (!ctx) throw new Error(\"A Krizaka form field must be inside its form's `form.Form`.\");\n  return ctx;\n}\n\ntype StandardResult = { readonly value?: unknown; readonly issues?: readonly SchemaIssue[] };\n\nconst run = (schema: FormSchema, value: unknown) => schema[\"~standard\"].validate(value) as StandardResult | Promise<StandardResult>;\n\n/** The engine of a form: TanStack's form wired to the schema, the server's refusals and the submit. */\nexport function useKrizakaFormCore<S extends FormSchema, R>(definition: KrizakaFormDefinition<S>, options: UseKrizakaFormOptions<S, R> = {}): FormContextValue {\n  const i18n = { ...definition.i18n, ...options.i18n };\n  const latest = React.useRef({ options, i18n });\n  // The latest options for the engine's callbacks (a submit, a change), which outlive the render that made them.\n  React.useLayoutEffect(() => {\n    latest.current = { options, i18n };\n  });\n  const [error, setError] = React.useState<FormFieldError | null>(null);\n  const refused = React.useRef(false);\n\n  const api = useForm({\n    defaultValues: options.defaultValues ?? definition.defaultValues,\n    validators: {\n      // Every change: the schema, synchronously (an async refinement waits for the submit). Errors are computed for\n      // every field; each field shows its own once the person left it or tried to send.\n      onChange: ({ value }: { value: unknown }) => {\n        const result = run(definition.schema, value);\n        if (result instanceof Promise || !result.issues?.length) return undefined;\n        const fields = issuesToFields(result.issues, latest.current.i18n.prefix);\n        delete fields[\"\"];\n        return { fields };\n      },\n    },\n    onSubmit: async ({ value }: { value: unknown }) => {\n      const parsed = await run(definition.schema, value);\n      if (parsed.issues?.length) {\n        apply({ fields: issuesToFields(parsed.issues, latest.current.i18n.prefix) as FormProblem[\"fields\"] });\n        return;\n      }\n      let result: unknown;\n      try {\n        result = await latest.current.options.onSubmit?.(parsed.value as FormOutput<S>);\n      } catch (thrown) {\n        apply(isFormProblem(thrown) ? thrown : { code: \"server\" });\n        return;\n      }\n      if (result && typeof result === \"object\" && \"ok\" in result && (result as FormActionResult).ok === false) {\n        apply((result as unknown as { problem: FormProblem }).problem);\n        return;\n      }\n      const data = result && typeof result === \"object\" && \"ok\" in result ? (result as { data?: unknown }).data : result;\n      latest.current.options.onSuccess?.(data as never);\n    },\n  });\n\n  const known = (name: string) => name in api.fieldInfo;\n  function apply(problem: FormProblem) {\n    refused.current = true;\n    const { fields, form } = problemToErrors(problem, latest.current.i18n, known, latest.current.options.codeFields);\n    for (const [name, fieldError] of Object.entries(fields)) {\n      api.setFieldMeta(name as never, (meta) => ({ ...meta, isBlurred: true, errorMap: { ...meta.errorMap, onServer: fieldError } }));\n    }\n    setError(form);\n  }\n\n  const submit = React.useCallback(async () => {\n    setError(null);\n    refused.current = false;\n    for (const name of Object.keys(api.fieldInfo)) {\n      if ((api.getFieldMeta(name as never) as { errorMap?: Record<string, unknown> } | undefined)?.errorMap?.onServer) api.setFieldMeta(name as never, (meta) => ({ ...meta, errorMap: { ...meta.errorMap, onServer: undefined } }));\n    }\n    await api.handleSubmit();\n    const state = api.state;\n    return !refused.current && state.isSubmitSuccessful && state.isValid && !(Object.values(state.fieldMeta) as { errorMap?: Record<string, unknown> }[]).some((meta) => meta?.errorMap?.onServer);\n  }, [api]);\n\n  return React.useMemo(() => ({ api, i18n, error, submit }), [api, error, submit, i18n.t, i18n.prefix, i18n.apiPrefix, i18n.locale]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\nconst UNCHECKED = Symbol(\"unchecked\");\n\nexport interface FieldOptions<T> {\n  /** Checks the value on the server as it is typed (a username's availability): debounced, aborted when it changes. */\n  validateAsync?: FieldCheck<T>;\n  /** The wait, in ms, between the last change and `validateAsync`. Default 350. */\n  asyncDebounceMs?: number;\n}\n\n/** A field as its component draws it: the value, its setter, its error in words, its state. */\nexport interface KrizakaField<T = unknown> {\n  /** The id of the control (`htmlFor` of its label). */\n  readonly id: string;\n  readonly name: string;\n  readonly value: T;\n  /** Sets the value (clears a refusal of the server on it). */\n  setValue(value: T): void;\n  /** Call when the control loses focus: from then on, its errors show. */\n  readonly onBlur: () => void;\n  /** The error to show, in words — only once it should show. */\n  readonly error: string | undefined;\n  /** The error itself, with its suggestion. */\n  readonly errorDetail: FormFieldError | undefined;\n  /** A check (`validateAsync`) is running. */\n  readonly validating: boolean;\n  /** The check passed for the current value. */\n  readonly available: boolean;\n  /** The ids of the hint and the error (`aria-describedby`). */\n  readonly hintId: string;\n  readonly errorId: string;\n  /** The form's locale (numbers, money, dates). */\n  readonly locale: string;\n  /** TanStack's field, through the facade. */\n  readonly api: AnyFieldApi;\n}\n\n/** Binds a field of the form around it (inside `form.Form`): what the platform's field components are made of. */\nexport function useKrizakaField<T = unknown>(name: string, options: FieldOptions<T> = {}): KrizakaField<T> {\n  const ctx = useFormContext();\n  const id = React.useId();\n  const [checked, setChecked] = React.useState<unknown>(UNCHECKED);\n  const check = options.validateAsync;\n  const field = useField({\n    form: ctx.api,\n    name: name as never,\n    ...(check\n      ? {\n          asyncDebounceMs: options.asyncDebounceMs ?? 350,\n          validators: {\n            onChangeAsyncDebounceMs: options.asyncDebounceMs ?? 350,\n            onChangeAsync: async ({ value, signal }: { value: T; signal: AbortSignal }) => {\n              const answer = await check(value, signal);\n              if (signal.aborted) return undefined;\n              if (!answer) {\n                setChecked(value);\n                return undefined;\n              }\n              setChecked(UNCHECKED);\n              const error = typeof answer === \"string\" ? { key: answer } : answer;\n              return { ...error, immediate: true, source: \"check\" } satisfies FormFieldError;\n            },\n          },\n        }\n      : {}),\n  } as never) as unknown as AnyFieldApi;\n  const attempts = useStore(ctx.api.store, (state: { submissionAttempts: number }) => state.submissionAttempts);\n  const meta = field.state.meta;\n  const map = meta.errorMap as Record<string, unknown>;\n  const all = [map.onServer, map.onChange, map.onBlur, map.onSubmit, map.onMount].filter(Boolean) as (FormFieldError | string)[];\n  const first = all[0];\n  const detail = typeof first === \"string\" ? { key: first } : first;\n  const visible = detail && (detail.immediate || detail.source === \"server\" || meta.isBlurred || attempts > 0) ? detail : undefined;\n  const value = field.state.value as T;\n\n  return {\n    id,\n    name,\n    value,\n    setValue: (next: T) => {\n      if (map.onServer) ctx.api.setFieldMeta(name as never, (m: { errorMap: Record<string, unknown> }) => ({ ...m, errorMap: { ...m.errorMap, onServer: undefined } }) as never);\n      field.handleChange(next as never);\n    },\n    onBlur: () => field.handleBlur(),\n    error: visible ? formMessage(visible, ctx.i18n) : undefined,\n    errorDetail: visible,\n    validating: Boolean(meta.isValidating),\n    available: Boolean(check) && checked !== UNCHECKED && Object.is(checked, value) && !meta.isValidating && all.length === 0,\n    hintId: `${id}-hint`,\n    errorId: `${id}-error`,\n    locale: ctx.i18n.locale ?? \"en\",\n    api: field,\n  };\n}\n\n/** The array of a field array, with its operations (`form.FieldArray`). */\nexport interface KrizakaFieldArray<T = unknown> {\n  readonly name: string;\n  readonly items: readonly T[];\n  /** Adds an item at the end. */\n  readonly push: (item: T) => void;\n  /** Removes the item at `index`. */\n  readonly remove: (index: number) => void;\n  /** Moves an item. */\n  readonly move: (from: number, to: number) => void;\n  /** The name of a sub-field of an item: `name(0, \"url\")` → `links[0].url`. */\n  readonly fieldName: (index: number, key?: string) => string;\n  /** The error of the array itself (too few, too many), in words, once it should show. */\n  readonly error: string | undefined;\n}\n\n/** Binds an array of the form (a list of links, of tiers): its items and their operations. */\nexport function useKrizakaFieldArray<T = unknown>(name: string): KrizakaFieldArray<T> {\n  const ctx = useFormContext();\n  const field = useField({ form: ctx.api, name: name as never, mode: \"array\" } as never) as unknown as AnyFieldApi;\n  const attempts = useStore(ctx.api.store, (state: { submissionAttempts: number }) => state.submissionAttempts);\n  const map = field.state.meta.errorMap as Record<string, FormFieldError | undefined>;\n  const first = map.onServer ?? map.onChange ?? map.onSubmit;\n  return {\n    name,\n    items: (field.state.value as T[] | undefined) ?? [],\n    push: (item) => field.pushValue(item as never),\n    remove: (index) => void field.removeValue(index),\n    move: (from, to) => field.moveValue(from, to),\n    fieldName: (index, key) => `${name}[${index}]${key ? `.${key}` : \"\"}`,\n    error: first && (attempts > 0 || first.source === \"server\" || field.state.meta.isDirty) ? formMessage(first, ctx.i18n) : undefined,\n  };\n}\n\n/** The value of a field, kept up to date (`form.Watch`): show a part of the form only when a box is ticked. */\nexport function useFormValue<T = unknown>(name: string): T {\n  const ctx = useFormContext();\n  return useStore(ctx.api.store, (state: { values: unknown }) => getPath(state.values, name)) as T;\n}\n\n/** The state of the submit, for a button: sending, and whether the last try succeeded. */\nexport function useFormStatus(): { submitting: boolean; succeeded: boolean; attempts: number } {\n  const ctx = useFormContext();\n  const submitting = useStore(ctx.api.store, (s: { isSubmitting: boolean }) => s.isSubmitting);\n  const succeeded = useStore(ctx.api.store, (s: { isSubmitSuccessful: boolean }) => s.isSubmitSuccessful);\n  const attempts = useStore(ctx.api.store, (s: { submissionAttempts: number }) => s.submissionAttempts);\n  return { submitting, succeeded: succeeded && !ctx.error, attempts };\n}\n\nfunction getPath(source: unknown, path: string): unknown {\n  let current = source;\n  for (const part of path.replace(/\\[(\\d+)\\]/g, \".$1\").split(\".\")) {\n    if (current === null || typeof current !== \"object\") return undefined;\n    current = (current as Record<string, unknown>)[part];\n  }\n  return current;\n}\n\n/** The first visible error of a form, in words (native: announced after a refused submit). */\nexport function firstVisibleError(ctx: FormContextValue): string | undefined {\n  if (ctx.error) return formMessage(ctx.error, ctx.i18n);\n  for (const meta of Object.values(ctx.api.state.fieldMeta) as { errorMap?: Record<string, FormFieldError | string | undefined> }[]) {\n    const error = meta?.errorMap && Object.values(meta.errorMap).find(Boolean);\n    if (error) return formMessage(error, ctx.i18n);\n  }\n  return undefined;\n}\n\n/** The platform's components, typed by the form's field names: `name` completes and is checked against the schema. */\nexport type BoundFields<C, N extends string> = {\n  [K in keyof C]: C[K] extends (props: infer P) => infer R ? (P extends { name: string } ? (props: Omit<P, \"name\"> & { name: N }) => R : C[K]) : C[K];\n};\n\n/** A form in a component: its fields (typed by the schema), its submit and its state. */\nexport type KrizakaFormInstance<S extends FormSchema, C, RootProps> = BoundFields<C, FieldName<FormValues<S>>> & {\n  /** The form element (web) or view (native): renders its fields and provides them the form. */\n  Form: (props: RootProps) => React.ReactElement;\n  /** Sends the form (what `Submit` does): `true` when it went through. */\n  submit: () => Promise<boolean>;\n  /** Back to the default values (or the given ones), errors cleared. */\n  reset: (values?: FormValues<S>) => void;\n  /** Sets a field's value from outside (a suggestion, a preset). */\n  setValue: (name: FieldName<FormValues<S>>, value: unknown) => void;\n  /** The values now. */\n  getValues: () => FormValues<S>;\n  /** The whole form's error (a refusal without a field), or null. */\n  error: FormFieldError | null;\n  /** TanStack's form, the escape hatch — never import @tanstack/* in a product. */\n  api: AnyFormApi;\n};\n\n/** A form defined once (schema + defaults), used in components: `signUp.useForm({ onSubmit })`. */\nexport interface KrizakaFormFactory<S extends FormSchema, C, RootProps> {\n  readonly schema: S;\n  readonly defaultValues: FormValues<S>;\n  /** The form in a component: `onSubmit` sends the values (a mutation), a thrown `KrizakaApiError` lands on the fields. */\n  useForm<R = unknown>(options?: UseKrizakaFormOptions<S, R>): KrizakaFormInstance<S, C, RootProps>;\n  /** The form sent by a Server Action: it receives the values and answers `{ ok: true, data }` or `{ ok: false, problem }`. */\n  useFormWithAction<T = unknown>(action: (values: FormOutput<S>) => Promise<FormActionResult<T>>, options?: Omit<UseKrizakaFormOptions<S, FormActionResult<T>>, \"onSubmit\">): KrizakaFormInstance<S, C, RootProps>;\n}\n\n/** Builds a platform's `createKrizakaForm` from its field components and its root (web `<form>`, native `View`). */\nexport function makeCreateKrizakaForm<C extends object, RootProps extends object>(components: C, Root: (props: RootProps & { value: FormContextValue }) => React.ReactElement) {\n  return function createKrizakaForm<S extends FormSchema>(definition: KrizakaFormDefinition<S>): KrizakaFormFactory<S, C, RootProps> {\n    function useForm<R>(options?: UseKrizakaFormOptions<S, R>): KrizakaFormInstance<S, C, RootProps> {\n      const ctx = useKrizakaFormCore(definition, options);\n      // One `Form` for the life of the form (never remounted, so focus and fields stay): it reads the latest state from a\n      // small store the hook updates.\n      const [store] = React.useState(() => createStore(ctx));\n      React.useLayoutEffect(() => store.set(ctx), [store, ctx]);\n      const Form = React.useCallback((props: RootProps) => <Bound store={store} Root={Root} props={props} />, [store]);\n      return React.useMemo(\n        () =>\n          ({\n            ...components,\n            Form,\n            submit: ctx.submit,\n            reset: (values?: FormValues<S>) => ctx.api.reset(values),\n            setValue: (name: string, value: unknown) => ctx.api.setFieldValue(name as never, value as never),\n            getValues: () => ctx.api.state.values as FormValues<S>,\n            error: ctx.error,\n            api: ctx.api,\n          }) as unknown as KrizakaFormInstance<S, C, RootProps>,\n        [ctx, Form],\n      );\n    }\n    return {\n      schema: definition.schema,\n      defaultValues: definition.defaultValues,\n      useForm,\n      useFormWithAction: (action, options) => useForm({ ...options, onSubmit: action }),\n    };\n  };\n}\n\ntype Store<T> = { get: () => T; set: (value: T) => void; subscribe: (listener: () => void) => () => void };\n\nfunction createStore<T>(initial: T): Store<T> {\n  let value = initial;\n  const listeners = new Set<() => void>();\n  return {\n    get: () => value,\n    set: (next) => {\n      if (Object.is(next, value)) return;\n      value = next;\n      listeners.forEach((listener) => listener());\n    },\n    subscribe: (listener) => {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n  };\n}\n\nfunction Bound<RootProps extends object>({ store, Root, props }: { store: Store<FormContextValue>; Root: (props: RootProps & { value: FormContextValue }) => React.ReactElement; props: RootProps }) {\n  const value = React.useSyncExternalStore(store.subscribe, store.get, store.get);\n  return <Root {...props} value={value} />;\n}\n","// Platform-neutral and server-safe: no React, no DOM, no React Native. The errors of a Krizaka form — a schema's issues,\n// a server's Problem Details, an availability check — as one shape, `FormFieldError`, whose words come from a key of the\n// app's catalogue (`form.errors.tooShort`), never from the validation engine's English.\n\n/** A value a message placeholder takes (`{minimum}`, `{suggestion}`). */\nexport type FormMessageValue = string | number;\n\n/** An error of a field or of the whole form: the key of its words in the app's catalogue, and what fills them in. */\nexport interface FormFieldError {\n  /** The i18n key: `form.errors.required`, or the key a schema names (`z.string().min(3, \"signUp.username.short\")`). */\n  key: string;\n  /** The placeholders of the message (`{ minimum: 3 }`). */\n  values?: Readonly<Record<string, FormMessageValue>>;\n  /** The server's own words, in English: shown only when the catalogue has no message for the key. */\n  message?: string;\n  /** A value to offer instead (a free username): a button under the error sets it. Its label is passed translated. */\n  suggestion?: { readonly label: string; readonly value: unknown };\n  /** Shown at once, while the person types (an availability check), not only once they leave the field. */\n  immediate?: boolean;\n  /** Where it comes from: the schema (default), a field's check, or the server's answer (kept until the field changes). */\n  source?: \"schema\" | \"check\" | \"server\";\n}\n\n/** The English defaults of the generic errors, by code — the words a form shows when the app's catalogue has none. */\nexport const formMessages: Readonly<Record<string, string>> = {\n  required: \"This field is required.\",\n  tooShort: \"Use at least {minimum} characters.\",\n  tooLong: \"Use at most {maximum} characters.\",\n  tooSmall: \"Enter {minimum} or more.\",\n  tooBig: \"Enter {maximum} or less.\",\n  tooFew: \"Choose at least {minimum}.\",\n  tooMany: \"Choose at most {maximum}.\",\n  invalidEmail: \"Enter an e-mail address, like name@example.com.\",\n  invalidUrl: \"Enter a web address, like https://example.com.\",\n  invalidDate: \"Enter a real date.\",\n  invalidNumber: \"Enter a number.\",\n  invalidFormat: \"Check the format of this field.\",\n  invalidChoice: \"Choose one of the options.\",\n  invalid: \"Check this field.\",\n  // The whole form (a server's answer without fields): the codes of @krizaka/query's KrizakaApiError.\n  network: \"No connection. Check your network and try again.\",\n  \"rate-limited\": \"Too many tries. Wait a moment and try again.\",\n  unauthorized: \"Your session has ended. Sign in again.\",\n  forbidden: \"You are not allowed to do this.\",\n  conflict: \"This was changed meanwhile. Reload and try again.\",\n  \"validation-failed\": \"Some fields need your attention.\",\n  unavailable: \"The service is unavailable for a moment. Try again shortly.\",\n  server: \"Something went wrong on our side. Try again.\",\n};\n\n/** How a form finds its words: the app's translate function, and the prefixes of its keys. */\nexport interface FormI18n {\n  /** The app's translate function (`(key, values) => t(key, values)`): a string, or `undefined` when the key is missing. */\n  t?: (key: string, values?: Readonly<Record<string, FormMessageValue>>) => string | undefined;\n  /** The prefix of the generic field errors. Default `form.errors` (→ `form.errors.tooShort`). */\n  prefix?: string;\n  /** The prefix of the server's codes for the whole form, as `KrizakaApiError.messageKey()`. Default `apiErrors`. */\n  apiPrefix?: string;\n  /** The locale of numbers, money and dates. Default `en`. */\n  locale?: string;\n}\n\nconst KEY = /^[\\w-]+(\\.[\\w-]+)+$/;\n\nconst fill = (text: string, values?: Readonly<Record<string, FormMessageValue>>) =>\n  values ? text.replace(/\\{(\\w+)\\}/g, (all, name: string) => (values[name] === undefined ? all : String(values[name]))) : text;\n\n/** The words of an error: the app's catalogue, else the English default of its code, else the server's words, else the key. */\nexport function formMessage(error: FormFieldError | string, i18n: FormI18n = {}): string {\n  const e = typeof error === \"string\" ? { key: error } : error;\n  const translated = i18n.t?.(e.key, e.values);\n  if (translated && translated !== e.key) return translated;\n  const code = e.key.slice(e.key.lastIndexOf(\".\") + 1);\n  const fallback = formMessages[code];\n  // The server's words beat a generic default (a refusal without a code), never a default for its own code.\n  if (e.message && (code === \"invalid\" || !fallback)) return e.message;\n  if (fallback && (e.key.startsWith(`${i18n.prefix ?? \"form.errors\"}.`) || e.key.startsWith(`${i18n.apiPrefix ?? \"apiErrors\"}.`))) return fill(fallback, e.values);\n  return e.message ?? (KEY.test(e.key) ? fill(fallback ?? formMessages.invalid!, e.values) : e.key);\n}\n\n/** One issue of a Standard Schema (zod 4, valibot, arktype): zod adds its `code` and limits, read when present. */\nexport interface SchemaIssue {\n  readonly message: string;\n  readonly path?: ReadonlyArray<PropertyKey | { readonly key: PropertyKey }>;\n  readonly code?: string;\n  readonly minimum?: number | bigint;\n  readonly maximum?: number | bigint;\n  readonly origin?: string;\n  readonly format?: string;\n  readonly input?: unknown;\n  readonly expected?: string;\n}\n\n/** A field's name from an issue's path, as the form writes it: `links[0].url`. */\nexport function pathName(path: SchemaIssue[\"path\"]): string {\n  let name = \"\";\n  for (const part of path ?? []) {\n    const key = typeof part === \"object\" && part !== null ? part.key : part;\n    if (typeof key === \"number\") name += `[${key}]`;\n    else name += name ? `.${String(key)}` : String(key);\n  }\n  return name;\n}\n\nconst num = (value: number | bigint | undefined) => (value === undefined ? undefined : Number(value));\n\n/** The key and values of an issue: the schema's own key when it names one, else the generic code of what failed. */\nexport function issueError(issue: SchemaIssue, prefix = \"form.errors\"): FormFieldError {\n  if (KEY.test(issue.message)) return { key: issue.message };\n  const key = (code: string, values?: Record<string, FormMessageValue>) => ({ key: `${prefix}.${code}`, ...(values ? { values } : {}) });\n  const collection = issue.origin === \"array\" || issue.origin === \"set\";\n  switch (issue.code) {\n    case \"invalid_type\":\n      return issue.input === undefined || issue.input === null || issue.input === \"\" ? key(\"required\") : issue.expected === \"number\" ? key(\"invalidNumber\") : issue.expected === \"date\" ? key(\"invalidDate\") : key(\"invalid\");\n    case \"too_small\": {\n      const minimum = num(issue.minimum)!;\n      if (issue.origin === \"string\") return minimum <= 1 ? key(\"required\") : key(\"tooShort\", { minimum });\n      if (collection) return minimum <= 1 ? key(\"required\") : key(\"tooFew\", { minimum });\n      return key(\"tooSmall\", { minimum });\n    }\n    case \"too_big\": {\n      const maximum = num(issue.maximum)!;\n      return issue.origin === \"string\" ? key(\"tooLong\", { maximum }) : collection ? key(\"tooMany\", { maximum }) : key(\"tooBig\", { maximum });\n    }\n    case \"invalid_format\":\n      if (issue.format === \"email\") return key(\"invalidEmail\");\n      if (issue.format === \"url\") return key(\"invalidUrl\");\n      if (issue.format === \"date\" || issue.format === \"datetime\") return key(\"invalidDate\");\n      return key(\"invalidFormat\");\n    case \"invalid_value\":\n      // `z.literal(true)`: a box that must be ticked.\n      return issue.input === false || issue.input === undefined ? key(\"required\") : key(\"invalidChoice\");\n    case \"invalid_union\":\n    case \"invalid_key\":\n    case \"invalid_element\":\n      return key(\"invalidChoice\");\n    default:\n      return key(\"invalid\");\n  }\n}\n\n/** The first error of each field of a schema's issues (an issue without a path is the whole form's: `\"\"`). */\nexport function issuesToFields(issues: readonly SchemaIssue[], prefix?: string): Record<string, FormFieldError> {\n  const fields: Record<string, FormFieldError> = {};\n  for (const issue of issues) {\n    const name = pathName(issue.path);\n    if (!(name in fields)) fields[name] = { ...issueError(issue, prefix), source: \"schema\" };\n  }\n  return fields;\n}\n\n/**\n * A refusal the form shows, serialisable (a Server Action returns it): the shape of `KrizakaApiError` of @krizaka/query —\n * a `KrizakaApiError` *is* a `FormProblem`. `fields` go under their fields, the rest above the submit button.\n */\nexport interface FormProblem {\n  /** The HTTP status (0 when no response arrived). */\n  status?: number;\n  /** The stable code of the refusal (`rate-limited`, `conflict`, `ACCOUNT_EXISTS`): the key of its words. */\n  code?: string;\n  /** The server's sentence, in English: shown only when the catalogue has no message for the code. */\n  detail?: string;\n  /** The refused fields, by name: a server's `{ code, message }`, or an error the form already knows (`key`). */\n  fields?: Readonly<Record<string, { code?: string; message: string } | FormFieldError | string>>;\n  /** Epoch ms before which the same call is refused (a 429). */\n  retryAt?: number;\n}\n\n/** True for what a form can read as a problem: a `KrizakaApiError`, a `FormProblem`, an `{ ok: false, problem }` result. */\nexport function isFormProblem(value: unknown): value is FormProblem {\n  return typeof value === \"object\" && value !== null && (\"fields\" in value || \"code\" in value || \"status\" in value);\n}\n\n/** A problem as field errors (by name) and the whole form's error (or `null` when every refusal has its field). */\nexport function problemToErrors(\n  problem: FormProblem,\n  i18n: FormI18n = {},\n  known?: (name: string) => boolean,\n  codeFields: Readonly<Record<string, string>> = {},\n): { fields: Record<string, FormFieldError>; form: FormFieldError | null } {\n  const prefix = i18n.prefix ?? \"form.errors\";\n  const fields: Record<string, FormFieldError> = {};\n  let unplaced = false;\n  // A refusal named by a code that belongs to a field (`UNDERAGE` → `dateOfBirth`): under that field, in its words.\n  const owner = problem.code ? codeFields[problem.code] : undefined;\n  if (owner && (!known || known(owner)) && !problem.fields?.[owner]) {\n    fields[owner] = { key: `${prefix}.${problem.code}`, ...(problem.detail ? { message: problem.detail } : {}), source: \"server\" };\n    if (!problem.fields || Object.keys(problem.fields).length === 0) return { fields, form: null };\n  }\n  for (const [name, refusal] of Object.entries(problem.fields ?? {})) {\n    if (known && !known(name)) {\n      unplaced = true;\n      continue;\n    }\n    const error: FormFieldError =\n      typeof refusal === \"string\"\n        ? { key: refusal }\n        : \"key\" in refusal\n          ? refusal\n          : { key: refusal.code ? (KEY.test(refusal.code) ? refusal.code : `${prefix}.${refusal.code}`) : `${prefix}.invalid`, message: refusal.message };\n    fields[name] = { ...error, source: \"server\" };\n  }\n  const placed = Object.keys(fields).length > 0;\n  if (placed && !unplaced) return { fields, form: null };\n  const code = problem.code ?? (problem.status === 0 ? \"network\" : problem.status && problem.status >= 500 ? \"server\" : \"invalid\");\n  const retryIn = problem.retryAt ? Math.max(1, Math.ceil((problem.retryAt - Date.now()) / 1000)) : undefined;\n  return {\n    fields,\n    form: { key: KEY.test(code) ? code : `${i18n.apiPrefix ?? \"apiErrors\"}.${code}`, ...(problem.detail ? { message: problem.detail } : {}), ...(retryIn ? { values: { seconds: retryIn } } : {}), source: \"server\" },\n  };\n}\n","// Platform-neutral: an amount typed in a field ↔ integer minor units (cents), never a float on the way.\nimport { currencyDigits } from \"@krizaka/intl\";\n\n/** The decimal separator of a locale (`en` → `.`, `fr` → `,`). */\nexport function decimalSeparator(locale: string): string {\n  return new Intl.NumberFormat(locale).formatToParts(1.5).find((p) => p.type === \"decimal\")?.value ?? \".\";\n}\n\n/** The currency's sign in a locale (`USD`, `en-US` → `$`; `EUR`, `fr` → `€`). */\nexport function currencySymbol(currency: string, locale: string): string {\n  return new Intl.NumberFormat(locale, { style: \"currency\", currency }).formatToParts(0).find((p) => p.type === \"currency\")?.value ?? currency;\n}\n\n/**\n * An amount as typed (`12.5`, `12,50`, `1,234.56`, `1 234,56`) → integer minor units (`1250`). `undefined` when empty,\n * `null` when it is not an amount (letters, more decimals than the currency has).\n */\nexport function parseMoney(text: string, currency: string, locale = \"en\"): number | null | undefined {\n  const digits = currencyDigits(currency);\n  const t = text.replace(/[\\s\\u00a0\\u202f']/g, \"\");\n  if (!t) return undefined;\n  const negative = t.startsWith(\"-\");\n  const body = negative ? t.slice(1) : t;\n  if (!/^[\\d.,]+$/.test(body)) return null;\n  let int = body;\n  let frac = \"\";\n  const last = Math.max(body.lastIndexOf(\".\"), body.lastIndexOf(\",\"));\n  if (last >= 0) {\n    const tail = body.slice(last + 1);\n    // The last separator is the decimal one when it is the locale's, or when it is not followed by a group of three.\n    if (body[last] === decimalSeparator(locale) || tail.length !== 3) {\n      if (tail.length > digits || !/^\\d*$/.test(tail)) return null;\n      int = body.slice(0, last);\n      frac = tail;\n    }\n  }\n  // What is left before the decimals: digits, grouped by three when separated (`1,234,567`).\n  if (!/^(\\d*|\\d{1,3}([.,]\\d{3})+)$/.test(int)) return null;\n  int = int.replace(/[.,]/g, \"\");\n  if (!int && !frac) return null;\n  const units = BigInt(int || \"0\") * 10n ** BigInt(digits) + BigInt((frac || \"\").padEnd(digits, \"0\") || \"0\");\n  const value = Number(negative ? -units : units);\n  return Number.isSafeInteger(value) ? value : null;\n}\n\n/** Minor units as the field writes them while editing (`1250`, `USD`, `fr` → `12,50`): no symbol, no grouping. */\nexport function moneyInputText(minorUnits: number | null | undefined, currency: string, locale = \"en\"): string {\n  if (minorUnits === null || minorUnits === undefined || !Number.isFinite(minorUnits)) return \"\";\n  const digits = currencyDigits(currency);\n  const sign = minorUnits < 0 ? \"-\" : \"\";\n  const abs = String(Math.abs(Math.trunc(minorUnits))).padStart(digits + 1, \"0\");\n  return digits === 0 ? sign + abs : `${sign}${abs.slice(0, -digits)}${decimalSeparator(locale)}${abs.slice(-digits)}`;\n}\n","// Client. The form's fields for the web: thin adapters from a form field (useKrizakaField) to the platform's current\n// primitives — Field + Input, Checkbox, Switch, RadioGroup (dots, cards, tactile keys, segments), Combobox, the date\n// pickers (calendar, typed, wheels), TagInput, Dropzone, Slider. A new look for a primitive changes an adapter here,\n// never a form.\nimport { Alert } from \"@krizaka/ui/alert\";\nimport { Button, type ButtonProps } from \"@krizaka/ui/button\";\nimport { Checkbox as CheckboxControl } from \"@krizaka/ui/checkbox\";\nimport { Combobox as ComboboxControl, type ComboboxLabels, type ComboboxOption } from \"@krizaka/ui/combobox\";\nimport { DateField as DatePartsControl, DatePicker, type DatePickerLabels, DateWheel } from \"@krizaka/ui/date-picker\";\nimport { Field, Input, Select as SelectControl, Textarea } from \"@krizaka/ui/field\";\nimport { Dropzone, formatBytes } from \"@krizaka/ui/file-upload\";\nimport { RadioGroup as RadioGroupControl } from \"@krizaka/ui/radio-group\";\nimport { Slider as SliderControl, type SliderMark, type SliderValue } from \"@krizaka/ui/slider\";\nimport { Spinner } from \"@krizaka/ui/spinner\";\nimport { Switch as SwitchControl } from \"@krizaka/ui/switch\";\nimport { TagInput as TagInputControl, type TagInputProps } from \"@krizaka/ui/tag-input\";\nimport * as React from \"react\";\n\nimport type { DatePart } from \"../date-picker/parts\";\nimport {\n  type FieldCheck,\n  FormContext,\n  type FormContextValue,\n  type KrizakaField,\n  type KrizakaFieldArray,\n  makeCreateKrizakaForm,\n  useFormContext,\n  useFormStatus,\n  useFormValue,\n  useKrizakaField,\n  useKrizakaFieldArray,\n} from \"./core\";\nimport { formMessage } from \"./errors\";\nimport { currencySymbol, moneyInputText, parseMoney } from \"./money\";\n\ntype Base = {\n  /** The field's name in the schema: `email`, `address.city`, `links[0].url` (typed by the form). */\n  name: string;\n  /** The visible label, passed translated (also the control's accessible name). */\n  label: string;\n  /** A help text under the control, read with it; the error takes its place when there is one. */\n  hint?: string;\n  /** Not available. */\n  disabled?: boolean;\n  /** Classes merged on the field's root. */\n  className?: string;\n};\n\nconst ids = (f: KrizakaField, hint?: string) => [hint && !f.error ? f.hintId : null, f.error ? f.errorId : null].filter(Boolean).join(\" \") || undefined;\n\nfunction Caption({ field, hint, ok }: { field: KrizakaField; hint?: string; ok?: string }) {\n  const suggestion = field.errorDetail?.suggestion;\n  if (field.error)\n    return (\n      <Field.Error id={field.errorId}>\n        <span>\n          {field.error}\n          {suggestion ? (\n            <>\n              {\" \"}\n              <button type=\"button\" className=\"font-semibold text-accent-text underline underline-offset-2\" onClick={() => field.setValue(suggestion.value)}>\n                {suggestion.label}\n              </button>\n            </>\n          ) : null}\n        </span>\n      </Field.Error>\n    );\n  const text = field.available && ok ? (hint ? `${ok} · ${hint}` : ok) : hint;\n  return text ? <Field.Hint id={field.hintId}>{text}</Field.Hint> : null;\n}\n\nconst Check = () => (\n  <svg viewBox=\"0 0 24 24\" className=\"h-4 w-4 text-fg-success\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nexport type FormProps = Omit<React.ComponentProps<\"form\">, \"onSubmit\" | \"noValidate\"> & {\n  /** The fields, the error and the button. */\n  children?: React.ReactNode;\n};\n\n/** The `<form>` of a form (`form.Form`): `noValidate` (the schema validates), the first error focused after a refused submit. */\nfunction FormRoot({ value, className, children, ...props }: FormProps & { value: FormContextValue }) {\n  const ref = React.useRef<HTMLFormElement>(null);\n  return (\n    <FormContext.Provider value={value}>\n      <form\n        ref={ref}\n        noValidate\n        className={className ?? \"flex flex-col gap-4\"}\n        onSubmit={async (event) => {\n          event.preventDefault();\n          if (!(await value.submit())) requestAnimationFrame(() => ref.current?.querySelector<HTMLElement>('[aria-invalid=\"true\"], [data-invalid] input')?.focus());\n        }}\n        {...props}\n      >\n        {children}\n      </form>\n    </FormContext.Provider>\n  );\n}\n\nexport type SubmitProps = Omit<ButtonProps, \"type\" | \"loading\"> & {\n  /** The button's words, passed translated (\"Create my account\"). */\n  children: React.ReactNode;\n};\n\n/** The submit button: busy while the form is sent (not pressable twice), never disabled for an invalid form. */\nexport function Submit({ variant = \"primary\", children, ...props }: SubmitProps) {\n  const { submitting } = useFormStatus();\n  return (\n    <Button type=\"submit\" variant={variant} loading={submitting} {...props}>\n      {children}\n    </Button>\n  );\n}\n\nexport type FormErrorProps = {\n  /** A headline above the message (\"We could not create your account\"), passed translated. */\n  title?: string;\n  /** Classes merged on the alert. */\n  className?: string;\n};\n\n/** The whole form's error — a refusal of the server that belongs to no field (a conflict, too many tries, no network). */\nexport function FormError({ title, className }: FormErrorProps) {\n  const ctx = useFormContext();\n  if (!ctx.error) return null;\n  return (\n    <Alert tone=\"danger\" title={title} className={className}>\n      {formMessage(ctx.error, ctx.i18n)}\n    </Alert>\n  );\n}\n\nexport type TextFieldProps = Base & {\n  /** `text` (default), `email`, `password`, `url`, `tel`, `search`: the right keyboard on a phone. */\n  type?: \"text\" | \"email\" | \"password\" | \"url\" | \"tel\" | \"search\";\n  /** The browser's autofill (`email`, `username`, `new-password`, `name`). */\n  autoComplete?: string;\n  /** An example of a value, passed translated — never the label. */\n  placeholder?: string;\n  /** The keyboard on a phone (`numeric`, `decimal`). */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>[\"inputMode\"];\n  /** The most characters. */\n  maxLength?: number;\n  /** Cleans what is typed before it is stored (`(v) => v.toLowerCase().replace(/\\s+/g, \"_\")`). */\n  transform?: (raw: string) => string;\n  /** Checks the value on the server as it is typed (availability): an error key, or nothing when it is fine. */\n  validateAsync?: FieldCheck<string>;\n  /** The wait, in ms, between the last key and `validateAsync`. Default 350. */\n  asyncDebounceMs?: number;\n  /** The words once `validateAsync` accepted the value (\"@eric is free\"), passed translated. */\n  availableHint?: string;\n  /** The name of the wait while it checks (\"Checking\"), passed translated. */\n  checkingLabel?: string;\n  /** Something before the text (an `@`, an icon). */\n  start?: React.ReactNode;\n};\n\n/** A text field of the form: label, input, hint or error, an optional check on the server. */\nexport function TextField({ name, label, hint, disabled, className, type = \"text\", transform, validateAsync, asyncDebounceMs, availableHint, checkingLabel = \"Checking\", start, ...input }: TextFieldProps) {\n  const f = useKrizakaField<string>(name, { validateAsync, asyncDebounceMs });\n  const end = f.validating ? <Spinner size=\"sm\" label={checkingLabel} /> : f.available ? <Check /> : null;\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <span className=\"relative flex items-center\">\n        {start ? <span className=\"pointer-events-none absolute left-3 text-fg-muted\">{start}</span> : null}\n        <Input\n          id={f.id}\n          name={name}\n          type={type}\n          value={f.value ?? \"\"}\n          disabled={disabled}\n          invalid={Boolean(f.error)}\n          aria-describedby={ids(f, hint ?? availableHint)}\n          onChange={(event) => f.setValue(transform ? transform(event.target.value) : event.target.value)}\n          onBlur={f.onBlur}\n          className={[start ? \"pl-9\" : \"\", end ? \"pr-10\" : \"\"].join(\" \").trim() || undefined}\n          {...input}\n        />\n        {end ? <span className=\"absolute right-3 flex\">{end}</span> : null}\n      </span>\n      <Caption field={f} hint={hint} ok={availableHint} />\n    </Field.Root>\n  );\n}\n\nexport type TextAreaProps = Base & {\n  /** An example of a value, passed translated. */\n  placeholder?: string;\n  /** The visible lines. Default 4. */\n  rows?: number;\n  /** The most characters. */\n  maxLength?: number;\n};\n\n/** A longer text of the form (a bio, a description, a report). */\nexport function TextArea({ name, label, hint, disabled, className, rows = 4, ...input }: TextAreaProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <Textarea id={f.id} name={name} rows={rows} value={f.value ?? \"\"} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onChange={(e) => f.setValue(e.target.value)} onBlur={f.onBlur} {...input} />\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type CheckboxProps = Omit<Base, \"label\"> & {\n  /** The words next to the box, clickable with it — text, or a sentence with links (terms, privacy). */\n  label: React.ReactNode;\n};\n\n/** A box of the form (`boolean`): terms to accept, an option. */\nexport function Checkbox({ name, label, hint, disabled, className }: CheckboxProps) {\n  const f = useKrizakaField<boolean>(name);\n  return (\n    <div className={className ?? \"flex flex-col gap-1.5\"}>\n      <CheckboxControl id={f.id} name={name} checked={f.value === true} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onCheckedChange={(c) => f.setValue(c === true)} onBlur={f.onBlur}>\n        {label}\n      </CheckboxControl>\n      <Caption field={f} hint={hint} />\n    </div>\n  );\n}\n\n/** An on/off setting of the form (`boolean`): the label and its hint beside the switch. */\nexport function Switch({ name, label, hint, disabled, className }: Base) {\n  const f = useKrizakaField<boolean>(name);\n  return (\n    <div className={className ?? \"flex items-start justify-between gap-4\"}>\n      <div className=\"flex min-w-0 flex-col gap-0.5\">\n        <Field.Label htmlFor={f.id} className=\"text-sm font-medium text-fg\">\n          {label}\n        </Field.Label>\n        <Caption field={f} hint={hint} />\n      </div>\n      <SwitchControl id={f.id} name={name} checked={f.value === true} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onCheckedChange={(c) => f.setValue(c)} onBlur={f.onBlur} />\n    </div>\n  );\n}\n\n/** A choice of the form: the value stored, its words (passed translated), a line under them. */\nexport type FormOption = { value: string; label: string; description?: string; disabled?: boolean };\n\nexport type RadioGroupProps = Base & {\n  /** The choices, all visible (two to five). */\n  options: readonly FormOption[];\n  /**\n   * `list` (a dot and its words, default), `cards` (a whole card is the radio: an amount, a plan, an audience),\n   * `buttons` (tactile keys that press in: a size, a tip; `description` is the key's second line) or `segmented`\n   * (two to four short choices on one line).\n   */\n  variant?: \"list\" | \"cards\" | \"buttons\" | \"segmented\";\n  /** `vertical` (default) or `horizontal`. */\n  orientation?: \"vertical\" | \"horizontal\";\n};\n\n/** One choice among a few, all visible. */\nexport function RadioGroup({ name, label, hint, disabled, className, options, variant = \"list\", orientation = \"vertical\" }: RadioGroupProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className} role=\"group\" aria-labelledby={`${f.id}-label`}>\n      <span id={`${f.id}-label`} className=\"text-xs font-semibold text-fg-secondary\">\n        {label}\n      </span>\n      <RadioGroupControl.Root\n        aria-labelledby={`${f.id}-label`}\n        value={f.value ?? \"\"}\n        onValueChange={(v) => f.setValue(v)}\n        onBlur={f.onBlur}\n        orientation={orientation}\n        disabled={disabled}\n        invalid={Boolean(f.error)}\n        aria-describedby={ids(f, hint)}\n        name={name}\n        variant={variant}\n        className={variant === \"segmented\" ? \"self-start\" : undefined}\n      >\n        {options.map((o) =>\n          variant === \"cards\" ? (\n            <RadioGroupControl.Card key={o.value} value={o.value} disabled={o.disabled}>\n              <span className=\"font-semibold\">{o.label}</span>\n              {o.description ? <span className=\"text-xs text-fg-secondary\">{o.description}</span> : null}\n            </RadioGroupControl.Card>\n          ) : variant === \"buttons\" ? (\n            <RadioGroupControl.Button key={o.value} value={o.value} disabled={o.disabled} hint={o.description}>\n              {o.label}\n            </RadioGroupControl.Button>\n          ) : variant === \"segmented\" ? (\n            <RadioGroupControl.Segment key={o.value} value={o.value} disabled={o.disabled}>\n              {o.label}\n            </RadioGroupControl.Segment>\n          ) : (\n            <RadioGroupControl.Item key={o.value} value={o.value} disabled={o.disabled}>\n              {o.label}\n              {o.description ? <span className=\"block text-xs text-fg-secondary\">{o.description}</span> : null}\n            </RadioGroupControl.Item>\n          ),\n        )}\n      </RadioGroupControl.Root>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type SelectProps = Base & {\n  /** The choices, in the platform's own menu (a country, a category). */\n  options: readonly FormOption[];\n  /** The first line while nothing is chosen (\"Choose a category\"), passed translated. */\n  placeholder?: string;\n};\n\n/** One choice among many, in the platform's menu (`<select>`: accessible and right on phones). */\nexport function Select({ name, label, hint, disabled, className, options, placeholder }: SelectProps) {\n  const f = useKrizakaField<string>(name);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <SelectControl id={f.id} name={name} value={f.value ?? \"\"} disabled={disabled} invalid={Boolean(f.error)} aria-describedby={ids(f, hint)} onChange={(e) => f.setValue(e.target.value)} onBlur={f.onBlur}>\n        {placeholder !== undefined ? (\n          <option value=\"\" disabled>\n            {placeholder}\n          </option>\n        ) : null}\n        {options.map((o) => (\n          <option key={o.value} value={o.value} disabled={o.disabled}>\n            {o.label}\n          </option>\n        ))}\n      </SelectControl>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type ComboboxProps = Base & {\n  /** The options, filtered as the person types. */\n  options?: readonly ComboboxOption[];\n  /** Fetches the options for a query (debounced, aborted by a newer one). */\n  onSearch?: (query: string, signal: AbortSignal) => Promise<readonly ComboboxOption[]>;\n  /** Several values (`string[]`), shown as chips; one (`string`) by default. */\n  multiple?: boolean;\n  /** Offers to create the query as a value. */\n  creatable?: boolean;\n  /** The input's placeholder, passed translated. */\n  placeholder?: string;\n  /** The words of the control, passed translated. */\n  labels?: Partial<ComboboxLabels>;\n};\n\n/** A choice among many, typed to filter or fetched: one value (`string`) or several (`string[]`). */\nexport function Combobox({ name, label, hint, disabled, className, options = [], onSearch, multiple, creatable, placeholder, labels }: ComboboxProps) {\n  const f = useKrizakaField<string | string[]>(name);\n  // The options chosen from a search, by value: their labels once the search has moved on.\n  const [seen, setSeen] = React.useState<Record<string, ComboboxOption>>({});\n  const option = (value: string) => options.find((o) => o.value === value) ?? seen[value] ?? { value, label: value };\n  const remember = (o: ComboboxOption) => setSeen((known) => (known[o.value] === o ? known : { ...known, [o.value]: o }));\n  const shared = { id: f.id, label, hint, error: f.error, disabled, placeholder, labels, options, onSearch, creatable, name };\n  return (\n    <div className={className} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      {multiple ? (\n        <ComboboxControl\n          {...shared}\n          multiple\n          value={((f.value as string[] | undefined) ?? []).map(option)}\n          onValueChange={(next) => {\n            next.forEach(remember);\n            f.setValue(next.map((o) => o.value));\n          }}\n        />\n      ) : (\n        <ComboboxControl\n          {...shared}\n          value={f.value ? option(f.value as string) : null}\n          onValueChange={(next) => {\n            if (next) remember(next);\n            f.setValue(next?.value ?? \"\");\n          }}\n        />\n      )}\n    </div>\n  );\n}\n\nexport type DateFieldProps = Base & {\n  /**\n   * `calendar` (default: a date near today — a publication, an appointment), `parts` (day · month · year typed: a\n   * memorable date, a birth date) or `wheel` (three wheels bounded by `min` / `max`: a birth date on a phone).\n   */\n  entry?: \"calendar\" | \"parts\" | \"wheel\";\n  /** The earliest date (ISO), for the calendar and the wheels. */\n  min?: string;\n  /** The latest date (ISO), for the calendar and the wheels (`latestBirthDate(18)` for an age gate). */\n  max?: string;\n  /** The words of the calendar, or the names of the parts (`day`, `month`, `year`), passed translated. */\n  labels?: Partial<DatePickerLabels> & Partial<Record<DatePart, string>>;\n  /** `bday` for a date of birth: typed boxes are autofilled; the wheels rest on 1 January 2000 until turned. */\n  autoComplete?: \"bday\" | \"off\";\n};\n\n/** A date of the form (`YYYY-MM-DD`, `\"\"` for none): a calendar, day · month · year typed, or wheels. */\nexport function DateField({ name, label, hint, disabled, className, entry = \"calendar\", min, max, labels, autoComplete }: DateFieldProps) {\n  const f = useKrizakaField<string>(name);\n  const onBlur = (e: React.FocusEvent<HTMLElement>) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur();\n  if (entry === \"calendar\")\n    return (\n      <div className={className} onBlur={onBlur}>\n        <DatePicker label={label} hint={hint} error={f.error} disabled={disabled} name={name} locale={f.locale} min={min} max={max} labels={labels} value={f.value || null} onValueChange={(v) => f.setValue(v ?? \"\")} />\n      </div>\n    );\n  if (entry === \"wheel\")\n    return (\n      <div className={className} onBlur={onBlur}>\n        <DateWheel label={label} hint={hint} error={f.error} disabled={disabled} name={name} locale={f.locale} min={min} max={max} labels={labels} defaultView={autoComplete === \"bday\" ? \"2000-01-01\" : undefined} value={f.value || null} onValueChange={(v) => f.setValue(v)} />\n      </div>\n    );\n  return <DatePartsControl label={label} hint={hint} error={f.error} disabled={disabled} name={name} locale={f.locale} labels={labels} autoComplete={autoComplete} className={className} value={f.value ?? \"\"} onValueChange={(v) => f.setValue(v)} onBlur={f.onBlur} />;\n}\n\nexport type TagsProps = Base & Pick<TagInputProps, \"suggestions\" | \"normalize\" | \"max\" | \"separators\" | \"placeholder\" | \"labels\">;\n\n/** Free words of the form as chips (`string[]`): tags, keywords. */\nexport function TagInput({ name, label, hint, disabled, className, ...props }: TagsProps) {\n  const f = useKrizakaField<string[]>(name);\n  return (\n    <div className={className} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      <TagInputControl label={label} hint={hint} error={f.error} disabled={disabled} name={name} value={f.value ?? []} onValueChange={(tags) => f.setValue(tags)} {...props} />\n    </div>\n  );\n}\n\nexport type FileUploadProps = Omit<Base, \"hint\"> & {\n  /** The title in the zone (\"Drop your video here\"), passed translated. */\n  title: string;\n  /** The button that opens the file picker, passed translated. */\n  browseLabel: string;\n  /** What is accepted, in words (\"MP4 or MOV, up to 4 GB\"). */\n  hint?: string;\n  /** The types accepted (`video/*`, `image/png,.pdf`). */\n  accept?: string;\n  /** The largest file, in bytes. */\n  maxSize?: number;\n  /** Several files (`File[]`, up to `maxFiles`); one by default (still a `File[]` of one). */\n  multiple?: boolean;\n  /** The most files. */\n  maxFiles?: number;\n  /** The name of a file's remove button (`(name) => \"Remove \" + name`), passed translated. */\n  removeLabel: (fileName: string) => string;\n  /** The words of a refused file (`(r) => r.file.name + \" is too large\"`). */\n  refusalLabel?: React.ComponentProps<typeof Dropzone>[\"refusalLabel\"];\n};\n\n/** Files of the form (`File[]`): a drop zone, then the chosen files, each removable. */\nexport function FileUpload({ name, label, hint, disabled, className, title, browseLabel, accept, maxSize, multiple, maxFiles, removeLabel, refusalLabel }: FileUploadProps) {\n  const f = useKrizakaField<File[]>(name);\n  const files = f.value ?? [];\n  return (\n    <div className={className ?? \"flex flex-col gap-2\"} role=\"group\" aria-label={label} onBlur={(e) => !e.currentTarget.contains(e.relatedTarget as Node | null) && f.onBlur()}>\n      <span className=\"text-xs font-semibold text-fg-secondary\">{label}</span>\n      <Dropzone\n        title={title}\n        browseLabel={browseLabel}\n        hint={hint}\n        accept={accept}\n        maxSize={maxSize}\n        multiple={multiple}\n        maxFiles={maxFiles}\n        disabled={disabled}\n        refusalLabel={refusalLabel}\n        onFiles={(chosen) => f.setValue(multiple ? [...files, ...chosen].slice(0, maxFiles ?? Infinity) : chosen.slice(0, 1))}\n      />\n      {files.length > 0 ? (\n        <ul className=\"flex flex-col gap-1.5\">\n          {files.map((file, i) => (\n            <li key={`${file.name}-${i}`} className=\"flex items-center justify-between gap-3 rounded-lg border border-border-default bg-surface-1 px-3 py-2 text-sm\">\n              <span className=\"min-w-0 truncate text-fg\">{file.name}</span>\n              <span className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"font-mono text-xs text-fg-secondary\">{formatBytes(file.size, f.locale)}</span>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => f.setValue(files.filter((_, j) => j !== i))}>\n                  {removeLabel(file.name)}\n                </Button>\n              </span>\n            </li>\n          ))}\n        </ul>\n      ) : null}\n      {f.error ? <Field.Error id={f.errorId}>{f.error}</Field.Error> : null}\n    </div>\n  );\n}\n\nexport type MoneyProps = Base & {\n  /** The currency (ISO 4217: `USD`, `EUR`, `JPY`): its sign before the amount, its decimals. */\n  currency: string;\n  /** An example of an amount, passed translated. */\n  placeholder?: string;\n};\n\n/** An amount of the form, stored as integer minor units (cents: `1250` = 12.50), typed the locale's way. */\nexport function Money({ name, label, hint, disabled, className, currency, placeholder }: MoneyProps) {\n  const f = useKrizakaField<number | null>(name);\n  const [text, setText] = React.useState(() => moneyInputText(f.value, currency, f.locale));\n  const [editing, setEditing] = React.useState(false);\n  const shown = editing ? text : moneyInputText(f.value, currency, f.locale);\n  return (\n    <Field.Root className={className}>\n      <Field.Label htmlFor={f.id}>{label}</Field.Label>\n      <span className=\"relative flex items-center\">\n        <span className=\"pointer-events-none absolute left-3 text-sm text-fg-secondary\" aria-hidden>\n          {currencySymbol(currency, f.locale)}\n        </span>\n        <Input\n          id={f.id}\n          name={name}\n          inputMode=\"decimal\"\n          value={shown}\n          placeholder={placeholder}\n          disabled={disabled}\n          invalid={Boolean(f.error)}\n          aria-describedby={ids(f, hint)}\n          className=\"pl-9 tabular-nums\"\n          onFocus={() => {\n            setText(moneyInputText(f.value, currency, f.locale));\n            setEditing(true);\n          }}\n          onChange={(e) => {\n            setText(e.target.value);\n            const units = parseMoney(e.target.value, currency, f.locale);\n            f.setValue(units === undefined ? null : units === null ? Number.NaN : units);\n          }}\n          onBlur={() => {\n            setEditing(false);\n            f.onBlur();\n          }}\n        />\n      </span>\n      <Caption field={f} hint={hint} />\n    </Field.Root>\n  );\n}\n\nexport type SliderProps = Base & {\n  /** The lowest value. Default 0. */\n  min?: number;\n  /** The highest value. Default 100. */\n  max?: number;\n  /** The step. Default 1. */\n  step?: number;\n  /** The value as words (\"15 %\", \"3 min\"), shown and read. */\n  formatValue?: (value: number) => string;\n  /** For a range (`[number, number]`): each thumb's name, passed translated. */\n  thumbLabels?: [string, string];\n  /** A graduation per step (`true`) or at the values given. */\n  ticks?: boolean | readonly number[];\n  /** Words under the track at some values. */\n  marks?: readonly SliderMark[];\n};\n\n/** A number (or a range) of the form, chosen by feel: a share, a volume, a price range — the value floats while it is touched. */\nexport function Slider({ name, label, hint, disabled, className, min, max, step, formatValue, thumbLabels, ticks, marks }: SliderProps) {\n  const f = useKrizakaField<SliderValue>(name);\n  return (\n    <div className={className ?? \"flex flex-col gap-1.5\"}>\n      <SliderControl label={label} showLabel floatingValue value={f.value} min={min} max={max} step={step} ticks={ticks} marks={marks} disabled={disabled} formatValue={formatValue} thumbLabels={thumbLabels} aria-describedby={ids(f, hint)} onValueChange={(v) => f.setValue(v)} onValueCommit={() => f.onBlur()} />\n      <Caption field={f} hint={hint} />\n    </div>\n  );\n}\n\nexport type FormFieldProps<T = unknown> = {\n  /** The field's name in the schema (typed by the form). */\n  name: string;\n  /** Checks the value on the server as it changes. */\n  validateAsync?: FieldCheck<T>;\n  /** The wait, in ms, before `validateAsync`. */\n  asyncDebounceMs?: number;\n  /** Draws the field: its value, setter, error and ids (`useKrizakaField`). */\n  children: (field: KrizakaField<T>) => React.ReactNode;\n};\n\n/** A field drawn by the app (a control the package does not have): the form's value, errors and ids, any markup. */\nexport function FormField({ name, validateAsync, asyncDebounceMs, children }: FormFieldProps) {\n  return <>{children(useKrizakaField(name, { validateAsync, asyncDebounceMs }))}</>;\n}\n\nexport type FieldArrayProps<T = unknown> = {\n  /** The array's name in the schema (typed by the form). */\n  name: string;\n  /** Draws the items: `items`, `push`, `remove`, `move`, `fieldName(i, \"url\")` for the fields of an item. */\n  children: (array: KrizakaFieldArray<T>) => React.ReactNode;\n};\n\n/** A list of fields that grows and shrinks (links, tiers, guests): each item's fields named `links[0].url`. */\nexport function FieldArray({ name, children }: FieldArrayProps) {\n  return <>{children(useKrizakaFieldArray(name))}</>;\n}\n\nexport type WatchProps<T = unknown> = {\n  /** The field to follow (typed by the form). */\n  name: string;\n  /** Draws from its current value: show a part of the form only when a box is ticked. */\n  children: (value: T) => React.ReactNode;\n};\n\n/** Renders from a field's current value (a part shown only when a box is ticked, a total). */\nexport function Watch({ name, children }: WatchProps) {\n  return <>{children(useFormValue(name))}</>;\n}\n\nconst fields = { TextField, TextArea, Checkbox, Switch, RadioGroup, Select, Combobox, DateField, TagInput, FileUpload, Money, Slider, Field: FormField, FieldArray, Watch, Submit, FormError };\n\n/**\n * A form, defined once: its schema (zod 4) and default values — the same schema the server parses with. In a component,\n * `signUp.useForm({ onSubmit })` gives the form and its fields, typed by the schema: `<form.Form>`, `<form.TextField\n * name=\"email\" …/>`, `<form.Submit>`. Errors are i18n keys (`form.errors.tooShort`), never the engine's English.\n */\nexport const createKrizakaForm = makeCreateKrizakaForm(fields, FormRoot);\n\n/** The form sent by a Server Action: `useFormWithAction(signUp, createAccount)` — `signUp.useFormWithAction(createAccount)`. */\nexport function useFormWithAction<F extends { useFormWithAction: (...args: never[]) => unknown }>(form: F, ...args: Parameters<F[\"useFormWithAction\"]>): ReturnType<F[\"useFormWithAction\"]> {\n  return form.useFormWithAction(...args) as ReturnType<F[\"useFormWithAction\"]>;\n}\n"],"mappings":"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","names":["fields","fields","value","createKrizakaForm","useForm","React","jsx"]}

package/dist/glow-card.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-G3ETON2A.js";
+} from "./chunk-2FRWNSRO.js";
 
 // src/glow-card/glow-card.tsx
 import { Slot } from "radix-ui";

package/dist/image-cropper.js

@@ -1,7 +1,9 @@
 "use client";
 import {
   Slider
-} from "./chunk-RUPRYJ45.js";
+} from "./chunk-BTMFZ66D.js";
+import "./chunk-C2BRIFJG.js";
+import "./chunk-2FRWNSRO.js";
 import {
   clamp
 } from "./chunk-BRKMQ6JV.js";

package/dist/image-cropper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/image-cropper/image-cropper.tsx"],"sourcesContent":["// Client. A fixed frame (a profile picture's square, a vertical 9:16, a banner) over a picture or a video the person\n// drags and zooms to choose what stays in. The value is a focus point (0–1 on each axis) and a zoom — independent of\n// the screen, the same on the server — and `cropRect` turns it into pixels of the source. Keyboard: the frame takes the\n// focus, the arrows move (Shift: faster), + / − zoom; the zoom is also a slider. No motion but the person's own.\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { clamp } from \"../media\";\nimport { Slider } from \"../slider\";\n\nexport const imageCropper = tv({\n  slots: {\n    root: \"flex w-full flex-col gap-3\",\n    frame:\n      \"relative w-full cursor-grab touch-none overflow-hidden rounded-xl bg-media active:cursor-grabbing \" +\n      \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-0\",\n    media: \"pointer-events-none absolute max-w-none select-none\",\n    grid:\n      \"pointer-events-none absolute inset-0 rounded-xl border-2 border-fg-on-media/80 \" +\n      \"bg-[linear-gradient(to_right,transparent_33.2%,var(--kz-text-on-media)_33.3%,transparent_33.5%,transparent_66.5%,var(--kz-text-on-media)_66.6%,transparent_66.8%),linear-gradient(to_bottom,transparent_33.2%,var(--kz-text-on-media)_33.3%,transparent_33.5%,transparent_66.5%,var(--kz-text-on-media)_66.6%,transparent_66.8%)] opacity-40\",\n    round: \"pointer-events-none absolute inset-0 rounded-full shadow-[0_0_0_9999px_var(--kz-scrim-strong)]\",\n  },\n});\n\n/** Where the frame looks: the focus point (0–1 from the left and the top of the source) and the zoom (1 = covers). */\nexport type CropValue = { x: number; y: number; zoom: number };\n\n/** The crop in pixels of the source: what to cut from an image of `width` × `height` for a frame of `aspect`. */\nexport function cropRect(value: CropValue, source: { width: number; height: number }, aspect: number) {\n  const mediaAspect = source.width / source.height;\n  const width = (mediaAspect > aspect ? source.height * aspect : source.width) / value.zoom;\n  const height = width / aspect;\n  const x = clamp(value.x * source.width - width / 2, 0, source.width - width);\n  const y = clamp(value.y * source.height - height / 2, 0, source.height - height);\n  return { x: Math.round(x), y: Math.round(y), width: Math.round(width), height: Math.round(height) };\n}\n\nexport type ImageCropperLabels = {\n  /** The frame's accessible name (\"Crop area\"). */\n  frame: string;\n  /** How to use it with the keyboard, read with the frame (\"Use the arrow keys to move the picture, + and − to zoom.\"). */\n  instructions: string;\n  /** The zoom slider (\"Zoom\"). */\n  zoom: string;\n};\n\nexport const imageCropperLabels: ImageCropperLabels = {\n  frame: \"Crop area\",\n  instructions: \"Drag or use the arrow keys to move the picture, + and − to zoom.\",\n  zoom: \"Zoom\",\n};\n\nexport type ImageCropperProps = {\n  /** The picture to crop. Or `children`: a `<video>` (with the class it is given through `mediaClassName`). */\n  src?: string;\n  /** The picture's alternative text, passed translated (empty when the frame's name says enough). */\n  alt?: string;\n  /** A media element instead of `src` — a `<video>` to choose the frame of a clip. Its natural size is in `naturalSize`. */\n  children?: React.ReactElement<{ className?: string; style?: React.CSSProperties }>;\n  /** The source's size when `children` is a video: `{ width: video.videoWidth, height: video.videoHeight }`. */\n  naturalSize?: { width: number; height: number };\n  /** The frame's width / height: 1 (a square), 9 / 16 (vertical), 3 (a banner). */\n  aspect: number;\n  /** A round mask over the square frame (a profile picture). */\n  round?: boolean;\n  /** The crop (controlled). */\n  value?: CropValue;\n  /** The crop at first, uncontrolled. Default: centred, no zoom. */\n  defaultValue?: CropValue;\n  /** Called on every move. */\n  onValueChange?: (value: CropValue) => void;\n  /** The largest zoom. Default 4. */\n  maxZoom?: number;\n  /** Shows the zoom slider under the frame. Default `true`. */\n  showZoom?: boolean;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<ImageCropperLabels>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\n/** Chooses what a fixed frame keeps of a picture or a video: drag, zoom, keyboard; a focus point and a zoom out. */\nexport function ImageCropper({\n  src,\n  alt = \"\",\n  children,\n  naturalSize,\n  aspect,\n  round,\n  value: valueProp,\n  defaultValue = { x: 0.5, y: 0.5, zoom: 1 },\n  onValueChange,\n  maxZoom = 4,\n  showZoom = true,\n  labels: given,\n  className,\n}: ImageCropperProps) {\n  const labels = { ...imageCropperLabels, ...given };\n  const s = imageCropper();\n  const frame = React.useRef<HTMLDivElement>(null);\n  const drag = React.useRef<{ x: number; y: number; from: CropValue } | null>(null);\n  const [inner, setInner] = React.useState(defaultValue);\n  const [loaded, setLoaded] = React.useState<{ width: number; height: number } | null>(null);\n  const value = valueProp ?? inner;\n  const id = React.useId();\n  const size = naturalSize ?? loaded;\n  const mediaAspect = size ? size.width / size.height : aspect;\n\n  // The media's box, in % of the frame: it covers the frame at zoom 1.\n  const widthPct = (mediaAspect > aspect ? (mediaAspect / aspect) * 100 : 100) * value.zoom;\n  const heightPct = (mediaAspect > aspect ? 100 : (aspect / mediaAspect) * 100) * value.zoom;\n  // The focus point's limits: the media never leaves a gap in the frame.\n  const halfX = 50 / widthPct;\n  const halfY = 50 / heightPct;\n\n  const set = (next: CropValue) => {\n    const zoom = clamp(next.zoom, 1, maxZoom);\n    const wPct = (mediaAspect > aspect ? (mediaAspect / aspect) * 100 : 100) * zoom;\n    const hPct = (mediaAspect > aspect ? 100 : (aspect / mediaAspect) * 100) * zoom;\n    const fixed = { x: clamp(next.x, 50 / wPct, 1 - 50 / wPct), y: clamp(next.y, 50 / hPct, 1 - 50 / hPct), zoom };\n    if (!valueProp) setInner(fixed);\n    onValueChange?.(fixed);\n  };\n\n  const x = clamp(value.x, halfX, 1 - halfX);\n  const y = clamp(value.y, halfY, 1 - halfY);\n  const style: React.CSSProperties = {\n    width: `${widthPct}%`,\n    height: `${heightPct}%`,\n    left: `${50 - x * widthPct}%`,\n    top: `${50 - y * heightPct}%`,\n  };\n\n  return (\n    <div className={s.root({ className })}>\n      <div\n        ref={frame}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={labels.frame}\n        aria-describedby={`${id}-help`}\n        className={s.frame()}\n        style={{ aspectRatio: String(aspect) }}\n        onPointerDown={(event) => {\n          frame.current?.setPointerCapture?.(event.pointerId);\n          drag.current = { x: event.clientX, y: event.clientY, from: { x, y, zoom: value.zoom } };\n        }}\n        onPointerMove={(event) => {\n          const start = drag.current;\n          const box = frame.current?.getBoundingClientRect();\n          if (!start || !box?.width) return;\n          set({\n            x: start.from.x - (event.clientX - start.x) / ((box.width * widthPct) / 100),\n            y: start.from.y - (event.clientY - start.y) / ((box.height * heightPct) / 100),\n            zoom: value.zoom,\n          });\n        }}\n        onPointerUp={() => {\n          drag.current = null;\n        }}\n        onWheel={(event) => {\n          if (!event.ctrlKey && !event.metaKey) return;\n          event.preventDefault();\n          set({ x, y, zoom: value.zoom - event.deltaY * 0.01 });\n        }}\n        onKeyDown={(event) => {\n          const nudge = event.shiftKey ? 0.1 : 0.02;\n          const moves: Record<string, CropValue> = {\n            ArrowLeft: { x: x - nudge, y, zoom: value.zoom },\n            ArrowRight: { x: x + nudge, y, zoom: value.zoom },\n            ArrowUp: { x, y: y - nudge, zoom: value.zoom },\n            ArrowDown: { x, y: y + nudge, zoom: value.zoom },\n            \"+\": { x, y, zoom: value.zoom + 0.1 },\n            \"=\": { x, y, zoom: value.zoom + 0.1 },\n            \"-\": { x, y, zoom: value.zoom - 0.1 },\n          };\n          const next = moves[event.key];\n          if (!next) return;\n          event.preventDefault();\n          set(next);\n        }}\n      >\n        {children ? (\n          React.cloneElement(children, { className: s.media({ className: children.props.className }), style: { ...children.props.style, ...style } })\n        ) : src ? (\n          <img\n            src={src}\n            alt={alt}\n            draggable={false}\n            className={s.media()}\n            style={style}\n            onLoad={(event) => setLoaded({ width: event.currentTarget.naturalWidth, height: event.currentTarget.naturalHeight })}\n          />\n        ) : null}\n        <span className={round ? s.round() : s.grid()} aria-hidden />\n        <span id={`${id}-help`} className=\"sr-only\">\n          {labels.instructions}\n        </span>\n      </div>\n      {showZoom && (\n        <Slider\n          label={labels.zoom}\n          min={1}\n          max={maxZoom}\n          step={0.05}\n          value={value.zoom}\n          onValueChange={(zoom) => set({ x, y, zoom })}\n          formatValue={(v) => `${Math.round(v * 100)} %`}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/image-cropper/image-cropper.tsx"],"sourcesContent":["// Client. A fixed frame (a profile picture's square, a vertical 9:16, a banner) over a picture or a video the person\n// drags and zooms to choose what stays in. The value is a focus point (0–1 on each axis) and a zoom — independent of\n// the screen, the same on the server — and `cropRect` turns it into pixels of the source. Keyboard: the frame takes the\n// focus, the arrows move (Shift: faster), + / − zoom; the zoom is also a slider. No motion but the person's own.\nimport * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { clamp } from \"../media\";\nimport { Slider } from \"../slider\";\n\nexport const imageCropper = tv({\n  slots: {\n    root: \"flex w-full flex-col gap-3\",\n    frame:\n      \"relative w-full cursor-grab touch-none overflow-hidden rounded-xl bg-media active:cursor-grabbing \" +\n      \"focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-surface-0\",\n    media: \"pointer-events-none absolute max-w-none select-none\",\n    grid:\n      \"pointer-events-none absolute inset-0 rounded-xl border-2 border-fg-on-media/80 \" +\n      \"bg-[linear-gradient(to_right,transparent_33.2%,var(--kz-text-on-media)_33.3%,transparent_33.5%,transparent_66.5%,var(--kz-text-on-media)_66.6%,transparent_66.8%),linear-gradient(to_bottom,transparent_33.2%,var(--kz-text-on-media)_33.3%,transparent_33.5%,transparent_66.5%,var(--kz-text-on-media)_66.6%,transparent_66.8%)] opacity-40\",\n    round: \"pointer-events-none absolute inset-0 rounded-full shadow-[0_0_0_9999px_var(--kz-scrim-strong)]\",\n  },\n});\n\n/** Where the frame looks: the focus point (0–1 from the left and the top of the source) and the zoom (1 = covers). */\nexport type CropValue = { x: number; y: number; zoom: number };\n\n/** The crop in pixels of the source: what to cut from an image of `width` × `height` for a frame of `aspect`. */\nexport function cropRect(value: CropValue, source: { width: number; height: number }, aspect: number) {\n  const mediaAspect = source.width / source.height;\n  const width = (mediaAspect > aspect ? source.height * aspect : source.width) / value.zoom;\n  const height = width / aspect;\n  const x = clamp(value.x * source.width - width / 2, 0, source.width - width);\n  const y = clamp(value.y * source.height - height / 2, 0, source.height - height);\n  return { x: Math.round(x), y: Math.round(y), width: Math.round(width), height: Math.round(height) };\n}\n\nexport type ImageCropperLabels = {\n  /** The frame's accessible name (\"Crop area\"). */\n  frame: string;\n  /** How to use it with the keyboard, read with the frame (\"Use the arrow keys to move the picture, + and − to zoom.\"). */\n  instructions: string;\n  /** The zoom slider (\"Zoom\"). */\n  zoom: string;\n};\n\nexport const imageCropperLabels: ImageCropperLabels = {\n  frame: \"Crop area\",\n  instructions: \"Drag or use the arrow keys to move the picture, + and − to zoom.\",\n  zoom: \"Zoom\",\n};\n\nexport type ImageCropperProps = {\n  /** The picture to crop. Or `children`: a `<video>` (with the class it is given through `mediaClassName`). */\n  src?: string;\n  /** The picture's alternative text, passed translated (empty when the frame's name says enough). */\n  alt?: string;\n  /** A media element instead of `src` — a `<video>` to choose the frame of a clip. Its natural size is in `naturalSize`. */\n  children?: React.ReactElement<{ className?: string; style?: React.CSSProperties }>;\n  /** The source's size when `children` is a video: `{ width: video.videoWidth, height: video.videoHeight }`. */\n  naturalSize?: { width: number; height: number };\n  /** The frame's width / height: 1 (a square), 9 / 16 (vertical), 3 (a banner). */\n  aspect: number;\n  /** A round mask over the square frame (a profile picture). */\n  round?: boolean;\n  /** The crop (controlled). */\n  value?: CropValue;\n  /** The crop at first, uncontrolled. Default: centred, no zoom. */\n  defaultValue?: CropValue;\n  /** Called on every move. */\n  onValueChange?: (value: CropValue) => void;\n  /** The largest zoom. Default 4. */\n  maxZoom?: number;\n  /** Shows the zoom slider under the frame. Default `true`. */\n  showZoom?: boolean;\n  /** The words, passed translated; English by default. */\n  labels?: Partial<ImageCropperLabels>;\n  /** Classes merged on the root. */\n  className?: string;\n};\n\n/** Chooses what a fixed frame keeps of a picture or a video: drag, zoom, keyboard; a focus point and a zoom out. */\nexport function ImageCropper({\n  src,\n  alt = \"\",\n  children,\n  naturalSize,\n  aspect,\n  round,\n  value: valueProp,\n  defaultValue = { x: 0.5, y: 0.5, zoom: 1 },\n  onValueChange,\n  maxZoom = 4,\n  showZoom = true,\n  labels: given,\n  className,\n}: ImageCropperProps) {\n  const labels = { ...imageCropperLabels, ...given };\n  const s = imageCropper();\n  const frame = React.useRef<HTMLDivElement>(null);\n  const drag = React.useRef<{ x: number; y: number; from: CropValue } | null>(null);\n  const [inner, setInner] = React.useState(defaultValue);\n  const [loaded, setLoaded] = React.useState<{ width: number; height: number } | null>(null);\n  const value = valueProp ?? inner;\n  const id = React.useId();\n  const size = naturalSize ?? loaded;\n  const mediaAspect = size ? size.width / size.height : aspect;\n\n  // The media's box, in % of the frame: it covers the frame at zoom 1.\n  const widthPct = (mediaAspect > aspect ? (mediaAspect / aspect) * 100 : 100) * value.zoom;\n  const heightPct = (mediaAspect > aspect ? 100 : (aspect / mediaAspect) * 100) * value.zoom;\n  // The focus point's limits: the media never leaves a gap in the frame.\n  const halfX = 50 / widthPct;\n  const halfY = 50 / heightPct;\n\n  const set = (next: CropValue) => {\n    const zoom = clamp(next.zoom, 1, maxZoom);\n    const wPct = (mediaAspect > aspect ? (mediaAspect / aspect) * 100 : 100) * zoom;\n    const hPct = (mediaAspect > aspect ? 100 : (aspect / mediaAspect) * 100) * zoom;\n    const fixed = { x: clamp(next.x, 50 / wPct, 1 - 50 / wPct), y: clamp(next.y, 50 / hPct, 1 - 50 / hPct), zoom };\n    if (!valueProp) setInner(fixed);\n    onValueChange?.(fixed);\n  };\n\n  const x = clamp(value.x, halfX, 1 - halfX);\n  const y = clamp(value.y, halfY, 1 - halfY);\n  const style: React.CSSProperties = {\n    width: `${widthPct}%`,\n    height: `${heightPct}%`,\n    left: `${50 - x * widthPct}%`,\n    top: `${50 - y * heightPct}%`,\n  };\n\n  return (\n    <div className={s.root({ className })}>\n      <div\n        ref={frame}\n        role=\"group\"\n        tabIndex={0}\n        aria-label={labels.frame}\n        aria-describedby={`${id}-help`}\n        className={s.frame()}\n        style={{ aspectRatio: String(aspect) }}\n        onPointerDown={(event) => {\n          frame.current?.setPointerCapture?.(event.pointerId);\n          drag.current = { x: event.clientX, y: event.clientY, from: { x, y, zoom: value.zoom } };\n        }}\n        onPointerMove={(event) => {\n          const start = drag.current;\n          const box = frame.current?.getBoundingClientRect();\n          if (!start || !box?.width) return;\n          set({\n            x: start.from.x - (event.clientX - start.x) / ((box.width * widthPct) / 100),\n            y: start.from.y - (event.clientY - start.y) / ((box.height * heightPct) / 100),\n            zoom: value.zoom,\n          });\n        }}\n        onPointerUp={() => {\n          drag.current = null;\n        }}\n        onWheel={(event) => {\n          if (!event.ctrlKey && !event.metaKey) return;\n          event.preventDefault();\n          set({ x, y, zoom: value.zoom - event.deltaY * 0.01 });\n        }}\n        onKeyDown={(event) => {\n          const nudge = event.shiftKey ? 0.1 : 0.02;\n          const moves: Record<string, CropValue> = {\n            ArrowLeft: { x: x - nudge, y, zoom: value.zoom },\n            ArrowRight: { x: x + nudge, y, zoom: value.zoom },\n            ArrowUp: { x, y: y - nudge, zoom: value.zoom },\n            ArrowDown: { x, y: y + nudge, zoom: value.zoom },\n            \"+\": { x, y, zoom: value.zoom + 0.1 },\n            \"=\": { x, y, zoom: value.zoom + 0.1 },\n            \"-\": { x, y, zoom: value.zoom - 0.1 },\n          };\n          const next = moves[event.key];\n          if (!next) return;\n          event.preventDefault();\n          set(next);\n        }}\n      >\n        {children ? (\n          React.cloneElement(children, { className: s.media({ className: children.props.className }), style: { ...children.props.style, ...style } })\n        ) : src ? (\n          <img\n            src={src}\n            alt={alt}\n            draggable={false}\n            className={s.media()}\n            style={style}\n            onLoad={(event) => setLoaded({ width: event.currentTarget.naturalWidth, height: event.currentTarget.naturalHeight })}\n          />\n        ) : null}\n        <span className={round ? s.round() : s.grid()} aria-hidden />\n        <span id={`${id}-help`} className=\"sr-only\">\n          {labels.instructions}\n        </span>\n      </div>\n      {showZoom && (\n        <Slider\n          label={labels.zoom}\n          min={1}\n          max={maxZoom}\n          step={0.05}\n          value={value.zoom}\n          onValueChange={(zoom) => set({ x, y, zoom })}\n          formatValue={(v) => `${Math.round(v * 100)} %`}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}