npm - @wildo-ai/saas-frontend-lib - Versions diffs - 1.1.9 → 1.1.11 - Mend

@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1566) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-bigdecimal.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-bigdecimal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FormFieldBigDecimal Component\n \n Renders a bigdecimal form field based on the bigdecimal display policy decorator.\n * Supports the same edit modes as numbers: input, slider, stepper\n * Stores values as strings for precise decimal representation.\n * Chrome (label, description, error, autosave indicator) is rendered\n * externally by FormFieldChrome.\n /\n\nimport React, { forwardRef } from 'react'\nimport Big from \"big.js\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { IconSize, StandardIconReference } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { InputRoot } from \"~wildo-frontend-lib/components/form/controls/input\"\nimport { SliderRoot } from \"~wildo-frontend-lib/components/form/controls/number/slider\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\nimport { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport {\n getNumberUI,\n getBigDecimalConstraints,\n getBigDecimalUI,\n BigDecimalValue,\n NumberEditMode,\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 FormFieldBigDecimalProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: BigDecimalValue\n onChange?: (value: BigDecimalValue) => void\n defaultValue?: BigDecimalValue\n placeholder?: string\n step?: string\n min?: string\n max?: string\n}\n\nexport type FormFieldBigDecimalRef = HTMLInputElement \| HTMLDivElement\n\n/\n FormFieldBigDecimal component\n \n Renders a bigdecimal field according to the edit policy\n /\nexport const FormFieldBigDecimal_Preset_Default = React.forwardRef<FormFieldBigDecimalRef, FormFieldBigDecimalProps>(\n ({\n schema,\n name,\n disabled,\n readOnly,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n validationMode: validationModeProp,\n placeholder,\n step: stepProp,\n min: minProp,\n max: maxProp,\n required,\n autoFocus,\n controlSize = ControlSize.MD,\n}, ref): React.JSX.Element => {\n const { formatNumber, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BIGDECIMAL,\n })\n const { renderIcon } = useIconRegistry()\n const stepperButtonSize = controlSize === ControlSize.SM ? ButtonSize.ICON_SM : ButtonSize.ICON\n\n const bigDecimalUI = getBigDecimalUI(schema)\n const numberUI = getNumberUI(schema)\n const editMode = bigDecimalUI?.edit?.editMode ?? numberUI?.edit?.editMode ?? NumberEditMode.INPUT\n\n // Get constraints from schema metadata\n const constraints = getBigDecimalConstraints(schema)\n const min = minProp ?? constraints.min\n const max = maxProp ?? constraints.max\n const precision = constraints.precision\n // Calculate step using Big.js for precision: 1 / 10^precision (e.g., precision=2 -> step=0.01)\n const step = stepProp ?? (precision !== undefined ? new Big(1).div(new Big(10).pow(precision)).toString() : '1')\n\n const metadataDefaultValue = getBigDecimalUI(schema)?.edit?.defaultValue\n\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = React.useState<BigDecimalValue>(defaultValue ?? metadataDefaultValue ?? '0')\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 // Convert string value to number for slider (with precision limits)\n const numericValue = React.useMemo(() => {\n try {\n return parseFloat(currentValue)\n } catch {\n return 0\n }\n }, [currentValue])\n\n // Handle value change - validation is handled by parent FormField via RHF\n const handleChange = React.useCallback((newValue: BigDecimalValue) => {\n if (isControlled) {\n onChange?.(newValue)\n } else {\n setInternalValue(newValue)\n }\n }, [isControlled, onChange])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // Handle input change for string input\n const handleInputChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value\n\n // Allow empty, partial numbers, negative sign, and decimal point during typing\n if (inputValue === '' \|\| inputValue === '-' \|\| inputValue === '.' \|\| inputValue === '-.') {\n if (isControlled) {\n onChange?.(inputValue)\n } else {\n setInternalValue(inputValue)\n }\n return\n }\n\n // Validate it's a valid number format using Big.js\n try {\n // Try to parse as Big to validate format\n new Big(inputValue)\n handleChange(inputValue)\n } catch {\n // If invalid, allow partial input for better UX\n // This allows typing \"1.\" before adding more decimals\n if (/^-?\\d\\.?\\d*$/.test(inputValue)) {\n if (isControlled) {\n onChange?.(inputValue)\n } else {\n setInternalValue(inputValue)\n }\n }\n }\n }, [isControlled, onChange, handleChange])\n\n // Stepper handlers using Big.js for precision\n const handleIncrement = () => {\n try {\n const current = new Big(currentValue \|\| '0')\n const stepValue = new Big(step)\n const newValue = current.plus(stepValue)\n\n if (max === undefined \|\| newValue.lte(new Big(max))) {\n handleChange(newValue.toString())\n }\n } catch {\n // If current value is invalid, start from step\n handleChange(step)\n }\n }\n\n const handleDecrement = () => {\n try {\n const current = new Big(currentValue \|\| '0')\n const stepValue = new Big(step)\n const newValue = current.minus(stepValue)\n\n if (min === undefined \|\| newValue.gte(new Big(min))) {\n handleChange(newValue.toString())\n }\n } catch {\n // If current value is invalid, start from negative step\n handleChange(new Big(step).neg().toString())\n }\n }\n\n // Handle slider change (converts number to string)\n const handleSliderChange = React.useCallback((values: number[]) => {\n const value = values[0]\n // Round to precision if specified\n if (precision !== undefined) {\n handleChange(value.toFixed(precision))\n } else {\n handleChange(value.toString())\n }\n }, [handleChange, precision])\n\n // Render based on edit mode\n switch (editMode) {\n case NumberEditMode.INPUT:\n return (\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={name}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder}\n className={cn(\"tabular-nums\", className)}\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n )\n\n case NumberEditMode.SLIDER:\n const sliderMin = min ? parseFloat(min) : 0\n const sliderMax = max ? parseFloat(max) : 100\n const sliderStep = parseFloat(step)\n\n return (\n <div ref={ref as React.Ref<HTMLDivElement>} className={cn(\"flex items-center gap-field\", className)}>\n <SliderRoot\n value={[numericValue]}\n onValueChange={handleSliderChange}\n onValueCommit={() => handleBlur()}\n min={sliderMin}\n max={sliderMax}\n step={sliderStep}\n disabled={disabled}\n className=\"flex-1\"\n controlSize={controlSize}\n />\n <span className=\"min-w-[4rem] text-end text-sm tabular-nums\">\n {formatNumber(numericValue)}\n </span>\n </div>\n )\n\n case NumberEditMode.STEPPER:\n const fieldId = name ?? 'stepper-field'\n // Use Big.js for precise min/max boundary checks\n const isAtMin = min !== undefined && (() => {\n try {\n return new Big(currentValue \|\| '0').lte(new Big(min))\n } catch {\n return false\n }\n })()\n const isAtMax = max !== undefined && (() => {\n try {\n return new Big(currentValue \|\| '0').gte(new Big(max))\n } catch {\n return false\n }\n })()\n\n return (\n <div className={cn(\"flex items-center gap-element\", className)}>\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={stepperButtonSize}\n onClick={handleDecrement}\n disabled={disabled \|\| readOnly \|\| isAtMin}\n >\n {renderIcon(StandardIconReference.MINUS, { size: IconSize.SM })}\n </Button>\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={fieldId}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n className=\"w-24 text-center tabular-nums\"\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={stepperButtonSize}\n onClick={handleIncrement}\n disabled={disabled \|\| readOnly \|\| isAtMax}\n >\n {renderIcon(StandardIconReference.PLUS, { size: IconSize.SM })}\n </Button>\n </div>\n )\n\n default:\n return (\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={name}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder}\n className={cn(\"tabular-nums\", className)}\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n )\n }\n})\n\n// --- Wrapper ---\nexport const FormFieldBigDecimal = forwardRef<FormFieldBigDecimalRef, FormFieldBigDecimalProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldBigDecimalProps, FormFieldBigDecimalRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_BIGDECIMAL,\n 'FormFieldBigDecimal'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldBigDecimal.displayName = 'FormFieldBigDecimal'\n"]}
1	+ {"version":3,"file":"form-field-bigdecimal.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-bigdecimal.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FormFieldBigDecimal Component\n \n Renders a bigdecimal form field based on the bigdecimal display policy decorator.\n * Supports the same edit modes as numbers: input, slider, stepper\n * Stores values as strings for precise decimal representation.\n * Chrome (label, description, error, autosave indicator) is rendered\n * externally by FormFieldChrome.\n /\n\nimport React, { forwardRef } from 'react'\nimport Big from \"big.js\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { IconSize, StandardIconReference } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { InputRoot } from \"~wildo-frontend-lib/components/form/controls/input\"\nimport { SliderRoot } from \"~wildo-frontend-lib/components/form/controls/number/slider\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\nimport { ButtonSize, ControlSize, CorePresetNames, FrontendComponentType, isControlledByCaller } from \"@wildo-ai/presets-components-models\"\nimport {\n getNumberUI,\n getBigDecimalConstraints,\n getBigDecimalUI,\n BigDecimalValue,\n NumberEditMode,\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 FormFieldBigDecimalProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: BigDecimalValue\n onChange?: (value: BigDecimalValue) => void\n defaultValue?: BigDecimalValue\n placeholder?: string\n step?: string\n min?: string\n max?: string\n}\n\nexport type FormFieldBigDecimalRef = HTMLInputElement \| HTMLDivElement\n\n/\n FormFieldBigDecimal component\n \n Renders a bigdecimal field according to the edit policy\n /\nexport const FormFieldBigDecimal_Preset_Default = React.forwardRef<FormFieldBigDecimalRef, FormFieldBigDecimalProps>(\n ({\n schema,\n name,\n disabled,\n readOnly,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n validationMode: validationModeProp,\n placeholder,\n step: stepProp,\n min: minProp,\n max: maxProp,\n required,\n autoFocus,\n controlSize = ControlSize.MD,\n}, ref): React.JSX.Element => {\n const { formatNumber, isReady } = useI18n({\n component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BIGDECIMAL,\n })\n const { renderIcon } = useIconRegistry()\n const stepperButtonSize = controlSize === ControlSize.SM ? ButtonSize.ICON_SM : ButtonSize.ICON\n\n const bigDecimalUI = getBigDecimalUI(schema)\n const numberUI = getNumberUI(schema)\n const editMode = bigDecimalUI?.edit?.editMode ?? numberUI?.edit?.editMode ?? NumberEditMode.INPUT\n\n // Get constraints from schema metadata\n const constraints = getBigDecimalConstraints(schema)\n const min = minProp ?? constraints.min\n const max = maxProp ?? constraints.max\n const precision = constraints.precision\n // Calculate step using Big.js for precision: 1 / 10^precision (e.g., precision=2 -> step=0.01)\n const step = stepProp ?? (precision !== undefined ? new Big(1).div(new Big(10).pow(precision)).toString() : '1')\n\n const metadataDefaultValue = getBigDecimalUI(schema)?.edit?.defaultValue\n\n // Internal state for uncontrolled mode\n const [internalValue, setInternalValue] = React.useState<BigDecimalValue>(defaultValue ?? metadataDefaultValue ?? '0')\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 = isControlledByCaller(controlledValue, onChange)\n const currentValue = controlledValue ?? internalValue\n\n // Convert string value to number for slider (with precision limits)\n const numericValue = React.useMemo(() => {\n try {\n return parseFloat(currentValue)\n } catch {\n return 0\n }\n }, [currentValue])\n\n // Handle value change - validation is handled by parent FormField via RHF\n const handleChange = React.useCallback((newValue: BigDecimalValue) => {\n if (isControlled) {\n onChange?.(newValue)\n } else {\n setInternalValue(newValue)\n }\n }, [isControlled, onChange])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // Handle input change for string input\n const handleInputChange = React.useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value\n\n // Allow empty, partial numbers, negative sign, and decimal point during typing\n if (inputValue === '' \|\| inputValue === '-' \|\| inputValue === '.' \|\| inputValue === '-.') {\n if (isControlled) {\n onChange?.(inputValue)\n } else {\n setInternalValue(inputValue)\n }\n return\n }\n\n // Validate it's a valid number format using Big.js\n try {\n // Try to parse as Big to validate format\n new Big(inputValue)\n handleChange(inputValue)\n } catch {\n // If invalid, allow partial input for better UX\n // This allows typing \"1.\" before adding more decimals\n if (/^-?\\d\\.?\\d*$/.test(inputValue)) {\n if (isControlled) {\n onChange?.(inputValue)\n } else {\n setInternalValue(inputValue)\n }\n }\n }\n }, [isControlled, onChange, handleChange])\n\n // Stepper handlers using Big.js for precision\n const handleIncrement = () => {\n try {\n const current = new Big(currentValue \|\| '0')\n const stepValue = new Big(step)\n const newValue = current.plus(stepValue)\n\n if (max === undefined \|\| newValue.lte(new Big(max))) {\n handleChange(newValue.toString())\n }\n } catch {\n // If current value is invalid, start from step\n handleChange(step)\n }\n }\n\n const handleDecrement = () => {\n try {\n const current = new Big(currentValue \|\| '0')\n const stepValue = new Big(step)\n const newValue = current.minus(stepValue)\n\n if (min === undefined \|\| newValue.gte(new Big(min))) {\n handleChange(newValue.toString())\n }\n } catch {\n // If current value is invalid, start from negative step\n handleChange(new Big(step).neg().toString())\n }\n }\n\n // Handle slider change (converts number to string)\n const handleSliderChange = React.useCallback((values: number[]) => {\n const value = values[0]\n // Round to precision if specified\n if (precision !== undefined) {\n handleChange(value.toFixed(precision))\n } else {\n handleChange(value.toString())\n }\n }, [handleChange, precision])\n\n // Render based on edit mode\n switch (editMode) {\n case NumberEditMode.INPUT:\n return (\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={name}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder}\n className={cn(\"tabular-nums\", className)}\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n )\n\n case NumberEditMode.SLIDER:\n const sliderMin = min ? parseFloat(min) : 0\n const sliderMax = max ? parseFloat(max) : 100\n const sliderStep = parseFloat(step)\n\n return (\n <div ref={ref as React.Ref<HTMLDivElement>} className={cn(\"flex items-center gap-field\", className)}>\n <SliderRoot\n value={[numericValue]}\n onValueChange={handleSliderChange}\n onValueCommit={() => handleBlur()}\n min={sliderMin}\n max={sliderMax}\n step={sliderStep}\n disabled={disabled}\n className=\"flex-1\"\n controlSize={controlSize}\n />\n <span className=\"min-w-[4rem] text-end text-sm tabular-nums\">\n {formatNumber(numericValue)}\n </span>\n </div>\n )\n\n case NumberEditMode.STEPPER:\n const fieldId = name ?? 'stepper-field'\n // Use Big.js for precise min/max boundary checks\n const isAtMin = min !== undefined && (() => {\n try {\n return new Big(currentValue \|\| '0').lte(new Big(min))\n } catch {\n return false\n }\n })()\n const isAtMax = max !== undefined && (() => {\n try {\n return new Big(currentValue \|\| '0').gte(new Big(max))\n } catch {\n return false\n }\n })()\n\n return (\n <div className={cn(\"flex items-center gap-element\", className)}>\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={stepperButtonSize}\n onClick={handleDecrement}\n disabled={disabled \|\| readOnly \|\| isAtMin}\n >\n {renderIcon(StandardIconReference.MINUS, { size: IconSize.SM })}\n </Button>\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={fieldId}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n className=\"w-24 text-center tabular-nums\"\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n <Button\n type=\"button\"\n variant={ButtonVariants_Variant.OUTLINE}\n size={stepperButtonSize}\n onClick={handleIncrement}\n disabled={disabled \|\| readOnly \|\| isAtMax}\n >\n {renderIcon(StandardIconReference.PLUS, { size: IconSize.SM })}\n </Button>\n </div>\n )\n\n default:\n return (\n <InputRoot\n ref={ref as React.Ref<HTMLInputElement>}\n id={name}\n type=\"text\"\n inputMode=\"decimal\"\n value={currentValue}\n onChange={handleInputChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder}\n className={cn(\"tabular-nums\", className)}\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n )\n }\n})\n\n// --- Wrapper ---\nexport const FormFieldBigDecimal = forwardRef<FormFieldBigDecimalRef, FormFieldBigDecimalProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldBigDecimalProps, FormFieldBigDecimalRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_BIGDECIMAL,\n 'FormFieldBigDecimal'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldBigDecimal.displayName = 'FormFieldBigDecimal'\n"]}

