@formhaus/react 0.2.1 → 0.3.0

package/dist/FormActions.d.ts

@@ -1,3 +1,3 @@
 import type { FormActionsProps } from './types';
-export declare function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, onSubmit, onNext, onPrev, onCancel, primaryLabel: primaryLabelProp, showBack: showBackProp, backLabel: backLabelProp, onPrimary: onPrimaryProp, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, values, onSubmit, onNext, onPrev, onCancel, primaryLabel: primaryLabelProp, showBack: showBackProp, backLabel: backLabelProp, onPrimary: onPrimaryProp, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormActions.d.ts.map

package/dist/FormActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,GACzB,EAAE,gBAAgB,2CAkDlB"}
+{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,GACzB,EAAE,gBAAgB,2CAwDlB"}

package/dist/FormActions.js

@@ -1,8 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, onSubmit, onNext, onPrev, onCancel, primaryLabel: primaryLabelProp, showBack: showBackProp, backLabel: backLabelProp, onPrimary: onPrimaryProp, }) {
+import { evaluateCondition } from '@formhaus/core';
+function isActionDisabled(action, values, loading) {
+    if (loading)
+        return true;
+    if (!action?.disabled || action.disabled.length === 0)
+        return false;
+    return action.disabled.every((c) => evaluateCondition(c, values));
+}
+export function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, values = {}, onSubmit, onNext, onPrev, onCancel, primaryLabel: primaryLabelProp, showBack: showBackProp, backLabel: backLabelProp, onPrimary: onPrimaryProp, }) {
     const showBack = showBackProp ?? (isMultiStep && !isFirstStep && backAction !== false);
     const backLabel = backLabelProp ?? (typeof backAction === 'object' ? (backAction?.label ?? 'Back') : 'Back');
     const primaryLabel = primaryLabelProp ?? (isMultiStep && !isLastStep ? 'Continue' : (submitAction?.label ?? 'Submit'));
+    const primaryDisabled = isActionDisabled(isMultiStep && !isLastStep ? undefined : submitAction, values, loading);
     function handlePrimary() {
         if (onPrimaryProp) {
             onPrimaryProp();
@@ -14,6 +23,6 @@ export function FormActions({ submitAction, backAction, cancelAction, isFirstSte
             onSubmit();
         }
     }
-    return (_jsxs("div", { className: "fh-form-actions", children: [_jsxs("div", { className: "fh-form-actions__secondary", children: [showBack && (_jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--text", disabled: loading, onClick: onPrev, children: backLabel })), cancelAction && (_jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--text", disabled: loading, onClick: onCancel, children: cancelAction.label }))] }), _jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--primary", disabled: loading, "aria-busy": loading, onClick: handlePrimary, children: primaryLabel })] }));
+    return (_jsxs("div", { className: "fh-form-actions", children: [_jsxs("div", { className: "fh-form-actions__secondary", children: [showBack && (_jsx("button", { type: "button", className: "fh-form-actions__button fh-form-actions__button--text", disabled: loading, onClick: onPrev, children: backLabel })), cancelAction && (_jsx("button", { type: "button", className: "fh-form-actions__button fh-form-actions__button--text", disabled: loading, onClick: onCancel, children: cancelAction.label }))] }), _jsx("button", { type: "button", className: "fh-form-actions__button fh-form-actions__button--primary", disabled: primaryDisabled, "aria-busy": loading, onClick: handlePrimary, children: primaryLabel })] }));
 }
 //# sourceMappingURL=FormActions.js.map

package/dist/FormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormActions.js","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,GACP;IACjB,MAAM,QAAQ,GAAG,YAAY,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC;IACvF,MAAM,SAAS,GAAG,aAAa,IAAI,CAAC,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7G,MAAM,YAAY,GAAG,gBAAgB,IAAI,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC;IAEvH,SAAS,aAAa;QACpB,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;aAAM,IAAI,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;YACtC,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,4BAA4B,aACxC,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,MAAM,YAEd,SAAS,GACH,CACV,EACA,YAAY,IAAI,CACf,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,QAAQ,YAEhB,YAAY,CAAC,KAAK,GACZ,CACV,IACG,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oDAAoD,EAC9D,QAAQ,EAAE,OAAO,eACN,OAAO,EAClB,OAAO,EAAE,aAAa,YAErB,YAAY,GACN,IACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormActions.js","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAInD,SAAS,gBAAgB,CACvB,MAA8B,EAC9B,MAA+B,EAC/B,OAAiB;IAEjB,IAAI,OAAO;QAAE,OAAO,IAAI,CAAC;IACzB,IAAI,CAAC,MAAM,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IACpE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AACpE,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,aAAa,GACP;IACjB,MAAM,QAAQ,GAAG,YAAY,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC;IACvF,MAAM,SAAS,GAAG,aAAa,IAAI,CAAC,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7G,MAAM,YAAY,GAAG,gBAAgB,IAAI,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC;IAEvH,MAAM,eAAe,GAAG,gBAAgB,CACtC,WAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EACrD,MAAM,EACN,OAAO,CACR,CAAC;IAEF,SAAS,aAAa;QACpB,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,EAAE,CAAC;QAClB,CAAC;aAAM,IAAI,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;YACtC,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,4BAA4B,aACxC,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uDAAuD,EACjE,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,MAAM,YAEd,SAAS,GACH,CACV,EACA,YAAY,IAAI,CACf,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uDAAuD,EACjE,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,QAAQ,YAEhB,YAAY,CAAC,KAAK,GACZ,CACV,IACG,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0DAA0D,EACpE,QAAQ,EAAE,eAAe,eACd,OAAO,EAClB,OAAO,EAAE,aAAa,YAErB,YAAY,GACN,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/FormField.d.ts

@@ -9,7 +9,8 @@ interface FormFieldProps {
     components?: FieldComponentMap;
     onChange: (value: unknown) => void;
     onBlur: () => void;
+    onFocus?: () => void;
 }
-export declare function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, onFocus, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FormField.d.ts.map

package/dist/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU5E,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AAkBtE,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,2CAkBhB"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAWnF,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AAkBtE,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,cAAc,2CAmBhB"}

package/dist/FormField.js

@@ -2,6 +2,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { CheckboxField } from './fields/CheckboxField';
 import { DateField } from './fields/DateField';
 import { FileField } from './fields/FileField';
+import { MultiselectField } from './fields/MultiselectField';
 import { RadioField } from './fields/RadioField';
 import { SelectField } from './fields/SelectField';
 import { SwitchField } from './fields/SwitchField';
@@ -14,7 +15,7 @@ const defaultComponents = {
     number: TextField,
     password: TextField,
     select: SelectField,
-    multiselect: SelectField,
+    multiselect: MultiselectField,
     checkbox: CheckboxField,
     radio: RadioField,
     switch: SwitchField,
@@ -22,11 +23,11 @@ const defaultComponents = {
     date: DateField,
     textarea: TextareaField,
 };
-export function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, }) {
+export function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, onFocus, }) {
     const Component = components?.[field.type] ?? defaultComponents[field.type];
     if (!Component) {
         return _jsxs("div", { children: ["Unsupported field type: ", field.type] });
     }
-    return (_jsx(Component, { field: field, value: value, error: error, loading: loading, disabled: disabled, onChange: onChange, onBlur: onBlur }));
+    return (_jsx(Component, { field: field, value: value, error: error, loading: loading, disabled: disabled, onChange: onChange, onBlur: onBlur, onFocus: onFocus }));
 }
 //# sourceMappingURL=FormField.js.map

package/dist/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,iBAAiB,GAA0D;IAC/E,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,aAAa;CACxB,CAAC;AAaF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,GACS;IACf,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE5E,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,sDAA8B,KAAK,CAAC,IAAI,IAAO,CAAC;IACzD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,iBAAiB,GAAiE;IACtF,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,gBAAgB;IAC7B,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,aAAa;CACxB,CAAC;AAcF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,GACQ;IACf,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAK,iBAAwE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEpI,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,sDAA8B,KAAK,CAAC,IAAI,IAAO,CAAC;IACzD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC"}

package/dist/FormRenderer.d.ts

@@ -1,3 +1,3 @@
 import type { FormRendererProps } from './types';
-export declare function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading, components, ActionsComponent, ProgressComponent, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading, components, optionsProviders, ActionsComponent, ProgressComponent, onAnalyticsEvent, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FormRenderer.d.ts.map

package/dist/FormRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../src/FormRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EAAE,cAAc,EACtB,OAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,iBAAiB,2CA2HnB"}
+{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../src/FormRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EAAE,cAAc,EACtB,OAAe,EACf,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,iBAAiB,2CAwJnB"}

package/dist/FormRenderer.js

@@ -3,11 +3,12 @@ import { useEffect } from 'react';
 import { FormActions } from './FormActions';
 import { FormField } from './FormField';
 import { FormStepProgress } from './FormStepProgress';
+import { useFieldOptions } from './hooks/useFieldOptions';
 import { useFormEngine } from './hooks/useFormEngine';
-export function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading = false, components, ActionsComponent, ProgressComponent, }) {
+export function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading = false, components, optionsProviders, ActionsComponent, ProgressComponent, onAnalyticsEvent, }) {
     const engineOptions = { validators };
     const engine = useFormEngine(schema, initialValues, engineOptions);
-    // Sync external errors
+    const resolvedOptions = useFieldOptions(engine.visibleFields, engine.values, optionsProviders);
     useEffect(() => {
         if (externalErrors) {
             engine.setErrors(externalErrors);
@@ -17,22 +18,43 @@ export function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStep
         engine.setValue(key, value);
         onFieldChange?.(key, value, engine.values);
     }
-    function handleFieldBlur(_key) {
-        // Intentionally no validation on blur.
-        // Validation runs only on Submit / Continue click.
+    function handleFieldFocus(key) {
+        onAnalyticsEvent?.({ type: 'field_focused', fieldKey: key });
+    }
+    function handleFieldBlur(key) {
+        onAnalyticsEvent?.({
+            type: 'field_blurred',
+            fieldKey: key,
+            hasValue: engine.values[key] !== undefined && engine.values[key] !== '',
+        });
     }
     function handleSubmit(e) {
         e.preventDefault();
         const allErrors = engine.validate();
+        for (const [key, msg] of Object.entries(allErrors)) {
+            onAnalyticsEvent?.({ type: 'field_error', fieldKey: key, error: msg });
+        }
         if (Object.keys(allErrors).length > 0)
             return;
         const submitValues = engine.getSubmitValues();
+        onAnalyticsEvent?.({ type: 'form_submitted', fieldCount: Object.keys(submitValues).length });
         onSubmit(submitValues);
     }
     function handleNext() {
+        const prevStep = engine.currentStep;
         const success = engine.nextStep();
-        if (success && engine.currentStep) {
-            onStepChange?.(engine.currentStep.id, 'next');
+        if (success) {
+            if (prevStep) {
+                onAnalyticsEvent?.({ type: 'step_completed', stepId: prevStep.id });
+            }
+            if (engine.currentStep) {
+                onStepChange?.(engine.currentStep.id, 'next');
+                onAnalyticsEvent?.({
+                    type: 'step_viewed',
+                    stepId: engine.currentStep.id,
+                    stepIndex: engine.currentStepIndex,
+                });
+            }
         }
     }
     function handlePrev() {
@@ -62,6 +84,11 @@ export function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStep
             handleSubmit({ preventDefault: () => { } });
         }
     }
-    return (_jsxs("form", { className: "fh-form", onSubmit: handleSubmit, children: [engine.isMultiStep && (_jsx(ProgressComp, { current: engine.progress.current, total: engine.progress.total, stepTitle: engine.currentStep?.title, stepDescription: engine.currentStep?.description })), _jsx("div", { className: "fh-form__fields", children: engine.visibleFields.map((field) => (_jsx(FormField, { field: field, value: engine.values[field.key], error: engine.errors[field.key], loading: engine.fieldLoading[field.key], disabled: loading, components: components, onChange: (v) => handleFieldUpdate(field.key, v), onBlur: () => handleFieldBlur(field.key) }, field.key))) }), engine.topLevelErrors.length > 0 && (_jsx("div", { className: "fh-form__top-errors", children: engine.topLevelErrors.map((error) => (_jsx("p", { className: "fh-form__top-error", children: error }, error))) })), _jsx(ActionsComp, { submitAction: schema.submit, backAction: engine.currentStep?.back, cancelAction: schema.cancel, isFirstStep: engine.isFirstStep, isLastStep: effectiveIsLastStep, isMultiStep: engine.isMultiStep, loading: loading, onSubmit: () => handleSubmit({ preventDefault: () => { } }), onNext: handleNext, onPrev: handlePrev, onCancel: handleCancel, primaryLabel: computedPrimaryLabel, showBack: computedShowBack, backLabel: computedBackLabel, onPrimary: handlePrimary })] }));
+    return (_jsxs("form", { className: "fh-form", onSubmit: handleSubmit, children: [engine.isMultiStep && (_jsx(ProgressComp, { current: engine.progress.current, total: engine.progress.total, stepTitle: engine.currentStep?.title, stepDescription: engine.currentStep?.description })), _jsx("div", { className: "fh-form__fields", children: engine.visibleFields.map((field) => {
+                    const fieldWithOptions = resolvedOptions[field.key]
+                        ? { ...field, options: resolvedOptions[field.key] }
+                        : field;
+                    return (_jsx(FormField, { field: fieldWithOptions, value: engine.values[field.key], error: engine.errors[field.key], loading: engine.fieldLoading[field.key], disabled: loading, components: components, onChange: (v) => handleFieldUpdate(field.key, v), onBlur: () => handleFieldBlur(field.key), onFocus: () => handleFieldFocus(field.key) }, field.key));
+                }) }), engine.topLevelErrors.length > 0 && (_jsx("div", { className: "fh-form__top-errors", children: engine.topLevelErrors.map((error) => (_jsx("p", { className: "fh-form__top-error", children: error }, error))) })), _jsx(ActionsComp, { submitAction: schema.submit, backAction: engine.currentStep?.back, cancelAction: schema.cancel, isFirstStep: engine.isFirstStep, isLastStep: effectiveIsLastStep, isMultiStep: engine.isMultiStep, loading: loading, values: engine.values, onSubmit: () => handleSubmit({ preventDefault: () => { } }), onNext: handleNext, onPrev: handlePrev, onCancel: handleCancel, primaryLabel: computedPrimaryLabel, showBack: computedShowBack, backLabel: computedBackLabel, onPrimary: handlePrimary })] }));
 }
 //# sourceMappingURL=FormRenderer.js.map

package/dist/FormRenderer.js.map

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

package/dist/fields/CheckboxField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function CheckboxField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CheckboxField.d.ts.map

package/dist/fields/CheckboxField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAkCrB"}
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAuCrB"}

package/dist/fields/CheckboxField.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function CheckboxField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function CheckboxField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
-    return (_jsxs("div", { className: "fh-field fh-field--checkbox", children: [_jsxs("label", { className: "fh-field__checkbox-label", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", className: "fh-field__checkbox", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur }), _jsx("span", { className: "fh-field__checkbox-text", children: field.label })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field fh-field--checkbox", children: [_jsxs("div", { className: "fh-field__checkbox-wrapper", children: [_jsx("input", { id: inputId, type: "checkbox", className: "fh-field__checkbox", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur, onFocus: onFocus }), field.label && (_jsx("label", { className: "fh-field__label", htmlFor: inputId, children: field.label }))] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=CheckboxField.js.map

package/dist/fields/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBAAO,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,OAAO,aAC1D,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACxD,EACP,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,4BAA4B,aACzC,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,CAAC,KAAK,IAAI,CACd,gBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,YAChD,KAAK,CAAC,KAAK,GACN,CACT,IACG,EACL,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/DateField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function DateField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/fields/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAqCrB"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAsCrB"}

package/dist/fields/DateField.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function DateField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function DateField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
-    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: "date", className: "fh-field__input fh-field__input--date", value: String(value ?? ''), disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: "date", className: "fh-field__input fh-field__input--date", value: String(value ?? ''), disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur, onFocus: onFocus }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=DateField.js.map

package/dist/fields/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/FileField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function FileField({ field, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileField({ field, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FileField.d.ts.map

package/dist/fields/FileField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAwCrB"}
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAyCrB"}

package/dist/fields/FileField.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function FileField({ field, error, loading, disabled, onChange, onBlur, }) {
+export function FileField({ field, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
@@ -7,6 +7,6 @@ export function FileField({ field, error, loading, disabled, onChange, onBlur, }
     return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: "file", className: "fh-field__input fh-field__input--file", accept: field.accept, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => {
                     const files = e.target.files;
                     onChange(files && files.length > 0 ? files[0] : null);
-                }, onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+                }, onBlur: onBlur, onFocus: onFocus }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=FileField.js.map

package/dist/fields/FileField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.js","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7B,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBACxD,CAAC,EACD,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FileField.js","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7B,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBACxD,CAAC,EACD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/MultiselectField.d.ts

@@ -0,0 +1,3 @@
+import type { FieldComponentProps } from '../types';
+export declare function MultiselectField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiselectField.d.ts.map

package/dist/fields/MultiselectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiselectField.d.ts","sourceRoot":"","sources":["../../src/fields/MultiselectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAwDrB"}

package/dist/fields/MultiselectField.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MultiselectField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
+    const groupId = field.key;
+    const helperId = `${field.key}-helper`;
+    const errorId = `${field.key}-error`;
+    const describedBy = error ? errorId : field.helperText ? helperId : undefined;
+    const options = field.options ?? [];
+    const selected = Array.isArray(value) ? value : [];
+    function handleToggle(optValue) {
+        const next = selected.includes(optValue)
+            ? selected.filter((v) => v !== optValue)
+            : [...selected, optValue];
+        onChange(next);
+    }
+    return (_jsxs("fieldset", { className: "fh-field fh-field--multiselect", "aria-invalid": !!error || undefined, "aria-describedby": describedBy, children: [field.label && _jsx("legend", { className: "fh-field__label", children: field.label }), _jsx("div", { className: "fh-field__multiselect-group", children: options.map((opt) => {
+                    const optionId = `${groupId}-${opt.value}`;
+                    return (_jsxs("div", { className: "fh-field__multiselect-option", children: [_jsx("input", { id: optionId, type: "checkbox", className: "fh-field__checkbox", checked: selected.includes(opt.value), disabled: disabled || loading, onChange: () => handleToggle(opt.value), onBlur: onBlur, onFocus: onFocus }), _jsx("label", { className: "fh-field__multiselect-label", htmlFor: optionId, children: opt.label })] }, opt.value));
+                }) }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+}
+//# sourceMappingURL=MultiselectField.js.map

package/dist/fields/MultiselectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiselectField.js","sourceRoot":"","sources":["../../src/fields/MultiselectField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5E,SAAS,YAAY,CAAC,QAAgB;QACpC,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACtC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC;YACxC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC5B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC;IAED,OAAO,CACL,oBACE,SAAS,EAAC,gCAAgC,kBAC5B,CAAC,CAAC,KAAK,IAAI,SAAS,sBAChB,WAAW,aAE5B,KAAK,CAAC,KAAK,IAAI,iBAAQ,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAU,EAC1E,cAAK,SAAS,EAAC,6BAA6B,YACzC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnB,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3C,OAAO,CACL,eAAqB,SAAS,EAAC,8BAA8B,aAC3D,gBACE,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACrC,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EACvC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACF,gBAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAE,QAAQ,YAC7D,GAAG,CAAC,KAAK,GACJ,KAbA,GAAG,CAAC,KAAK,CAcb,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/fields/RadioField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function RadioField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function RadioField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RadioField.d.ts.map

package/dist/fields/RadioField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAiDrB"}
+{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAkDrB"}

package/dist/fields/RadioField.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function RadioField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function RadioField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const groupId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
     const options = field.options ?? [];
-    return (_jsxs("div", { className: "fh-field fh-field--radio", children: [_jsxs("fieldset", { className: "fh-field__fieldset", "aria-invalid": !!error, "aria-describedby": describedBy, children: [field.label && _jsx("legend", { className: "fh-field__legend", children: field.label }), _jsx("div", { className: "fh-field__radio-group", children: options.map((opt) => {
-                            const optionId = `${groupId}-${opt.value}`;
-                            return (_jsxs("label", { className: "fh-field__radio-label", htmlFor: optionId, children: [_jsx("input", { id: optionId, type: "radio", className: "fh-field__radio", name: groupId, value: opt.value, checked: value === opt.value, disabled: disabled || loading, onChange: () => onChange(opt.value), onBlur: onBlur }), _jsx("span", { className: "fh-field__radio-text", children: opt.label })] }, opt.value));
-                        }) })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("fieldset", { className: "fh-field fh-field--radio", "aria-invalid": !!error || undefined, "aria-describedby": describedBy, children: [field.label && _jsx("legend", { className: "fh-field__label", children: field.label }), _jsx("div", { className: "fh-field__radio-group", children: options.map((opt) => {
+                    const optionId = `${groupId}-${opt.value}`;
+                    return (_jsxs("div", { className: "fh-field__radio-option", children: [_jsx("input", { id: optionId, type: "radio", className: "fh-field__radio", name: groupId, value: opt.value, checked: String(value) === String(opt.value), disabled: disabled || loading, onChange: () => onChange(opt.value), onBlur: onBlur, onFocus: onFocus }), _jsx("label", { className: "fh-field__radio-label", htmlFor: optionId, children: opt.label })] }, opt.value));
+                }) }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=RadioField.js.map

package/dist/fields/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,oBACE,SAAS,EAAC,oBAAoB,kBAChB,CAAC,CAAC,KAAK,sBACH,WAAW,aAE5B,KAAK,CAAC,KAAK,IAAI,iBAAQ,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,KAAK,GAAU,EAC3E,cAAK,SAAS,EAAC,uBAAuB,YACnC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;4BACnB,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;4BAC3C,OAAO,CACL,iBAAuB,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,QAAQ,aACxE,gBACE,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,KAAK,KAAK,GAAG,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACnC,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,sBAAsB,YAAE,GAAG,CAAC,KAAK,GAAQ,KAZ/C,GAAG,CAAC,KAAK,CAab,CACT,CAAC;wBACJ,CAAC,CAAC,GACE,IACG,EACV,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,oBACE,SAAS,EAAC,0BAA0B,kBACtB,CAAC,CAAC,KAAK,IAAI,SAAS,sBAChB,WAAW,aAE5B,KAAK,CAAC,KAAK,IAAI,iBAAQ,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAU,EAC1E,cAAK,SAAS,EAAC,uBAAuB,YACnC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnB,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;oBAC3C,OAAO,CACL,eAAqB,SAAS,EAAC,wBAAwB,aACrD,gBACE,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACnC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACF,gBAAO,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,QAAQ,YACvD,GAAG,CAAC,KAAK,GACJ,KAfA,GAAG,CAAC,KAAK,CAgBb,CACP,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/fields/SelectField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function SelectField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectField.d.ts.map

package/dist/fields/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAgDrB"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAiDrB"}

package/dist/fields/SelectField.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SelectField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function SelectField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
     const options = field.options ?? [];
-    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsxs("select", { id: inputId, className: "fh-field__input fh-field__input--select", value: value ?? '', disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur, children: [field.placeholder && (_jsx("option", { value: "", disabled: true, children: field.placeholder })), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsxs("select", { id: inputId, className: "fh-field__input fh-field__input--select", value: value ?? '', disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur, onFocus: onFocus, children: [field.placeholder && (_jsx("option", { value: "", disabled: true, children: field.placeholder })), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=SelectField.js.map

package/dist/fields/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,kBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,aAEb,KAAK,CAAC,WAAW,IAAI,CACpB,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,KAAK,CAAC,WAAW,GACX,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IADC,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,EACR,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,kBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,aAEf,KAAK,CAAC,WAAW,IAAI,CACpB,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,KAAK,CAAC,WAAW,GACX,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IADC,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,EACR,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/SwitchField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function SwitchField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function SwitchField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SwitchField.d.ts.map

package/dist/fields/SwitchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAmCrB"}
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAwCrB"}

package/dist/fields/SwitchField.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function SwitchField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function SwitchField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
-    return (_jsxs("div", { className: "fh-field fh-field--switch", children: [_jsxs("label", { className: "fh-field__switch-label", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", role: "switch", className: "fh-field__switch", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur }), _jsx("span", { className: "fh-field__switch-text", children: field.label })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field fh-field--switch", children: [_jsxs("div", { className: "fh-field__switch-wrapper", children: [_jsx("input", { id: inputId, type: "checkbox", role: "switch", className: "fh-field__switch", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur, onFocus: onFocus }), field.label && (_jsx("label", { className: "fh-field__label", htmlFor: inputId, children: field.label }))] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=SwitchField.js.map

package/dist/fields/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,iBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,aACxD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACtD,EACP,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAK,SAAS,EAAC,0BAA0B,aACvC,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,CAAC,KAAK,IAAI,CACd,gBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,YAChD,KAAK,CAAC,KAAK,GACN,CACT,IACG,EACL,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/TextField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function TextField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/fields/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAsDrB"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAuDrB"}

package/dist/fields/TextField.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TextField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+export function TextField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
@@ -17,6 +17,6 @@ export function TextField({ field, value, error, loading, disabled, onChange, on
                 : field.type === 'password'
                     ? 'password'
                     : 'text';
-    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: inputType, className: "fh-field__input", value: value != null ? String(value) : '', placeholder: field.placeholder, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: handleChange, onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: inputType, className: "fh-field__input", value: value != null ? String(value) : '', placeholder: field.placeholder ?? field.mask, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: handleChange, onBlur: onBlur, onFocus: onFocus }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=TextField.js.map

package/dist/fields/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,SAAS,GACb,KAAK,CAAC,IAAI,KAAK,OAAO;QACpB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACtB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ;gBACvB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;oBACzB,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,MAAM,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EACzC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,SAAS,GACb,KAAK,CAAC,IAAI,KAAK,OAAO;QACpB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACtB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ;gBACvB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;oBACzB,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,MAAM,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EACzC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,EAC5C,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/fields/TextareaField.d.ts

@@ -1,3 +1,3 @@
 import type { FieldComponentProps } from '../types';
-export declare function TextareaField({ field, value, error, loading, disabled, onChange, onBlur, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextareaField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }: FieldComponentProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextareaField.d.ts.map

package/dist/fields/TextareaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAsCrB"}
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAIpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,2CAuCrB"}

package/dist/fields/TextareaField.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function TextareaField({ field, value, error, loading, disabled, onChange, onBlur, }) {
+const DEFAULT_ROWS = 3;
+export function TextareaField({ field, value, error, loading, disabled, onChange, onBlur, onFocus, }) {
     const inputId = field.key;
     const helperId = `${field.key}-helper`;
     const errorId = `${field.key}-error`;
     const describedBy = error ? errorId : field.helperText ? helperId : undefined;
-    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("textarea", { id: inputId, className: "fh-field__input fh-field__input--textarea", value: value ?? '', placeholder: field.placeholder, rows: field.rows ?? 3, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
+    return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("textarea", { id: inputId, className: "fh-field__input fh-field__input--textarea", value: value ?? '', placeholder: field.placeholder, rows: field.rows ?? DEFAULT_ROWS, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur, onFocus: onFocus }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
 }
 //# sourceMappingURL=TextareaField.js.map

package/dist/fields/TextareaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,mBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":";AAEA,MAAM,YAAY,GAAG,CAAC,CAAC;AAEvB,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,GACa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,mBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,YAAY,EAChC,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/hooks/useFieldOptions.d.ts

@@ -0,0 +1,4 @@
+import type { FieldOption, FormField } from '@formhaus/core';
+import type { OptionsProvider } from '../types';
+export declare function useFieldOptions(fields: FormField[], values: Record<string, unknown>, providers?: Record<string, OptionsProvider>): Record<string, FieldOption[]>;
+//# sourceMappingURL=useFieldOptions.d.ts.map

package/dist/hooks/useFieldOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldOptions.d.ts","sourceRoot":"","sources":["../../src/hooks/useFieldOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,SAAS,EAAE,EACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAC1C,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,CAuC/B"}

package/dist/hooks/useFieldOptions.js

@@ -0,0 +1,39 @@
+import { useEffect, useRef, useState } from 'react';
+export function useFieldOptions(fields, values, providers) {
+    const [resolved, setResolved] = useState({});
+    const lastDepsRef = useRef(new Map());
+    useEffect(() => {
+        if (!providers)
+            return;
+        let isStale = false;
+        for (const field of fields) {
+            if (!field.optionsFrom)
+                continue;
+            const provider = providers[field.optionsFrom];
+            if (!provider)
+                continue;
+            const depsKey = (field.optionsDependsOn ?? []).map((k) => values[k]).join('|');
+            if (lastDepsRef.current.get(field.key) === depsKey)
+                continue;
+            lastDepsRef.current.set(field.key, depsKey);
+            const result = provider(values);
+            if (Array.isArray(result)) {
+                if (!isStale)
+                    setResolved((prev) => ({ ...prev, [field.key]: result }));
+            }
+            else {
+                result
+                    .then((options) => {
+                    if (!isStale)
+                        setResolved((prev) => ({ ...prev, [field.key]: options }));
+                })
+                    .catch(() => {
+                    lastDepsRef.current.delete(field.key);
+                });
+            }
+        }
+        return () => { isStale = true; };
+    }, [fields, values, providers]);
+    return resolved;
+}
+//# sourceMappingURL=useFieldOptions.js.map

package/dist/hooks/useFieldOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldOptions.js","sourceRoot":"","sources":["../../src/hooks/useFieldOptions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD,MAAM,UAAU,eAAe,CAC7B,MAAmB,EACnB,MAA+B,EAC/B,SAA2C;IAE3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgC,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,GAAG,EAAE,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,IAAI,OAAO,GAAG,KAAK,CAAC;QAEpB,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,WAAW;gBAAE,SAAS;YAEjC,MAAM,QAAQ,GAAG,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YAC9C,IAAI,CAAC,QAAQ;gBAAE,SAAS;YAExB,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,gBAAgB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAE/E,IAAI,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,OAAO;gBAAE,SAAS;YAC7D,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YAE5C,MAAM,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;YAEhC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,OAAO;oBAAE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,MAAM;qBACH,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;oBAChB,IAAI,CAAC,OAAO;wBAAE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;gBAC3E,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,EAAE;oBACV,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACxC,CAAC,CAAC,CAAC;YACP,CAAC;QACH,CAAC;QAED,OAAO,GAAG,EAAE,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/hooks/useFormEngine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGrF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,EAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CAWZ"}
+{"version":3,"file":"useFormEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGrF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,EAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CAcZ"}

package/dist/hooks/useFormEngine.js

@@ -2,11 +2,12 @@ import { FormEngine } from '@formhaus/core';
 import { useRef, useSyncExternalStore } from 'react';
 export function useFormEngine(schema, initialValues, options) {
     const engineRef = useRef(null);
-    if (engineRef.current === null) {
+    const schemaIdRef = useRef(schema.id);
+    if (engineRef.current === null || schemaIdRef.current !== schema.id) {
         engineRef.current = new FormEngine(schema, initialValues, options);
+        schemaIdRef.current = schema.id;
     }
     const engine = engineRef.current;
-    // Subscribe to engine changes via useSyncExternalStore
     useSyncExternalStore(engine.subscribe.bind(engine), engine.getSnapshot.bind(engine));
     return engine;
 }

package/dist/hooks/useFormEngine.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormEngine.js","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,aAAa,CAC3B,MAAkB,EAClB,aAAuC,EACvC,OAA2B;IAE3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QAC/B,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,uDAAuD;IACvD,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAErF,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"useFormEngine.js","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,aAAa,CAC3B,MAAkB,EAClB,aAAuC,EACvC,OAA2B;IAE3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAS,MAAM,CAAC,EAAE,CAAC,CAAC;IAE9C,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,IAAI,WAAW,CAAC,OAAO,KAAK,MAAM,CAAC,EAAE,EAAE,CAAC;QACpE,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;QACnE,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC;IAClC,CAAC;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAErF,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/types.d.ts

@@ -1,5 +1,6 @@
-import type { FieldType, FormAction, FormAnalyticsEvent, FormSchema, ValidatorFn } from '@formhaus/core';
+import type { FieldOption, FieldType, FormAction, FormAnalyticsEvent, FormSchema, ValidatorFn } from '@formhaus/core';
 import type { ComponentType } from 'react';
+export type OptionsProvider = (values: Record<string, unknown>) => FieldOption[] | Promise<FieldOption[]>;
 export interface FieldComponentProps {
     field: import('@formhaus/core').FormField;
     value: unknown;
@@ -8,6 +9,7 @@ export interface FieldComponentProps {
     disabled?: boolean;
     onChange: (value: unknown) => void;
     onBlur: () => void;
+    onFocus?: () => void;
 }
 export type FieldComponentMap = Partial<Record<FieldType, ComponentType<FieldComponentProps>>>;
 export interface FormActionsProps {
@@ -18,6 +20,7 @@ export interface FormActionsProps {
     isLastStep: boolean;
     isMultiStep: boolean;
     loading?: boolean;
+    values?: Record<string, unknown>;
     primaryLabel?: string;
     showBack?: boolean;
     backLabel?: string;
@@ -44,6 +47,7 @@ export interface FormRendererProps {
     errors?: Record<string, string>;
     loading?: boolean;
     components?: FieldComponentMap;
+    optionsProviders?: Record<string, OptionsProvider>;
     ActionsComponent?: ComponentType<FormActionsProps>;
     ProgressComponent?: ComponentType<FormStepProgressProps>;
     onAnalyticsEvent?: (event: FormAnalyticsEvent) => void;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,OAAO,gBAAgB,EAAE,SAAS,CAAC;IAC1C,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAE/F,MAAM,WAAW,gBAAgB;IAC/B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAChC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACnD,iBAAiB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formhaus/react",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "React components for formhaus JSON-schema-driven forms",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,25 +15,31 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "clean": "rm -rf dist"
+  },
   "dependencies": {
-    "@formhaus/core": "0.1.0"
+    "@formhaus/core": "workspace:*"
   },
   "peerDependencies": {
     "react": ">=18.0.0"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "jsdom": "^29.0.2",
     "react": "^19.2.4",
-    "typescript": "^5.7.3"
+    "react-dom": "^19.2.4",
+    "typescript": "^5.7.3",
+    "vitest": "^4.1.3"
   },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/ignsm/formhaus.git",
     "directory": "packages/react"
-  },
-  "scripts": {
-    "build": "tsc",
-    "clean": "rm -rf dist"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 formhaus contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.