@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.0

package/dist/esm/components/form/fields/form-field-phone.js

@@ -1,101 +1,255 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * FormFieldPhone Component
  *
- * Renders a phone input field with:
- * - Country code selector (from libphonenumber-js)
- * - National number input
+ * International phone input following the documented industry pattern
+ * (GOV.UK telephone-numbers, intl-tel-input, Twilio/Stripe checkout inputs):
  *
- * Values are stored as E.164 strings (e.g. "+33123456789").
- * Chrome (label, description, error) is rendered externally by FormFieldChrome.
+ * - ONE visually-unified control (`InputGroup` frame): a compact country
+ *   trigger (flag + dial code) fused to the national-number input, instead of
+ *   two disjoint boxes. Focus/error rings are delegated to the group frame.
+ * - The trigger is backed by a NATIVE `<select>` stretched invisibly over it:
+ *   full keyboard/screen-reader semantics, the platform picker on mobile, and
+ *   built-in type-ahead search by country name. Options carry localized
+ *   country names (`Intl.DisplayNames`) sorted by the active locale.
+ * - As-you-type national formatting via libphonenumber metadata
+ *   (`formatPartialPhoneNumber`), with caret preservation by digit count.
+ * - Typing/pasting a full international number ("+49 30…") into the input
+ *   auto-detects the country and switches the selector.
+ * - Placeholder is the selected country's example number (GOV.UK: show a
+ *   format example rather than enforcing one).
+ *
+ * Values are stored as E.164 strings (e.g. "+33612345678"). Display READ
+ * formatting lives in DisplayFieldPhone. Chrome (label, description, error)
+ * is rendered externally by FormFieldChrome — the label targets the national
+ * input via `field-${name}`.
  */
 import React, { forwardRef } from 'react';
-import { cn, useUI } from '@wildo-ai/saas-frontend-lib';
-import { InputRoot } from '../../../components/form/controls/input.js';
-import { UIBehavior, FormControlVariant } from '@wildo-ai/presets-components-models';
-import { getPhoneMetadata, parsePhone, getCountries, getPhoneCountryCode, } from '@wildo-ai/zod-decorators';
-import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { cn } from '../../../core/ui/cn.js';
+import { useI18n } from '../../../core/i18n/useI18n.js';
+import { InputGroup, InputGroupInput } from '../../../components/form/controls/input-group.js';
+import { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { getPhoneMetadata, parsePhone, getCountries, getPhoneCountryCode, formatPartialPhoneNumber, getExamplePhoneNumber, detectPhoneCountry, } from '@wildo-ai/zod-decorators';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 const DEFAULT_COUNTRY = 'US';
-/** Countries for selector, with common ones first */
-const PRIORITY_COUNTRIES = ['US', 'GB', 'FR', 'DE', 'ES', 'IT', 'CA', 'AU', 'BE', 'CH'];
-function getOrderedCountries() {
-    const all = getCountries();
-    const prioritySet = new Set(PRIORITY_COUNTRIES);
-    const rest = all.filter((c) => !prioritySet.has(c));
-    return [...PRIORITY_COUNTRIES.filter((c) => all.includes(c)), ...rest];
+/**
+ * Regional-indicator flag emoji for an ISO-3166 alpha-2 code ("FR" → 🇫🇷).
+ * Platforms without flag glyphs (e.g. Windows Chrome) fall back to the two
+ * letters, which stays legible next to the dial code.
+ */
+function countryFlagEmoji(country) {
+    if (!/^[A-Za-z]{2}$/.test(country))
+        return '';
+    const REGIONAL_INDICATOR_A = 0x1f1e6;
+    const codePoints = country
+        .toUpperCase()
+        .split('')
+        .map((c) => REGIONAL_INDICATOR_A + (c.charCodeAt(0) - 65));
+    return String.fromCodePoint(...codePoints);
+}
+/**
+ * All selectable countries with locale-aware display names, alphabetically
+ * collated in the active language (best practice: no hardcoded "priority"
+ * bias — native select type-ahead covers fast access by name).
+ */
+function buildCountryOptions(locale) {
+    let displayNames;
+    try {
+        displayNames = new Intl.DisplayNames([locale], { type: 'region' });
+    }
+    catch {
+        displayNames = undefined;
+    }
+    const collator = new Intl.Collator(locale);
+    return getCountries()
+        .map((code) => ({
+        code,
+        name: displayNames?.of(code) ?? code,
+        dialCode: getPhoneCountryCode(code),
+    }))
+        .sort((a, b) => collator.compare(a.name, b.name));
+}
+/** Digits contained in `value` before string index `end` (caret bookkeeping). */
+function countDigitsBefore(value, end) {
+    let count = 0;
+    for (let i = 0; i < end && i < value.length; i++) {
+        if (value[i] >= '0' && value[i] <= '9')
+            count++;
+    }
+    return count;
+}
+/** String index sitting AFTER the `digitCount`-th digit of `value`. */
+function caretIndexAfterDigits(value, digitCount) {
+    if (digitCount <= 0)
+        return 0;
+    let seen = 0;
+    for (let i = 0; i < value.length; i++) {
+        if (value[i] >= '0' && value[i] <= '9') {
+            seen++;
+            if (seen >= digitCount)
+                return i + 1;
+        }
+    }
+    return value.length;
 }
 /**
  * FormFieldPhone component
  *
- * Renders a phone input with country selector + national number.
- * Outputs E.164 format.
+ * Country selector + national input fused into one control. Emits E.164.
  */
-export const FormFieldPhone_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, placeholder, required, autoFocus, }, ref) => {
-    const { getRecipe } = useUI();
-    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+export const FormFieldPhone_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, placeholder, autoFocus, autoComplete, controlSize = ControlSize.MD, }, ref) => {
+    const { tComponent, currentLanguage } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE] });
     const phoneMetadata = getPhoneMetadata(schema);
     const defaultCountry = (phoneMetadata?.defaultCountry ?? DEFAULT_COUNTRY);