package/dist/esm/components/form/fields/form-field-boolean.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { ToggleGroupBoolean } from "../../../components/form/controls/boolean/to
 import { RadioGroup } from "../../../components/form/controls/enum/radio.js";
 import { useI18n } from "../../../core/i18n/useI18n.js";
 import { getBooleanUI, resolveBooleanEditMode, BooleanEditMode } from "@wildo-ai/zod-decorators";
-import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 /**
  * FormFieldBoolean component
@@ -33,7 +33,7 @@ export const FormFieldBoolean_Preset_Default = React.forwardRef(({ schema, name,
     // deciding by value alone routed user input into internal state and never
     // called `onCheckedChange`, so form state silently stayed empty
     // (`internalChecked` doubles as the stable fallback while controlled-empty).
-    const isControlled = onCheckedChange !== undefined || controlledChecked !== undefined;
+    const isControlled = isControlledByCaller(controlledChecked, onCheckedChange);
     const currentChecked = controlledChecked ?? internalChecked;
     // Handle checked change - validation is handled by parent FormField via RHF
     const handleCheckedChange = React.useCallback((checked) => {

package/dist/esm/components/form/fields/form-field-boolean.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-boolean.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-boolean.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Switch } from \"~wildo-frontend-lib/components/form/controls/boolean/switch\"\nimport { Checkbox } from \"~wildo-frontend-lib/components/form/controls/boolean/checkbox\"\nimport { ToggleGroupBoolean } from \"~wildo-frontend-lib/components/form/controls/boolean/toggle-group-boolean\"\nimport { RadioGroup } from \"~wildo-frontend-lib/components/form/controls/enum/radio\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { getBooleanUI, resolveBooleanEditMode, BooleanEditMode } from \"@wildo-ai/zod-decorators\"\nimport type { FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\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 FormFieldBooleanProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n checked?: boolean\n onCheckedChange?: (checked: boolean) => void\n defaultChecked?: boolean\n}\n\nexport type FormFieldBooleanRef = HTMLButtonElement \| HTMLDivElement\n\n/*\n FormFieldBoolean component\n \n Renders a boolean field according to the edit policy:\n * - toggle: Uses ToggleGroupBoolean (Yes/No toggle buttons)\n * - switch: Uses Switch component\n * - checkbox: Uses Checkbox component\n * - radio: Uses RadioGroup with Yes/No options\n \n Forwards ref to Switch/Checkbox for RHF focus support.\n */\nexport const FormFieldBoolean_Preset_Default = React.forwardRef<FormFieldBooleanRef, FormFieldBooleanProps>(\n ({\n schema,\n name,\n disabled,\n readOnly,\n className,\n checked: controlledChecked,\n onCheckedChange,\n onBlur,\n defaultChecked,\n validationMode: validationModeProp,\n autoFocus,\n controlSize,\n}, ref): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN })\n\n const booleanUI = getBooleanUI(schema)\n // Resolved rather than read — see `resolveStringEditMode`'s note: both\n // `edit.editMode` and `edit.component` declare the editing shape.\n const editMode = resolveBooleanEditMode(schema)\n const labellingValue = booleanUI?.labellingValue ?? 'yes/no'\n\n // Internal state for uncontrolled mode\n const [internalChecked, setInternalChecked] = React.useState<boolean>(defaultChecked ?? false)\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 `onCheckedChange`, so form state silently stayed empty\n // (`internalChecked` doubles as the stable fallback while controlled-empty).\n const isControlled = onCheckedChange !== undefined \|\| controlledChecked !== undefined\n const currentChecked = controlledChecked ?? internalChecked\n\n // Handle checked change - validation is handled by parent FormField via RHF\n const handleCheckedChange = React.useCallback((checked: boolean) => {\n if (readOnly) return\n if (isControlled) {\n onCheckedChange?.(checked)\n } else {\n setInternalChecked(checked)\n }\n }, [isControlled, onCheckedChange, readOnly])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // Common props for all edit modes\n const commonProps = {\n schema,\n name,\n disabled,\n className,\n validationMode: validationModeProp,\n autoFocus,\n controlSize,\n }\n\n const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom'\n const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : (labellingValue as string).split('/')\n const getTrueLabel = () => isCustomLabelling ? labellingValue.trueValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, trueLabelKey!)\n const getFalseLabel = () => isCustomLabelling ? labellingValue.falseValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, falseLabelKey!)\n\n if (!isReady) return null;\n\n // Render based on edit mode\n switch (editMode) {\n case BooleanEditMode.TOGGLE:\n return (\n <ToggleGroupBoolean\n ref={ref as React.Ref<HTMLDivElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.SWITCH:\n return (\n <Switch\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.CHECKBOX:\n return (\n <Checkbox\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.RADIO:\n // RadioGroup requires string values\n const options: FieldOption<string>[] = [\n { value: 'true', label: getTrueLabel() },\n { value: 'false', label: getFalseLabel() },\n ]\n\n return (\n <RadioGroup\n ref={ref as React.Ref<HTMLDivElement>}\n {...commonProps}\n options={options}\n value={currentChecked ? 'true' : 'false'}\n onValueChange={(val) => handleCheckedChange(val === 'true')}\n onBlur={handleBlur}\n />\n )\n\n default:\n // Default to switch\n return (\n <Switch\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n }\n})\n\n// --- Wrapper ---\nexport const FormFieldBoolean = forwardRef<FormFieldBooleanRef, FormFieldBooleanProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldBooleanProps, FormFieldBooleanRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN,\n 'FormFieldBoolean'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldBoolean.displayName = 'FormFieldBoolean'\n"]}
1	+ {"version":3,"file":"form-field-boolean.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-boolean.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Switch } from \"~wildo-frontend-lib/components/form/controls/boolean/switch\"\nimport { Checkbox } from \"~wildo-frontend-lib/components/form/controls/boolean/checkbox\"\nimport { ToggleGroupBoolean } from \"~wildo-frontend-lib/components/form/controls/boolean/toggle-group-boolean\"\nimport { RadioGroup } from \"~wildo-frontend-lib/components/form/controls/enum/radio\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { getBooleanUI, resolveBooleanEditMode, BooleanEditMode } from \"@wildo-ai/zod-decorators\"\nimport type { FieldOption } from '~wildo-frontend-lib/components/form/form-field-types'\n\nimport { CorePresetNames, FrontendComponentType, isControlledByCaller } from '@wildo-ai/presets-components-models'\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 FormFieldBooleanProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n checked?: boolean\n onCheckedChange?: (checked: boolean) => void\n defaultChecked?: boolean\n}\n\nexport type FormFieldBooleanRef = HTMLButtonElement \| HTMLDivElement\n\n/*\n FormFieldBoolean component\n \n Renders a boolean field according to the edit policy:\n * - toggle: Uses ToggleGroupBoolean (Yes/No toggle buttons)\n * - switch: Uses Switch component\n * - checkbox: Uses Checkbox component\n * - radio: Uses RadioGroup with Yes/No options\n \n Forwards ref to Switch/Checkbox for RHF focus support.\n */\nexport const FormFieldBoolean_Preset_Default = React.forwardRef<FormFieldBooleanRef, FormFieldBooleanProps>(\n ({\n schema,\n name,\n disabled,\n readOnly,\n className,\n checked: controlledChecked,\n onCheckedChange,\n onBlur,\n defaultChecked,\n validationMode: validationModeProp,\n autoFocus,\n controlSize,\n}, ref): React.JSX.Element \| null => {\n const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN })\n\n const booleanUI = getBooleanUI(schema)\n // Resolved rather than read — see `resolveStringEditMode`'s note: both\n // `edit.editMode` and `edit.component` declare the editing shape.\n const editMode = resolveBooleanEditMode(schema)\n const labellingValue = booleanUI?.labellingValue ?? 'yes/no'\n\n // Internal state for uncontrolled mode\n const [internalChecked, setInternalChecked] = React.useState<boolean>(defaultChecked ?? false)\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 `onCheckedChange`, so form state silently stayed empty\n // (`internalChecked` doubles as the stable fallback while controlled-empty).\n const isControlled = isControlledByCaller(controlledChecked, onCheckedChange)\n const currentChecked = controlledChecked ?? internalChecked\n\n // Handle checked change - validation is handled by parent FormField via RHF\n const handleCheckedChange = React.useCallback((checked: boolean) => {\n if (readOnly) return\n if (isControlled) {\n onCheckedChange?.(checked)\n } else {\n setInternalChecked(checked)\n }\n }, [isControlled, onCheckedChange, readOnly])\n\n // Handle blur - validation is handled by parent FormField via RHF\n const handleBlur = React.useCallback(() => {\n onBlur?.()\n }, [onBlur])\n\n // Common props for all edit modes\n const commonProps = {\n schema,\n name,\n disabled,\n className,\n validationMode: validationModeProp,\n autoFocus,\n controlSize,\n }\n\n const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom'\n const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : (labellingValue as string).split('/')\n const getTrueLabel = () => isCustomLabelling ? labellingValue.trueValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, trueLabelKey!)\n const getFalseLabel = () => isCustomLabelling ? labellingValue.falseValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, falseLabelKey!)\n\n if (!isReady) return null;\n\n // Render based on edit mode\n switch (editMode) {\n case BooleanEditMode.TOGGLE:\n return (\n <ToggleGroupBoolean\n ref={ref as React.Ref<HTMLDivElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.SWITCH:\n return (\n <Switch\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.CHECKBOX:\n return (\n <Checkbox\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n\n case BooleanEditMode.RADIO:\n // RadioGroup requires string values\n const options: FieldOption<string>[] = [\n { value: 'true', label: getTrueLabel() },\n { value: 'false', label: getFalseLabel() },\n ]\n\n return (\n <RadioGroup\n ref={ref as React.Ref<HTMLDivElement>}\n {...commonProps}\n options={options}\n value={currentChecked ? 'true' : 'false'}\n onValueChange={(val) => handleCheckedChange(val === 'true')}\n onBlur={handleBlur}\n />\n )\n\n default:\n // Default to switch\n return (\n <Switch\n ref={ref as React.Ref<HTMLButtonElement>}\n {...commonProps}\n checked={currentChecked}\n onCheckedChange={handleCheckedChange}\n onBlur={handleBlur}\n />\n )\n }\n})\n\n// --- Wrapper ---\nexport const FormFieldBoolean = forwardRef<FormFieldBooleanRef, FormFieldBooleanProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldBooleanProps, FormFieldBooleanRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN,\n 'FormFieldBoolean'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldBoolean.displayName = 'FormFieldBoolean'\n"]}

