@mitcsutt/kiln-ui 0.1.0

package/dist/components/inputs/NumberInput/NumberInput.js

@@ -0,0 +1,139 @@
+import { MinusIcon as e, PlusIcon as t } from "../../../icons/icons.js";
+import { IconButton as n } from "../../actions/IconButton/IconButton.js";
+import { markFieldAware as r, useResolvedField as i } from "../internal/FieldContext.js";
+import { Input as a } from "../Input/Input.js";
+import { clamp as o, decimalsOf as s, formatRaw as ee, parseNumber as te, roundTo as c } from "./numberFormat.js";
+import l from "./NumberInput.module.js";
+import { forwardRef as u, useEffect as ne, useId as re, useMemo as ie, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/inputs/NumberInput/NumberInput.tsx
+var h = r(u(function({ value: r, defaultValue: u, onValueChange: h, min: g, max: _, step: v = 1, largeStep: y, stepper: b = !0, decrementLabel: x = "Decrease", incrementLabel: S = "Increase", formatOptions: C, locale: w, clampOnBlur: ae = !0, name: T, form: E, trailing: D, size: oe = "md", id: se, disabled: O, readOnly: k, invalid: ce, "aria-describedby": le, "aria-invalid": ue, onFocus: de, onBlur: fe, onKeyDown: pe, ...me }, he) {
+	let A = i({
+		id: se,
+		disabled: O,
+		readOnly: k
+	}), j = r !== void 0, [M, N] = d(u ?? null), P = j ? r : M, [F, I] = d(!1), [L, R] = d(""), z = C?.style === "percent" ? 100 : 1, B = Math.max(s(v), C?.maximumFractionDigits ?? 0) + (z === 100 ? 2 : 0), V = y ?? v * 10, ge = ie(() => new Intl.NumberFormat(w, C), [w, C]), H = (e) => e == null ? "" : ge.format(e), U = (e) => e == null ? "" : ee(c(e * z, B), w), W = (e) => {
+		let t = te(e, w);
+		return t == null || Number.isNaN(t) || z === 1 ? t : c(t / z, B);
+	};
+	ne(() => {
+		if (!F) return;
+		let e = W(L);
+		e !== P && (e != null || P != null) && R(U(P));
+	}, [P]);
+	let G = (e) => {
+		j || N(e), e !== P && h?.(e);
+	}, K = !A.disabled && !A.readOnly, q = (e) => {
+		if (!K) return;
+		let t = F ? W(L) : P, n = t == null || Number.isNaN(t) ? P : t, r = o(n == null ? 0 : c(n + e, B), g, _);
+		G(r), F && R(U(r));
+	}, J = (e) => {
+		K && e != null && (G(e), F && R(U(e)));
+	}, Y = () => {
+		let e = W(L);
+		if (e != null && Number.isNaN(e)) {
+			R(U(P));
+			return;
+		}
+		let t = e == null ? null : ae ? o(c(e, B), g, _) : c(e, B);
+		G(t), R(U(t));
+	}, _e = (e) => {
+		let t = e.target.value;
+		R(t);
+		let n = W(t);
+		(n == null || !Number.isNaN(n)) && G(n);
+	}, ve = (e) => {
+		I(!0), R(U(P)), de?.(e);
+	}, ye = (e) => {
+		Y(), I(!1), fe?.(e);
+	}, X = (e) => {
+		if (pe?.(e), e.defaultPrevented) return;
+		let t = {
+			ArrowUp: () => {
+				q(v);
+			},
+			ArrowDown: () => {
+				q(-v);
+			},
+			PageUp: () => {
+				q(V);
+			},
+			PageDown: () => {
+				q(-V);
+			},
+			Home: () => {
+				J(g);
+			},
+			End: () => {
+				J(_);
+			},
+			Enter: Y
+		}[e.key];
+		t && (e.key === "Home" && g == null || e.key === "End" && _ == null || (e.key !== "Enter" && e.preventDefault(), t()));
+	}, Z = (e) => {
+		e.preventDefault();
+	}, be = re(), Q = A.id ?? `${be}number`, $ = b ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(n, {
+		className: l.stepper,
+		size: "sm",
+		label: x,
+		icon: /* @__PURE__ */ p(e, {}),
+		tabIndex: -1,
+		"aria-controls": Q,
+		disabled: !K || P != null && g != null && P <= g,
+		onMouseDown: Z,
+		onClick: () => {
+			q(-v);
+		}
+	}), /* @__PURE__ */ p(n, {
+		className: l.stepper,
+		size: "sm",
+		label: S,
+		icon: /* @__PURE__ */ p(t, {}),
+		tabIndex: -1,
+		"aria-controls": Q,
+		disabled: !K || P != null && _ != null && P >= _,
+		onMouseDown: Z,
+		onClick: () => {
+			q(v);
+		}
+	})] }) : null, xe = g == null || g < 0, Se = P == null ? void 0 : H(P);
+	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(a, {
+		ref: he,
+		...me,
+		id: Q,
+		size: oe,
+		numeric: !0,
+		type: "text",
+		role: "spinbutton",
+		inputMode: xe ? "text" : s(v) === 0 && z === 1 ? "numeric" : "decimal",
+		autoComplete: "off",
+		autoCorrect: "off",
+		spellCheck: !1,
+		disabled: O,
+		readOnly: k,
+		invalid: ce,
+		"aria-describedby": le,
+		"aria-invalid": ue,
+		"aria-valuenow": P ?? void 0,
+		"aria-valuemin": g,
+		"aria-valuemax": _,
+		"aria-valuetext": Se,
+		value: F ? L : H(P),
+		onChange: _e,
+		onFocus: ve,
+		onBlur: ye,
+		onKeyDown: X,
+		form: E,
+		trailing: D != null || $ ? /* @__PURE__ */ m(f, { children: [D, $] }) : void 0
+	}), T == null ? null : /* @__PURE__ */ p("input", {
+		type: "hidden",
+		name: T,
+		form: E,
+		value: P == null ? "" : String(P),
+		disabled: A.disabled
+	})] });
+}));
+//#endregion
+export { h as NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/inputs/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["_Fragment","styles","NumberInput_module_default","Fragment$1","NumberInput","markFieldAware","forwardRef","valueProp","idProp","disabledProp","readOnlyProp","describedBy","ariaInvalid","rest","field","useResolvedField","isControlled","internal","setInternal","useState","defaultValue","value","focused","setFocused","draft","setDraft","scale","formatOptions","precision","decimalsOf","step","bigStep","largeStep","formatter","useMemo","locale","display","v","raw","formatRaw","roundTo","parse","n","parseNumber","text","parsed","setValue","next","onValueChange","editable","stepBy","typed","base","clamp","delta","min","max","jumpTo","target","commit","clampOnBlur","handleChange","event","handleFocus","onFocus","handleBlur","onBlur","handleKeyDown","onKeyDown","action","keepFocus","autoId","useId","controlId","buttons","stepper","IconButton","decrementLabel","MinusIcon","incrementLabel","PlusIcon","allowsNegative","valueText","Input","trailing","name"],"sources":["../../../../src/components/inputs/NumberInput/NumberInput.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react'\nimport { MinusIcon, PlusIcon } from '#icons'\nimport { IconButton } from '#components/actions/IconButton'\nimport { Input, type InputProps } from '#components/inputs/Input'\nimport { markFieldAware, useResolvedField } from '#components/inputs/internal/FieldContext'\nimport { clamp, decimalsOf, formatRaw, parseNumber, roundTo } from './numberFormat'\nimport styles from './NumberInput.module.css'\n\nexport interface NumberInputProps extends Omit<\n  InputProps,\n  'type' | 'value' | 'defaultValue' | 'onChange' | 'inputMode' | 'numeric' | 'min' | 'max' | 'step'\n> {\n  /** The number, or `null` when empty. Never `NaN`. */\n  value?: number | null\n  defaultValue?: number | null\n  /** Called while typing (on every text that parses), on stepping, and on commit. `null` when cleared. */\n  onValueChange?: (value: number | null) => void\n  min?: number\n  max?: number\n  /** Arrow-key / button increment. Also sets the rounding precision on commit. Default `1`. */\n  step?: number\n  /** PageUp / PageDown increment. Default `10 × step`. */\n  largeStep?: number\n  /** Show − / + buttons at the end of the box (out of the tab order — the keyboard uses arrows). Default `true`. */\n  stepper?: boolean\n  /** Accessible name of the − button. Default `'Decrease'`. */\n  decrementLabel?: string\n  /** Accessible name of the + button. Default `'Increase'`. */\n  incrementLabel?: string\n  /** How the number reads when the field isn't focused (`{ style: 'percent' }`, `{ maximumFractionDigits: 1 }`). */\n  formatOptions?: Intl.NumberFormatOptions\n  /** Locale for parsing and formatting. Defaults to the browser's. */\n  locale?: string\n  /** Clamp to `min`/`max` when the typed value is committed (blur, Enter). Default `true`. */\n  clampOnBlur?: boolean\n}\n\n/**\n * A number typed as text — a WAI-ARIA spinbutton, never `type=\"number\"`. Formatted in the\n * locale when blurred (\"1,450.5\"), raw while focused (\"1450.5\"), so editing never fights the\n * grouping. ↑/↓ step, PgUp/PgDn step ×10, Home/End jump to `min`/`max`, Enter commits.\n * The ref goes to the text input; `name` is submitted as a plain number (\"1450.5\").\n *\n * <NumberInput min={1} max={12} value={guests} onValueChange={setGuests} />\n */\nexport const NumberInput = markFieldAware(\n  forwardRef<HTMLInputElement, NumberInputProps>(function NumberInput(\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      min,\n      max,\n      step = 1,\n      largeStep,\n      stepper = true,\n      decrementLabel = 'Decrease',\n      incrementLabel = 'Increase',\n      formatOptions,\n      locale,\n      clampOnBlur = true,\n      name,\n      form,\n      trailing,\n      size = 'md',\n      id: idProp,\n      disabled: disabledProp,\n      readOnly: readOnlyProp,\n      invalid,\n      'aria-describedby': describedBy,\n      'aria-invalid': ariaInvalid,\n      onFocus,\n      onBlur,\n      onKeyDown,\n      ...rest\n    },\n    ref,\n  ) {\n    const field = useResolvedField({ id: idProp, disabled: disabledProp, readOnly: readOnlyProp })\n    const isControlled = valueProp !== undefined\n    const [internal, setInternal] = useState<number | null>(defaultValue ?? null)\n    const value = isControlled ? valueProp : internal\n    const [focused, setFocused] = useState(false)\n    const [draft, setDraft] = useState('')\n\n    const scale = formatOptions?.style === 'percent' ? 100 : 1\n    const precision =\n      Math.max(decimalsOf(step), formatOptions?.maximumFractionDigits ?? 0) +\n      (scale === 100 ? 2 : 0)\n    const bigStep = largeStep ?? step * 10\n    const formatter = useMemo(\n      () => new Intl.NumberFormat(locale, formatOptions),\n      [locale, formatOptions],\n    )\n    const display = (v: number | null) => (v == null ? '' : formatter.format(v))\n    const raw = (v: number | null) =>\n      v == null ? '' : formatRaw(roundTo(v * scale, precision), locale)\n    const parse = (text: string): number | null => {\n      const n = parseNumber(text, locale)\n      return n == null || Number.isNaN(n) ? n : scale === 1 ? n : roundTo(n / scale, precision)\n    }\n\n    // An outside change while focused (a form reset, a linked field) replaces the draft.\n    useEffect(() => {\n      if (!focused) return\n      const parsed = parse(draft)\n      if (parsed !== value && !(parsed == null && value == null)) setDraft(raw(value))\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- only react to the value changing\n    }, [value])\n\n    const setValue = (next: number | null) => {\n      if (!isControlled) setInternal(next)\n      if (next !== value) onValueChange?.(next)\n    }\n\n    const editable = !field.disabled && !field.readOnly\n\n    const stepBy = (delta: number) => {\n      if (!editable) return\n      const typed = focused ? parse(draft) : value\n      const base = typed == null || Number.isNaN(typed) ? value : typed\n      const next =\n        base == null ? clamp(0, min, max) : clamp(roundTo(base + delta, precision), min, max)\n      setValue(next)\n      if (focused) setDraft(raw(next))\n    }\n\n    const jumpTo = (target: number | undefined) => {\n      if (!editable || target == null) return\n      setValue(target)\n      if (focused) setDraft(raw(target))\n    }\n\n    const commit = () => {\n      const parsed = parse(draft)\n      if (parsed != null && Number.isNaN(parsed)) {\n        setDraft(raw(value))\n        return\n      }\n      const next =\n        parsed == null\n          ? null\n          : clampOnBlur\n            ? clamp(roundTo(parsed, precision), min, max)\n            : roundTo(parsed, precision)\n      setValue(next)\n      setDraft(raw(next))\n    }\n\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value\n      setDraft(text)\n      const parsed = parse(text)\n      if (parsed == null || !Number.isNaN(parsed)) setValue(parsed)\n    }\n\n    const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true)\n      setDraft(raw(value))\n      onFocus?.(event)\n    }\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      commit()\n      setFocused(false)\n      onBlur?.(event)\n    }\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event)\n      if (event.defaultPrevented) return\n      const actions: Record<string, () => void> = {\n        ArrowUp: () => {\n          stepBy(step)\n        },\n        ArrowDown: () => {\n          stepBy(-step)\n        },\n        PageUp: () => {\n          stepBy(bigStep)\n        },\n        PageDown: () => {\n          stepBy(-bigStep)\n        },\n        Home: () => {\n          jumpTo(min)\n        },\n        End: () => {\n          jumpTo(max)\n        },\n        Enter: commit,\n      }\n      const action = actions[event.key]\n      if (!action) return\n      if ((event.key === 'Home' && min == null) || (event.key === 'End' && max == null)) return\n      if (event.key !== 'Enter') event.preventDefault()\n      action()\n    }\n\n    // Keep focus where it is when a stepper button is pressed.\n    const keepFocus = (event: MouseEvent) => {\n      event.preventDefault()\n    }\n    // The stepper buttons point at the input, so it always has an id (the Field's when inside one).\n    const autoId = useId()\n    const controlId = field.id ?? `${autoId}number`\n\n    const buttons = stepper ? (\n      <>\n        <IconButton\n          className={styles.stepper}\n          size=\"sm\"\n          label={decrementLabel}\n          icon={<MinusIcon />}\n          tabIndex={-1}\n          aria-controls={controlId}\n          disabled={!editable || (value != null && min != null && value <= min)}\n          onMouseDown={keepFocus}\n          onClick={() => {\n            stepBy(-step)\n          }}\n        />\n        <IconButton\n          className={styles.stepper}\n          size=\"sm\"\n          label={incrementLabel}\n          icon={<PlusIcon />}\n          tabIndex={-1}\n          aria-controls={controlId}\n          disabled={!editable || (value != null && max != null && value >= max)}\n          onMouseDown={keepFocus}\n          onClick={() => {\n            stepBy(step)\n          }}\n        />\n      </>\n    ) : null\n\n    const allowsNegative = min == null || min < 0\n    const valueText = value == null ? undefined : display(value)\n\n    return (\n      <>\n        <Input\n          ref={ref}\n          {...rest}\n          id={controlId}\n          size={size}\n          numeric\n          type=\"text\"\n          role=\"spinbutton\"\n          inputMode={\n            allowsNegative ? 'text' : decimalsOf(step) === 0 && scale === 1 ? 'numeric' : 'decimal'\n          }\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck={false}\n          disabled={disabledProp}\n          readOnly={readOnlyProp}\n          invalid={invalid}\n          aria-describedby={describedBy}\n          aria-invalid={ariaInvalid}\n          aria-valuenow={value ?? undefined}\n          aria-valuemin={min}\n          aria-valuemax={max}\n          aria-valuetext={valueText}\n          value={focused ? draft : display(value)}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          form={form}\n          trailing={\n            trailing != null || buttons ? (\n              <>\n                {trailing}\n                {buttons}\n              </>\n            ) : undefined\n          }\n        />\n        {/* Disabled like the control it stands for: a disabled control submits nothing. */}\n        {name != null ? (\n          <input\n            type=\"hidden\"\n            name={name}\n            form={form}\n            value={value == null ? '' : String(value)}\n            disabled={field.disabled}\n          />\n        ) : null}\n      </>\n    )\n  }),\n)\n"],"mappings":"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"}