-    const countries = React.useMemo(() => getOrderedCountries(), []);
-    const parseValue = React.useCallback((v) => {
-        if (!v?.trim())
-            return { country: defaultCountry, national: '' };
-        const parsed = parsePhone(v, defaultCountry);
-        if (parsed) {
-            return { country: parsed.country ?? defaultCountry, national: parsed.nationalNumber };
-        }
-        return { country: defaultCountry, national: v.replace(/\D/g, '') };
-    }, [defaultCountry]);
-    const [internalCountry, setInternalCountry] = React.useState(defaultCountry);
-    const [internalNational, setInternalNational] = React.useState('');
-    const initialValue = controlledValue ?? defaultValue ?? '';
-    const { country: initialCountry, national: initialNational } = parseValue(initialValue);
-    const [isInitialized, setIsInitialized] = React.useState(false);
+    const countryOptions = React.useMemo(() => buildCountryOptions(currentLanguage), [currentLanguage]);
+    const [country, setCountry] = React.useState(defaultCountry);
+    const [display, setDisplay] = React.useState('');
+    /**
+     * Our own emits round-trip through the form state and come back as
+     * `controlledValue`. Re-parsing that echo used to clobber in-progress
+     * typing (E.164 has no trunk prefix, so "06 12…" degraded to "612…").
+     * Skip resync whenever the incoming value is the one we just emitted.
+     */
+    const lastEmittedRef = React.useRef(null);
+    /** Digits-before-caret to restore after a formatting pass (null = leave). */
+    const caretDigitsRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+    /**
+     * Display value as of the LAST change event (updated synchronously in the
+     * handlers, unlike the `display` state closure, so a burst of input events
+     * — fast typing, automation — can never compare against a stale render).
+     */
+    const prevDisplayRef = React.useRef('');
+    const setInputRef = React.useCallback((node) => {
+        inputRef.current = node;
+        if (typeof ref === 'function')
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    // Sync from EXTERNAL value changes (initial load, reset, remote update).
+    const externalValue = controlledValue ?? defaultValue ?? '';
     React.useEffect(() => {
-        if (!isInitialized) {
-            setInternalCountry(initialCountry);
-            setInternalNational(initialNational);
-            setIsInitialized(true);
+        if (externalValue === lastEmittedRef.current)
+            return;
+        lastEmittedRef.current = externalValue;
+        // Disarm any caret restore left over from a change whose formatting was
+        // a no-op (setDisplay bailed, the layout effect never consumed it) — an
+        // external resync must never reposition the caret from stale bookkeeping.
+        caretDigitsRef.current = null;
+        if (!externalValue.trim()) {
+            setDisplay('');
+            prevDisplayRef.current = '';
+            return;
         }
-    }, [isInitialized, initialCountry, initialNational]);
-    React.useEffect(() => {
-        const ext = controlledValue ?? defaultValue ?? '';
-        if (ext && isInitialized) {
-            const { country, national } = parseValue(ext);
-            setInternalCountry(country);
-            setInternalNational(national);
-        }
-    }, [controlledValue, defaultValue, parseValue, isInitialized]);
-    const isControlled = controlledValue !== undefined;
-    const currentCountry = internalCountry;
-    const currentNational = internalNational;
-    const toE164 = React.useCallback((country, national) => {
-        const digits = national.replace(/\D/g, '');
+        const parsed = parsePhone(externalValue, defaultCountry);
+        const nextDisplay = parsed ? parsed.formatNational() : externalValue;
+        if (parsed?.country)
+            setCountry(parsed.country);
+        setDisplay(nextDisplay);
+        prevDisplayRef.current = nextDisplay;
+    }, [externalValue, defaultCountry]);
+    // Restore the caret after a formatting pass (formatting inserts
+    // punctuation, so positions are tracked in DIGITS, not string indices).
+    React.useLayoutEffect(() => {
+        const digits = caretDigitsRef.current;
+        caretDigitsRef.current = null;
+        const el = inputRef.current;
+        if (digits === null || !el || document.activeElement !== el)
+            return;
+        const pos = caretIndexAfterDigits(el.value, digits);
+        el.setSelectionRange(pos, pos);
+    }, [display]);
+    const toE164 = React.useCallback((c, nationalDisplay) => {
+        const digits = nationalDisplay.replace(/\D/g, '');
         if (!digits)
             return '';
-        const withPlus = `+${getPhoneCountryCode(country)}${digits}`;
-        const parsed = parsePhone(withPlus, country);
-        return parsed?.format('E.164') ?? withPlus;
+        // Parse the NATIONAL form with the country as default — this handles
+        // trunk prefixes correctly ("0612345678" + FR → "+33612345678"),
+        // unlike naive "+<dial><digits>" concatenation.
+        const parsed = parsePhone(digits, c);
+        if (parsed)
+            return parsed.format('E.164');
+        // Unparseable input (parsePhone also accepts many INCOMPLETE strings and
+        // emits an E.164-shaped partial — both shapes are rejected by the schema
+        // refine until the number is complete): emit the best-effort
+        // international form so validation can judge it.
+        return `+${getPhoneCountryCode(c)}${digits}`;
     }, []);
-    const emitChange = React.useCallback((country, national) => {
-        const e164 = toE164(country, national);
+    const emit = React.useCallback((c, nationalDisplay) => {
+        const e164 = toE164(c, nationalDisplay);
+        lastEmittedRef.current = e164;
         onChange?.(e164);
     }, [onChange, toE164]);
     const handleCountryChange = React.useCallback((e) => {
-        const newCountry = e.target.value;
-        setInternalCountry(newCountry);
-        emitChange(newCountry, currentNational);
-    }, [currentNational, emitChange]);
+        const nextCountry = e.target.value;
+        setCountry(nextCountry);
+        // Best practice: retain already-typed digits across a country switch.
+        const digits = prevDisplayRef.current.replace(/\D/g, '');
+        const nextDisplay = digits ? formatPartialPhoneNumber(digits, nextCountry) : '';
+        setDisplay(nextDisplay);
+        prevDisplayRef.current = nextDisplay;
+        if (digits)
+            emit(nextCountry, nextDisplay);
+    }, [emit]);
     const handleNationalChange = React.useCallback((e) => {
-        const v = e.target.value;
-        setInternalNational(v);
-        emitChange(currentCountry, v);
-    }, [currentCountry, emitChange]);
+        const raw = e.target.value;
+        const caret = e.target.selectionStart ?? raw.length;
+        // International entry ("+49 30…" typed or pasted, incl. browser
+        // autofill of a full international number): detect the country,
+        // switch the selector, and re-render as national format.
+        if (raw.trim().startsWith('+')) {
+            const detected = detectPhoneCountry(raw);
+            if (detected) {
+                const dial = getPhoneCountryCode(detected);
+                const allDigits = raw.replace(/\D/g, '');
+                const nationalDigits = allDigits.startsWith(dial) ? allDigits.slice(dial.length) : allDigits;
+                const e164 = toE164(detected, nationalDigits);
+                const parsedFull = parsePhone(e164);
+                const nextDisplay = parsedFull ? parsedFull.formatNational() : formatPartialPhoneNumber(nationalDigits, detected);
+                setCountry(detected);
+                setDisplay(nextDisplay);
+                prevDisplayRef.current = nextDisplay;
+                caretDigitsRef.current = null;
+                lastEmittedRef.current = e164;
+                onChange?.(e164);
+                return;
+            }
+            // Country not yet determinable ("+", "+4"): keep raw, emit as-is.
+            setDisplay(raw);
+            prevDisplayRef.current = raw;
+            const partial = `+${raw.replace(/\D/g, '')}`;
+            lastEmittedRef.current = partial;
+            onChange?.(partial);
+            return;
+        }
+        // Single-character deletions are accepted verbatim: re-formatting a
+        // just-removed formatting char would re-insert it (stuck backspace),
+        // and re-formatting after a digit backspace would jump the caret.
+        // Everything else — appends, and MULTI-char replacements such as
+        // pasting over a selection (which arrive as one shrinking change
+        // event) — is formatted. Compared against the synchronously-updated
+        // prev ref, never against possibly-stale render state.
+        const prev = prevDisplayRef.current;
+        const isSingleCharDeletion = raw.length === prev.length - 1;
+        const nextDisplay = isSingleCharDeletion ? raw : formatPartialPhoneNumber(raw, country);
+        caretDigitsRef.current = isSingleCharDeletion ? null : countDigitsBefore(raw, caret);
+        setDisplay(nextDisplay);
+        prevDisplayRef.current = nextDisplay;
+        emit(country, nextDisplay);
+    }, [country, emit, onChange, toE164]);
     const handleBlur = React.useCallback(() => {
         onBlur?.();
     }, [onBlur]);
+    const resolvedPlaceholder = React.useMemo(() => placeholder || getExamplePhoneNumber(country) || '', [placeholder, country]);
+    const selectedDialCode = getPhoneCountryCode(country);
     const fieldId = `field-${name}`;
-    return (_jsxs("div", { className: cn('flex gap-element', className), children: [_jsx("select", { value: currentCountry, onChange: handleCountryChange, disabled: disabled || readOnly, "aria-label": "Country", className: cn('flex h-9 w-24 shrink-0 rounded-md bg-transparent px-card-sm py-item-xs text-sm', formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, formRecipe.motion.transition), children: countries.map((cc) => (_jsxs("option", { value: cc, children: [cc, " +", getPhoneCountryCode(cc)] }, cc))) }), _jsx(InputRoot, { ref: ref, id: fieldId, type: "tel", inputMode: "tel", value: currentNational, onChange: handleNationalChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? '', wrapperClassName: "flex-1", autoFocus: autoFocus })] }));
+    const countrySelectorLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE, 'country');
+    return (_jsxs(InputGroup, { className: cn('w-full', className), "data-disabled": disabled || undefined, "data-size": controlSize, children: [_jsxs("div", { className: "relative flex shrink-0 items-stretch self-stretch border-e border-border", children: [_jsxs("span", { "aria-hidden": "true", className: cn('pointer-events-none flex select-none items-center gap-1.5 ps-3 pe-2 text-sm text-muted-foreground', disabled && 'opacity-[var(--opacity-disabled)]'), children: [_jsx("span", { className: "text-base leading-none", children: countryFlagEmoji(country) }), _jsxs("span", { className: "tabular-nums", children: ["+", selectedDialCode] }), _jsx("svg", { viewBox: "0 0 12 12", className: "size-3 opacity-60", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M3 4.5 6 7.5 9 4.5" }) })] }), _jsx("select", { value: country, onChange: handleCountryChange, disabled: disabled || readOnly, "aria-label": countrySelectorLabel, "data-slot": "input-group-control", className: "absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-default", children: countryOptions.map((option) => (_jsxs("option", { value: option.code, children: [option.name, " (+", option.dialCode, ")"] }, option.code))) })] }), _jsx(InputGroupInput, { ref: setInputRef, id: fieldId, name: name, type: "tel", inputMode: "tel", value: display, onChange: handleNationalChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: resolvedPlaceholder, autoFocus: autoFocus, 
+                // "tel" is the semantic-native default for a phone control
+                // (GOV.UK / WCAG 1.3.5); an authored `{primitive}UI.edit.autoComplete`
+                // token still wins — FormField resolves it into the prop.
+                autoComplete: autoComplete ?? 'tel', className: "ps-2" })] }));
 });
 FormFieldPhone_Preset_Default.displayName = 'FormFieldPhone_Preset_Default';
 // --- Wrapper ---
@@ -104,4 +258,4 @@ export const FormFieldPhone = forwardRef(({ preset = CorePresetNames.DEFAULT, ..
     return _jsx(Component, { ...props, ref: ref });
 });
 FormFieldPhone.displayName = 'FormFieldPhone';
-//# sourceMappingURL=form-field-phone.js.map
+//# sourceMappingURL=form-field-phone.js.map

package/dist/esm/components/form/fields/form-field-phone.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-phone.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-phone.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field-phone.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-phone.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AACvG,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC1G,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,GAEnB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAC;AAejI,MAAM,eAAe,GAAG,IAAI,CAAC;AAE7B;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,OAAe;IACvC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;QAAE,OAAO,EAAE,CAAC;IAC9C,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACrC,MAAM,UAAU,GAAG,OAAO;SACvB,WAAW,EAAE;SACb,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAoB,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAC7D,OAAO,MAAM,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC,CAAC;AAC7C,CAAC;AAQD;;;;GAIG;AACH,SAAS,mBAAmB,CAAC,MAAc;IACzC,IAAI,YAA2C,CAAC;IAChD,IAAI,CAAC;QACH,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACrE,CAAC;IAAC,MAAM,CAAC;QACP,YAAY,GAAG,SAAS,CAAC;IAC3B,CAAC;IACD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,YAAY,EAAE;SAClB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACd,IAAI;QACJ,IAAI,EAAE,YAAY,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI;QACpC,QAAQ,EAAE,mBAAmB,CAAC,IAAI,CAAC;KACpC,CAAC,CAAC;SACF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,iFAAiF;AACjF,SAAS,iBAAiB,CAAC,KAAa,EAAE,GAAW;IACnD,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACjD,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG;YAAE,KAAK,EAAE,CAAC;IAClD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,uEAAuE;AACvE,SAAS,qBAAqB,CAAC,KAAa,EAAE,UAAkB;IAC9D,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC;IAC9B,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;YACvC,IAAI,EAAE,CAAC;YACP,IAAI,IAAI,IAAI,UAAU;gBAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IACD,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,UAAU,CAC3D,CACE,EACE,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,WAAW,EACX,SAAS,EACT,YAAY,EACZ,WAAW,GAAG,WAAW,CAAC,EAAE,GAC7B,EACD,GAAG,EACgB,EAAE;IACrB,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,qBAAqB,CAAC,0BAA0B,CAAC,EAAE,CAAC,CAAC;IAEnH,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,CAAC,aAAa,EAAE,cAAc,IAAI,eAAe,CAAW,CAAC;IAEpF,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEpG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,cAAc,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;IAEzD;;;;;OAKG;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC7D,6EAA6E;IAC7E,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAA0B,IAAI,CAAC,CAAC;IAC7D;;;;OAIG;IACH,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAS,EAAE,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,IAA6B,EAAE,EAAE;QAChC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QACxB,IAAI,OAAO,GAAG,KAAK,UAAU;YAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACpC,IAAI,GAAG;YAAG,GAAuD,CAAC,OAAO,GAAG,IAAI,CAAC;IACxF,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,yEAAyE;IACzE,MAAM,aAAa,GAAG,eAAe,IAAI,YAAY,IAAI,EAAE,CAAC;IAC5D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,KAAK,cAAc,CAAC,OAAO;YAAE,OAAO;QACrD,cAAc,CAAC,OAAO,GAAG,aAAa,CAAC;QACvC,wEAAwE;QACxE,wEAAwE;QACxE,0EAA0E;QAC1E,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC;YAC1B,UAAU,CAAC,EAAE,CAAC,CAAC;YACf,cAAc,CAAC,OAAO,GAAG,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,UAAU,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QACzD,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;QACrE,IAAI,MAAM,EAAE,OAAO;YAAE,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAChD,UAAU,CAAC,WAAW,CAAC,CAAC;QACxB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEpC,gEAAgE;IAChE,wEAAwE;IACxE,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC;QACtC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,IAAI,MAAM,KAAK,IAAI,IAAI,CAAC,EAAE,IAAI,QAAQ,CAAC,aAAa,KAAK,EAAE;YAAE,OAAO;QACpE,MAAM,GAAG,GAAG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACpD,EAAE,CAAC,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAS,EAAE,eAAuB,EAAc,EAAE;QAClF,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,MAAM;YAAE,OAAO,EAAE,CAAC;QACvB,qEAAqE;QACrE,iEAAiE;QACjE,gDAAgD;QAChD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACrC,IAAI,MAAM;YAAE,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,yEAAyE;QACzE,yEAAyE;QACzE,6DAA6D;QAC7D,iDAAiD;QACjD,OAAO,IAAI,mBAAmB,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC;IAC/C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC5B,CAAC,CAAS,EAAE,eAAuB,EAAE,EAAE;QACrC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC;QACxC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,QAAQ,EAAE,MAAM,CAAC,CACnB,CAAC;IAEF,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,CAAuC,EAAE,EAAE;QAC1C,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACnC,UAAU,CAAC,WAAW,CAAC,CAAC;QACxB,sEAAsE;QACtE,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzD,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChF,UAAU,CAAC,WAAW,CAAC,CAAC;QACxB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;QACrC,IAAI,MAAM;YAAE,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,oBAAoB,GAAG,KAAK,CAAC,WAAW,CAC5C,CAAC,CAAsC,EAAE,EAAE;QACzC,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC3B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,GAAG,CAAC,MAAM,CAAC;QAEpD,gEAAgE;QAChE,gEAAgE;QAChE,yDAAyD;QACzD,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,IAAI,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;gBAC3C,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzC,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gBAC7F,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;gBACpC,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,wBAAwB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;gBAClH,UAAU,CAAC,QAAQ,CAAC,CAAC;gBACrB,UAAU,CAAC,WAAW,CAAC,CAAC;gBACxB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;gBACrC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC9B,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;gBACjB,OAAO;YACT,CAAC;YACD,kEAAkE;YAClE,UAAU,CAAC,GAAG,CAAC,CAAC;YAChB,cAAc,CAAC,OAAO,GAAG,GAAG,CAAC;YAC7B,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;YAC7C,cAAc,CAAC,OAAO,GAAG,OAAO,CAAC;YACjC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,oEAAoE;QACpE,qEAAqE;QACrE,kEAAkE;QAClE,iEAAiE;QACjE,iEAAiE;QACjE,oEAAoE;QACpE,uDAAuD;QACvD,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,CAAC;QACpC,MAAM,oBAAoB,GAAG,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5D,MAAM,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,wBAAwB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QACxF,cAAc,CAAC,OAAO,GAAG,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrF,UAAU,CAAC,WAAW,CAAC,CAAC;QACxB,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;QACrC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC7B,CAAC,EACD,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,CAAC,CAClC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,EAAE,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,WAAW,IAAI,qBAAqB,CAAC,OAAO,CAAC,IAAI,EAAE,EACzD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,SAAS,IAAI,EAAE,CAAC;IAChC,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,SAAS,CAAC,CAAC;IAErG,OAAO,CACL,MAAC,UAAU,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,mBAAiB,QAAQ,IAAI,SAAS,eAAa,WAAW,aAK1G,eAAK,SAAS,EAAC,0EAA0E,aACvF,+BACc,MAAM,EAClB,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,QAAQ,IAAI,mCAAmC,CAChD,aAED,eAAM,SAAS,EAAC,wBAAwB,YAAE,gBAAgB,CAAC,OAAO,CAAC,GAAQ,EAC3E,gBAAM,SAAS,EAAC,cAAc,kBAAG,gBAAgB,IAAQ,EACzD,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,YACrJ,eAAM,CAAC,EAAC,oBAAoB,GAAG,GAC3B,IACD,EACP,iBACE,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,gBAClB,oBAAoB,eACtB,qBAAqB,EAC/B,SAAS,EAAC,iFAAiF,YAE1F,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,kBAA0B,KAAK,EAAE,MAAM,CAAC,IAAI,aACzC,MAAM,CAAC,IAAI,SAAK,MAAM,CAAC,QAAQ,UADrB,MAAM,CAAC,IAAI,CAEf,CACV,CAAC,GACK,IACL,EACN,KAAC,eAAe,IACd,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,mBAAmB,EAChC,SAAS,EAAE,SAAS;gBACpB,2DAA2D;gBAC3D,uEAAuE;gBACvE,0DAA0D;gBAC1D,YAAY,EAAE,YAAY,IAAI,KAAK,EACnC,SAAS,EAAC,MAAM,GAChB,IACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,6BAA6B,CAAC,WAAW,GAAG,+BAA+B,CAAC;AAE5E,kBAAkB;AAClB,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,0BAA0B,EAChD,gBAAgB,CACjB,CAAC,MAAM,CAAC,CAAC;IACV,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AAC5C,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["/**\n * FormFieldPhone Component\n *\n * International phone input following the documented industry pattern\n * (GOV.UK telephone-numbers, intl-tel-input, Twilio/Stripe checkout inputs):\n *\n * - ONE visually-unified control (`InputGroup` frame): a compact country\n *   trigger (flag + dial code) fused to the national-number input, instead of\n *   two disjoint boxes. Focus/error rings are delegated to the group frame.\n * - The trigger is backed by a NATIVE `<select>` stretched invisibly over it:\n *   full keyboard/screen-reader semantics, the platform picker on mobile, and\n *   built-in type-ahead search by country name. Options carry localized\n *   country names (`Intl.DisplayNames`) sorted by the active locale.\n * - As-you-type national formatting via libphonenumber metadata\n *   (`formatPartialPhoneNumber`), with caret preservation by digit count.\n * - Typing/pasting a full international number (\"+49 30…\") into the input\n *   auto-detects the country and switches the selector.\n * - Placeholder is the selected country's example number (GOV.UK: show a\n *   format example rather than enforcing one).\n *\n * Values are stored as E.164 strings (e.g. \"+33612345678\"). Display READ\n * formatting lives in DisplayFieldPhone. Chrome (label, description, error)\n * is rendered externally by FormFieldChrome — the label targets the national\n * input via `field-${name}`.\n */\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { InputGroup, InputGroupInput } from '~wildo-frontend-lib/components/form/controls/input-group';\nimport { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport {\n  getPhoneMetadata,\n  parsePhone,\n  getCountries,\n  getPhoneCountryCode,\n  formatPartialPhoneNumber,\n  getExamplePhoneNumber,\n  detectPhoneCountry,\n  type PhoneValue,\n} from '@wildo-ai/zod-decorators';\n\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types';\n\n// --- Contract ---\nexport interface FormFieldPhoneProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: PhoneValue;\n  onChange?: (value: PhoneValue) => void;\n  defaultValue?: PhoneValue;\n  placeholder?: string;\n  autoComplete?: string;\n}\n\nexport type FormFieldPhoneRef = HTMLInputElement;\n\nconst DEFAULT_COUNTRY = 'US';\n\n/**\n * Regional-indicator flag emoji for an ISO-3166 alpha-2 code (\"FR\" → 🇫🇷).\n * Platforms without flag glyphs (e.g. Windows Chrome) fall back to the two\n * letters, which stays legible next to the dial code.\n */\nfunction countryFlagEmoji(country: string): string {\n  if (!/^[A-Za-z]{2}$/.test(country)) return '';\n  const REGIONAL_INDICATOR_A = 0x1f1e6;\n  const codePoints = country\n    .toUpperCase()\n    .split('')\n    .map((c) => REGIONAL_INDICATOR_A + (c.charCodeAt(0) - 65));\n  return String.fromCodePoint(...codePoints);\n}\n\ninterface CountryOption {\n  code: string;\n  name: string;\n  dialCode: string;\n}\n\n/**\n * All selectable countries with locale-aware display names, alphabetically\n * collated in the active language (best practice: no hardcoded \"priority\"\n * bias — native select type-ahead covers fast access by name).\n */\nfunction buildCountryOptions(locale: string): CountryOption[] {\n  let displayNames: Intl.DisplayNames | undefined;\n  try {\n    displayNames = new Intl.DisplayNames([locale], { type: 'region' });\n  } catch {\n    displayNames = undefined;\n  }\n  const collator = new Intl.Collator(locale);\n  return getCountries()\n    .map((code) => ({\n      code,\n      name: displayNames?.of(code) ?? code,\n      dialCode: getPhoneCountryCode(code),\n    }))\n    .sort((a, b) => collator.compare(a.name, b.name));\n}\n\n/** Digits contained in `value` before string index `end` (caret bookkeeping). */\nfunction countDigitsBefore(value: string, end: number): number {\n  let count = 0;\n  for (let i = 0; i < end && i < value.length; i++) {\n    if (value[i] >= '0' && value[i] <= '9') count++;\n  }\n  return count;\n}\n\n/** String index sitting AFTER the `digitCount`-th digit of `value`. */\nfunction caretIndexAfterDigits(value: string, digitCount: number): number {\n  if (digitCount <= 0) return 0;\n  let seen = 0;\n  for (let i = 0; i < value.length; i++) {\n    if (value[i] >= '0' && value[i] <= '9') {\n      seen++;\n      if (seen >= digitCount) return i + 1;\n    }\n  }\n  return value.length;\n}\n\n/**\n * FormFieldPhone component\n *\n * Country selector + national input fused into one control. Emits E.164.\n */\nexport const FormFieldPhone_Preset_Default = React.forwardRef<FormFieldPhoneRef, FormFieldPhoneProps>(\n  (\n    {\n      schema,\n      name,\n      disabled,\n      readOnly,\n      className,\n      value: controlledValue,\n      onChange,\n      onBlur,\n      defaultValue,\n      placeholder,\n      autoFocus,\n      autoComplete,\n      controlSize = ControlSize.MD,\n    },\n    ref\n  ): React.JSX.Element => {\n    const { tComponent, currentLanguage } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE] });\n\n    const phoneMetadata = getPhoneMetadata(schema);\n    const defaultCountry = (phoneMetadata?.defaultCountry ?? DEFAULT_COUNTRY) as string;\n\n    const countryOptions = React.useMemo(() => buildCountryOptions(currentLanguage), [currentLanguage]);\n\n    const [country, setCountry] = React.useState<string>(defaultCountry);\n    const [display, setDisplay] = React.useState<string>('');\n\n    /**\n     * Our own emits round-trip through the form state and come back as\n     * `controlledValue`. Re-parsing that echo used to clobber in-progress\n     * typing (E.164 has no trunk prefix, so \"06 12…\" degraded to \"612…\").\n     * Skip resync whenever the incoming value is the one we just emitted.\n     */\n    const lastEmittedRef = React.useRef<PhoneValue | null>(null);\n    /** Digits-before-caret to restore after a formatting pass (null = leave). */\n    const caretDigitsRef = React.useRef<number | null>(null);\n    const inputRef = React.useRef<HTMLInputElement | null>(null);\n    /**\n     * Display value as of the LAST change event (updated synchronously in the\n     * handlers, unlike the `display` state closure, so a burst of input events\n     * — fast typing, automation — can never compare against a stale render).\n     */\n    const prevDisplayRef = React.useRef<string>('');\n\n    const setInputRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      },\n      [ref]\n    );\n\n    // Sync from EXTERNAL value changes (initial load, reset, remote update).\n    const externalValue = controlledValue ?? defaultValue ?? '';\n    React.useEffect(() => {\n      if (externalValue === lastEmittedRef.current) return;\n      lastEmittedRef.current = externalValue;\n      // Disarm any caret restore left over from a change whose formatting was\n      // a no-op (setDisplay bailed, the layout effect never consumed it) — an\n      // external resync must never reposition the caret from stale bookkeeping.\n      caretDigitsRef.current = null;\n      if (!externalValue.trim()) {\n        setDisplay('');\n        prevDisplayRef.current = '';\n        return;\n      }\n      const parsed = parsePhone(externalValue, defaultCountry);\n      const nextDisplay = parsed ? parsed.formatNational() : externalValue;\n      if (parsed?.country) setCountry(parsed.country);\n      setDisplay(nextDisplay);\n      prevDisplayRef.current = nextDisplay;\n    }, [externalValue, defaultCountry]);\n\n    // Restore the caret after a formatting pass (formatting inserts\n    // punctuation, so positions are tracked in DIGITS, not string indices).\n    React.useLayoutEffect(() => {\n      const digits = caretDigitsRef.current;\n      caretDigitsRef.current = null;\n      const el = inputRef.current;\n      if (digits === null || !el || document.activeElement !== el) return;\n      const pos = caretIndexAfterDigits(el.value, digits);\n      el.setSelectionRange(pos, pos);\n    }, [display]);\n\n    const toE164 = React.useCallback((c: string, nationalDisplay: string): PhoneValue => {\n      const digits = nationalDisplay.replace(/\\D/g, '');\n      if (!digits) return '';\n      // Parse the NATIONAL form with the country as default — this handles\n      // trunk prefixes correctly (\"0612345678\" + FR → \"+33612345678\"),\n      // unlike naive \"+<dial><digits>\" concatenation.\n      const parsed = parsePhone(digits, c);\n      if (parsed) return parsed.format('E.164');\n      // Unparseable input (parsePhone also accepts many INCOMPLETE strings and\n      // emits an E.164-shaped partial — both shapes are rejected by the schema\n      // refine until the number is complete): emit the best-effort\n      // international form so validation can judge it.\n      return `+${getPhoneCountryCode(c)}${digits}`;\n    }, []);\n\n    const emit = React.useCallback(\n      (c: string, nationalDisplay: string) => {\n        const e164 = toE164(c, nationalDisplay);\n        lastEmittedRef.current = e164;\n        onChange?.(e164);\n      },\n      [onChange, toE164]\n    );\n\n    const handleCountryChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLSelectElement>) => {\n        const nextCountry = e.target.value;\n        setCountry(nextCountry);\n        // Best practice: retain already-typed digits across a country switch.\n        const digits = prevDisplayRef.current.replace(/\\D/g, '');\n        const nextDisplay = digits ? formatPartialPhoneNumber(digits, nextCountry) : '';\n        setDisplay(nextDisplay);\n        prevDisplayRef.current = nextDisplay;\n        if (digits) emit(nextCountry, nextDisplay);\n      },\n      [emit]\n    );\n\n    const handleNationalChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value;\n        const caret = e.target.selectionStart ?? raw.length;\n\n        // International entry (\"+49 30…\" typed or pasted, incl. browser\n        // autofill of a full international number): detect the country,\n        // switch the selector, and re-render as national format.\n        if (raw.trim().startsWith('+')) {\n          const detected = detectPhoneCountry(raw);\n          if (detected) {\n            const dial = getPhoneCountryCode(detected);\n            const allDigits = raw.replace(/\\D/g, '');\n            const nationalDigits = allDigits.startsWith(dial) ? allDigits.slice(dial.length) : allDigits;\n            const e164 = toE164(detected, nationalDigits);\n            const parsedFull = parsePhone(e164);\n            const nextDisplay = parsedFull ? parsedFull.formatNational() : formatPartialPhoneNumber(nationalDigits, detected);\n            setCountry(detected);\n            setDisplay(nextDisplay);\n            prevDisplayRef.current = nextDisplay;\n            caretDigitsRef.current = null;\n            lastEmittedRef.current = e164;\n            onChange?.(e164);\n            return;\n          }\n          // Country not yet determinable (\"+\", \"+4\"): keep raw, emit as-is.\n          setDisplay(raw);\n          prevDisplayRef.current = raw;\n          const partial = `+${raw.replace(/\\D/g, '')}`;\n          lastEmittedRef.current = partial;\n          onChange?.(partial);\n          return;\n        }\n\n        // Single-character deletions are accepted verbatim: re-formatting a\n        // just-removed formatting char would re-insert it (stuck backspace),\n        // and re-formatting after a digit backspace would jump the caret.\n        // Everything else — appends, and MULTI-char replacements such as\n        // pasting over a selection (which arrive as one shrinking change\n        // event) — is formatted. Compared against the synchronously-updated\n        // prev ref, never against possibly-stale render state.\n        const prev = prevDisplayRef.current;\n        const isSingleCharDeletion = raw.length === prev.length - 1;\n        const nextDisplay = isSingleCharDeletion ? raw : formatPartialPhoneNumber(raw, country);\n        caretDigitsRef.current = isSingleCharDeletion ? null : countDigitsBefore(raw, caret);\n        setDisplay(nextDisplay);\n        prevDisplayRef.current = nextDisplay;\n        emit(country, nextDisplay);\n      },\n      [country, emit, onChange, toE164]\n    );\n\n    const handleBlur = React.useCallback(() => {\n      onBlur?.();\n    }, [onBlur]);\n\n    const resolvedPlaceholder = React.useMemo(\n      () => placeholder || getExamplePhoneNumber(country) || '',\n      [placeholder, country]\n    );\n\n    const selectedDialCode = getPhoneCountryCode(country);\n    const fieldId = `field-${name}`;\n    const countrySelectorLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE, 'country');\n\n    return (\n      <InputGroup className={cn('w-full', className)} data-disabled={disabled || undefined} data-size={controlSize}>\n        {/* Country trigger: compact flag + dial code visual with a native\n            select stretched invisibly on top (a11y + mobile picker + name\n            type-ahead). The dial code doubles as the \"+xx\" affordance so the\n            user never types the country code themselves. */}\n        <div className=\"relative flex shrink-0 items-stretch self-stretch border-e border-border\">\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'pointer-events-none flex select-none items-center gap-1.5 ps-3 pe-2 text-sm text-muted-foreground',\n              disabled && 'opacity-[var(--opacity-disabled)]'\n            )}\n          >\n            <span className=\"text-base leading-none\">{countryFlagEmoji(country)}</span>\n            <span className=\"tabular-nums\">+{selectedDialCode}</span>\n            <svg viewBox=\"0 0 12 12\" className=\"size-3 opacity-60\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n              <path d=\"M3 4.5 6 7.5 9 4.5\" />\n            </svg>\n          </span>\n          <select\n            value={country}\n            onChange={handleCountryChange}\n            disabled={disabled || readOnly}\n            aria-label={countrySelectorLabel}\n            data-slot=\"input-group-control\"\n            className=\"absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-default\"\n          >\n            {countryOptions.map((option) => (\n              <option key={option.code} value={option.code}>\n                {option.name} (+{option.dialCode})\n              </option>\n            ))}\n          </select>\n        </div>\n        <InputGroupInput\n          ref={setInputRef}\n          id={fieldId}\n          name={name}\n          type=\"tel\"\n          inputMode=\"tel\"\n          value={display}\n          onChange={handleNationalChange}\n          onBlur={handleBlur}\n          disabled={disabled}\n          readOnly={readOnly}\n          placeholder={resolvedPlaceholder}\n          autoFocus={autoFocus}\n          // \"tel\" is the semantic-native default for a phone control\n          // (GOV.UK / WCAG 1.3.5); an authored `{primitive}UI.edit.autoComplete`\n          // token still wins — FormField resolves it into the prop.\n          autoComplete={autoComplete ?? 'tel'}\n          className=\"ps-2\"\n        />\n      </InputGroup>\n    );\n  }\n);\n\nFormFieldPhone_Preset_Default.displayName = 'FormFieldPhone_Preset_Default';\n\n// --- Wrapper ---\nexport const FormFieldPhone = forwardRef<FormFieldPhoneRef, FormFieldPhoneProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldPhoneProps, FormFieldPhoneRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE,\n      'FormFieldPhone'\n    )(preset);\n    return <Component {...props} ref={ref} />;\n  }\n);\nFormFieldPhone.displayName = 'FormFieldPhone';\n"]}

package/dist/esm/components/form/fields/form-field-phone.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelFormFieldPhoneLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=form-field-phone.labels.d.ts.map

package/dist/esm/components/form/fields/form-field-phone.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-phone.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-phone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAM7D,CAAC"}

package/dist/esm/components/form/fields/form-field-phone.labels.js

@@ -0,0 +1,13 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelFormFieldPhoneLabels = [
+    {
+        ref: 'country',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible name of the country selector inside the phone input (the compact flag + dial-code trigger backed by a native select)',
+    },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE, LowLevelFormFieldPhoneLabels);
+//# sourceMappingURL=form-field-phone.labels.js.map

package/dist/esm/components/form/fields/form-field-phone.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-phone.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-phone.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE;QACE,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,iIAAiI;KAC3I;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,0BAA0B,EAAE,4BAA4B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFormFieldPhoneLabels: LabellingUnitaryDef[] = [\n  {\n    ref: 'country',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible name of the country selector inside the phone input (the compact flag + dial-code trigger backed by a native select)',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_PHONE, LowLevelFormFieldPhoneLabels);\n"]}

package/dist/esm/components/form/fields/form-field-range-bigdecimal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BigDecimalValue } from "@wildo-ai/zod-decorators";
-import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
-import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas';
 export interface RangeBigDecimalValue {
     from?: BigDecimalValue;
     to?: BigDecimalValue;

package/dist/esm/components/form/fields/form-field-range-bigdecimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-range-bigdecimal.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-range-bigdecimal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EACL,eAAe,EAGhB,MAAM,0BAA0B,CAAA;AAKjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAKvH,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAClH,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAChD,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,CAAA;AAI1D;;;;GAIG;AACH,eAAO,MAAM,uCAAuC,wGAgJlD,CAAA;AAIF,eAAO,MAAM,wBAAwB,+HAQpC,CAAA"}
+{"version":3,"file":"form-field-range-bigdecimal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-range-bigdecimal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAGzC,OAAO,EACL,eAAe,EAGhB,MAAM,0BAA0B,CAAA;AAIjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAIvH,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAClH,KAAK,CAAC,EAAE,oBAAoB,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAChD,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,2BAA2B,GAAG,gBAAgB,CAAA;AAE1D;;;;GAIG;AACH,eAAO,MAAM,uCAAuC,wGAyJlD,CAAA;AAGF,eAAO,MAAM,wBAAwB,+HAQpC,CAAA"}

package/dist/esm/components/form/fields/form-field-range-bigdecimal.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { forwardRef } from 'react';
-import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { useI18n } from "../../../core/i18n/useI18n.js";
 import { getBigDecimalConstraints, getRangeMetadata, } from "@wildo-ai/zod-decorators";
 import { InputRoot } from "../../../components/form/controls/input.js";
-import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 /**
  * FormFieldRangeBigDecimal component
  *
  * Renders two inputs for entering a bigdecimal range (from/to)
  */
-export const FormFieldRangeBigDecimal_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, fromPlaceholder = 'From', toPlaceholder = 'To', fromLabel = 'From', toLabel = 'To', required, autoFocus, }, ref) => {
+export const FormFieldRangeBigDecimal_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, validationMode: validationModeProp, fromPlaceholder = 'From', toPlaceholder = 'To', fromLabel = 'From', toLabel = 'To', required, autoFocus, controlSize = ControlSize.MD, }, ref) => {
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_RANGE_BIGDECIMAL });
     // Get constraints from schema — merge bigdecimal constraints with range metadata
     const rangeMetadata = getRangeMetadata(schema);
@@ -25,9 +25,13 @@ export const FormFieldRangeBigDecimal_Preset_Default = React.forwardRef(({ schem
     const step = precision !== undefined ? `0.${'0'.repeat(Math.max(0, precision - 1))}1` : 'any';
     // Internal state for uncontrolled mode
     const [internalValue, setInternalValue] = React.useState(defaultValue ?? { from: undefined, to: undefined });
-    // Determine if controlled
-    const isControlled = controlledValue !== undefined;
-    const currentValue = isControlled ? controlledValue : internalValue;
+    // Controlled ⇔ the caller supplied a change handler (or a defined value).
+    // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;
+    // deciding by value alone routed user input into internal state and never
+    // called `onChange`, so form state silently stayed empty (`internalValue`
+    // doubles as the stable empty-display fallback while controlled-empty).
+    const isControlled = onChange !== undefined || controlledValue !== undefined;
+    const currentValue = controlledValue ?? internalValue;
     // Range inversion check: from > to (compare as parsed floats)
     const isRangeInverted = React.useMemo(() => {
         if (currentValue.from == null || currentValue.to == null)
@@ -68,7 +72,9 @@ export const FormFieldRangeBigDecimal_Preset_Default = React.forwardRef(({ schem
     const fieldId = name ?? 'range-bigdecimal-field';
     const fromId = `${fieldId}-from`;
     const toId = `${fieldId}-to`;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { htmlFor: fromId, className: "sr-only", children: fromLabel }), _jsx(InputRoot, { ref: ref, id: fromId, type: "text", inputMode: "decimal", value: currentValue.from ?? '', onChange: handleFromChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: fromPlaceholder, "aria-invalid": isRangeInverted, "aria-required": !fromOptional, min: min, max: max, step: step, className: "tabular-nums", autoFocus: autoFocus })] }), _jsx("span", { className: "text-muted-foreground", children: "\u2014" }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { htmlFor: toId, className: "sr-only", children: toLabel }), _jsx(InputRoot, { id: toId, type: "text", inputMode: "decimal", value: currentValue.to ?? '', onChange: handleToChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: toPlaceholder, "aria-invalid": isRangeInverted, "aria-required": !toOptional, min: min, max: max, step: step, className: "tabular-nums" })] })] }), isRangeInverted && (_jsx("p", { className: "text-destructive text-sm", role: "alert", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'rangeFromMustBeLessThanTo') }))] }));
