@wildo-ai/saas-frontend-lib 1.0.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-bigdecimal.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-bigdecimal.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+export interface FormFieldBooleanProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    defaultChecked?: boolean;
+}
+export type FormFieldBooleanRef = HTMLButtonElement | HTMLDivElement;
+/**
+ * FormFieldBoolean component
+ *
+ * Renders a boolean field according to the edit policy:
+ * - toggle: Uses ToggleGroupBoolean (Yes/No toggle buttons)
+ * - switch: Uses Switch component
+ * - checkbox: Uses Checkbox component
+ * - radio: Uses RadioGroup with Yes/No options
+ *
+ * Forwards ref to Switch/Checkbox for RHF focus support.
+ */
+export declare const FormFieldBoolean_Preset_Default: React.ForwardRefExoticComponent<FormFieldBooleanProps & React.RefAttributes<FormFieldBooleanRef>>;
+export declare const FormFieldBoolean: React.ForwardRefExoticComponent<FormFieldBooleanProps & ComponentPresetProps & React.RefAttributes<FormFieldBooleanRef>>;
+//# sourceMappingURL=form-field-boolean.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-boolean.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-boolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAczC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAG5F,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAIpE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,+BAA+B,mGA0H1C,CAAA;AAIF,eAAO,MAAM,gBAAgB,0HAQ5B,CAAA"}

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { Switch } from "../../../components/form/controls/boolean/switch.js";
+import { Checkbox } from "../../../components/form/controls/boolean/checkbox.js";
+import { ToggleGroupBoolean } from "../../../components/form/controls/boolean/toggle-group-boolean.js";
+import { RadioGroup } from "../../../components/form/controls/enum/radio.js";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { getBooleanUI, BooleanEditMode } from "@wildo-ai/zod-decorators";
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
+/**
+ * FormFieldBoolean component
+ *
+ * Renders a boolean field according to the edit policy:
+ * - toggle: Uses ToggleGroupBoolean (Yes/No toggle buttons)
+ * - switch: Uses Switch component
+ * - checkbox: Uses Checkbox component
+ * - radio: Uses RadioGroup with Yes/No options
+ *
+ * Forwards ref to Switch/Checkbox for RHF focus support.
+ */
+export const FormFieldBoolean_Preset_Default = React.forwardRef(({ schema, name, disabled, readOnly, className, checked: controlledChecked, onCheckedChange, onBlur, defaultChecked, validationMode: validationModeProp, autoFocus, }, ref) => {
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN });
+    const booleanUI = getBooleanUI(schema);
+    const editMode = booleanUI?.edit?.editMode ?? BooleanEditMode.SWITCH;
+    const labellingValue = booleanUI?.labellingValue ?? 'yes/no';
+    // Internal state for uncontrolled mode
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked ?? false);
+    // Determine if controlled
+    const isControlled = controlledChecked !== undefined;
+    const currentChecked = isControlled ? controlledChecked : internalChecked;
+    // Handle checked change - validation is handled by parent FormField via RHF
+    const handleCheckedChange = React.useCallback((checked) => {
+        if (readOnly)
+            return;
+        if (isControlled) {
+            onCheckedChange?.(checked);
+        }
+        else {
+            setInternalChecked(checked);
+        }
+    }, [isControlled, onCheckedChange, readOnly]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // Common props for all edit modes
+    const commonProps = {
+        schema,
+        name,
+        disabled,
+        className,
+        validationMode: validationModeProp,
+        autoFocus,
+    };
+    const isCustomLabelling = labellingValue != null && typeof labellingValue === 'object' && labellingValue.mode === 'custom';
+    const [trueLabelKey, falseLabelKey] = isCustomLabelling ? [undefined, undefined] : labellingValue.split('/');
+    const getTrueLabel = () => isCustomLabelling ? labellingValue.trueValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, trueLabelKey);
+    const getFalseLabel = () => isCustomLabelling ? labellingValue.falseValue : tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, falseLabelKey);
+    // Render based on edit mode
+    switch (editMode) {
+        case BooleanEditMode.TOGGLE:
+            return (_jsx(ToggleGroupBoolean, { ref: ref, ...commonProps, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur }));
+        case BooleanEditMode.SWITCH:
+            return (_jsx(Switch, { ref: ref, ...commonProps, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur }));
+        case BooleanEditMode.CHECKBOX:
+            return (_jsx(Checkbox, { ref: ref, ...commonProps, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur }));
+        case BooleanEditMode.RADIO:
+            // RadioGroup requires string values
+            const options = [
+                { value: 'true', label: getTrueLabel() },
+                { value: 'false', label: getFalseLabel() },
+            ];
+            return (_jsx(RadioGroup, { ref: ref, ...commonProps, options: options, value: currentChecked ? 'true' : 'false', onValueChange: (val) => handleCheckedChange(val === 'true'), onBlur: handleBlur }));
+        default:
+            // Default to switch
+            return (_jsx(Switch, { ref: ref, ...commonProps, checked: currentChecked, onCheckedChange: handleCheckedChange, onBlur: handleBlur }));
+    }
+});
+// --- Wrapper ---
+export const FormFieldBoolean = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
+    const Component = createComponentResolverWithRef(FrontendComponentType.LOW_LEVEL_FORM_FIELD_BOOLEAN, 'FormFieldBoolean')(preset);
+    return _jsx(Component, { ...props, ref: ref });
+});
+FormFieldBoolean.displayName = 'FormFieldBoolean';
+//# sourceMappingURL=form-field-boolean.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-boolean.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-boolean.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { CodeValue } from "@wildo-ai/zod-decorators";
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+export interface FormFieldCodeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    value?: CodeValue;
+    onChange?: (value: CodeValue) => void;
+    defaultValue?: CodeValue;
+    placeholder?: string;
+    rows?: number;
+}
+export type FormFieldCodeRef = HTMLTextAreaElement;
+/**
+ * FormFieldCode component
+ *
+ * Renders a code input field with:
+ * - Language selector dropdown
+ * - Textarea for code content with monospace font
+ */
+export declare const FormFieldCode_Preset_Default: React.ForwardRefExoticComponent<FormFieldCodeProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const FormFieldCode: React.ForwardRefExoticComponent<FormFieldCodeProps & ComponentPresetProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=form-field-code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-code.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAKzC,OAAO,EAGL,SAAS,EAIV,MAAM,0BAA0B,CAAA;AAMjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AACvH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAA;AAI5F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC;IACvG,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACrC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAA;AAiBlD;;;;;;GAMG;AACH,eAAO,MAAM,4BAA4B,gGA0IvC,CAAA;AAGF,eAAO,MAAM,aAAa,uHAQzB,CAAA"}

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { cn } from "../../../core/ui/cn.js";
+import { Textarea } from "../../../components/form/controls/string/textarea.js";
+import { Select } from "../../../components/form/controls/enum/select.js";
+import { getCodeMetadata, getCodeUI, CommonCodeLanguages, getLanguageDisplayName, } from "@wildo-ai/zod-decorators";
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { createComponentResolverWithRef } from '../../../core/components-registry/component-resolver.frontend.helper.js';
+/**
+ * Get language options based on metadata
+ */
+function getLanguageOptions(allowedLanguages) {
+    const languages = allowedLanguages && allowedLanguages.length > 0
+        ? allowedLanguages
+        : [...CommonCodeLanguages];
+    return languages.map(lang => ({
+        value: lang,
+        label: getLanguageDisplayName(lang),
+    })).sort((a, b) => a.label.localeCompare(b.label));
+}
+/**
+ * FormFieldCode component
+ *
+ * Renders a code input field with:
+ * - Language selector dropdown
+ * - Textarea for code content with monospace font
+ */
+export const FormFieldCode_Preset_Default = React.forwardRef(({ schema, name, value: controlledValue, onChange, onBlur, defaultValue, disabled = false, readOnly, placeholder, className, rows = 10, validationMode: validationModeProp, required, autoFocus, }, ref) => {
+    const codeMetadata = getCodeMetadata(schema);
+    const codeUI = getCodeUI(schema);
+    const allowedLanguages = codeMetadata?.allowedLanguages;
+    const defaultLanguage = codeUI?.defaultLanguage ?? 'plaintext';
+    const maxLength = codeMetadata?.maxLength;
+    const minLength = codeMetadata?.minLength;
+    // Language options
+    const languageOptions = React.useMemo(() => getLanguageOptions(allowedLanguages), [allowedLanguages]);
+    // Get default value
+    const getDefaultValue = () => {
+        if (defaultValue)
+            return defaultValue;
+        return {
+            content: '',
+            language: defaultLanguage,
+        };
+    };
+    // Internal state for uncontrolled mode
+    const [internalValue, setInternalValue] = React.useState(getDefaultValue);
+    // Determine if controlled
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    // Update internal value when controlled value changes
+    React.useEffect(() => {
+        if (isControlled && controlledValue) {
+            setInternalValue(controlledValue);
+        }
+    }, [isControlled, controlledValue]);
+    // Handle content change - validation is handled by parent FormField via RHF
+    const handleContentChange = React.useCallback((newContent) => {
+        const newValue = {
+            ...currentValue,
+            content: newContent,
+        };
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+    }, [currentValue, isControlled, onChange]);
+    // Handle language change
+    const handleLanguageChange = React.useCallback((newLanguage) => {
+        const newValue = {
+            ...currentValue,
+            language: newLanguage,
+        };
+        if (!isControlled) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+    }, [currentValue, isControlled, onChange]);
+    // Handle blur - validation is handled by parent FormField via RHF
+    const handleBlur = React.useCallback(() => {
+        onBlur?.();
+    }, [onBlur]);
+    // Calculate character count for feedback
+    const charCount = currentValue.content?.length ?? 0;
+    const showCharCount = maxLength !== undefined || minLength !== undefined;
+    return (_jsxs("div", { className: cn("space-y-item", className), children: [_jsxs("div", { className: "flex items-center gap-element mb-element", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "Language:" }), _jsx(Select, { schema: schema, name: `${name}-language`, value: currentValue.language, onChange: handleLanguageChange, disabled: disabled || readOnly || (allowedLanguages && allowedLanguages.length === 1), options: languageOptions, className: "w-48" })] }), _jsxs("div", { className: "relative", children: [_jsx(Textarea, { ref: ref, schema: schema, name: name, value: currentValue.content, onChange: handleContentChange, onBlur: handleBlur, disabled: disabled, readOnly: readOnly, placeholder: placeholder ?? 'Enter code here...', rows: rows, className: "font-mono text-sm", autoFocus: autoFocus }), showCharCount && (_jsxs("div", { className: cn("absolute bottom-2 right-2 text-xs", (maxLength && charCount > maxLength) || (minLength && charCount < minLength && charCount > 0)
+                            ? "text-destructive"
+                            : "text-muted-foreground"), children: [charCount, maxLength ? `/${maxLength}` : '', minLength ? ` (min ${minLength})` : ''] }))] })] }));
+});
+// --- Wrapper ---
+export const FormFieldCode = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
+    const Component = createComponentResolverWithRef(FrontendComponentType.LOW_LEVEL_FORM_FIELD_CODE, 'FormFieldCode')(preset);
+    return _jsx(Component, { ...props, ref: ref });
+});
+FormFieldCode.displayName = 'FormFieldCode';
+//# sourceMappingURL=form-field-code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-code.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/form-field-code.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+export interface FormFieldDateProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    value?: Date;
+    onChange?: (value: Date | undefined) => void;
+    defaultValue?: Date;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+export type FormFieldDateRef = HTMLInputElement | HTMLButtonElement;
+export declare const FormFieldDate_Preset_Default: React.ForwardRefExoticComponent<FormFieldDateProps & React.RefAttributes<FormFieldDateRef>>;
+export declare const FormFieldDate: React.ForwardRefExoticComponent<FormFieldDateProps & ComponentPresetProps & React.RefAttributes<FormFieldDateRef>>;
+//# sourceMappingURL=form-field-date.d.ts.map

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