package/dist/components/inputs/NumberInput/NumberInput.module.js

@@ -0,0 +1,6 @@
+//#region src/components/inputs/NumberInput/NumberInput.module.css
+var e = "kiln-NumberInput__stepper", t = { stepper: e };
+//#endregion
+export { t as default, e as stepper };
+
+//# sourceMappingURL=NumberInput.module.js.map

package/dist/components/inputs/NumberInput/NumberInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.module.js","names":["stepper","NumberInput_module_default"],"sources":["../../../../src/components/inputs/NumberInput/NumberInput.module.css"],"sourcesContent":["/*\n * The box, text and adornments are Input's; this only seats the − / + IconButtons\n * inside it. They are Button's own size `sm`, so they overhang the box's padding a\n * little rather than growing a `sm` box — pulled in on the block axis and toward the\n * end edge so the pair sits flush like one control.\n */\n.stepper {\n  margin-block: calc(var(--space-1) * -1);\n}\n.stepper:last-child {\n  margin-inline-end: calc(var(--space-2) * -1);\n}\n"],"mappings":""}

package/dist/components/inputs/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from './NumberInput.js';
+export type { NumberInputProps } from './NumberInput.js';

package/dist/components/inputs/NumberInput/numberFormat.d.ts

@@ -0,0 +1,24 @@
+export interface LocaleSymbols {
+    group: string;
+    decimal: string;
+}
+/** The group and decimal separators a locale uses, learnt from `formatToParts(1111.1)`. */
+export declare function localeSymbols(locale: string | undefined): LocaleSymbols;
+/**
+ * Normalise typed text to a plain `-123.45` string, or `null` if it isn't a number yet
+ * (`''` for empty). Group separators are dropped; the locale's decimal becomes `.`.
+ * Anything else that isn't a digit (a currency sign, `%`) is ignored.
+ */
+export declare function normaliseNumberText(text: string, locale: string | undefined): string | null;
+/**
+ * Parse typed text into a number. `null` = empty, `NaN` = not a number (yet) — callers
+ * never emit `NaN`.
+ */
+export declare function parseNumber(text: string, locale: string | undefined): number | null;
+/** How many decimals a step has: 1 → 0, 0.25 → 2, 1e-3 → 3. */
+export declare function decimalsOf(n: number): number;
+/** Round to `decimals` places without the 1.005 → 1.00 float trap. */
+export declare function roundTo(value: number, decimals: number): number;
+export declare function clamp(value: number, min: number | undefined, max: number | undefined): number;
+/** Text for editing: the locale's decimal, no grouping, no symbols. */
+export declare function formatRaw(value: number | null, locale: string | undefined, fractionDigits?: number): string;