+    if (!isReady)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center gap-element", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { htmlFor: fromId, className: "sr-only", children: fromLabel }), _jsx(InputRoot, { ref: ref, id: fromId, type: "text", inputMode: "decimal", value: currentValue.from ?? '', onChange: handleFromChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: fromPlaceholder, "aria-invalid": isRangeInverted, "aria-required": !fromOptional, min: min, max: max, step: step, className: "tabular-nums", autoFocus: autoFocus, controlSize: controlSize })] }), _jsx("span", { className: "text-muted-foreground", children: "\u2014" }), _jsxs("div", { className: "flex-1", children: [_jsx("label", { htmlFor: toId, className: "sr-only", children: toLabel }), _jsx(InputRoot, { id: toId, type: "text", inputMode: "decimal", value: currentValue.to ?? '', onChange: handleToChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: toPlaceholder, "aria-invalid": isRangeInverted, "aria-required": !toOptional, min: min, max: max, step: step, className: "tabular-nums", controlSize: controlSize })] })] }), isRangeInverted && (_jsx("p", { className: "text-destructive text-sm", role: "alert", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'rangeFromMustBeLessThanTo') }))] }));
 });
 // --- Wrapper ---
 export const FormFieldRangeBigDecimal = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
@@ -76,4 +82,4 @@ export const FormFieldRangeBigDecimal = forwardRef(({ preset = CorePresetNames.D
     return _jsx(Component, { ...props, ref: ref });
 });
 FormFieldRangeBigDecimal.displayName = 'FormFieldRangeBigDecimal';
-//# sourceMappingURL=form-field-range-bigdecimal.js.map
+//# sourceMappingURL=form-field-range-bigdecimal.js.map

package/dist/esm/components/form/fields/form-field-range-bigdecimal.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field-range-bigdecimal.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-range-bigdecimal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-field-range-bigdecimal.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-range-bigdecimal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport {\n  BigDecimalValue,\n  getBigDecimalConstraints,\n  getRangeMetadata,\n} from \"@wildo-ai/zod-decorators\"\nimport { InputRoot } from \"~wildo-frontend-lib/components/form/controls/input\"\n\nimport { ControlSize, CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport type { ControlBaseProps } from '~wildo-frontend-lib/components/form/form-field-types'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { createComponentResolverWithRef } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\n\n// --- Contract ---\nexport interface RangeBigDecimalValue {\n  from?: BigDecimalValue\n  to?: BigDecimalValue\n}\n\nexport interface FormFieldRangeBigDecimalProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {\n  value?: RangeBigDecimalValue\n  onChange?: (value: RangeBigDecimalValue) => void\n  defaultValue?: RangeBigDecimalValue\n  /** Placeholder for 'from' input */\n  fromPlaceholder?: string\n  /** Placeholder for 'to' input */\n  toPlaceholder?: string\n  /** Label for 'from' input */\n  fromLabel?: string\n  /** Label for 'to' input */\n  toLabel?: string\n}\n\nexport type FormFieldRangeBigDecimalRef = HTMLInputElement\n\n/**\n * FormFieldRangeBigDecimal component\n *\n * Renders two inputs for entering a bigdecimal range (from/to)\n */\nexport const FormFieldRangeBigDecimal_Preset_Default = React.forwardRef<FormFieldRangeBigDecimalRef, FormFieldRangeBigDecimalProps>(\n  ({\n  schema,\n  name,\n  disabled,\n  readOnly,\n  className,\n  value: controlledValue,\n  onChange,\n  onBlur,\n  defaultValue,\n  validationMode: validationModeProp,\n  fromPlaceholder = 'From',\n  toPlaceholder = 'To',\n  fromLabel = 'From',\n  toLabel = 'To',\n  required,\n  autoFocus,\n  controlSize = ControlSize.MD,\n}, ref): React.JSX.Element | null => {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_RANGE_BIGDECIMAL })\n\n  // Get constraints from schema — merge bigdecimal constraints with range metadata\n  const rangeMetadata = getRangeMetadata(schema)\n  const constraints = getBigDecimalConstraints(schema)\n  const min = constraints.min ?? rangeMetadata?.min as string | undefined\n  const max = constraints.max ?? rangeMetadata?.max as string | undefined\n  const precision = constraints.precision\n\n  // Range optionality — controls whether from/to are required\n  const fromOptional = rangeMetadata?.fromOptional ?? true\n  const toOptional = rangeMetadata?.toOptional ?? true\n\n  // Compute step from precision for input hint\n  const step = precision !== undefined ? `0.${'0'.repeat(Math.max(0, precision - 1))}1` : 'any'\n\n  // Internal state for uncontrolled mode\n  const [internalValue, setInternalValue] = React.useState<RangeBigDecimalValue>(\n    defaultValue ?? { from: undefined, to: undefined }\n  )\n\n  // Controlled ⇔ the caller supplied a change handler (or a defined value).\n  // An RHF-controlled value is legitimately `undefined` on CREATE surfaces;\n  // deciding by value alone routed user input into internal state and never\n  // called `onChange`, so form state silently stayed empty (`internalValue`\n  // doubles as the stable empty-display fallback while controlled-empty).\n  const isControlled = onChange !== undefined || controlledValue !== undefined\n  const currentValue = controlledValue ?? internalValue\n\n  // Range inversion check: from > to (compare as parsed floats)\n  const isRangeInverted = React.useMemo(() => {\n    if (currentValue.from == null || currentValue.to == null) return false\n    const fromNum = parseFloat(currentValue.from)\n    const toNum = parseFloat(currentValue.to)\n    if (isNaN(fromNum) || isNaN(toNum)) return false\n    return fromNum > toNum\n  }, [currentValue.from, currentValue.to])\n\n  // Handle from change - validation is handled by parent FormField via RHF\n  const handleFromChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newFrom = e.target.value || undefined\n    const newValue = { ...currentValue, from: newFrom }\n\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange, currentValue])\n\n  // Handle to change - validation is handled by parent FormField via RHF\n  const handleToChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const newTo = e.target.value || undefined\n    const newValue = { ...currentValue, to: newTo }\n\n    if (isControlled) {\n      onChange?.(newValue)\n    } else {\n      setInternalValue(newValue)\n    }\n  }, [isControlled, onChange, currentValue])\n\n  // Handle blur - validation is handled by parent FormField via RHF\n  const handleBlur = React.useCallback(() => {\n    onBlur?.()\n  }, [onBlur])\n\n  // IDs for accessibility\n  const fieldId = name ?? 'range-bigdecimal-field'\n  const fromId = `${fieldId}-from`\n  const toId = `${fieldId}-to`\n\n  if (!isReady) return null\n\n  return (\n    <>\n      <div className=\"flex items-center gap-element\">\n        <div className=\"flex-1\">\n          <label htmlFor={fromId} className=\"sr-only\">{fromLabel}</label>\n          <InputRoot\n            ref={ref}\n            id={fromId}\n            type=\"text\"\n            inputMode=\"decimal\"\n            value={currentValue.from ?? ''}\n            onChange={handleFromChange}\n            onBlur={handleBlur}\n            disabled={disabled}\n            readOnly={readOnly}\n            placeholder={fromPlaceholder}\n            aria-invalid={isRangeInverted}\n            aria-required={!fromOptional}\n            min={min}\n            max={max}\n            step={step}\n            className=\"tabular-nums\"\n            autoFocus={autoFocus}\n            controlSize={controlSize}\n          />\n        </div>\n\n        <span className=\"text-muted-foreground\">—</span>\n\n        <div className=\"flex-1\">\n          <label htmlFor={toId} className=\"sr-only\">{toLabel}</label>\n          <InputRoot\n            id={toId}\n            type=\"text\"\n            inputMode=\"decimal\"\n            value={currentValue.to ?? ''}\n            onChange={handleToChange}\n            onBlur={handleBlur}\n            disabled={disabled}\n            readOnly={readOnly}\n            placeholder={toPlaceholder}\n            aria-invalid={isRangeInverted}\n            aria-required={!toOptional}\n            min={min}\n            max={max}\n            step={step}\n            className=\"tabular-nums\"\n            controlSize={controlSize}\n          />\n        </div>\n      </div>\n\n      {isRangeInverted && (\n        <p className=\"text-destructive text-sm\" role=\"alert\">\n          {tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'rangeFromMustBeLessThanTo')}\n        </p>\n      )}\n    </>\n  )\n})\n\n// --- Wrapper ---\nexport const FormFieldRangeBigDecimal = forwardRef<FormFieldRangeBigDecimalRef, FormFieldRangeBigDecimalProps & ComponentPresetProps>(\n  ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n    const Component = createComponentResolverWithRef<FormFieldRangeBigDecimalProps, FormFieldRangeBigDecimalRef>(\n      FrontendComponentType.LOW_LEVEL_FORM_FIELD_RANGE_BIGDECIMAL,\n      'FormFieldRangeBigDecimal'\n    )(preset)\n    return <Component {...props} ref={ref} />\n  }\n)\nFormFieldRangeBigDecimal.displayName = 'FormFieldRangeBigDecimal'\n"]}