package/dist/esm/components/form/fields/form-field-code.labels.js CHANGED Viewed

@@ -7,7 +7,7 @@ export const LowLevelFormFieldCodeLabels = [
         ref: 'lineCount',
         kind: LabelKind.LABEL,
         purpose: 'Shows how many lines the code editor currently holds',
-        params: [{ key: 'count', meaning: 'number of lines in the code value' }],
+        params: [{ key: 'count', meaning: 'number of lines in the code value', isCount: true }],
     },
 ];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, LowLevelFormFieldCodeLabels);

package/dist/esm/components/form/fields/form-field-code.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-code.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-code.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE,CAAC;~~KACzE~~;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} 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 LowLevelFormFieldCodeLabels: LabellingUnitaryDef[] = [\n {\n ref: 'lineCount',\n kind: LabelKind.LABEL,\n purpose: 'Shows how many lines the code editor currently holds',\n params: [{ key: 'count', meaning: 'number of lines in the code value' }],\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, LowLevelFormFieldCodeLabels);\n"]}
1	+ {"version":3,"file":"form-field-code.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-code.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,uBAAuB,GACxB,MAAM,qCAAqC,CAAC;AAE7C,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE;QACE,GAAG,EAAE,WAAW;QAChB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,mCAAmC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KACxF;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,yBAAyB,EAAE,2BAA2B,CAAC,CAAC","sourcesContent":["import {\n FrontendComponentType,\n LabelKind,\n type LabellingUnitaryDef,\n registerComponentLabels,\n} 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 LowLevelFormFieldCodeLabels: LabellingUnitaryDef[] = [\n {\n ref: 'lineCount',\n kind: LabelKind.LABEL,\n purpose: 'Shows how many lines the code editor currently holds',\n params: [{ key: 'count', meaning: 'number of lines in the code value', isCount: true }],\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, LowLevelFormFieldCodeLabels);\n"]}

package/dist/esm/components/form/fields/form-field-date.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-date.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;~~AAOzC~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEnE,eAAO,MAAM,4BAA4B,~~6FAqBvC~~,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}
1	+ {"version":3,"file":"form-field-date.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAQzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEnE,eAAO,MAAM,4BAA4B,6FAyBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}

package/dist/esm/components/form/fields/form-field-date.js CHANGED Viewed

@@ -3,19 +3,24 @@ import React, { forwardRef } from 'react';
 import { DatePicker } from "../../../components/form/controls/date-time/datepicker.js";
 import { useI18n } from "../../../core/i18n/useI18n.js";
 import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { isCalendarDateSchema } from '@wildo-ai/zod-decorators';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 export const FormFieldDate_Preset_Default = React.forwardRef((controlProps, ref) => {
-    const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE });
-    // Build a display formatter function for the DatePicker control.
-    // The DatePicker uses date-fns format() internally with a dateFormat string,
-    // but we override via the regional preferences DateFormat enum.
-    // `regionalPreferences` is null until the i18n bundle resolves (`isReady`),
-    // so optional-chain it — a date field rendered on that first pass otherwise
-    // throws `Cannot read properties of null (reading 'dateFormat')` and crashes
-    // the whole form. `undefined` lets the DatePicker fall back to its default
-    // format for that beat; the real preference applies on the next render.
-    const dateFormat = regionalPreferences?.dateFormat;
-    return (_jsx(DatePicker, { ref: ref, ...controlProps, dateFormat: dateFormat }));
+    const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE });
+    // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the
+    // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no
+    // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).
+    // The reader's date format, which the DatePicker writes the picked day in, in the reader's locale (#2442).
+    // The preferences may be absent until the i18n bundle resolves (`isReady`), so optional-chain it — a date field
+    // rendered on that first pass otherwise throws `Cannot read properties of null (reading 'dateFormat')` and
+    // crashes the whole form. `undefined` makes the DatePicker read the same resolved preference itself.
+    const dateFormat = resolvedRegionalPreferences?.dateFormat;
+    return (_jsx(DatePicker, { ref: ref, ...controlProps, dateFormat: dateFormat,
+        // A field declaring a calendar day is picked and stored as that day, the same for every reader (#2180).
+        calendarDate: controlProps.schema ? isCalendarDateSchema(controlProps.schema) : false,
+        // The reader's resolved zone: an instant is shown and picked as the day it reads there (#2454), and a
+        // calendar date's picker marks today there, the today its relative words use (#2180).
+        timeZone: resolvedRegionalPreferences?.timezone }));
 });
 // --- Wrapper ---
 export const FormFieldDate = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {

package/dist/esm/components/form/fields/form-field-date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAwB,MAAM,mEAAmE,CAAA;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAgBhI,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,YAAY,EAAE,GAAG,EAAqB,EAAE;IACzC,MAAM,EAAE,~~mBAAmB~~,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;~~IAEhH~~,~~iEAAiE~~;~~IACjE,6EAA6E~~;~~IAC7E~~,~~gEAAgE~~;~~IAChE~~,~~4EAA4E~~;~~IAC5E~~,~~4EAA4E~~;~~IAC5E~~,~~6EAA6E~~;~~IAC7E~~,~~2EAA2E~~;~~IAC3E~~,~~wEAAwE;IACxE,~~MAAM,UAAU,GAAG,~~mBAAmB~~,EAAE,UAAU,CAAA;~~IAElD~~,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,YAAgC,EACrC,UAAU,EAAE,UAAU,~~GACtB~~,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DatePicker, type DatePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datepicker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\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 FormFieldDateProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: Date\n onChange?: (value: Date \| undefined) => void\n defaultValue?: Date\n placeholder?: string\n minDate?: Date\n maxDate?: Date\n}\n\nexport type FormFieldDateRef = HTMLInputElement \| HTMLButtonElement\n\nexport const FormFieldDate_Preset_Default = React.forwardRef<FormFieldDateRef, FormFieldDateProps>(\n (controlProps, ref): React.JSX.Element => {\n const { ~~regionalPreferences~~, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE })\n\n // ~~Build~~ a ~~display~~ ~~formatter~~ ~~function~~ ~~for~~ the ~~DatePicker~~ ~~control.\~~n // The ~~DatePicker~~ ~~uses~~ ~~date-fns~~ ~~format()~~ ~~internally~~ with a ~~dateFormat~~ ~~string,\~~n // ~~but~~ we ~~override~~ ~~via~~ the ~~regional~~ ~~preferences~~ ~~DateFormat~~ ~~enum~~.\n // ~~`regionalPreferences`~~ is ~~null~~ until the i18n bundle resolves (`isReady`)~~,\n //~~ so optional-chain it — a date field rendered on that first pass otherwise~~\n //~~ throws `Cannot read properties of null (reading 'dateFormat')` and ~~crashes~~\n // the whole form. `undefined` ~~lets~~ the DatePicker ~~fall~~ ~~back~~ to ~~its~~ ~~default\n // format for that beat; the real~~ preference ~~applies on the next render~~.\n const dateFormat = ~~regionalPreferences~~?.dateFormat\n\n return (\n <DatePicker\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(controlProps as DatePickerProps)}\n dateFormat={dateFormat}\n />\n )\n})\n\n// --- Wrapper ---\nexport const FormFieldDate = forwardRef<FormFieldDateRef, FormFieldDateProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDateProps, FormFieldDateRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE,\n 'FormFieldDate'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldDate.displayName = 'FormFieldDate'\n"]}
1	+ {"version":3,"file":"form-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAwB,MAAM,mEAAmE,CAAA;AACpH,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAgBhI,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,UAAU,CAC1D,CAAC,YAAY,EAAE,GAAG,EAAqB,EAAE;IACzC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,CAAC,CAAA;IACxH,2GAA2G;IAC3G,+GAA+G;IAC/G,yGAAyG;IAEzG,2GAA2G;IAC3G,gHAAgH;IAChH,2GAA2G;IAC3G,qGAAqG;IACrG,MAAM,UAAU,GAAG,2BAA2B,EAAE,UAAU,CAAA;IAE1D,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,GAAmC,KACnC,YAAgC,EACrC,UAAU,EAAE,UAAU;QACtB,wGAAwG;QACxG,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;QACrF,sGAAsG;QACtG,sFAAsF;QACtF,QAAQ,EAAE,2BAA2B,EAAE,QAAQ,GAC/C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,yBAAyB,EAC/C,eAAe,CAChB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DatePicker, type DatePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datepicker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\nimport { isCalendarDateSchema } from '@wildo-ai/zod-decorators'\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 FormFieldDateProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: Date\n onChange?: (value: Date \| undefined) => void\n defaultValue?: Date\n placeholder?: string\n minDate?: Date\n maxDate?: Date\n}\n\nexport type FormFieldDateRef = HTMLInputElement \| HTMLButtonElement\n\nexport const FormFieldDate_Preset_Default = React.forwardRef<FormFieldDateRef, FormFieldDateProps>(\n (controlProps, ref): React.JSX.Element => {\n const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE })\n // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the\n // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no\n // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).\n\n // The reader's date format, which the DatePicker writes the picked day in, in the reader's locale (#2442).\n // The preferences may be absent until the i18n bundle resolves (`isReady`), so optional-chain it — a date field\n // rendered on that first pass otherwise throws `Cannot read properties of null (reading 'dateFormat')` and\n // crashes the whole form. `undefined` makes the DatePicker read the same resolved preference itself.\n const dateFormat = resolvedRegionalPreferences?.dateFormat\n\n return (\n <DatePicker\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(controlProps as DatePickerProps)}\n dateFormat={dateFormat}\n // A field declaring a calendar day is picked and stored as that day, the same for every reader (#2180).\n calendarDate={controlProps.schema ? isCalendarDateSchema(controlProps.schema) : false}\n // The reader's resolved zone: an instant is shown and picked as the day it reads there (#2454), and a\n // calendar date's picker marks today there, the today its relative words use (#2180).\n timeZone={resolvedRegionalPreferences?.timezone}\n />\n )\n})\n\n// --- Wrapper ---\nexport const FormFieldDate = forwardRef<FormFieldDateRef, FormFieldDateProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDateProps, FormFieldDateRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE,\n 'FormFieldDate'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldDate.displayName = 'FormFieldDate'\n"]}