package/dist/components/inputs/NumberInput/numberFormat.js

@@ -0,0 +1,48 @@
+//#region src/components/inputs/NumberInput/numberFormat.ts
+var e = /* @__PURE__ */ new Map();
+function t(t) {
+	let n = t ?? "", r = e.get(n);
+	if (r) return r;
+	let i = new Intl.NumberFormat(t).formatToParts(1111.1), a = {
+		group: i.find((e) => e.type === "group")?.value ?? ",",
+		decimal: i.find((e) => e.type === "decimal")?.value ?? "."
+	};
+	return e.set(n, a), a;
+}
+var n = /[\s\u00a0\u202f\u2009]/g, r = /[\u2212\u2012\u2013\ufe63\uff0d]/g;
+function i(e, i) {
+	let { group: a, decimal: o } = t(i), s = e.replace(r, "-");
+	s = a.replace(n, "") === "" ? s.replace(n, "") : s.split(a).join("").replace(n, ""), o !== "." && (s = s.split(o).join("."));
+	let c = s.startsWith("-") || s.startsWith("(") && s.endsWith(")");
+	return s = s.replace(/[^\d.]/g, ""), s === "" ? c ? null : "" : (s.match(/\./g) ?? []).length > 1 || !/\d/.test(s) ? null : c ? `-${s}` : s;
+}
+function a(e, t) {
+	let n = i(e, t);
+	if (n === "") return null;
+	if (n === null) return NaN;
+	let r = Number(n);
+	return Number.isFinite(r) ? r : NaN;
+}
+function o(e) {
+	if (!Number.isFinite(e) || Number.isInteger(e)) return 0;
+	let t = e.toString(), n = /e-(\d+)$/.exec(t);
+	return n?.[1] ? Number(n[1]) + (t.split("e")[0]?.split(".")[1]?.length ?? 0) : t.split(".")[1]?.length ?? 0;
+}
+function s(e, t) {
+	return t <= 0 ? Math.round(e) : Number(`${String(Math.round(Number(`${String(e)}e${String(t)}`)))}e-${String(t)}`);
+}
+function c(e, t, n) {
+	let r = e;
+	return n != null && r > n && (r = n), t != null && r < t && (r = t), r;
+}
+function l(e, t, n) {
+	return e == null || Number.isNaN(e) ? "" : new Intl.NumberFormat(t, {
+		useGrouping: !1,
+		minimumFractionDigits: n ?? 0,
+		maximumFractionDigits: n ?? 20
+	}).format(e);
+}
+//#endregion
+export { c as clamp, o as decimalsOf, l as formatRaw, t as localeSymbols, i as normaliseNumberText, a as parseNumber, s as roundTo };
+
+//# sourceMappingURL=numberFormat.js.map