package/dist/esm/components/form/fields/form-field-range-bigdecimal.labels.d.ts

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const LowLevelFormFieldRangeBigdecimalLabels: LabellingUnitaryDef[];
+//# sourceMappingURL=form-field-range-bigdecimal.labels.d.ts.map

package/dist/esm/components/form/fields/form-field-range-bigdecimal.labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-range-bigdecimal.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-range-bigdecimal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,sCAAsC,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/form/fields/form-field-range-bigdecimal.labels.js

@@ -0,0 +1,7 @@
+import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const LowLevelFormFieldRangeBigdecimalLabels = [];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_RANGE_BIGDECIMAL, LowLevelFormFieldRangeBigdecimalLabels);
+//# sourceMappingURL=form-field-range-bigdecimal.labels.js.map

package/dist/esm/components/form/fields/form-field-range-bigdecimal.labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-range-bigdecimal.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-range-bigdecimal.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE/H,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,sCAAsC,GAA0B,EAAE,CAAC;AAChF,uBAAuB,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,sCAAsC,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const LowLevelFormFieldRangeBigdecimalLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_RANGE_BIGDECIMAL, LowLevelFormFieldRangeBigdecimalLabels);\n"]}

package/dist/esm/components/form/fields/form-field-range-date.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
-import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas';
+import type { ControlBaseProps } from '../../../components/form/form-field-types';
 export interface FormFieldRangeDateProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
     value?: {
         from?: Date;