package/dist/esm/components/form/fields/form-field-datetime.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEvE,eAAO,MAAM,gCAAgC,~~qGAiB3C~~,CAAA;AAGF,eAAO,MAAM,iBAAiB,4HAQ7B,CAAA"}
1	+ {"version":3,"file":"form-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAOzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;AAEvE,eAAO,MAAM,gCAAgC,qGAsB3C,CAAA;AAGF,eAAO,MAAM,iBAAiB,4HAQ7B,CAAA"}

package/dist/esm/components/form/fields/form-field-datetime.js CHANGED Viewed

@@ -5,13 +5,18 @@ import { useI18n } from "../../../core/i18n/useI18n.js";
 import { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
 export const FormFieldDateTime_Preset_Default = React.forwardRef((props, ref) => {
-    const { regionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME });
-    // `regionalPreferences` is null until the i18n bundle resolves (`isReady`), so
+    const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME });
+    // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the
+    // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no
+    // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).
+    // the preferences may be absent until the i18n bundle resolves (`isReady`), so
     // optional-chain these reads — see form-field-date for the full rationale. Without
     // the `?.`, a datetime field rendered on the first pass throws `Cannot read
-    // properties of null` and crashes the form; `undefined` lets the picker fall back to
-    // its default format for that beat and the real preference applies next render.
-    return (_jsx(DateTimePicker, { ref: ref, ...props, dateFormat: regionalPreferences?.dateFormat, timeFormat: regionalPreferences?.timeFormat }));
+    // properties of null` and crashes the form; `undefined` makes the picker read the same
+    // resolved preferences itself (#2442).
+    return (_jsx(DateTimePicker, { ref: ref, ...props, dateFormat: resolvedRegionalPreferences?.dateFormat, timeFormat: resolvedRegionalPreferences?.timeFormat,
+        // The picker edits the time the value is SHOWN at: the reader's resolved zone (#2180).
+        timeZone: resolvedRegionalPreferences?.timezone }));
 });
 // --- Wrapper ---
 export const FormFieldDateTime = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {

package/dist/esm/components/form/fields/form-field-datetime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAA4B,MAAM,wEAAwE,CAAA;AACjI,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAiBhI,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,~~mBAAmB~~,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,6BAA6B,EAAE,CAAC,CAAA;~~IAEpH~~,+EAA+E;IAC/E,mFAAmF;IACnF,4EAA4E;IAC5E,~~qFAAqF~~;~~IACrF~~,~~gFAAgF~~;~~IAChF~~,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,KACnC,KAA6B,EAClC,UAAU,EAAE,~~mBAAmB~~,EAAE,UAAU,~~EAC3C~~,UAAU,EAAE,~~mBAAmB~~,EAAE,UAAU,~~GAC3C~~,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,6BAA6B,EACnD,mBAAmB,CACpB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DateTimePicker, type DateTimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datetime-picker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\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 FormFieldDateTimeProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: Date \| string\n onChange?: (value: Date \| undefined) => void\n defaultValue?: Date \| string\n placeholder?: string\n minDate?: Date\n maxDate?: Date\n minuteStep?: number\n}\n\nexport type FormFieldDateTimeRef = HTMLInputElement \| HTMLButtonElement\n\nexport const FormFieldDateTime_Preset_Default = React.forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps>(\n (props, ref): React.JSX.Element => {\n const { ~~regionalPreferences~~, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME })\n\n // `regionalPreferences` is ~~null~~ until the i18n bundle resolves (`isReady`), so\n // optional-chain these reads — see form-field-date for the full rationale. Without\n // the `?.`, a datetime field rendered on the first pass throws `Cannot read\n // properties of null` and crashes the form; `undefined` ~~lets~~ the picker ~~fall~~ ~~back~~ to\n // ~~its~~ ~~default~~ ~~format~~ ~~for that beat and the real preference applies next render~~.\n return (\n <DateTimePicker\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(props as DateTimePickerProps)}\n dateFormat={~~regionalPreferences~~?.dateFormat}\n timeFormat={~~regionalPreferences~~?.timeFormat}\n />\n )\n})\n\n// --- Wrapper ---\nexport const FormFieldDateTime = forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDateTimeProps, FormFieldDateTimeRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME,\n 'FormFieldDateTime'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldDateTime.displayName = 'FormFieldDateTime'\n"]}
1	+ {"version":3,"file":"form-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-datetime.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAA4B,MAAM,wEAAwE,CAAA;AACjI,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAE/D,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAiBhI,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC,UAAU,CAC9D,CAAC,KAAK,EAAE,GAAG,EAAqB,EAAE;IAClC,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,6BAA6B,EAAE,CAAC,CAAA;IAC5H,2GAA2G;IAC3G,+GAA+G;IAC/G,yGAAyG;IAEzG,+EAA+E;IAC/E,mFAAmF;IACnF,4EAA4E;IAC5E,uFAAuF;IACvF,uCAAuC;IACvC,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,KACnC,KAA6B,EAClC,UAAU,EAAE,2BAA2B,EAAE,UAAU,EACnD,UAAU,EAAE,2BAA2B,EAAE,UAAU;QACnD,uFAAuF;QACvF,QAAQ,EAAE,2BAA2B,EAAE,QAAQ,GAC/C,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,SAAS,GAAG,8BAA8B,CAC9C,qBAAqB,CAAC,6BAA6B,EACnD,mBAAmB,CACpB,CAAC,MAAM,CAAC,CAAA;IACT,OAAO,KAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAA;AAC3C,CAAC,CACF,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { DateTimePicker, type DateTimePickerProps } from \"~wildo-frontend-lib/components/form/controls/date-time/datetime-picker\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\n\nimport { CorePresetNames, FrontendComponentType } from '@wildo-ai/presets-components-models'\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 FormFieldDateTimeProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: Date \| string\n onChange?: (value: Date \| undefined) => void\n defaultValue?: Date \| string\n placeholder?: string\n minDate?: Date\n maxDate?: Date\n minuteStep?: number\n}\n\nexport type FormFieldDateTimeRef = HTMLInputElement \| HTMLButtonElement\n\nexport const FormFieldDateTime_Preset_Default = React.forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps>(\n (props, ref): React.JSX.Element => {\n const { resolvedRegionalPreferences, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME })\n // The RESOLVED preferences (member -> organization -> framework floor), the same ones every display of the\n // value reads. The member's own `regionalPreferences` holds only what they set themselves, so a member with no\n // zone of their own saw a time in the organization's zone and edited it in the browser's (#2180 review).\n\n // the preferences may be absent until the i18n bundle resolves (`isReady`), so\n // optional-chain these reads — see form-field-date for the full rationale. Without\n // the `?.`, a datetime field rendered on the first pass throws `Cannot read\n // properties of null` and crashes the form; `undefined` makes the picker read the same\n // resolved preferences itself (#2442).\n return (\n <DateTimePicker\n ref={ref as React.Ref<HTMLButtonElement>}\n {...(props as DateTimePickerProps)}\n dateFormat={resolvedRegionalPreferences?.dateFormat}\n timeFormat={resolvedRegionalPreferences?.timeFormat}\n // The picker edits the time the value is SHOWN at: the reader's resolved zone (#2180).\n timeZone={resolvedRegionalPreferences?.timezone}\n />\n )\n})\n\n// --- Wrapper ---\nexport const FormFieldDateTime = forwardRef<FormFieldDateTimeRef, FormFieldDateTimeProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDateTimeProps, FormFieldDateTimeRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME,\n 'FormFieldDateTime'\n )(preset)\n return <Component {...props} ref={ref} />\n }\n)\nFormFieldDateTime.displayName = 'FormFieldDateTime'\n"]}