package/dist/components/inputs/NumberInput/numberFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberFormat.js","names":["symbolCache","localeSymbols","key","locale","cached","parts","symbols","p","SPACES","MINUS","normaliseNumberText","text","group","decimal","negative","parseNumber","normalised","value","decimalsOf","n","exp","roundTo","decimals","clamp","v","max","min","formatRaw","fractionDigits"],"sources":["../../../../src/components/inputs/NumberInput/numberFormat.ts"],"sourcesContent":["/*\n * Locale-aware number text <-> value helpers shared by NumberInput and AmountInput.\n * Internal to the forms group — not exported from the package.\n */\n\nexport interface LocaleSymbols {\n  group: string\n  decimal: string\n}\n\nconst symbolCache = new Map<string, LocaleSymbols>()\n\n/** The group and decimal separators a locale uses, learnt from `formatToParts(1111.1)`. */\nexport function localeSymbols(locale: string | undefined): LocaleSymbols {\n  const key = locale ?? ''\n  const cached = symbolCache.get(key)\n  if (cached) return cached\n  const parts = new Intl.NumberFormat(locale).formatToParts(1111.1)\n  const symbols = {\n    group: parts.find((p) => p.type === 'group')?.value ?? ',',\n    decimal: parts.find((p) => p.type === 'decimal')?.value ?? '.',\n  }\n  symbolCache.set(key, symbols)\n  return symbols\n}\n\n// Any space, incl. no-break (U+00A0), narrow no-break (U+202F) and thin (U+2009) spaces.\nconst SPACES = /[\\s\\u00a0\\u202f\\u2009]/g\n// Minus sign, figure dash, en dash, small and full-width hyphen-minus.\nconst MINUS = /[\\u2212\\u2012\\u2013\\ufe63\\uff0d]/g\n\n/**\n * Normalise typed text to a plain `-123.45` string, or `null` if it isn't a number yet\n * (`''` for empty). Group separators are dropped; the locale's decimal becomes `.`.\n * Anything else that isn't a digit (a currency sign, `%`) is ignored.\n */\nexport function normaliseNumberText(text: string, locale: string | undefined): string | null {\n  const { group, decimal } = localeSymbols(locale)\n  let s = text.replace(MINUS, '-')\n  // Spacey group separators (fr-FR, sv-SE) arrive as any kind of space.\n  if (group.replace(SPACES, '') === '') s = s.replace(SPACES, '')\n  else s = s.split(group).join('').replace(SPACES, '')\n  if (decimal !== '.') s = s.split(decimal).join('.')\n  const negative = s.startsWith('-') || (s.startsWith('(') && s.endsWith(')'))\n  s = s.replace(/[^\\d.]/g, '')\n  if (s === '') return negative ? null : ''\n  if ((s.match(/\\./g) ?? []).length > 1) return null\n  if (!/\\d/.test(s)) return null\n  return negative ? `-${s}` : s\n}\n\n/**\n * Parse typed text into a number. `null` = empty, `NaN` = not a number (yet) — callers\n * never emit `NaN`.\n */\nexport function parseNumber(text: string, locale: string | undefined): number | null {\n  const normalised = normaliseNumberText(text, locale)\n  if (normalised === '') return null\n  if (normalised === null) return Number.NaN\n  const value = Number(normalised)\n  return Number.isFinite(value) ? value : Number.NaN\n}\n\n/** How many decimals a step has: 1 → 0, 0.25 → 2, 1e-3 → 3. */\nexport function decimalsOf(n: number): number {\n  if (!Number.isFinite(n) || Number.isInteger(n)) return 0\n  const text = n.toString()\n  const exp = /e-(\\d+)$/.exec(text)\n  if (exp?.[1]) return Number(exp[1]) + (text.split('e')[0]?.split('.')[1]?.length ?? 0)\n  return text.split('.')[1]?.length ?? 0\n}\n\n/** Round to `decimals` places without the 1.005 → 1.00 float trap. */\nexport function roundTo(value: number, decimals: number): number {\n  if (decimals <= 0) return Math.round(value)\n  return Number(\n    `${String(Math.round(Number(`${String(value)}e${String(decimals)}`)))}e-${String(decimals)}`,\n  )\n}\n\nexport function clamp(value: number, min: number | undefined, max: number | undefined): number {\n  let v = value\n  if (max != null && v > max) v = max\n  if (min != null && v < min) v = min\n  return v\n}\n\n/** Text for editing: the locale's decimal, no grouping, no symbols. */\nexport function formatRaw(\n  value: number | null,\n  locale: string | undefined,\n  fractionDigits?: number,\n): string {\n  if (value == null || Number.isNaN(value)) return ''\n  return new Intl.NumberFormat(locale, {\n    useGrouping: false,\n    minimumFractionDigits: fractionDigits ?? 0,\n    maximumFractionDigits: fractionDigits ?? 20,\n  }).format(value)\n}\n"],"mappings":";AAUA,IAAMA,oBAAc,IAAI,IAA2B;AAGnD,SAAgBC,EAAc,GAA2C;CACvE,IAAMC,IAAMC,KAAU,IAChBC,IAASJ,EAAY,IAAIE,CAAG;CAClC,IAAIE,GAAQ,OAAOA;CACnB,IAAMC,IAAQ,IAAI,KAAK,aAAaF,CAAM,CAAC,CAAC,cAAc,MAAM,GAC1DG,IAAU;EACd,OAAOD,EAAM,MAAM,MAAME,EAAE,SAAS,OAAO,CAAC,EAAE,SAAS;EACvD,SAASF,EAAM,MAAM,MAAME,EAAE,SAAS,SAAS,CAAC,EAAE,SAAS;CAC7D;CAEA,OADAP,EAAY,IAAIE,GAAKI,CAAO,GACrBA;AACT;AAGA,IAAME,IAAS,2BAETC,IAAQ;AAOd,SAAgBC,EAAoB,GAAc,GAA2C;CAC3F,IAAM,EAAE,UAAO,eAAYT,EAAcE,CAAM,GAC3C,IAAIQ,EAAK,QAAQF,GAAO,GAAG;CAI/B,AAFA,AACK,IADDG,EAAM,QAAQJ,GAAQ,EAAE,MAAM,KAAQ,EAAE,QAAQA,GAAQ,EAAE,IACrD,EAAE,MAAMI,CAAK,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQJ,GAAQ,EAAE,GAC/CK,MAAY,QAAK,IAAI,EAAE,MAAMA,CAAO,CAAC,CAAC,KAAK,GAAG;CAClD,IAAMC,IAAW,EAAE,WAAW,GAAG,KAAM,EAAE,WAAW,GAAG,KAAK,EAAE,SAAS,GAAG;CAK1E,OAJA,IAAI,EAAE,QAAQ,WAAW,EAAE,GACvB,MAAM,KAAWA,IAAW,OAAO,MAClC,EAAE,MAAM,KAAK,KAAK,CAAC,EAAA,CAAG,SAAS,KAChC,CAAC,KAAK,KAAK,CAAC,IAAU,OACnBA,IAAW,IAAI,MAAM;AAC9B;AAMA,SAAgBC,EAAY,GAAc,GAA2C;CACnF,IAAMC,IAAaN,EAAoBC,GAAMR,CAAM;CACnD,IAAIa,MAAe,IAAI,OAAO;CAC9B,IAAIA,MAAe,MAAM,OAAO;CAChC,IAAMC,IAAQ,OAAOD,CAAU;CAC/B,OAAO,OAAO,SAASC,CAAK,IAAIA,IAAQ;AAC1C;AAGA,SAAgBC,EAAW,GAAmB;CAC5C,IAAI,CAAC,OAAO,SAASC,CAAC,KAAK,OAAO,UAAUA,CAAC,GAAG,OAAO;CACvD,IAAMR,IAAOQ,EAAE,SAAS,GAClBC,IAAM,WAAW,KAAKT,CAAI;CAEhC,OADIS,IAAM,KAAW,OAAOA,EAAI,EAAE,KAAKT,EAAK,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,UAAU,KAC7EA,EAAK,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE,UAAU;AACvC;AAGA,SAAgBU,EAAQ,GAAe,GAA0B;CAE/D,OADIC,KAAY,IAAU,KAAK,MAAML,CAAK,IACnC,OACL,GAAG,OAAO,KAAK,MAAM,OAAO,GAAG,OAAOA,CAAK,EAAE,GAAG,OAAOK,CAAQ,GAAG,CAAC,CAAC,EAAE,IAAI,OAAOA,CAAQ,GAC3F;AACF;AAEA,SAAgBC,EAAM,GAAe,GAAyB,GAAiC;CAC7F,IAAIC,IAAIP;CAGR,OAFIQ,KAAO,QAAQD,IAAIC,MAAK,IAAIA,IAC5BC,KAAO,QAAQF,IAAIE,MAAK,IAAIA,IACzBF;AACT;AAGA,SAAgBG,EACd,GACA,GACA,GACQ;CAER,OADIV,KAAS,QAAQ,OAAO,MAAMA,CAAK,IAAU,KAC1C,IAAI,KAAK,aAAad,GAAQ;EACnC,aAAa;EACb,uBAAuByB,KAAkB;EACzC,uBAAuBA,KAAkB;CAC3C,CAAC,CAAC,CAAC,OAAOX,CAAK;AACjB"}