@@ -0,0 +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;AASzC,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,6FAgBvC,CAAA;AAGF,eAAO,MAAM,aAAa,oHAQzB,CAAA"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { DatePicker } from "../../../components/form/controls/date-time/datepicker.js";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+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.
+    const dateFormat = regionalPreferences.dateFormat;
+    return (_jsx(DatePicker, { ref: ref, ...controlProps, dateFormat: dateFormat }));
+});
+// --- Wrapper ---
+export const FormFieldDate = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
+    const Component = createComponentResolverWithRef(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATE, 'FormFieldDate')(preset);
+    return _jsx(Component, { ...props, ref: ref });
+});
+FormFieldDate.displayName = 'FormFieldDate';
+//# sourceMappingURL=form-field-date.js.map

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

@@ -0,0 +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;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mEAAmE,CAAA;AAC9F,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAGrD,OAAO,EAAE,qBAAqB,EAAE,eAAe,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,MAAM,UAAU,GAAG,mBAAmB,CAAC,UAAU,CAAA;IAEjD,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"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+export interface FormFieldDateTimeProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    value?: Date | string;
+    onChange?: (value: Date | undefined) => void;
+    defaultValue?: Date | string;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    minuteStep?: number;
+}
+export type FormFieldDateTimeRef = HTMLInputElement | HTMLButtonElement;
+export declare const FormFieldDateTime_Preset_Default: React.ForwardRefExoticComponent<FormFieldDateTimeProps & React.RefAttributes<FormFieldDateTimeRef>>;
+export declare const FormFieldDateTime: React.ForwardRefExoticComponent<FormFieldDateTimeProps & ComponentPresetProps & React.RefAttributes<FormFieldDateTimeRef>>;
+//# sourceMappingURL=form-field-datetime.d.ts.map

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