package/dist/esm/components/form/fields/form-field-duration.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-duration.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAGL,aAAa,EACd,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAG7F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAWpD;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,~~iGA0J5C~~,CAAC;AAKF,eAAO,MAAM,iBAAiB,wHAQ7B,CAAC"}
1	+ {"version":3,"file":"form-field-duration.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAGL,aAAa,EACd,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AACxH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAG7F,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC3G,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACtD,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAWpD;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iGAmJ5C,CAAC;AAKF,eAAO,MAAM,iBAAiB,wHAQ7B,CAAC"}

package/dist/esm/components/form/fields/form-field-duration.js CHANGED Viewed

@@ -11,10 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { forwardRef } from 'react';
 import { cn } from '../../../core/ui/cn.js';
-import { useUI } from '../../../core/ui/useUI.js';
+import { ThemedNativeSelect } from '../../../components/form/fields/themed-native-select.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
 import { InputRoot } from '../../../components/form/controls/input.js';
-import { ControlSize, CorePresetNames, FormControlVariant, FrontendComponentType, SystemEnumName, UIBehavior } from '@wildo-ai/presets-components-models';
+import { ControlSize, CorePresetNames, FrontendComponentType, SystemEnumName, isControlledByCaller } from '@wildo-ai/presets-components-models';
 import { getDurationMetadata, DurationUnit, } from '@wildo-ai/zod-decorators';
 import { createDurationFieldDefaultValue } from '../../../core/automated-layout/composite-value-defaults.frontend.utils.js';
 import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