package/dist/components/inputs/OneTimeCodeField/OneTimeCodeField.d.ts

@@ -0,0 +1,12 @@
+import { type FieldLabelProps } from '../Field/index.js';
+import { type OneTimeCodeInputProps } from '../OneTimeCodeInput/index.js';
+export interface OneTimeCodeFieldProps extends FieldLabelProps, Omit<OneTimeCodeInputProps, 'invalid' | keyof FieldLabelProps> {
+}
+/**
+ * Label + OneTimeCodeInput + description + error. The label names the group of cells
+ * (and clicking it focuses the first); `className`/`style` go to the wrapper, the ref to
+ * the group.
+ *
+ * <OneTimeCodeField label="Verification code" description="Sent to 0412 345 678" onComplete={verify} />
+ */
+export declare const OneTimeCodeField: import("react").ForwardRefExoticComponent<OneTimeCodeFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/inputs/OneTimeCodeField/OneTimeCodeField.js

@@ -0,0 +1,26 @@
+import { Field as e } from "../Field/Field.js";
+import { splitFieldLabelProps as t } from "../internal/fieldProps.js";
+import { OneTimeCodeInput as n } from "../OneTimeCodeInput/OneTimeCodeInput.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/inputs/OneTimeCodeField/OneTimeCodeField.tsx
+var a = r(function(r, a) {
+	let [o, s] = t(r), { id: c, disabled: l, className: u, style: d, ...f } = s;
+	return /* @__PURE__ */ i(e, {
+		...o,
+		htmlFor: c,
+		disabled: l,
+		className: u,
+		style: d,
+		children: /* @__PURE__ */ i(n, {
+			ref: a,
+			id: c,
+			disabled: l,
+			...f
+		})
+	});
+});
+//#endregion
+export { a as OneTimeCodeField };
+
+//# sourceMappingURL=OneTimeCodeField.js.map

package/dist/components/inputs/OneTimeCodeField/OneTimeCodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneTimeCodeField.js","names":["OneTimeCodeField","forwardRef","fieldProps","rest","splitFieldLabelProps","props","inputRest","Field","id","OneTimeCodeInput"],"sources":["../../../../src/components/inputs/OneTimeCodeField/OneTimeCodeField.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Field, type FieldLabelProps } from '#components/inputs/Field'\nimport { OneTimeCodeInput, type OneTimeCodeInputProps } from '#components/inputs/OneTimeCodeInput'\nimport { splitFieldLabelProps } from '#components/inputs/internal/fieldProps'\n\nexport interface OneTimeCodeFieldProps\n  extends FieldLabelProps, Omit<OneTimeCodeInputProps, 'invalid' | keyof FieldLabelProps> {}\n\n/**\n * Label + OneTimeCodeInput + description + error. The label names the group of cells\n * (and clicking it focuses the first); `className`/`style` go to the wrapper, the ref to\n * the group.\n *\n * <OneTimeCodeField label=\"Verification code\" description=\"Sent to 0412 345 678\" onComplete={verify} />\n */\nexport const OneTimeCodeField = forwardRef<HTMLDivElement, OneTimeCodeFieldProps>(\n  function OneTimeCodeField(props, ref) {\n    const [fieldProps, rest] = splitFieldLabelProps(props)\n    const { id, disabled, className, style, ...inputRest } = rest\n    return (\n      <Field {...fieldProps} htmlFor={id} disabled={disabled} className={className} style={style}>\n        <OneTimeCodeInput ref={ref} id={id} disabled={disabled} {...inputRest} />\n      </Field>\n    )\n  },\n)\n"],"mappings":";;;;;;AAeA,IAAaA,IAAmBC,EAC9B,SAA0B,GAAO,GAAK;CACpC,IAAM,CAACC,GAAYC,KAAQC,EAAqBC,CAAK,GAC/C,EAAE,OAAI,aAAU,cAAW,UAAO,GAAGC,MAAcH;CACzD,OACE,kBAACI,GAAD;EAAO,GAAIL;EAAY,SAASM;EAAc;EAAqB;EAAkB;EACnF,UAAA,kBAACC,GAAD;GAAuB;GAAS;GAAc;GAAU,GAAIH;EAAY,CAAA;CACnE,CAAA;AAEX,CACF"}

package/dist/components/inputs/OneTimeCodeField/index.d.ts

@@ -0,0 +1,2 @@
+export { OneTimeCodeField } from './OneTimeCodeField.js';
+export type { OneTimeCodeFieldProps } from './OneTimeCodeField.js';

package/dist/components/inputs/OneTimeCodeInput/OneTimeCodeInput.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes } from 'react';
+import type { Size } from '../../../utils/tokens.js';
+export type OneTimeCodeValidation = 'numeric' | 'alpha' | 'alphanumeric';
+export interface OneTimeCodeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'dir'> {
+    /** Reading direction of the cells (arrow keys follow it). Inherits by default. */
+    dir?: 'ltr' | 'rtl';
+    /** Number of characters. Default `6`. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called once every cell is filled — verify here, or submit. */
+    onComplete?: (value: string) => void;
+    /** Which characters a cell accepts; anything else is ignored (typing and paste). Default `numeric`. */
+    validationType?: OneTimeCodeValidation;
+    /** Show dots instead of characters. */
+    masked?: boolean;
+    /** Submitted as one value from a hidden input. */
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    size?: Size;
+    /** Critical borders + `aria-invalid`. Inside a `<Field error>` this is set for you. */
+    invalid?: boolean;
+}
+/**
+ * A one-time code as a row of single-character cells (Radix OneTimePasswordField): typing
+ * advances, Backspace goes back, a pasted or autofilled code fills every cell, and
+ * `autoComplete="one-time-code"` lets phones offer the code from a text message. Cells
+ * are a `group` labelled by the surrounding Field. The ref goes to the group.
+ *
+ * <OneTimeCodeInput length={6} onComplete={verify} />
+ */
+export declare const OneTimeCodeInput: import("react").ForwardRefExoticComponent<OneTimeCodeInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/inputs/OneTimeCodeInput/OneTimeCodeInput.js