@@ -0,0 +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;AAWzC,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;AAGvE,eAAO,MAAM,gCAAgC,qGAY3C,CAAA;AAGF,eAAO,MAAM,iBAAiB,4HAQ7B,CAAA"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { DateTimePicker } from "../../../components/form/controls/date-time/datetime-picker.js";
+import { useI18n } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType, CorePresetNames } 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 });
+    return (_jsx(DateTimePicker, { ref: ref, ...props, dateFormat: regionalPreferences.dateFormat, timeFormat: regionalPreferences.timeFormat }));
+});
+// --- Wrapper ---
+export const FormFieldDateTime = forwardRef(({ preset = CorePresetNames.DEFAULT, ...props }, ref) => {
+    const Component = createComponentResolverWithRef(FrontendComponentType.LOW_LEVEL_FORM_FIELD_DATETIME, 'FormFieldDateTime')(preset);
+    return _jsx(Component, { ...props, ref: ref });
+});
+FormFieldDateTime.displayName = 'FormFieldDateTime';
+//# sourceMappingURL=form-field-datetime.js.map

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

@@ -0,0 +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;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,wEAAwE,CAAA;AACvG,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAKrD,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,8BAA8B,EAAE,MAAM,iFAAiF,CAAA;AAkBhI,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,OAAO,CACL,KAAC,cAAc,IACb,GAAG,EAAE,GAAmC,KACnC,KAA6B,EAClC,UAAU,EAAE,mBAAmB,CAAC,UAAU,EAC1C,UAAU,EAAE,mBAAmB,CAAC,UAAU,GAC1C,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"}

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