@@ -32,9 +32,7 @@ const DEFAULT_DURATION_UNITS = [
  * Renders a duration input field with value + unit selector.
  */
 export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, value: controlledValue, onChange, onBlur, defaultValue, placeholder, required, autoFocus, clearable, controlSize = ControlSize.MD, }, ref) => {
-    const { tSystemEnum, isReady } = useI18n({ keys: ['system_enums'] });
-    const { getRecipe } = useUI();
-    const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);
+    const { tSystemEnum, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, keys: ['system_enums'] });
     const durationMetadata = getDurationMetadata(schema);
     const allowedUnits = durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0
         ? durationMetadata.allowedUnits
@@ -51,7 +49,7 @@ export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name
     // 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 isControlled = isControlledByCaller(controlledValue, onChange);
     const currentValue = controlledValue ?? internalValue;
     const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);
     const handleValueChange = React.useCallback((e) => {
@@ -103,7 +101,7 @@ export const FormFieldDuration_Preset_Default = React.forwardRef(({ schema, name
         onBlur?.();
     }, [onBlur]);
     const fieldId = `field-${name}`;
-    return (_jsxs("div", { className: cn('flex gap-element', className), children: [_jsx(InputRoot, { ref: ref, id: fieldId, type: "number", step: 1, min: minValue, max: maxValue, value: displayValue, onChange: handleValueChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? '0', wrapperClassName: "flex-1", className: "tabular-nums", autoFocus: autoFocus, controlSize: controlSize }), _jsx("select", { value: currentValue.unit, onChange: (e) => handleUnitChange(e.target.value), disabled: disabled || readOnly, "data-size": controlSize, className: cn('flex w-32 rounded-md bg-transparent text-sm', formRecipe.base, formRecipe.states.focus, formRecipe.states.disabled, formRecipe.sizes?.[controlSize], formRecipe.motion.transition), children: allowedUnits.map((unit) => (_jsx("option", { value: unit, children: tUnit(unit) }, unit))) })] }));
+    return (_jsxs("div", { className: cn('flex gap-element', className), children: [_jsx(InputRoot, { ref: ref, id: fieldId, type: "number", step: 1, min: minValue, max: maxValue, value: displayValue, onChange: handleValueChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? '0', wrapperClassName: "flex-1", className: "tabular-nums", autoFocus: autoFocus, controlSize: controlSize }), _jsx(ThemedNativeSelect, { value: currentValue.unit, onChange: (e) => handleUnitChange(e.target.value), disabled: disabled || readOnly, controlSize: controlSize, wrapperClassName: "w-32", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, 'unit'), children: allowedUnits.map((unit) => (_jsx("option", { value: unit, children: tUnit(unit) }, unit))) })] }));
 });
 FormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';
 // --- Wrapper ---