@@ -0,0 +1,56 @@
+import { cx as e } from "../../../utils/cx.js";
+import { markFieldAware as t, useResolvedField as n } from "../internal/FieldContext.js";
+import r from "./OneTimeCodeInput.module.js";
+import { forwardRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { unstable_OneTimePasswordField as c } from "radix-ui";
+//#region src/components/inputs/OneTimeCodeInput/OneTimeCodeInput.tsx
+var l = t(i(function({ length: t = 6, value: i, defaultValue: l, onValueChange: u, onComplete: d, validationType: f = "numeric", masked: p = !1, name: m, disabled: h, readOnly: g, autoFocus: _, size: v = "md", invalid: y, id: b, className: x, onBlur: S, "aria-describedby": C, "aria-invalid": w, "aria-labelledby": T, ...E }, D) {
+	let O = n({
+		id: b,
+		describedBy: C,
+		invalid: y,
+		ariaInvalid: w,
+		disabled: h,
+		readOnly: g
+	}), [k, A] = a(l ?? ""), j = i ?? k, M = (e) => {
+		O.readOnly || (i === void 0 && A(e), u?.(e), e.length === t && d?.(e));
+	}, N = (e) => {
+		e.relatedTarget instanceof Node && e.currentTarget.contains(e.relatedTarget) || S?.(e);
+	}, P = f === "numeric" ? "Digit" : "Character", F = t >= 6 && t % 2 == 0 ? t / 2 : -1;
+	return /* @__PURE__ */ s(c.Root, {
+		ref: D,
+		...E,
+		className: e(r.root, x),
+		"data-size": v,
+		"data-invalid": O.invalid || void 0,
+		"data-disabled": O.disabled || void 0,
+		"data-readonly": O.readOnly || void 0,
+		value: j.slice(0, t),
+		onValueChange: M,
+		validationType: f,
+		type: p ? "password" : "text",
+		autoComplete: "one-time-code",
+		autoFocus: _,
+		disabled: O.disabled,
+		readOnly: O.readOnly,
+		name: m,
+		"aria-labelledby": T ?? O.labelId,
+		"aria-describedby": O.describedBy,
+		"aria-busy": O.busy || void 0,
+		onBlur: N,
+		children: [Array.from({ length: t }, (e, n) => /* @__PURE__ */ o(c.Input, {
+			index: n,
+			id: n === 0 ? O.id : void 0,
+			className: r.cell,
+			"data-group-start": n === F || void 0,
+			"aria-label": `${P} ${String(n + 1)} of ${String(t)}`,
+			"aria-invalid": O.invalid || void 0,
+			"aria-required": O.required || void 0
+		}, n)), O.disabled ? null : /* @__PURE__ */ o(c.HiddenInput, {})]
+	});
+}));
+//#endregion
+export { l as OneTimeCodeInput };
+
+//# sourceMappingURL=OneTimeCodeInput.js.map

package/dist/components/inputs/OneTimeCodeInput/OneTimeCodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneTimeCodeInput.js","names":["OTP","styles","OneTimeCodeInput_module_default","OneTimeCodeInput","markFieldAware","forwardRef","valueProp","disabledProp","readOnlyProp","invalidProp","idProp","describedByProp","ariaInvalid","labelledByProp","rest","field","useResolvedField","internal","setInternal","useState","defaultValue","value","handleValueChange","next","onValueChange","length","onComplete","handleBlur","event","onBlur","noun","validationType","splitAt","unstable_OneTimePasswordField","cx","className","size","masked","index"],"sources":["../../../../src/components/inputs/OneTimeCodeInput/OneTimeCodeInput.tsx"],"sourcesContent":["import { forwardRef, useState, type FocusEvent, type HTMLAttributes } from 'react'\nimport { unstable_OneTimePasswordField as OTP } from 'radix-ui'\nimport { cx } from '#utils/cx'\nimport type { Size } from '#utils/tokens'\nimport { markFieldAware, useResolvedField } from '#components/inputs/internal/FieldContext'\nimport styles from './OneTimeCodeInput.module.css'\n\nexport type OneTimeCodeValidation = 'numeric' | 'alpha' | 'alphanumeric'\n\nexport interface OneTimeCodeInputProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'onChange' | 'defaultValue' | 'dir'\n> {\n  /** Reading direction of the cells (arrow keys follow it). Inherits by default. */\n  dir?: 'ltr' | 'rtl'\n  /** Number of characters. Default `6`. */\n  length?: number\n  value?: string\n  defaultValue?: string\n  onValueChange?: (value: string) => void\n  /** Called once every cell is filled — verify here, or submit. */\n  onComplete?: (value: string) => void\n  /** Which characters a cell accepts; anything else is ignored (typing and paste). Default `numeric`. */\n  validationType?: OneTimeCodeValidation\n  /** Show dots instead of characters. */\n  masked?: boolean\n  /** Submitted as one value from a hidden input. */\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoFocus?: boolean\n  size?: Size\n  /** Critical borders + `aria-invalid`. Inside a `<Field error>` this is set for you. */\n  invalid?: boolean\n}\n\n/**\n * A one-time code as a row of single-character cells (Radix OneTimePasswordField): typing\n * advances, Backspace goes back, a pasted or autofilled code fills every cell, and\n * `autoComplete=\"one-time-code\"` lets phones offer the code from a text message. Cells\n * are a `group` labelled by the surrounding Field. The ref goes to the group.\n *\n * <OneTimeCodeInput length={6} onComplete={verify} />\n */\nexport const OneTimeCodeInput = markFieldAware(\n  forwardRef<HTMLDivElement, OneTimeCodeInputProps>(function OneTimeCodeInput(\n    {\n      length = 6,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      onComplete,\n      validationType = 'numeric',\n      masked = false,\n      name,\n      disabled: disabledProp,\n      readOnly: readOnlyProp,\n      autoFocus,\n      size = 'md',\n      invalid: invalidProp,\n      id: idProp,\n      className,\n      onBlur,\n      'aria-describedby': describedByProp,\n      'aria-invalid': ariaInvalid,\n      'aria-labelledby': labelledByProp,\n      ...rest\n    },\n    ref,\n  ) {\n    const field = useResolvedField({\n      id: idProp,\n      describedBy: describedByProp,\n      invalid: invalidProp,\n      ariaInvalid,\n      disabled: disabledProp,\n      readOnly: readOnlyProp,\n    })\n    const [internal, setInternal] = useState(defaultValue ?? '')\n    const value = valueProp ?? internal\n\n    const handleValueChange = (next: string) => {\n      if (field.readOnly) return\n      if (valueProp === undefined) setInternal(next)\n      onValueChange?.(next)\n      if (next.length === length) onComplete?.(next)\n    }\n\n    // Moving between cells isn't a blur; leaving the whole group is.\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n      if (event.relatedTarget instanceof Node && event.currentTarget.contains(event.relatedTarget))\n        return\n      onBlur?.(event)\n    }\n\n    const noun = validationType === 'numeric' ? 'Digit' : 'Character'\n    const splitAt = length >= 6 && length % 2 === 0 ? length / 2 : -1\n\n    return (\n      <OTP.Root\n        ref={ref}\n        {...rest}\n        className={cx(styles.root, className)}\n        data-size={size}\n        data-invalid={field.invalid || undefined}\n        data-disabled={field.disabled || undefined}\n        data-readonly={field.readOnly || undefined}\n        value={value.slice(0, length)}\n        onValueChange={handleValueChange}\n        validationType={validationType}\n        type={masked ? 'password' : 'text'}\n        autoComplete=\"one-time-code\"\n        // Only when the consumer asks for it, e.g. a code screen with nothing else to do.\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        disabled={field.disabled}\n        readOnly={field.readOnly}\n        name={name}\n        aria-labelledby={labelledByProp ?? field.labelId}\n        aria-describedby={field.describedBy}\n        aria-busy={field.busy || undefined}\n        onBlur={handleBlur}\n      >\n        {Array.from({ length }, (_, index) => (\n          <OTP.Input\n            key={index}\n            index={index}\n            id={index === 0 ? field.id : undefined}\n            className={styles.cell}\n            data-group-start={index === splitAt || undefined}\n            aria-label={`${noun} ${String(index + 1)} of ${String(length)}`}\n            aria-invalid={field.invalid || undefined}\n            aria-required={field.required || undefined}\n          />\n        ))}\n        {/* Radix's hidden input can't be disabled (its props omit `disabled`), so it isn't\n          rendered at all while disabled: a disabled control must submit nothing. */}\n        {field.disabled ? null : <OTP.HiddenInput />}\n      </OTP.Root>\n    )\n  }),\n)\n"],"mappings":";;;;;;;AA4CA,IAAaG,IAAmBC,EAC9BC,EAAkD,SAChD,EACE,YAAS,GACT,OAAOC,GACP,iBACA,kBACA,eACA,oBAAiB,WACjB,YAAS,IACT,SACA,UAAUC,GACV,UAAUC,GACV,cACA,UAAO,MACP,SAASC,GACT,IAAIC,GACJ,cACA,WACA,oBAAoBC,GACpB,gBAAgBC,GAChB,mBAAmBC,GACnB,GAAGC,KAEL,GACA;CACA,IAAMC,IAAQC,EAAiB;EAC7B,IAAIN;EACJ,aAAaC;EACb,SAASF;EACT;EACA,UAAUF;EACV,UAAUC;CACZ,CAAC,GACK,CAACS,GAAUC,KAAeC,EAASC,KAAgB,EAAE,GACrDC,IAAQf,KAAaW,GAErBK,KAAqB,MAAiB;EAC1C,AAAIP,EAAM,aACNT,MAAc,KAAA,KAAWY,EAAYK,CAAI,GAC7CC,IAAgBD,CAAI,GAChBA,EAAK,WAAWE,KAAQC,IAAaH,CAAI;CAC/C,GAGMI,KAAc,MAAsC;EACxD,AAAIC,EAAM,yBAAyB,QAAQA,EAAM,cAAc,SAASA,EAAM,aAAa,KAE3FC,IAASD,CAAK;CAChB,GAEME,IAAOC,MAAmB,YAAY,UAAU,aAChDC,IAAUP,KAAU,KAAKA,IAAS,KAAM,IAAIA,IAAS,IAAI;CAE/D,OACE,kBAACzB,EAAI,MAAL;EACO;EACL,GAAIc;EACJ,WAAWoB,EAAGjC,EAAO,MAAMkC,CAAS;EACpC,aAAWC;EACX,gBAAcrB,EAAM,WAAW,KAAA;EAC/B,iBAAeA,EAAM,YAAY,KAAA;EACjC,iBAAeA,EAAM,YAAY,KAAA;EACjC,OAAOM,EAAM,MAAM,GAAGI,CAAM;EAC5B,eAAeH;EACC;EAChB,MAAMe,IAAS,aAAa;EAC5B,cAAa;EAGF;EACX,UAAUtB,EAAM;EAChB,UAAUA,EAAM;EACV;EACN,mBAAiBF,KAAkBE,EAAM;EACzC,oBAAkBA,EAAM;EACxB,aAAWA,EAAM,QAAQ,KAAA;EACzB,QAAQY;EAtBV,UAAA,CAwBG,MAAM,KAAK,EAAE,UAAO,IAAI,GAAG,MAC1B,kBAAC3B,EAAI,OAAL;GAES;GACP,IAAIsC,MAAU,IAAIvB,EAAM,KAAK,KAAA;GAC7B,WAAWd,EAAO;GAClB,oBAAkBqC,MAAUN,KAAW,KAAA;GACvC,cAAY,GAAGF,EAAK,GAAG,OAAOQ,IAAQ,CAAC,EAAE,MAAM,OAAOb,CAAM;GAC5D,gBAAcV,EAAM,WAAW,KAAA;GAC/B,iBAAeA,EAAM,YAAY,KAAA;EAClC,GARMuB,CAQN,CACF,GAGAvB,EAAM,WAAW,OAAO,kBAACf,EAAI,aAAL,CAAkB,CAAA,CACnC;;AAEd,CAAC,CACH"}

package/dist/components/inputs/OneTimeCodeInput/OneTimeCodeInput.module.js

@@ -0,0 +1,9 @@
+//#region src/components/inputs/OneTimeCodeInput/OneTimeCodeInput.module.css
+var e = "kiln-OneTimeCodeInput__root", t = "kiln-OneTimeCodeInput__cell", n = {
+	root: e,
+	cell: t
+};
+//#endregion
+export { t as cell, n as default, e as root };
+
+//# sourceMappingURL=OneTimeCodeInput.module.js.map

package/dist/components/inputs/OneTimeCodeInput/OneTimeCodeInput.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneTimeCodeInput.module.js","names":["root","cell","OneTimeCodeInput_module_default"],"sources":["../../../../src/components/inputs/OneTimeCodeInput/OneTimeCodeInput.module.css"],"sourcesContent":["/*\n * A row of square cells that share the field box's edge, radius and states, so a code\n * reads as the same material as every other input. Six-plus even-length codes split in\n * half with a wider gap (\"123 456\"), the way they're printed in the message.\n *\n * Component tokens (shared with the field box — see inputs/internal/control.module.css):\n *   --field-bg       default var(--color-surface)\n *   --field-border   default var(--color-line-control)\n *   --field-radius   default var(--radius-field)\n *   --field-shadow   default none\n *   --otp-gap        default var(--space-2) — between cells\n */\n.root {\n  --_cell: var(--control-md);\n  --_fs: var(--text-lg);\n\n  display: inline-flex;\n  flex-wrap: nowrap;\n  gap: var(--otp-gap, var(--space-2));\n  max-inline-size: 100%;\n}\n.root[data-size='sm'] {\n  --_cell: var(--control-sm);\n  --_fs: var(--text-md);\n}\n.root[data-size='lg'] {\n  --_cell: var(--control-lg);\n  --_fs: var(--text-xl);\n}\n\n.cell {\n  --_border: var(--field-border, var(--color-line-control));\n\n  box-sizing: border-box;\n  flex: 0 1 var(--_cell);\n  min-inline-size: 0;\n  inline-size: var(--_cell);\n  block-size: calc(var(--_cell) * 1.15);\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--_border);\n  border-radius: var(--field-radius, var(--radius-field));\n  background-color: var(--field-bg, var(--color-surface));\n  box-shadow: var(--field-shadow, none);\n  color: var(--color-ink);\n  caret-color: var(--color-ink);\n  font-family: var(--font-numeric);\n  font-size: var(--_fs);\n  font-stretch: var(--numeric-stretch);\n  font-variant-numeric: tabular-nums lining-nums;\n  line-height: 1;\n  text-align: center;\n  text-transform: uppercase;\n  transition:\n    border-color var(--dur-1) var(--ease-out),\n    background-color var(--dur-1) var(--ease-out);\n}\n\n.cell[data-group-start] {\n  margin-inline-start: var(--space-3);\n}\n\n@media (hover: hover) {\n  .root:not([data-disabled], [data-invalid]) .cell:hover {\n    --_border: color-mix(\n      in oklab,\n      var(--field-border, var(--color-line-control)),\n      var(--color-ink) 35%\n    );\n  }\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--color-focus);\n  outline-offset: 2px;\n}\n\n.cell::placeholder {\n  color: var(--color-ink-subtle);\n  opacity: 1;\n}\n\n.root[data-invalid] .cell {\n  --_border: var(--tone-critical);\n}\n\n.root[data-readonly] .cell {\n  background-color: var(--color-surface-sunken);\n}\n\n.root[data-disabled] .cell {\n  --_border: var(--color-line);\n  background-color: var(--color-surface-sunken);\n  color: var(--color-ink-subtle);\n  box-shadow: none;\n  cursor: not-allowed;\n}\n"],"mappings":""}

package/dist/components/inputs/OneTimeCodeInput/index.d.ts

@@ -0,0 +1,2 @@
+export { OneTimeCodeInput } from './OneTimeCodeInput.js';
+export type { OneTimeCodeInputProps, OneTimeCodeValidation } from './OneTimeCodeInput.js';

package/dist/components/inputs/PasswordField/PasswordField.d.ts

@@ -0,0 +1,13 @@
+import { type FieldLabelProps } from '../Field/index.js';
+import { type PasswordInputProps } from '../PasswordInput/index.js';
+export interface PasswordFieldProps extends FieldLabelProps, Omit<PasswordInputProps, 'invalid' | keyof FieldLabelProps> {
+    /** Called with the new string on every change (alongside the native `onChange`). */
+    onValueChange?: (value: string) => void;
+}
+/**
+ * Label + PasswordInput + description + error. Input props (`autoComplete`, `value`,
+ * `visible`…) and the ref go to the input; `className`/`style` go to the wrapper.
+ *
+ * <PasswordField label="New password" autoComplete="new-password" description="At least 12 characters" />
+ */
+export declare const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/PasswordField/PasswordField.js

@@ -0,0 +1,29 @@
+import { Field as e } from "../Field/Field.js";
+import { splitFieldLabelProps as t } from "../internal/fieldProps.js";
+import { PasswordInput as n } from "../PasswordInput/PasswordInput.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/inputs/PasswordField/PasswordField.tsx
+var a = r(function(r, a) {
+	let [o, s] = t(r), { id: c, disabled: l, className: u, style: d, onChange: f, onValueChange: p, ...m } = s, h = (e) => {
+		f?.(e), p?.(e.target.value);
+	};
+	return /* @__PURE__ */ i(e, {
+		...o,
+		htmlFor: c,
+		disabled: l,
+		className: u,
+		style: d,
+		children: /* @__PURE__ */ i(n, {
+			ref: a,
+			id: c,
+			disabled: l,
+			onChange: h,
+			...m
+		})
+	});
+});
+//#endregion
+export { a as PasswordField };
+
+//# sourceMappingURL=PasswordField.js.map

package/dist/components/inputs/PasswordField/PasswordField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.js","names":["PasswordField","forwardRef","fieldProps","rest","splitFieldLabelProps","props","inputRest","handleChange","onChange","event","onValueChange","Field","id","PasswordInput"],"sources":["../../../../src/components/inputs/PasswordField/PasswordField.tsx"],"sourcesContent":["import { forwardRef, type ChangeEvent } from 'react'\nimport { Field, type FieldLabelProps } from '#components/inputs/Field'\nimport { PasswordInput, type PasswordInputProps } from '#components/inputs/PasswordInput'\nimport { splitFieldLabelProps } from '#components/inputs/internal/fieldProps'\n\nexport interface PasswordFieldProps\n  extends FieldLabelProps, Omit<PasswordInputProps, 'invalid' | keyof FieldLabelProps> {\n  /** Called with the new string on every change (alongside the native `onChange`). */\n  onValueChange?: (value: string) => void\n}\n\n/**\n * Label + PasswordInput + description + error. Input props (`autoComplete`, `value`,\n * `visible`…) and the ref go to the input; `className`/`style` go to the wrapper.\n *\n * <PasswordField label=\"New password\" autoComplete=\"new-password\" description=\"At least 12 characters\" />\n */\nexport const PasswordField = forwardRef<HTMLInputElement, PasswordFieldProps>(\n  function PasswordField(props, ref) {\n    const [fieldProps, rest] = splitFieldLabelProps(props)\n    const { id, disabled, className, style, onChange, onValueChange, ...inputRest } = rest\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n      onChange?.(event)\n      onValueChange?.(event.target.value)\n    }\n    return (\n      <Field {...fieldProps} htmlFor={id} disabled={disabled} className={className} style={style}>\n        <PasswordInput\n          ref={ref}\n          id={id}\n          disabled={disabled}\n          onChange={handleChange}\n          {...inputRest}\n        />\n      </Field>\n    )\n  },\n)\n"],"mappings":";;;;;;AAiBA,IAAaA,IAAgBC,EAC3B,SAAuB,GAAO,GAAK;CACjC,IAAM,CAACC,GAAYC,KAAQC,EAAqBC,CAAK,GAC/C,EAAE,OAAI,aAAU,cAAW,UAAO,aAAU,kBAAe,GAAGC,MAAcH,GAC5EI,KAAgB,MAAyC;EAE7D,AADAC,IAAWC,CAAK,GAChBC,IAAgBD,EAAM,OAAO,KAAK;CACpC;CACA,OACE,kBAACE,GAAD;EAAO,GAAIT;EAAY,SAASU;EAAc;EAAqB;EAAkB;EACnF,UAAA,kBAACC,GAAD;GACO;GACD;GACM;GACV,UAAUN;GACV,GAAID;EACL,CAAA;CACI,CAAA;AAEX,CACF"}

package/dist/components/inputs/PasswordField/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordField } from './PasswordField.js';
+export type { PasswordFieldProps } from './PasswordField.js';