@@ -0,0 +1,29 @@
+/**
+ * FormFieldDuration Component
+ *
+ * Renders a duration input field with:
+ * - Numeric value input
+ * - Unit selector (seconds, minutes, hours, days, weeks)
+ *
+ * Duration values are stored as { value: number, unit: DurationUnit }.
+ * Chrome (label, description, error) is rendered externally by FormFieldChrome.
+ */
+import React from 'react';
+import { DurationValue } from '@wildo-ai/zod-decorators';
+import { ComponentPresetProps } from '../../../core/components-registry/component-registry.frontend.schemas.js';
+import type { ControlBaseProps } from '../../../components/form/form-field-types.js';
+export interface FormFieldDurationProps extends Omit<ControlBaseProps, 'value' | 'onChange' | 'defaultValue'> {
+    value?: DurationValue;
+    onChange?: (value: DurationValue) => void;
+    defaultValue?: DurationValue;
+    placeholder?: string;
+}
+export type FormFieldDurationRef = HTMLInputElement;
+/**
+ * FormFieldDuration component
+ *
+ * Renders a duration input field with value + unit selector.
+ */
+export declare const FormFieldDuration_Preset_Default: React.ForwardRefExoticComponent<FormFieldDurationProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FormFieldDuration: React.ForwardRefExoticComponent<FormFieldDurationProps & ComponentPresetProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=form-field-duration.d.ts.map

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

@@ -0,0 +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;AAK1C,OAAO,EAIL,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,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAepD;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iGAwI5C,CAAC;AAKF,eAAO,MAAM,iBAAiB,wHAQ7B,CAAC"}