package/dist/esm/components/form/fields/form-field-duration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-duration.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FormFieldDuration Component\n \n Renders a duration input field with:\n * - Numeric value input\n * - Unit selector (seconds, minutes, hours, days, weeks)\n \n Duration values are stored as { value: number, unit: DurationUnit }.\n * Chrome (label, description, error) is rendered externally by FormFieldChrome.\n /\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { ControlSize, CorePresetNames, FormControlVariant, FrontendComponentType, SystemEnumName, UIBehavior } from '@wildo-ai/presets-components-models';\nimport {\n getDurationMetadata,\n DurationUnit,\n DurationValue,\n} from '@wildo-ai/zod-decorators';\nimport { createDurationFieldDefaultValue } from '~wildo-frontend-lib/core/automated-layout/composite-value-defaults.frontend.utils';\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 FormFieldDurationProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: DurationValue;\n /\n `undefined` is emitted when the user EMPTIES the value on a clearable field — the control's\n * \"no value\" gesture, distinct from a duration of zero, which is a real value.\n /\n onChange?: (value: DurationValue \| undefined) => void;\n defaultValue?: DurationValue;\n placeholder?: string;\n}\n\nexport type FormFieldDurationRef = HTMLInputElement;\n\n/* Default units for duration selector (typical use: TTL, expiry, session duration) /\nconst DEFAULT_DURATION_UNITS: DurationUnit[] = [\n DurationUnit.SECONDS,\n DurationUnit.MINUTES,\n DurationUnit.HOURS,\n DurationUnit.DAYS,\n DurationUnit.WEEKS,\n];\n\n/\n FormFieldDuration component\n \n Renders a duration input field with value + unit selector.\n */\nexport const FormFieldDuration_Preset_Default = React.forwardRef<FormFieldDurationRef, FormFieldDurationProps>(\n (\n {\n schema,\n name,\n disabled,\n readOnly,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n placeholder,\n required,\n autoFocus,\n clearable,\n controlSize = ControlSize.MD,\n },\n ref\n ): React.JSX.Element => {\n const { tSystemEnum, isReady } = useI18n({ keys: ['system_enums'] });\n const { getRecipe } = useUI();\n const formRecipe = getRecipe(UIBehavior.FORM_CONTROL, FormControlVariant.DEFAULT);\n\n const durationMetadata = getDurationMetadata(schema);\n const allowedUnits =\n durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0\n ? (durationMetadata.allowedUnits as DurationUnit[])\n : DEFAULT_DURATION_UNITS;\n const minValue = durationMetadata?.minValue;\n const maxValue = durationMetadata?.maxValue;\n\n const tUnit = React.useCallback(\n (unit: string) => tSystemEnum(SystemEnumName.DURATION_UNIT, unit),\n [tSystemEnum]\n );\n\n // The same draft a new list item is seeded with (#990): a zero in a unit this field allows, so the\n // control and the seed never disagree.\n const createDefault = React.useCallback(() => createDurationFieldDefaultValue(schema), [schema]);\n\n const [internalValue, setInternalValue] = React.useState<DurationValue>(\n defaultValue ?? createDefault()\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 const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);\n\n const handleValueChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n if (inputValue === '' \|\| inputValue === undefined) {\n // Emptying a CLEARABLE duration is a CLEAR, not the duration zero. The old substitution\n // was doubly misleading: it stored `0` for whatever unit happened to be selected, and\n // `displayValue` above renders `0` as an EMPTY box — so the field looked cleared while\n // holding a value. `undefined` is the control's empty gesture; the field-clearing\n // normalisation turns it into the cleared sentinel. Uncontrolled mode keeps a concrete\n // DurationValue in local state, so only the controlled path emits it.\n if (isControlled && clearable) {\n onChange?.(undefined);\n return;\n }\n\n const newValue: DurationValue = { ...currentValue, value: 0 };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n return;\n }\n const num = parseInt(inputValue, 10);\n if (Number.isNaN(num) \|\| num < 0) return;\n const newValue: DurationValue = { ...currentValue, value: num };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n },\n [currentValue, isControlled, onChange, clearable]\n );\n\n const handleUnitChange = React.useCallback(\n (newUnit: string) => {\n const newValue: DurationValue = {\n ...currentValue,\n unit: newUnit as DurationUnit,\n };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n },\n [currentValue, isControlled, onChange]\n );\n\n const handleBlur = React.useCallback(() => {\n onBlur?.();\n }, [onBlur]);\n\n const fieldId = `field-${name}`;\n\n return (\n <div className={cn('flex gap-element', className)}>\n <InputRoot\n ref={ref}\n id={fieldId}\n type=\"number\"\n step={1}\n min={minValue}\n max={maxValue}\n value={displayValue}\n onChange={handleValueChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder ?? '0'}\n wrapperClassName=\"flex-1\"\n className=\"tabular-nums\"\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n <select\n value={currentValue.unit}\n onChange={(e) => handleUnitChange(e.target.value)}\n disabled={disabled \|\| readOnly}\n data-size={controlSize}\n className={cn(\n 'flex w-32 rounded-md bg-transparent text-sm',\n formRecipe.base,\n formRecipe.states.focus,\n formRecipe.states.disabled,\n formRecipe.sizes?.[controlSize],\n formRecipe.motion.transition\n )}\n >\n {allowedUnits.map((unit) => (\n <option key={unit} value={unit}>\n {tUnit(unit)}\n </option>\n ))}\n </select>\n </div>\n );\n }\n);\n\nFormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';\n\n// --- Wrapper ---\nexport const FormFieldDuration = forwardRef<FormFieldDurationRef, FormFieldDurationProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDurationProps, FormFieldDurationRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION,\n 'FormFieldDuration'\n )(preset);\n return <Component {...props} ref={ref} />;\n }\n);\nFormFieldDuration.displayName = 'FormFieldDuration';\n"]}
1	+ {"version":3,"file":"form-field-duration.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n FormFieldDuration Component\n \n Renders a duration input field with:\n * - Numeric value input\n * - Unit selector (seconds, minutes, hours, days, weeks)\n \n Duration values are stored as { value: number, unit: DurationUnit }.\n * Chrome (label, description, error) is rendered externally by FormFieldChrome.\n /\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { ThemedNativeSelect } from '~wildo-frontend-lib/components/form/fields/themed-native-select'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { InputRoot } from '~wildo-frontend-lib/components/form/controls/input';\nimport { ControlSize, CorePresetNames, FrontendComponentType, SystemEnumName, isControlledByCaller } from '@wildo-ai/presets-components-models';\nimport {\n getDurationMetadata,\n DurationUnit,\n DurationValue,\n} from '@wildo-ai/zod-decorators';\nimport { createDurationFieldDefaultValue } from '~wildo-frontend-lib/core/automated-layout/composite-value-defaults.frontend.utils';\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 FormFieldDurationProps extends Omit<ControlBaseProps, 'value' \| 'onChange' \| 'defaultValue'> {\n value?: DurationValue;\n /\n `undefined` is emitted when the user EMPTIES the value on a clearable field — the control's\n * \"no value\" gesture, distinct from a duration of zero, which is a real value.\n /\n onChange?: (value: DurationValue \| undefined) => void;\n defaultValue?: DurationValue;\n placeholder?: string;\n}\n\nexport type FormFieldDurationRef = HTMLInputElement;\n\n/* Default units for duration selector (typical use: TTL, expiry, session duration) /\nconst DEFAULT_DURATION_UNITS: DurationUnit[] = [\n DurationUnit.SECONDS,\n DurationUnit.MINUTES,\n DurationUnit.HOURS,\n DurationUnit.DAYS,\n DurationUnit.WEEKS,\n];\n\n/\n FormFieldDuration component\n \n Renders a duration input field with value + unit selector.\n */\nexport const FormFieldDuration_Preset_Default = React.forwardRef<FormFieldDurationRef, FormFieldDurationProps>(\n (\n {\n schema,\n name,\n disabled,\n readOnly,\n className,\n value: controlledValue,\n onChange,\n onBlur,\n defaultValue,\n placeholder,\n required,\n autoFocus,\n clearable,\n controlSize = ControlSize.MD,\n },\n ref\n ): React.JSX.Element => {\n const { tSystemEnum, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, keys: ['system_enums'] });\n\n const durationMetadata = getDurationMetadata(schema);\n const allowedUnits =\n durationMetadata?.allowedUnits && durationMetadata.allowedUnits.length > 0\n ? (durationMetadata.allowedUnits as DurationUnit[])\n : DEFAULT_DURATION_UNITS;\n const minValue = durationMetadata?.minValue;\n const maxValue = durationMetadata?.maxValue;\n\n const tUnit = React.useCallback(\n (unit: string) => tSystemEnum(SystemEnumName.DURATION_UNIT, unit),\n [tSystemEnum]\n );\n\n // The same draft a new list item is seeded with (#990): a zero in a unit this field allows, so the\n // control and the seed never disagree.\n const createDefault = React.useCallback(() => createDurationFieldDefaultValue(schema), [schema]);\n\n const [internalValue, setInternalValue] = React.useState<DurationValue>(\n defaultValue ?? createDefault()\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 = isControlledByCaller(controlledValue, onChange);\n const currentValue = controlledValue ?? internalValue;\n\n const displayValue = currentValue.value === 0 ? '' : String(currentValue.value);\n\n const handleValueChange = React.useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n const inputValue = e.target.value;\n if (inputValue === '' \|\| inputValue === undefined) {\n // Emptying a CLEARABLE duration is a CLEAR, not the duration zero. The old substitution\n // was doubly misleading: it stored `0` for whatever unit happened to be selected, and\n // `displayValue` above renders `0` as an EMPTY box — so the field looked cleared while\n // holding a value. `undefined` is the control's empty gesture; the field-clearing\n // normalisation turns it into the cleared sentinel. Uncontrolled mode keeps a concrete\n // DurationValue in local state, so only the controlled path emits it.\n if (isControlled && clearable) {\n onChange?.(undefined);\n return;\n }\n\n const newValue: DurationValue = { ...currentValue, value: 0 };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n return;\n }\n const num = parseInt(inputValue, 10);\n if (Number.isNaN(num) \|\| num < 0) return;\n const newValue: DurationValue = { ...currentValue, value: num };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n },\n [currentValue, isControlled, onChange, clearable]\n );\n\n const handleUnitChange = React.useCallback(\n (newUnit: string) => {\n const newValue: DurationValue = {\n ...currentValue,\n unit: newUnit as DurationUnit,\n };\n if (isControlled) {\n onChange?.(newValue);\n } else {\n setInternalValue(newValue);\n }\n },\n [currentValue, isControlled, onChange]\n );\n\n const handleBlur = React.useCallback(() => {\n onBlur?.();\n }, [onBlur]);\n\n const fieldId = `field-${name}`;\n\n return (\n <div className={cn('flex gap-element', className)}>\n <InputRoot\n ref={ref}\n id={fieldId}\n type=\"number\"\n step={1}\n min={minValue}\n max={maxValue}\n value={displayValue}\n onChange={handleValueChange}\n onBlur={handleBlur}\n disabled={disabled}\n readOnly={readOnly}\n placeholder={placeholder ?? '0'}\n wrapperClassName=\"flex-1\"\n className=\"tabular-nums\"\n autoFocus={autoFocus}\n controlSize={controlSize}\n />\n <ThemedNativeSelect\n value={currentValue.unit}\n onChange={(e) => handleUnitChange(e.target.value)}\n disabled={disabled \|\| readOnly}\n controlSize={controlSize}\n wrapperClassName=\"w-32\"\n // The field's label points at the amount; this control needs a name of its own (audit A-M4).\n aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, 'unit')}\n >\n {allowedUnits.map((unit) => (\n <option key={unit} value={unit}>\n {tUnit(unit)}\n </option>\n ))}\n </ThemedNativeSelect>\n </div>\n );\n }\n);\n\nFormFieldDuration_Preset_Default.displayName = 'FormFieldDuration_Preset_Default';\n\n// --- Wrapper ---\nexport const FormFieldDuration = forwardRef<FormFieldDurationRef, FormFieldDurationProps & ComponentPresetProps>(\n ({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {\n const Component = createComponentResolverWithRef<FormFieldDurationProps, FormFieldDurationRef>(\n FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION,\n 'FormFieldDuration'\n )(preset);\n return <Component {...props} ref={ref} />;\n }\n);\nFormFieldDuration.displayName = 'FormFieldDuration';\n"]}