package/dist/components/inputs/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,22 @@
+import { type InputProps } from '../Input/index.js';
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'trailing'> {
+    /** Required: tells password managers whether to fill a saved password or offer a new one. */
+    autoComplete: 'current-password' | 'new-password';
+    /** Whether the password shows as text. Controlled; pair with `onVisibleChange`. */
+    visible?: boolean;
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    /** Accessible name of the toggle while hidden. Default `'Show password'`. */
+    showLabel?: string;
+    /** Accessible name of the toggle while shown. Default `'Hide password'`. */
+    hideLabel?: string;
+}
+/**
+ * A password input with a show/hide toggle at the end of the box (Radix
+ * PasswordToggleField). The toggle is an IconButton whose name says what pressing it
+ * does; submitting or resetting the form hides the password again. The ref goes to the
+ * input; `onBlur` fires only when focus leaves the input *and* its toggle.
+ *
+ * <PasswordInput autoComplete="current-password" />
+ */
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<PasswordInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/inputs/PasswordInput/PasswordInput.js

@@ -0,0 +1,75 @@
+import { EyeIcon as e, EyeOffIcon as t } from "../../../icons/icons.js";
+import { IconButton as n } from "../../actions/IconButton/IconButton.js";
+import { useMergedRefs as r } from "../internal/refs.js";
+import { markFieldAware as i, useResolvedField as a } from "../internal/FieldContext.js";
+import { Input as o } from "../Input/Input.js";
+import s from "./PasswordInput.module.js";
+import { forwardRef as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { unstable_PasswordToggleField as m } from "radix-ui";
+//#region src/components/inputs/PasswordInput/PasswordInput.tsx
+var h = i(c(function({ autoComplete: i, visible: c, defaultVisible: h = !1, onVisibleChange: g, showLabel: _ = "Show password", hideLabel: v = "Hide password", size: y = "md", id: b, disabled: x, onBlur: S, ...C }, w) {
+	let T = a({
+		id: b,
+		disabled: x
+	}), E = u(), D = T.id ?? `${E}password`, O = d(null), k = r(w, O), [A, j] = f(h), M = c ?? A, N = (e) => {
+		c === void 0 && j(e), e !== M && g?.(e);
+	}, P = d(N);
+	P.current = N, l(() => {
+		let e = O.current?.form;
+		if (!e) return;
+		let t = () => {
+			P.current(!1);
+		};
+		return e.addEventListener("submit", t), e.addEventListener("reset", t), () => {
+			e.removeEventListener("submit", t), e.removeEventListener("reset", t);
+		};
+	}, []);
+	let F = (e) => {
+		let t = e.currentTarget.parentElement;
+		t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || S?.(e);
+	}, I = (e) => {
+		let t = O.current;
+		if (!t || !S) return;
+		let n = t.parentElement;
+		n && e.relatedTarget instanceof Node && n.contains(e.relatedTarget) || S(e);
+	}, L = (e) => {
+		document.activeElement === O.current && e.preventDefault();
+	};
+	return /* @__PURE__ */ p(m.Root, {
+		visible: M,
+		onVisibilityChange: N,
+		children: /* @__PURE__ */ p(o, {
+			ref: k,
+			...C,
+			id: D,
+			size: y,
+			disabled: x,
+			type: M ? "text" : "password",
+			autoComplete: i,
+			autoCapitalize: "off",
+			autoCorrect: "off",
+			spellCheck: !1,
+			onBlur: F,
+			trailing: /* @__PURE__ */ p(m.Toggle, {
+				asChild: !0,
+				id: `${D}-toggle`,
+				"aria-controls": D,
+				"aria-label": M ? v : _,
+				children: /* @__PURE__ */ p(n, {
+					className: s.toggle,
+					size: "sm",
+					label: M ? v : _,
+					icon: p(M ? t : e, {}),
+					disabled: T.disabled,
+					onMouseDown: L,
+					onBlur: I
+				})
+			})
+		})
+	});
+}));
+//#endregion
+export { h as PasswordInput };
+
+//# sourceMappingURL=PasswordInput.js.map