period-ui 0.10.0 → 0.11.0

package/README.md

@@ -92,6 +92,21 @@ module.exports = {
 No copies los tokens del preset a tu config: el preset es la única fuente de verdad. `content` y
 `screens` no forman parte del preset — son responsabilidad de cada app.
 
+### 4. Monta `PeriodUiProvider` (obligatorio desde 0.11.0):
+
+Los labels de los campos de formulario muestran el texto de "opcional" cuando el campo no es
+`isRequired`. Ese copy lo define tu app una sola vez, en la raíz:
+
+```tsx
+import { PeriodUiProvider } from 'period-ui';
+
+<PeriodUiProvider texts={{ optionalLabel: t('form.optional') }}>
+  <App />
+</PeriodUiProvider>;
+```
+
+Sin el provider, cualquier campo con label tira un error que lo indica.
+
 ---
 
 ## 📚 Storybook (Probar localmente)

package/dist/components/molecules/form/form-checkbox/form-checkbox.d.ts

@@ -1,9 +1,13 @@
 import { CheckboxGroupProps } from '../../../../components/atoms/check-box';
-import { FormControlProps } from '../../../../containers';
-export type FormCheckBoxProps = FormControlProps & Omit<CheckboxGroupProps, 'onCheckData' | 'checkedData'> & {
-    formControlClassName?: string;
+import { FormFieldProps } from '../../../../containers';
+import { FieldValueProps } from '../form-field-binding';
+type CheckBoxValueProps = {
     checkedData?: string[];
+};
+export type FormCheckBoxProps = FormFieldProps & Omit<CheckboxGroupProps, 'id' | 'checkedData' | 'onCheckData' | 'ariaLabelledBy' | 'ariaDescribedBy' | 'ariaInvalid'> & FieldValueProps<CheckBoxValueProps> & {
+    formControlClassName?: string;
     onCheckData?: (value?: string[]) => void;
 };
-export declare function FormCheckBox({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, checkedData, onCheckData, ...checkboxProps }: FormCheckBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormCheckBox({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, toolTipProps, formControlClassName, formProps, name, checkedData, onCheckData, ...checkboxProps }: FormCheckBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=form-checkbox.d.ts.map

package/dist/components/molecules/form/form-checkbox/form-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGvE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,kBAAkB,EAAE,aAAa,GAAG,aAAa,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,wBAAgB,YAAY,CAAC,EAC3B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACjB,EAAE,iBAAiB,2CAsCnB"}
+{"version":3,"file":"form-checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAEL,cAAc,EAGf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAgC,MAAM,uBAAuB,CAAC;AAEtF,KAAK,kBAAkB,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAC5C,IAAI,CACF,kBAAkB,EAClB,IAAI,GAAG,aAAa,GAAG,aAAa,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,aAAa,CAC5F,GACD,eAAe,CAAC,kBAAkB,CAAC,GAAG;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEJ,wBAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACjB,EAAE,iBAAiB,2CA0CnB"}

package/dist/components/molecules/form/form-checkbox/form-checkbox.js

@@ -5,12 +5,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const check_box_1 = require("../../../../components/atoms/check-box");
 const containers_1 = require("../../../../containers");
 const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
-function FormCheckBox({ formControlClassName, label, helperText, errorText, optionalLabel, hideRequiredMark, toolTipProps, inputWidth, id, formName, formProps, isRequired, isDisabled, checkedData, onCheckData, ...checkboxProps }) {
-    async function handleChanceValue(value) {
+const form_field_binding_1 = require("../form-field-binding");
+function FormCheckBox({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, toolTipProps, formControlClassName, formProps, name, checkedData, onCheckData, ...checkboxProps }) {
+    const boundField = (0, form_field_binding_1.toBoundField)(formProps, name);
+    const resolvedCheckedData = boundField
+        ? (0, containers_1.getFieldValue)(boundField)
+        : checkedData;
+    async function handleCheckData(value) {
         onCheckData?.(value);
-        await formProps?.setFieldValue(formName ?? '', value);
-        await formProps?.setFieldTouched(formName ?? '', true, true);
+        if (boundField) {
+            await (0, containers_1.setFieldValueAndTouch)(boundField, value);
+        }
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText, className: (0, tailwind_utils_1.tailwind)('space-y-4', formControlClassName), containerClassName: "space-y-4", associateLabelWithInput: false, children: ({ isErrorVisible, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(check_box_1.CheckboxGroup, { ...checkboxProps, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, ariaInvalid: isErrorVisible, checkedData: checkedData ?? formProps?.values[formName], onCheckData: handleChanceValue })) }));
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...(0, form_field_binding_1.toFieldBinding)(boundField), id: id, label: label, helperText: helperText, errorText: errorText, isRequired: isRequired, isDisabled: isDisabled, hideRequiredMark: hideRequiredMark, inputWidth: inputWidth, toolTipProps: toolTipProps, className: (0, tailwind_utils_1.tailwind)('space-y-4', formControlClassName), containerClassName: "space-y-4", associateLabelWithInput: false, children: ({ isErrorVisible, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(check_box_1.CheckboxGroup, { ...checkboxProps, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, ariaInvalid: isErrorVisible, checkedData: resolvedCheckedData, onCheckData: handleCheckData })) }));
 }
 //# sourceMappingURL=form-checkbox.js.map

package/dist/components/molecules/form/form-checkbox/form-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-checkbox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":";;AAWA,oCAuDC;;AAlED,sEAA2F;AAC3F,uDAAuE;AACvE,qEAA4D;AAS5D,SAAgB,YAAY,CAAC,EAC3B,oBAAoB,EACpB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACE;IAClB,KAAK,UAAU,iBAAiB,CAAC,KAAgB;QAC/C,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,MAAM,SAAS,EAAE,aAAa,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;QACtD,MAAM,SAAS,EAAE,eAAe,CAAC,QAAQ,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,oBAAoB,CAAC,EACtD,kBAAkB,EAAC,WAAW,EAC9B,uBAAuB,EAAE,KAAK,YAE7B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAa,OACR,aAAa,EACjB,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,cAAc,EAC3B,WAAW,EAAE,WAAW,IAAI,SAAS,EAAE,MAAM,CAAC,QAAS,CAAC,EACxD,WAAW,EAAE,iBAAiB,GAC9B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-checkbox.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-checkbox/form-checkbox.tsx"],"names":[],"mappings":";;AAwBA,oCA0DC;;AAlFD,sEAA2F;AAC3F,uDAKgC;AAChC,qEAA4D;AAC5D,8DAAsF;AAgBtF,SAAgB,YAAY,CAAC,EAC3B,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,WAAW,EACX,GAAG,aAAa,EACE;IAClB,MAAM,UAAU,GAAG,IAAA,iCAAY,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,IAAA,0BAAa,EAAuB,UAAU,CAAC;QACjD,CAAC,CAAC,WAAW,CAAC;IAEhB,KAAK,UAAU,eAAe,CAAC,KAAgB;QAC7C,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QAErB,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,IAAA,kCAAqB,EAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,IAAA,mCAAc,EAAC,UAAU,CAAC,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,yBAAQ,EAAC,WAAW,EAAE,oBAAoB,CAAC,EACtD,kBAAkB,EAAC,WAAW,EAC9B,uBAAuB,EAAE,KAAK,YAE7B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAa,OACR,aAAa,EACjB,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,WAAW,EAC5B,WAAW,EAAE,cAAc,EAC3B,WAAW,EAAE,mBAAmB,EAChC,WAAW,EAAE,eAAe,GAC5B,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-date-picker/form-date-picker.d.ts

@@ -1,10 +1,16 @@
 import { DatePickerProps } from '../../..';
-import { FormControlProps } from '../../../../containers';
-export type FormDatePickerProps = FormControlProps & DatePickerProps & {
+import { FormFieldProps } from '../../../../containers';
+import { FieldValueProps } from '../form-field-binding';
+type DatePickerValueProps = {
+    startDate?: Date;
+    endDate?: Date;
+};
+export type FormDatePickerProps = Omit<FormFieldProps, 'inputWidth'> & Omit<DatePickerProps, 'id' | 'startDate' | 'endDate' | 'isDisabled' | 'isErrorVisible' | 'ariaLabelledBy' | 'ariaDescribedBy'> & FieldValueProps<DatePickerValueProps> & {
     formControlClassName?: string;
-    mobileEndDateProps?: FormControlProps & {
+    mobileEndDateProps?: FormFieldProps & {
         onBlur?: () => void;
     };
 };
-export declare function FormDatePicker({ formControlClassName, mobileEndDateProps, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, id, formName, formProps, isRequired, ...datePickerProps }: FormDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormDatePicker({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, containerClassName, toolTipProps, formControlClassName, mobileEndDateProps, formProps, name, startDate, endDate, ...datePickerProps }: FormDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=form-date-picker.d.ts.map

package/dist/components/molecules/form/form-date-picker/form-date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAsB,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAe,gBAAgB,EAAkB,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAChD,eAAe,GAAG;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,gBAAgB,GAAG;QACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAEJ,wBAAgB,cAAc,CAAC,EAC7B,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,EAAE,EACF,QAAQ,EACR,SAAS,EACT,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,mBAAmB,2CAkIrB"}
+{"version":3,"file":"form-date-picker.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-date-picker/form-date-picker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,eAAe,EAAsB,MAAM,UAAU,CAAC;AAE3E,OAAO,EAGL,cAAc,EAIf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,eAAe,EAAgC,MAAM,uBAAuB,CAAC;AAEtF,KAAK,oBAAoB,GAAG;IAC1B,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,GAClE,IAAI,CACF,eAAe,EACb,IAAI,GACJ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,gBAAgB,GAChB,gBAAgB,GAChB,iBAAiB,CACpB,GACD,eAAe,CAAC,oBAAoB,CAAC,GAAG;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,cAAc,GAAG;QACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC;AAQJ,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,GAAG,eAAe,EACnB,EAAE,mBAAmB,2CA2IrB"}

package/dist/components/molecules/form/form-date-picker/form-date-picker.js

@@ -5,47 +5,61 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const window_dimensions_utils_1 = require("../../../../utils/window-dimensions-utils");
 const __1 = require("../../..");
 const containers_1 = require("../../../../containers");
-function FormDatePicker({ formControlClassName, mobileEndDateProps, label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, id, formName, formProps, isRequired, ...datePickerProps }) {
+const form_field_binding_1 = require("../form-field-binding");
+function resolveBoundDates(boundField) {
+    const fieldValue = (0, containers_1.getFieldValue)(boundField);
+    return { startDate: fieldValue?.startDate, endDate: fieldValue?.endDate };
+}
+function FormDatePicker({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, containerClassName, toolTipProps, formControlClassName, mobileEndDateProps, formProps, name, startDate, endDate, ...datePickerProps }) {
     const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
+    const boundField = (0, form_field_binding_1.toBoundField)(formProps, name);
+    const dates = boundField ? resolveBoundDates(boundField) : { startDate, endDate };
     const isRangeDatePicker = datePickerProps.variant === __1.DatePickerVariants.DATE_RANGE;
-    async function handleChange(startDate, endDate) {
-        await formProps?.setFieldValue(formName, { startDate, endDate });
-        datePickerProps.onChange?.(startDate, endDate);
+    const resolvedErrorText = errorText || (boundField ? (0, containers_1.getFieldErrorText)(boundField) : undefined);
+    async function handleChange(nextStartDate, nextEndDate) {
+        if (boundField) {
+            await boundField.formProps.setFieldValue(boundField.name, {
+                startDate: nextStartDate,
+                endDate: nextEndDate,
+            });
+        }
+        datePickerProps.onChange?.(nextStartDate, nextEndDate);
     }
     async function handleChangeMobileStartDate(date) {
-        await handleChange(date, datePickerProps.endDate);
+        await handleChange(date, dates.endDate);
     }
     async function handleChangeMobileEndDate(date) {
-        await handleChange(datePickerProps.startDate, date);
+        await handleChange(dates.startDate, date);
     }
-    async function handleOnBlur() {
-        await formProps?.setFieldTouched(formName ?? '', true, true);
+    async function handleBlur() {
+        if (boundField) {
+            await boundField.formProps.setFieldTouched(boundField.name, true, true);
+        }
         datePickerProps.onBlur?.();
     }
     async function handleClear() {
-        await formProps?.setFieldValue(formName, { startDate: undefined, endDate: undefined });
+        if (boundField) {
+            await boundField.formProps.setFieldValue(boundField.name, {
+                startDate: undefined,
+                endDate: undefined,
+            });
+        }
         datePickerProps.onClear?.();
     }
-    const getErrorText = () => {
-        const formError = formProps?.errors[formName];
-        const errorMessage = typeof formError === 'object' && formError !== null
-            ? Object.values(formError)[0]
-            : formError;
-        return errorText || errorMessage;
-    };
-    const baseFormControlProps = {
+    const fieldControlProps = {
+        ...(0, form_field_binding_1.toFieldBinding)(boundField),
         id,
         label,
         helperText,
-        optionalLabel,
+        isRequired,
+        isDisabled,
         hideRequiredMark,
         containerClassName,
         toolTipProps,
-        formName,
-        formProps,
-        isRequired,
-        isDisabled: datePickerProps.isDisabled,
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isMobile && datePickerProps.variant === __1.DatePickerVariants.DATE_RANGE ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-4", children: [(0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...baseFormControlProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, maxDate: datePickerProps.endDate, endDate: datePickerProps.startDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileStartDate, onBlur: handleOnBlur })) }), (0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...mobileEndDateProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, minDate: datePickerProps.startDate, startDate: datePickerProps.endDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileEndDate, onBlur: mobileEndDateProps?.onBlur })) })] })) : ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...baseFormControlProps, inputWidth: isRangeDatePicker ? containers_1.FormInputWidth.FOUR_COLUMN : containers_1.FormInputWidth.TWO_COLUMN, errorText: getErrorText(), className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isErrorVisible: isErrorVisible, onChange: handleChange, onBlur: handleOnBlur, onClear: handleClear })) })) }));
+    if (isMobile && isRangeDatePicker) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col space-y-4", children: [(0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...fieldControlProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: resolvedErrorText, className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isDisabled: isDisabled, startDate: dates.startDate, maxDate: dates.endDate, endDate: dates.startDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileStartDate, onBlur: handleBlur })) }), (0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...mobileEndDateProps, inputWidth: containers_1.FormInputWidth.TWO_COLUMN, errorText: resolvedErrorText, className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isDisabled: isDisabled, endDate: dates.endDate, minDate: dates.startDate, startDate: dates.endDate, variant: __1.DatePickerVariants.DEFAULT, isErrorVisible: isErrorVisible, onChange: handleChangeMobileEndDate, onBlur: mobileEndDateProps?.onBlur })) })] }));
+    }
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...fieldControlProps, inputWidth: isRangeDatePicker ? containers_1.FormInputWidth.FOUR_COLUMN : containers_1.FormInputWidth.TWO_COLUMN, errorText: resolvedErrorText, className: formControlClassName, associateLabelWithInput: false, children: ({ isErrorVisible, inputId, labelId, describedBy }) => ((0, jsx_runtime_1.jsx)(__1.DatePicker, { ...datePickerProps, id: inputId, ariaLabelledBy: labelId, ariaDescribedBy: describedBy, isDisabled: isDisabled, startDate: dates.startDate, endDate: dates.endDate, isErrorVisible: isErrorVisible, onChange: handleChange, onBlur: handleBlur, onClear: handleClear })) }));
 }
 //# sourceMappingURL=form-date-picker.js.map

package/dist/components/molecules/form/form-date-picker/form-date-picker.js.map

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

package/dist/components/molecules/form/form-field-binding.d.ts

@@ -0,0 +1,25 @@
+import { ChangeEvent, FocusEvent } from 'react';
+import { AnyFormRenderProps, BoundFieldBinding, FieldBinding, StandaloneFieldBinding } from '../../../containers/form-control/form-field-state';
+export type BoundValueProps<StandaloneValueProps> = BoundFieldBinding & {
+    [Key in keyof StandaloneValueProps]?: never;
+};
+export type StandaloneValueProps<ValueProps> = StandaloneFieldBinding & ValueProps;
+export type FieldValueProps<ValueProps> = BoundValueProps<ValueProps> | StandaloneValueProps<ValueProps>;
+export type StandaloneOnly<Props> = Extract<Props, {
+    formProps?: never;
+}>;
+export declare function toBoundField(formProps: AnyFormRenderProps | undefined, name: string | undefined): BoundFieldBinding | undefined;
+export declare function toFieldBinding(boundField: BoundFieldBinding | undefined): FieldBinding;
+type TextInputBindingProps<InputValue> = {
+    boundField: BoundFieldBinding | undefined;
+    value: InputValue | undefined;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+};
+export declare function bindTextInput<InputValue>({ boundField, value, onChange, onBlur, }: TextInputBindingProps<InputValue>): {
+    inputValue: string | InputValue | undefined;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: (event: FocusEvent<HTMLInputElement>) => void;
+};
+export {};
+//# sourceMappingURL=form-field-binding.d.ts.map

package/dist/components/molecules/form/form-field-binding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-binding.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-field-binding.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EAEvB,MAAM,mDAAmD,CAAC;AAE3D,MAAM,MAAM,eAAe,CAAC,oBAAoB,IAAI,iBAAiB,GAAG;KACrE,GAAG,IAAI,MAAM,oBAAoB,CAAC,CAAC,EAAE,KAAK;CAC5C,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,UAAU,IAAI,sBAAsB,GAAG,UAAU,CAAC;AAEnF,MAAM,MAAM,eAAe,CAAC,UAAU,IAClC,eAAe,CAAC,UAAU,CAAC,GAC3B,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAErC,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAE1E,wBAAgB,YAAY,CAC1B,SAAS,EAAE,kBAAkB,GAAG,SAAS,EACzC,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,iBAAiB,GAAG,SAAS,CAE/B;AAED,wBAAgB,cAAc,CAAC,UAAU,EAAE,iBAAiB,GAAG,SAAS,GAAG,YAAY,CAEtF;AAED,KAAK,qBAAqB,CAAC,UAAU,IAAI;IACvC,UAAU,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC1C,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,wBAAgB,aAAa,CAAC,UAAU,EAAE,EACxC,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,qBAAqB,CAAC,UAAU,CAAC;;0BAGL,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;wBAQtC,UAAU,CAAC,gBAAgB,CAAC,KAAG,IAAI;EAS/D"}

package/dist/components/molecules/form/form-field-binding.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toBoundField = toBoundField;
+exports.toFieldBinding = toFieldBinding;
+exports.bindTextInput = bindTextInput;
+const form_field_state_1 = require("../../../containers/form-control/form-field-state");
+function toBoundField(formProps, name) {
+    return formProps && name !== undefined ? { formProps, name } : undefined;
+}
+function toFieldBinding(boundField) {
+    return boundField ?? {};
+}
+function bindTextInput({ boundField, value, onChange, onBlur, }) {
+    const inputValue = boundField ? ((0, form_field_state_1.getFieldValue)(boundField) ?? '') : value;
+    function handleChange(event) {
+        onChange?.(event);
+        if (boundField) {
+            void boundField.formProps.setFieldValue(boundField.name, event.target.value ?? '');
+        }
+    }
+    function handleBlur(event) {
+        onBlur?.(event);
+        if (boundField) {
+            void boundField.formProps.setFieldTouched(boundField.name, true, true);
+        }
+    }
+    return { inputValue, handleChange, handleBlur };
+}
+//# sourceMappingURL=form-field-binding.js.map

package/dist/components/molecules/form/form-field-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-binding.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-field-binding.ts"],"names":[],"mappings":";;AAqBA,oCAKC;AAED,wCAEC;AASD,sCAyBC;AA/DD,wFAM2D;AAc3D,SAAgB,YAAY,CAC1B,SAAyC,EACzC,IAAwB;IAExB,OAAO,SAAS,IAAI,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAC3E,CAAC;AAED,SAAgB,cAAc,CAAC,UAAyC;IACtE,OAAO,UAAU,IAAI,EAAE,CAAC;AAC1B,CAAC;AASD,SAAgB,aAAa,CAAa,EACxC,UAAU,EACV,KAAK,EACL,QAAQ,EACR,MAAM,GAC4B;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,IAAA,gCAAa,EAAyB,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAElG,SAAS,YAAY,CAAC,KAAoC;QACxD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAElB,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,UAAU,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QACrF,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACrD,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;QAEhB,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,UAAU,CAAC,SAAS,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACzE,CAAC;IACH,CAAC;IAED,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;AAClD,CAAC"}

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts

@@ -1,7 +1,7 @@
 import { FileUploaderProps } from '../../../../components';
-import { FormControlProps } from '../../../../containers';
-export type FormFileUploaderProps = FormControlProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & {
+import { FieldBinding, FormFieldProps } from '../../../../containers';
+export type FormFileUploaderProps = FormFieldProps & Omit<FileUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & FieldBinding & {
     formControlClassName?: string;
 };
-export declare function FormFileUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state, onSelectFile, onDelete, ...fileUploaderProps }: FormFileUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormFileUploader({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, containerClassName, toolTipProps, formControlClassName, formProps, name, state, onSelectFile, onDelete, ...fileUploaderProps }: FormFileUploaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-file-uploader.d.ts.map

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-file-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAqB,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC,GAAG;IACzE,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAiC,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACrB,EAAE,qBAAqB,2CAkDvB"}
+{"version":3,"file":"form-file-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAqB,MAAM,wBAAwB,CAAC;AAC5F,OAAO,EACL,YAAY,EAEZ,cAAc,EAEf,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAChD,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC,GACxE,YAAY,GAAG;IACb,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,KAAiC,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACrB,EAAE,qBAAqB,2CAgDvB"}

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js

@@ -4,21 +4,21 @@ exports.FormFileUploader = FormFileUploader;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../../components");
 const containers_1 = require("../../../../containers");
-function FormFileUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state = components_1.FileUploaderState.DEFAULT, onSelectFile, onDelete, ...fileUploaderProps }) {
+const form_field_binding_1 = require("../form-field-binding");
+function FormFileUploader({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, containerClassName, toolTipProps, formControlClassName, formProps, name, state = components_1.FileUploaderState.DEFAULT, onSelectFile, onDelete, ...fileUploaderProps }) {
+    const boundField = (0, form_field_binding_1.toBoundField)(formProps, name);
     function handleSelectFile(file) {
         onSelectFile?.(file);
-        if (formProps && formName) {
-            void formProps.setFieldValue(formName, file);
-            void formProps.setFieldTouched(formName, true, true);
+        if (boundField) {
+            void (0, containers_1.setFieldValueAndTouch)(boundField, file);
         }
     }
     function handleDelete() {
         onDelete?.();
-        if (formProps && formName) {
-            void formProps.setFieldValue(formName, null);
-            void formProps.setFieldTouched(formName, true, true);
+        if (boundField) {
+            void (0, containers_1.setFieldValueAndTouch)(boundField, null);
         }
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.FileUploader, { ...fileUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, isError: isErrorVisible, state: state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...(0, form_field_binding_1.toFieldBinding)(boundField), id: id, label: label, helperText: helperText, errorText: errorText, isRequired: isRequired, isDisabled: isDisabled, hideRequiredMark: hideRequiredMark, inputWidth: inputWidth, containerClassName: containerClassName, toolTipProps: toolTipProps, className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.FileUploader, { ...fileUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, isError: isErrorVisible, state: state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
 }
 //# sourceMappingURL=form-file-uploader.js.map

package/dist/components/molecules/form/form-file-uploader/form-file-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-file-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":";;AAQA,4CAqEC;;AA7ED,uDAA4F;AAC5F,uDAAuE;AAOvE,SAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,8BAAiB,CAAC,OAAO,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACE;IACtB,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAY,OACP,iBAAiB,EACrB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-file-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-file-uploader/form-file-uploader.tsx"],"names":[],"mappings":";;AAeA,4CAkEC;;AAjFD,uDAA4F;AAC5F,uDAKgC;AAChC,8DAAqE;AAQrE,SAAgB,gBAAgB,CAAC,EAC/B,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,KAAK,GAAG,8BAAiB,CAAC,OAAO,EACjC,YAAY,EACZ,QAAQ,EACR,GAAG,iBAAiB,EACE;IACtB,MAAM,UAAU,GAAG,IAAA,iCAAY,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAEjD,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,IAAA,kCAAqB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,IAAA,kCAAqB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,IAAA,mCAAc,EAAC,UAAU,CAAC,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,yBAAY,OACP,iBAAiB,EACrB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts

@@ -1,7 +1,7 @@
 import { ImageUploaderProps } from '../../../../components';
-import { FormControlProps } from '../../../../containers';
-export type FormImageUploaderProps = FormControlProps & Omit<ImageUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & {
+import { FieldBinding, FormFieldProps } from '../../../../containers';
+export type FormImageUploaderProps = FormFieldProps & Omit<ImageUploaderProps, 'id' | 'describedBy' | 'isDisabled' | 'isError'> & FieldBinding & {
     formControlClassName?: string;
 };
-export declare function FormImageUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state, onSelectFile, onDelete, ...imageUploaderProps }: FormImageUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormImageUploader({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, containerClassName, toolTipProps, formControlClassName, formProps, name, state, onSelectFile, onDelete, ...imageUploaderProps }: FormImageUploaderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-image-uploader.d.ts.map

package/dist/components/molecules/form/form-image-uploader/form-image-uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAsB,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACnD,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC,GAAG;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAkC,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACtB,EAAE,sBAAsB,2CAkDxB"}
+{"version":3,"file":"form-image-uploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,kBAAkB,EAAsB,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EACL,YAAY,EAEZ,cAAc,EAEf,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,sBAAsB,GAAG,cAAc,GACjD,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,aAAa,GAAG,YAAY,GAAG,SAAS,CAAC,GACzE,YAAY,GAAG;IACb,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,KAAkC,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACtB,EAAE,sBAAsB,2CAgDxB"}

package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js

@@ -4,21 +4,21 @@ exports.FormImageUploader = FormImageUploader;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const components_1 = require("../../../../components");
 const containers_1 = require("../../../../containers");
-function FormImageUploader({ label, helperText, errorText, optionalLabel, hideRequiredMark, containerClassName, toolTipProps, inputWidth, formName, formProps, formControlClassName, id, isRequired, isDisabled, state = components_1.ImageUploaderState.DEFAULT, onSelectFile, onDelete, ...imageUploaderProps }) {
+const form_field_binding_1 = require("../form-field-binding");
+function FormImageUploader({ id, label, helperText, errorText, isRequired, isDisabled, hideRequiredMark, inputWidth, containerClassName, toolTipProps, formControlClassName, formProps, name, state = components_1.ImageUploaderState.DEFAULT, onSelectFile, onDelete, ...imageUploaderProps }) {
+    const boundField = (0, form_field_binding_1.toBoundField)(formProps, name);
     function handleSelectFile(file) {
         onSelectFile?.(file);
-        if (formProps && formName) {
-            void formProps.setFieldValue(formName, file);
-            void formProps.setFieldTouched(formName, true, true);
+        if (boundField) {
+            void (0, containers_1.setFieldValueAndTouch)(boundField, file);
         }
     }
     function handleDelete() {
         onDelete?.();
-        if (formProps && formName) {
-            void formProps.setFieldValue(formName, null);
-            void formProps.setFieldTouched(formName, true, true);
+        if (boundField) {
+            void (0, containers_1.setFieldValueAndTouch)(boundField, null);
         }
     }
-    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { id: id, label: label, helperText: helperText, optionalLabel: optionalLabel, hideRequiredMark: hideRequiredMark, containerClassName: containerClassName, toolTipProps: toolTipProps, inputWidth: inputWidth, formName: formName, formProps: formProps, isRequired: isRequired, isDisabled: isDisabled, errorText: errorText || formProps?.errors[formName ?? ''], className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.ImageUploader, { ...imageUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, isError: isErrorVisible, state: state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
+    return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { ...(0, form_field_binding_1.toFieldBinding)(boundField), id: id, label: label, helperText: helperText, errorText: errorText, isRequired: isRequired, isDisabled: isDisabled, hideRequiredMark: hideRequiredMark, inputWidth: inputWidth, containerClassName: containerClassName, toolTipProps: toolTipProps, className: formControlClassName, children: ({ isErrorVisible, inputId, describedBy }) => ((0, jsx_runtime_1.jsx)(components_1.ImageUploader, { ...imageUploaderProps, id: inputId, describedBy: describedBy, isDisabled: isDisabled, isError: isErrorVisible, state: state, onSelectFile: handleSelectFile, onDelete: handleDelete })) }));
 }
 //# sourceMappingURL=form-image-uploader.js.map

package/dist/components/molecules/form/form-image-uploader/form-image-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-image-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":";;AAQA,8CAqEC;;AA7ED,uDAA+F;AAC/F,uDAAuE;AAOvE,SAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,EAAE,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,+BAAkB,CAAC,OAAO,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACE;IACvB,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,SAAS,IAAI,QAAQ,EAAE,CAAC;YAC1B,KAAK,SAAS,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAC7C,KAAK,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAwB,EACjF,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,0BAAa,OACR,kBAAkB,EACtB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}
+{"version":3,"file":"form-image-uploader.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-image-uploader/form-image-uploader.tsx"],"names":[],"mappings":";;AAeA,8CAkEC;;AAjFD,uDAA+F;AAC/F,uDAKgC;AAChC,8DAAqE;AAQrE,SAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,KAAK,GAAG,+BAAkB,CAAC,OAAO,EAClC,YAAY,EACZ,QAAQ,EACR,GAAG,kBAAkB,EACE;IACvB,MAAM,UAAU,GAAG,IAAA,iCAAY,EAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAEjD,SAAS,gBAAgB,CAAC,IAAU;QAClC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QAErB,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,IAAA,kCAAqB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,SAAS,YAAY;QACnB,QAAQ,EAAE,EAAE,CAAC;QAEb,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,IAAA,kCAAqB,EAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,wBAAW,OACN,IAAA,mCAAc,EAAC,UAAU,CAAC,EAC9B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,oBAAoB,YAE9B,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAC7C,uBAAC,0BAAa,OACR,kBAAkB,EACtB,EAAE,EAAE,OAAO,EACX,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,GACW,CACf,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-password-field/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './password-criteria-list';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/form/form-password-field/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/form/form-password-field/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/molecules/form/form-password-field/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./password-criteria-list"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/form/form-password-field/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/form/form-password-field/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyC"}

package/dist/components/molecules/form/form-password-field/components/password-criteria-list.d.ts

@@ -0,0 +1,10 @@
+import { PasswordCriterion } from '../form-password-field-types';
+type Props = {
+    id: string;
+    criteria: PasswordCriterion[];
+    password: string;
+    isValidated: boolean;
+};
+export declare function PasswordCriteriaList({ id, criteria, password, isValidated }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=password-criteria-list.d.ts.map

package/dist/components/molecules/form/form-password-field/components/password-criteria-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-criteria-list.d.ts","sourceRoot":"","sources":["../../../../../../src/components/molecules/form/form-password-field/components/password-criteria-list.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAA0B,MAAM,8BAA8B,CAAC;AAEzF,KAAK,KAAK,GAAG;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAwBF,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,KAAK,2CAoBlF"}

package/dist/components/molecules/form/form-password-field/components/password-criteria-list.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordCriteriaList = PasswordCriteriaList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../../../../components");
+const form_password_field_types_1 = require("../form-password-field-types");
+function resolveCriterionState(isMet, isValidated) {
+    if (isMet) {
+        return form_password_field_types_1.PasswordCriterionState.MET;
+    }
+    return isValidated ? form_password_field_types_1.PasswordCriterionState.UNMET : form_password_field_types_1.PasswordCriterionState.PENDING;
+}
+function CriterionIndicator({ state }) {
+    if (state === form_password_field_types_1.PasswordCriterionState.PENDING) {
+        return (0, jsx_runtime_1.jsx)("span", { "aria-hidden": true, className: "h-1 w-1 rounded-full bg-gray-02" });
+    }
+    return ((0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: state === form_password_field_types_1.PasswordCriterionState.MET ? components_1.IconSymbol.CHECK_CIRCLE : components_1.IconSymbol.X_CIRCLE, size: components_1.IconSize.LG, color: state === form_password_field_types_1.PasswordCriterionState.MET ? components_1.IconColor.GREEN_01 : components_1.IconColor.RED_01 }));
+}
+function PasswordCriteriaList({ id, criteria, password, isValidated }) {
+    return ((0, jsx_runtime_1.jsx)("ul", { id: id, className: "flex flex-col space-y-1", children: criteria.map((criterion) => {
+            const state = resolveCriterionState(criterion.test(password), isValidated);
+            return ((0, jsx_runtime_1.jsxs)("li", { "data-state": state, className: "flex flex-row items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex w-[18px] shrink-0 justify-center", children: (0, jsx_runtime_1.jsx)(CriterionIndicator, { state: state }) }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.BLACK_02, className: "ml-2", children: criterion.label })] }, criterion.label));
+        }) }));
+}
+//# sourceMappingURL=password-criteria-list.js.map

package/dist/components/molecules/form/form-password-field/components/password-criteria-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-criteria-list.js","sourceRoot":"","sources":["../../../../../../src/components/molecules/form/form-password-field/components/password-criteria-list.tsx"],"names":[],"mappings":";;AAwCA,oDAoBC;;AA5DD,0DAQmC;AACnC,4EAAyF;AASzF,SAAS,qBAAqB,CAAC,KAAc,EAAE,WAAoB;IACjE,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,kDAAsB,CAAC,GAAG,CAAC;IACpC,CAAC;IAED,OAAO,WAAW,CAAC,CAAC,CAAC,kDAAsB,CAAC,KAAK,CAAC,CAAC,CAAC,kDAAsB,CAAC,OAAO,CAAC;AACrF,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAqC;IACtE,IAAI,KAAK,KAAK,kDAAsB,CAAC,OAAO,EAAE,CAAC;QAC7C,OAAO,sDAAkB,SAAS,EAAC,iCAAiC,GAAG,CAAC;IAC1E,CAAC;IAED,OAAO,CACL,uBAAC,sBAAS,IACR,IAAI,EAAE,KAAK,KAAK,kDAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAU,CAAC,YAAY,CAAC,CAAC,CAAC,uBAAU,CAAC,QAAQ,EAC1F,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,KAAK,EAAE,KAAK,KAAK,kDAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,sBAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAAS,CAAC,MAAM,GACnF,CACH,CAAC;AACJ,CAAC;AAED,SAAgB,oBAAoB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAS;IACjF,OAAO,CACL,+BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,yBAAyB,YAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,MAAM,KAAK,GAAG,qBAAqB,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC;YAE3E,OAAO,CACL,8CAAsC,KAAK,EAAE,SAAS,EAAC,4BAA4B,aACjF,gCAAK,SAAS,EAAC,uCAAuC,YACpD,uBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,GAChC,EAEN,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAU,CAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,YAC5E,SAAS,CAAC,KAAK,GACX,KAPA,SAAS,CAAC,KAAK,CAQnB,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/components/molecules/form/form-password-field/form-password-field-types.d.ts

@@ -0,0 +1,10 @@
+export type PasswordCriterion = {
+    label: string;
+    test: (password: string) => boolean;
+};
+export declare enum PasswordCriterionState {
+    PENDING = "PENDING",
+    MET = "MET",
+    UNMET = "UNMET"
+}
+//# sourceMappingURL=form-password-field-types.d.ts.map

package/dist/components/molecules/form/form-password-field/form-password-field-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-password-field-types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACrC,CAAC;AAEF,oBAAY,sBAAsB;IAChC,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB"}

package/dist/components/molecules/form/form-password-field/form-password-field-types.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordCriterionState = void 0;
+var PasswordCriterionState;
+(function (PasswordCriterionState) {
+    PasswordCriterionState["PENDING"] = "PENDING";
+    PasswordCriterionState["MET"] = "MET";
+    PasswordCriterionState["UNMET"] = "UNMET";
+})(PasswordCriterionState || (exports.PasswordCriterionState = PasswordCriterionState = {}));
+//# sourceMappingURL=form-password-field-types.js.map

package/dist/components/molecules/form/form-password-field/form-password-field-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-password-field-types.js","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field-types.ts"],"names":[],"mappings":";;;AAKA,IAAY,sBAIX;AAJD,WAAY,sBAAsB;IAChC,6CAAmB,CAAA;IACnB,qCAAW,CAAA;IACX,yCAAe,CAAA;AACjB,CAAC,EAJW,sBAAsB,sCAAtB,sBAAsB,QAIjC"}

package/dist/components/molecules/form/form-password-field/form-password-field.d.ts

@@ -1,11 +1,14 @@
 import { PasswordFieldProps } from '../../../../components';
-import { FormControlProps, FormInputWidth } from '../../../../containers';
-export type FormPasswordFieldProps = FormControlProps & Omit<PasswordFieldProps, 'width'> & {
-    formControlClassName?: string;
-    width?: FormInputWidth;
+import { FormFieldProps } from '../../../../containers';
+import { FieldValueProps } from '../form-field-binding';
+import { PasswordCriterion } from './form-password-field-types';
+type PasswordFieldValueProps = {
+    value: PasswordFieldProps['value'];
 };
-export declare const FormPasswordField: import("react").ForwardRefExoticComponent<FormControlProps & Omit<PasswordFieldProps, "width"> & {
+export type FormPasswordFieldProps = FormFieldProps & Omit<PasswordFieldProps, 'id' | 'name' | 'value' | 'isRequired' | 'isDisabled' | 'isErrorVisible'> & FieldValueProps<PasswordFieldValueProps> & {
+    criteria?: PasswordCriterion[];
     formControlClassName?: string;
-    width?: FormInputWidth;
-} & import("react").RefAttributes<HTMLInputElement>>;
+};
+export declare const FormPasswordField: import("react").ForwardRefExoticComponent<FormPasswordFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
 //# sourceMappingURL=form-password-field.d.ts.map

package/dist/components/molecules/form/form-password-field/form-password-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-password-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAe,gBAAgB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEvF,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,GACnD,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,GAAG;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAEJ,eAAO,MAAM,iBAAiB;2BALH,MAAM;YAErB,cAAc;oDA2ExB,CAAC"}
+{"version":3,"file":"form-password-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/form/form-password-field/form-password-field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAe,cAAc,EAAkB,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAEL,eAAe,EAGhB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,GACjD,IAAI,CACF,kBAAkB,EAClB,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,gBAAgB,CACzE,GACD,eAAe,CAAC,uBAAuB,CAAC,GAAG;IACzC,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEJ,eAAO,MAAM,iBAAiB,qHAiF5B,CAAC"}