package/dist/esm/components/form/fields/form-field-duration.labels.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,~~EAAyB~~,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;~~AAM/H~~,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,~~EAAO~~,CAAC"}
1	+ {"version":3,"file":"form-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,EAMhE,CAAC"}

package/dist/esm/components/form/fields/form-field-duration.labels.js CHANGED Viewed

@@ -1,7 +1,13 @@
-import { FrontendComponentType, registerComponentLabels } from '@wildo-ai/presets-components-models';
+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 LowLevelFormFieldDurationLabels = [];
+export const LowLevelFormFieldDurationLabels = [
+    {
+        ref: 'unit',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible name of the unit picker (minutes, hours, days…) beside a duration amount in a form, e.g. "Unit"',
+    },
+];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);
 //# sourceMappingURL=form-field-duration.labels.js.map

package/dist/esm/components/form/fields/form-field-duration.labels.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-duration.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.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,+BAA+B,GAA0B,EAAE,CAAC;~~AACzE~~,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,+BAA+B,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 LowLevelFormFieldDurationLabels: LabellingUnitaryDef[] = [];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);\n"]}
1	+ {"version":3,"file":"form-field-duration.labels.js","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-duration.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,+BAA+B,GAA0B;IACpE;QACE,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,4GAA4G;KACtH;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,6BAA6B,EAAE,+BAA+B,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 LowLevelFormFieldDurationLabels: LabellingUnitaryDef[] = [\n {\n ref: 'unit',\n kind: LabelKind.ARIA,\n purpose: 'Accessible name of the unit picker (minutes, hours, days…) beside a duration amount in a form, e.g. \"Unit\"',\n },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DURATION, LowLevelFormFieldDurationLabels);\n"]}

package/dist/esm/components/form/fields/form-field-enum.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-field-enum.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;~~AAuBzC~~,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;AA+EpF;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,~~6FA0lBvC~~,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}
1	+ {"version":3,"file":"form-field-enum.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/fields/form-field-enum.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAyBzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAGzG,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAAA;AA+EpF;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,6FA6lBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}