@react-solutions/inputs 1.0.2 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +162 -98
  2. package/dist/index.d.mts +3116 -60
  3. package/dist/index.d.ts +3116 -60
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/pkg/HookFormFields/FormInputTextField.tsx","../lib/pkg/FormFields/TextFields/TextInputField.tsx","../lib/pkg/HookFormFields/FormInputTextArea.tsx","../lib/pkg/HookFormFields/FormInputPasswordField.tsx","../lib/pkg/FormFields/TextFields/PasswordField.tsx","../lib/pkg/HookFormFields/FormInputNumberField.tsx","../lib/pkg/FormFields/TextFields/NumberField.tsx","../lib/pkg/HookFormFields/FormInputTelField.tsx","../lib/pkg/FormFields/TextFields/TelInputField.tsx","../lib/pkg/HookFormFields/FormInputSearchField.tsx","../lib/pkg/FormFields/TextFields/SearchInputField.tsx","../lib/pkg/HookFormFields/FormInputOTPField.tsx","../lib/pkg/FormFields/TextFields/OTPField.tsx","../lib/pkg/HookFormFields/FormInputSelect.tsx","../lib/pkg/FormFields/DropdownFields/SelectInputField.tsx","../lib/pkg/HookFormFields/FormInputMultiSelect.tsx","../lib/pkg/HookFormFields/FormInputAutoComplete.tsx","../lib/pkg/FormFields/DropdownFields/AutoCompleteField.tsx","../lib/pkg/HookFormFields/FormInputMultiAutoComplete.tsx","../lib/pkg/HookFormFields/FormInputColorPicker.tsx","../lib/pkg/FormFields/DropdownFields/ColorPickerField.tsx","../lib/pkg/HookFormFields/FormInputFileUpload.tsx","../lib/pkg/FormFields/DropdownFields/FileUploadField.tsx","../lib/pkg/HookFormFields/FormInputDatePicker.tsx","../lib/pkg/FormFields/DateFields/DatePickerField.tsx","../lib/pkg/HookFormFields/FormInputTimePicker.tsx","../lib/pkg/FormFields/DateFields/TimePickerField.tsx","../lib/pkg/HookFormFields/FormInputTimeClock.tsx","../lib/pkg/FormFields/DateFields/TimeClockField.tsx","../lib/pkg/HookFormFields/FormInputCalender.tsx","../lib/pkg/FormFields/DateFields/DateCalendarField.tsx","../lib/pkg/HookFormFields/FormInputCheckBox.tsx","../lib/pkg/FormFields/BoxFields/CheckBoxField.tsx","../lib/pkg/HookFormFields/FormInputCheckBoxGroup.tsx","../lib/pkg/FormFields/BoxFields/CheckBoxFieldGroup.tsx","../lib/pkg/HookFormFields/FormInputSwitch.tsx","../lib/pkg/FormFields/BoxFields/SwitchField.tsx","../lib/pkg/HookFormFields/FormInputSlider.tsx","../lib/pkg/FormFields/BoxFields/SliderField.tsx","../lib/pkg/HookFormFields/FormInputRadioButton.tsx","../lib/pkg/FormFields/BoxFields/RadioButtonField.tsx","../lib/pkg/HookFormFields/FormInputRadioButtonGroup.tsx","../lib/pkg/FormFields/BoxFields/RadioButtonFieldGroup.tsx","../lib/pkg/FormBuild/Form.tsx","../lib/pkg/FormBuild/HookForm.tsx","../lib/index.ts"],"sourcesContent":["import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputTextField = memo(\r\n\t({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<TextInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputTextField.displayName = \"FormInputTextField\";\r\n\r\nexport default FormInputTextField;\r\n","import { FormControl, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef, memo, useCallback, useMemo } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Resize options for textarea\r\n */\r\nexport type ResizeOption = \"none\" | \"both\" | \"horizontal\" | \"vertical\";\r\n\r\n/**\r\n * Text transformation options\r\n */\r\nexport type TextTransformOption = \"uppercase\" | \"lowercase\" | \"capitalize\";\r\n\r\n/**\r\n * Extended Text Input Field Props\r\n * Extends MUI TextFieldProps with custom text field props\r\n */\r\nexport interface ITextInputFieldProps\r\n\textends Omit<\r\n\t\tTextFieldProps,\r\n\t\t\"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\" | \"multiline\"\r\n\t> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the text field */\r\n\tlabel?: string;\r\n\t/** Current text value */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Whether to enable multiline input (textarea) */\r\n\tmultiline?: boolean;\r\n\t/** Number of rows for multiline input */\r\n\trows?: number;\r\n\t/** Minimum number of rows for multiline input */\r\n\tminRows?: number;\r\n\t/** Maximum number of rows for multiline input */\r\n\tmaxRows?: number;\r\n\t/** Resize option for textarea (none, both, horizontal, vertical) */\r\n\tresize?: ResizeOption;\r\n\t/** Maximum length of input */\r\n\tmaxLength?: number;\r\n\t/** Minimum length of input */\r\n\tminLength?: number;\r\n\t/** Input type (text, email, number, tel, url, etc.) */\r\n\ttype?: string;\r\n\t/** Auto complete attribute */\r\n\tautoComplete?: string;\r\n\t/** Start adornment (icon or element before input) */\r\n\tstartAdornment?: React.ReactNode;\r\n\t/** End adornment (icon or element after input) */\r\n\tendAdornment?: React.ReactNode;\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n\t/** Callback fired on Enter key press */\r\n\tonEnterPress?: (value: string) => void;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n\t/** Text transformation option */\r\n\ttextTransform?: TextTransformOption;\r\n}\r\n\r\nconst TextInputField = memo(\r\n\tforwardRef<HTMLDivElement, ITextInputFieldProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tname,\r\n\t\t\t\tlabel,\r\n\t\t\t\tvalue,\r\n\t\t\t\tonChange,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonEnterPress,\r\n\t\t\t\terror,\r\n\t\t\t\thelperText,\r\n\t\t\t\tdisabled = false,\r\n\t\t\t\tplaceholder,\r\n\t\t\t\tvariant = \"outlined\",\r\n\t\t\t\tsize,\r\n\t\t\t\tcolor = \"primary\",\r\n\t\t\t\tfullWidth = true,\r\n\t\t\t\trequired,\r\n\t\t\t\tmultiline = false,\r\n\t\t\t\trows,\r\n\t\t\t\tminRows,\r\n\t\t\t\tmaxRows,\r\n\t\t\t\tresize = \"both\",\r\n\t\t\t\tmaxLength,\r\n\t\t\t\tminLength,\r\n\t\t\t\ttype = \"text\",\r\n\t\t\t\tautoComplete = \"off\",\r\n\t\t\t\tstartAdornment,\r\n\t\t\t\tendAdornment,\r\n\t\t\t\tinputStyles,\r\n\t\t\t\tformControlStyles,\r\n\t\t\t\tslotProps,\r\n\t\t\t\tslots,\r\n\t\t\t\ttextTransform,\r\n\t\t\t\t...textFieldProps\r\n\t\t\t},\r\n\t\t\tref: ForwardedRef<HTMLDivElement>\r\n\t\t) => {\r\n\t\t\t// Handle Enter key press\r\n\t\t\tconst handleKeyDown = useCallback(\r\n\t\t\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\tif (event.key === \"Enter\" && !multiline && onEnterPress) {\r\n\t\t\t\t\t\tonEnterPress(value);\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// Call original onKeyDown if provided\r\n\t\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[multiline, onEnterPress, value, textFieldProps.onKeyDown]\r\n\t\t\t);\r\n\r\n\t\t\t// Handle text change with transformation\r\n\t\t\tconst handleChange = useCallback(\r\n\t\t\t\t(event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\tif (textTransform) {\r\n\t\t\t\t\t\t\tconst { value } = event.target;\r\n\t\t\t\t\t\t\tlet transformedValue = value;\r\n\r\n\t\t\t\t\t\t\tswitch (textTransform) {\r\n\t\t\t\t\t\t\t\tcase \"uppercase\":\r\n\t\t\t\t\t\t\t\t\ttransformedValue = value.toUpperCase();\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\tcase \"lowercase\":\r\n\t\t\t\t\t\t\t\t\ttransformedValue = value.toLowerCase();\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\tcase \"capitalize\":\r\n\t\t\t\t\t\t\t\t\ttransformedValue = value.replace(/\\b\\w/g, (char) => char.toUpperCase());\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tevent.target.value = transformedValue;\r\n\t\t\t\t\t\t\tonChange(event);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tonChange(event);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[onChange, textTransform]\r\n\t\t\t);\r\n\r\n\t\t\t// Build input props\r\n\t\t\tconst inputProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\tmaxLength,\r\n\t\t\t\t\tminLength,\r\n\t\t\t\t\t...((textFieldProps as any).inputProps || {}),\r\n\t\t\t\t}),\r\n\t\t\t\t[maxLength, minLength, textFieldProps]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize adornments\r\n\t\t\tconst startAdornmentElement = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tstartAdornment ?\r\n\t\t\t\t\t\t<InputAdornment position=\"start\">{startAdornment}</InputAdornment>\r\n\t\t\t\t\t:\tundefined,\r\n\t\t\t\t[startAdornment]\r\n\t\t\t);\r\n\r\n\t\t\tconst endAdornmentElement = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tendAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined,\r\n\t\t\t\t[endAdornment]\r\n\t\t\t);\r\n\r\n\t\t\t// Build slotProps for MUI v7\r\n\t\t\tconst finalSlotProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\t...slotProps,\r\n\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\tinputProps,\r\n\t\t\t\t\t\t...(startAdornmentElement && {\r\n\t\t\t\t\t\t\tstartAdornment: startAdornmentElement,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t...(endAdornmentElement && {\r\n\t\t\t\t\t\t\tendAdornment: endAdornmentElement,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t},\r\n\t\t\t\t}),\r\n\t\t\t\t[slotProps, inputProps, startAdornmentElement, endAdornmentElement]\r\n\t\t\t);\r\n\r\n\t\t\t// Build sx styles with resize for textarea\r\n\t\t\tconst finalInputStyles = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tmultiline ?\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...inputStyles,\r\n\t\t\t\t\t\t\t\"& textarea\": {\r\n\t\t\t\t\t\t\t\tresize: resize,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t:\tinputStyles,\r\n\t\t\t\t[multiline, inputStyles, resize]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize helper text\r\n\t\t\tconst displayHelperText = useMemo(\r\n\t\t\t\t() => helperText ?? (error?.message ? error.message : undefined),\r\n\t\t\t\t[helperText, error?.message]\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\tsx={formControlStyles}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tmultiline={multiline}\r\n\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\tminRows={minRows}\r\n\t\t\t\t\t\tmaxRows={maxRows}\r\n\t\t\t\t\t\ttype={multiline ? undefined : type}\r\n\t\t\t\t\t\tautoComplete={autoComplete}\r\n\t\t\t\t\t\tslotProps={finalSlotProps}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\tsx={finalInputStyles}\r\n\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\thelperText={displayHelperText}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\t)\r\n);\r\n\r\nTextInputField.displayName = \"TextInputField\";\r\n\r\nexport default TextInputField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport type { IFormInputTextAreaFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputTextArea = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\trows,\r\n\t\tminRows,\r\n\t\tmaxRows,\r\n\t\tresize,\r\n\t\tdefaultValue = \"\",\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputTextAreaFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<TextInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tmultiline\r\n\t\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\t\tminRows={minRows}\r\n\t\t\t\t\t\t\tmaxRows={maxRows}\r\n\t\t\t\t\t\t\tresize={resize}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputTextArea.displayName = \"FormInputTextArea\";\r\n\r\nexport default FormInputTextArea;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport PasswordField from \"../FormFields/TextFields/PasswordField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputPasswordField = memo(\r\n\t({ name, label, control, size, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size: sizeProp, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<PasswordField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t\tsize={(size ?? sizeProp) as any}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputPasswordField.displayName = \"FormInputPasswordField\";\r\n\r\nexport default FormInputPasswordField;\r\n","import Visibility from \"@mui/icons-material/Visibility\";\r\nimport VisibilityOff from \"@mui/icons-material/VisibilityOff\";\r\nimport {\r\n\tFormControl,\r\n\tFormHelperText,\r\n\tIconButton,\r\n\ttype IconButtonProps,\r\n\tInputAdornment,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef, useState, memo, useCallback, useMemo } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Password strength level\r\n */\r\nexport type PasswordStrength = \"weak\" | \"medium\" | \"strong\" | \"very-strong\";\r\n\r\n/**\r\n * Extended Password Field Props\r\n * Extends MUI TextFieldProps with custom password field props\r\n */\r\nexport interface IPasswordFieldProps\r\n\textends Omit<TextFieldProps, \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the password field */\r\n\tlabel?: string;\r\n\t/** Current password value */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Whether to show password strength indicator */\r\n\tshowPasswordStrength?: boolean;\r\n\t/** Minimum password length */\r\n\tminLength?: number;\r\n\t/** Maximum password length */\r\n\tmaxLength?: number;\r\n\t/** Whether to show password by default */\r\n\tdefaultShowPassword?: boolean;\r\n\t/** Custom visibility toggle icon (when password is visible) */\r\n\tvisibilityIcon?: React.ReactNode;\r\n\t/** Custom visibility off icon (when password is hidden) */\r\n\tvisibilityOffIcon?: React.ReactNode;\r\n\t/** Custom icon button props */\r\n\ticonButtonProps?: IconButtonProps;\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when password visibility toggles */\r\n\tonVisibilityToggle?: (isVisible: boolean) => void;\r\n\t/** Custom function to calculate password strength */\r\n\tgetPasswordStrength?: (password: string) => PasswordStrength;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Calculate password strength\r\n */\r\nconst calculatePasswordStrength = (password: string): PasswordStrength => {\r\n\tif (!password) return \"weak\";\r\n\r\n\tlet strength = 0;\r\n\r\n\t// Length check\r\n\tif (password.length >= 8) strength++;\r\n\tif (password.length >= 12) strength++;\r\n\r\n\t// Character variety checks\r\n\tif (/[a-z]/.test(password)) strength++;\r\n\tif (/[A-Z]/.test(password)) strength++;\r\n\tif (/[0-9]/.test(password)) strength++;\r\n\tif (/[^a-zA-Z0-9]/.test(password)) strength++;\r\n\r\n\tif (strength <= 2) return \"weak\";\r\n\tif (strength <= 4) return \"medium\";\r\n\tif (strength <= 5) return \"strong\";\r\n\treturn \"very-strong\";\r\n};\r\n\r\n/**\r\n * Get password strength color\r\n */\r\nconst getPasswordStrengthColor = (strength: PasswordStrength): string => {\r\n\tswitch (strength) {\r\n\t\tcase \"weak\":\r\n\t\t\treturn \"#f44336\"; // red\r\n\t\tcase \"medium\":\r\n\t\t\treturn \"#ff9800\"; // orange\r\n\t\tcase \"strong\":\r\n\t\t\treturn \"#4caf50\"; // green\r\n\t\tcase \"very-strong\":\r\n\t\t\treturn \"#2196f3\"; // blue\r\n\t\tdefault:\r\n\t\t\treturn \"#9e9e9e\"; // grey\r\n\t}\r\n};\r\n\r\nconst PasswordField = memo(\r\n\tforwardRef<HTMLInputElement, IPasswordFieldProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tname,\r\n\t\t\t\tlabel,\r\n\t\t\t\tvalue,\r\n\t\t\t\tonChange,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonVisibilityToggle,\r\n\t\t\t\terror,\r\n\t\t\t\thelperText,\r\n\t\t\t\tdisabled = false,\r\n\t\t\t\tplaceholder,\r\n\t\t\t\tvariant = \"outlined\",\r\n\t\t\t\tsize,\r\n\t\t\t\tcolor,\r\n\t\t\t\tfullWidth = true,\r\n\t\t\t\trequired,\r\n\t\t\t\tshowPasswordStrength = false,\r\n\t\t\t\tminLength,\r\n\t\t\t\tmaxLength,\r\n\t\t\t\tdefaultShowPassword = false,\r\n\t\t\t\tvisibilityIcon = <Visibility />,\r\n\t\t\t\tvisibilityOffIcon = <VisibilityOff />,\r\n\t\t\t\ticonButtonProps,\r\n\t\t\t\tgetPasswordStrength = calculatePasswordStrength,\r\n\t\t\t\tinputStyles,\r\n\t\t\t\tformControlStyles,\r\n\t\t\t\tslotProps,\r\n\t\t\t\tslots,\r\n\t\t\t\t...textFieldProps\r\n\t\t\t},\r\n\t\t\tref: ForwardedRef<HTMLInputElement>\r\n\t\t) => {\r\n\t\t\tconst [showPassword, setShowPassword] = useState<boolean>(defaultShowPassword);\r\n\r\n\t\t\t// Toggle password visibility\r\n\t\t\tconst togglePasswordVisibility = useCallback(() => {\r\n\t\t\t\tsetShowPassword((prev) => {\r\n\t\t\t\t\tconst newVisibility = !prev;\r\n\t\t\t\t\tif (onVisibilityToggle) {\r\n\t\t\t\t\t\tonVisibilityToggle(newVisibility);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn newVisibility;\r\n\t\t\t\t});\r\n\t\t\t}, [onVisibilityToggle]);\r\n\r\n\t\t\t// Calculate password strength\r\n\t\t\tconst passwordStrength = useMemo(\r\n\t\t\t\t() => (showPasswordStrength ? getPasswordStrength(value) : null),\r\n\t\t\t\t[showPasswordStrength, value]\r\n\t\t\t);\r\n\r\n\t\t\t// Get strength indicator\r\n\t\t\tconst getStrengthIndicator = () => {\r\n\t\t\t\tif (!passwordStrength || !value) return null;\r\n\r\n\t\t\t\tconst strengthColor = getPasswordStrengthColor(passwordStrength);\r\n\t\t\t\tconst strengthText =\r\n\t\t\t\t\tpasswordStrength.charAt(0).toUpperCase() + passwordStrength.slice(1).replace(\"-\", \" \");\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div style={{ marginTop: \"4px\", fontSize: \"0.75rem\" }}>\r\n\t\t\t\t\t\t<span style={{ color: strengthColor, fontWeight: 500 }}>Strength: {strengthText}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t};\r\n\r\n\t\t\t// Handle onChange with validation\r\n\t\t\tconst handleChange = useCallback(\r\n\t\t\t\t(event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\tconst newValue = event.target.value;\r\n\r\n\t\t\t\t\t// Check max length\r\n\t\t\t\t\tif (maxLength && newValue.length > maxLength) {\r\n\t\t\t\t\t\treturn; // Don't update if exceeds max length\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\tonChange(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[maxLength, onChange]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize end adornment\r\n\t\t\tconst endAdornmentElement = useMemo(\r\n\t\t\t\t() => (\r\n\t\t\t\t\t<InputAdornment position=\"end\">\r\n\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\tonClick={togglePasswordVisibility}\r\n\t\t\t\t\t\t\tonMouseDown={(e) => e.preventDefault()}\r\n\t\t\t\t\t\t\tedge=\"end\"\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t{...iconButtonProps}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{showPassword ? visibilityOffIcon : visibilityIcon}\r\n\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t</InputAdornment>\r\n\t\t\t\t),\r\n\t\t\t\t[\r\n\t\t\t\t\ttogglePasswordVisibility,\r\n\t\t\t\t\tdisabled,\r\n\t\t\t\t\ticonButtonProps,\r\n\t\t\t\t\tshowPassword,\r\n\t\t\t\t\tvisibilityOffIcon,\r\n\t\t\t\t\tvisibilityIcon,\r\n\t\t\t\t]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize slot props\r\n\t\t\tconst finalSlotProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\t...slotProps,\r\n\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\t...(minLength || maxLength ?\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tinputProps: {\r\n\t\t\t\t\t\t\t\t\tminLength,\r\n\t\t\t\t\t\t\t\t\tmaxLength,\r\n\t\t\t\t\t\t\t\t\t...((slotProps?.input as any)?.inputProps || {}),\r\n\t\t\t\t\t\t\t\t\t...((textFieldProps as any).inputProps || {}),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t:\t{}),\r\n\t\t\t\t\t\tendAdornment: endAdornmentElement,\r\n\t\t\t\t\t},\r\n\t\t\t\t}),\r\n\t\t\t\t[slotProps, minLength, maxLength, textFieldProps, endAdornmentElement]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize helper text\r\n\t\t\tconst displayHelperText = useMemo(\r\n\t\t\t\t() => helperText ?? (error?.message ? error.message : undefined),\r\n\t\t\t\t[helperText, error?.message]\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tsx={formControlStyles}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\ttype={showPassword ? \"text\" : \"password\"}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tslotProps={finalSlotProps}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\tsx={inputStyles}\r\n\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\thelperText={displayHelperText}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{showPasswordStrength && getStrengthIndicator()}\r\n\t\t\t\t\t{error && !helperText && error.message && (\r\n\t\t\t\t\t\t<FormHelperText>{error.message}</FormHelperText>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\t)\r\n);\r\n\r\nPasswordField.displayName = \"PasswordField\";\r\n\r\nexport default PasswordField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport NumberField from \"../FormFields/TextFields/NumberField\";\r\nimport type { IFormInputNumberFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputNumberField = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\tpattern,\r\n\t\tmin,\r\n\t\tmax,\r\n\t\tstep,\r\n\t\tallowDecimals,\r\n\t\tdecimalPlaces,\r\n\t\tdefaultValue = \"\",\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputNumberFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<NumberField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tpattern={pattern}\r\n\t\t\t\t\t\t\tmin={min}\r\n\t\t\t\t\t\t\tmax={max}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\tallowDecimals={allowDecimals}\r\n\t\t\t\t\t\t\tdecimalPlaces={decimalPlaces}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputNumberField.displayName = \"FormInputNumberField\";\r\n\r\nexport default FormInputNumberField;\r\n","import { FormControl, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport {\r\n\ttype ForwardedRef,\r\n\tforwardRef,\r\n\tuseState,\r\n\tuseEffect,\r\n\tuseCallback,\r\n\tmemo,\r\n\tuseMemo,\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Number pattern types\r\n */\r\nexport type NumberPattern =\r\n\t| \"phone\"\r\n\t| \"credit-card\"\r\n\t| \"currency\"\r\n\t| \"ssn\"\r\n\t| \"zip-code\"\r\n\t| \"decimal\"\r\n\t| \"integer\"\r\n\t| \"percentage\"\r\n\t| \"custom\";\r\n\r\n/**\r\n * Extract only digits from a string\r\n */\r\nconst extractDigits = (value: string): string => {\r\n\treturn value.replace(/\\D/g, \"\");\r\n};\r\n\r\n/**\r\n * Format value according to pattern (X represents digits)\r\n * Example: pattern \"XXX-XXXX\" with digits \"1234567\" -> \"123-4567\"\r\n */\r\nconst formatByPattern = (digits: string, pattern: string): string => {\r\n\tif (!pattern || !digits) return digits;\r\n\tlet formatted = \"\";\r\n\tlet digitIndex = 0;\r\n\tfor (let i = 0; i < pattern.length && digitIndex < digits.length; i++) {\r\n\t\tif (pattern[i] === \"X\") {\r\n\t\t\tformatted += digits[digitIndex];\r\n\t\t\tdigitIndex++;\r\n\t\t} else {\r\n\t\t\tformatted += pattern[i];\r\n\t\t}\r\n\t}\r\n\treturn formatted;\r\n};\r\n\r\n/**\r\n * Generate placeholder from pattern\r\n */\r\nconst generatePlaceholderFromPattern = (pattern: string): string => {\r\n\tif (!pattern) return \"\";\r\n\treturn pattern.replace(/X/g, \"0\");\r\n};\r\n\r\n/**\r\n * Format phone number (XXX) XXX-XXXX\r\n */\r\nconst formatPhoneNumber = (value: string): string => {\r\n\tconst numbers = extractDigits(value);\r\n\tif (numbers.length <= 3) return numbers;\r\n\tif (numbers.length <= 6) return `(${numbers.slice(0, 3)}) ${numbers.slice(3)}`;\r\n\treturn `(${numbers.slice(0, 3)}) ${numbers.slice(3, 6)}-${numbers.slice(6, 10)}`;\r\n};\r\n\r\n/**\r\n * Format credit card XXXX XXXX XXXX XXXX\r\n */\r\nconst formatCreditCard = (value: string): string => {\r\n\tconst numbers = value.replace(/\\D/g, \"\");\r\n\tconst formatted = numbers.match(/.{1,4}/g)?.join(\" \") || numbers;\r\n\treturn formatted.slice(0, 19); // Max 16 digits + 3 spaces\r\n};\r\n\r\n/**\r\n * Format currency $X,XXX.XX\r\n */\r\nconst formatCurrency = (value: string, allowDecimals: boolean = true): string => {\r\n\tconst numbers = value.replace(/[^\\d.]/g, \"\");\r\n\tif (!allowDecimals) {\r\n\t\treturn numbers.replace(/\\D/g, \"\");\r\n\t}\r\n\t// Allow only one decimal point\r\n\tconst parts = numbers.split(\".\");\r\n\tif (parts.length > 2) {\r\n\t\treturn parts[0] + \".\" + parts.slice(1).join(\"\");\r\n\t}\r\n\tif (parts.length === 2 && parts[1].length > 2) {\r\n\t\treturn parts[0] + \".\" + parts[1].slice(0, 2);\r\n\t}\r\n\treturn numbers;\r\n};\r\n\r\n/**\r\n * Format SSN XXX-XX-XXXX\r\n */\r\nconst formatSSN = (value: string): string => {\r\n\tconst numbers = value.replace(/\\D/g, \"\");\r\n\tif (numbers.length <= 3) return numbers;\r\n\tif (numbers.length <= 5) return `${numbers.slice(0, 3)}-${numbers.slice(3)}`;\r\n\treturn `${numbers.slice(0, 3)}-${numbers.slice(3, 5)}-${numbers.slice(5, 9)}`;\r\n};\r\n\r\n/**\r\n * Format ZIP code XXXXX or XXXXX-XXXX\r\n */\r\nconst formatZipCode = (value: string): string => {\r\n\tconst numbers = value.replace(/\\D/g, \"\");\r\n\tif (numbers.length <= 5) return numbers;\r\n\treturn `${numbers.slice(0, 5)}-${numbers.slice(5, 9)}`;\r\n};\r\n\r\n/**\r\n * Format percentage XX%\r\n */\r\nconst formatPercentage = (value: string): string => {\r\n\tconst numbers = value.replace(/\\D/g, \"\");\r\n\treturn numbers.slice(0, 3); // Max 100%\r\n};\r\n\r\n/**\r\n * Extended Number Input Field Props\r\n * Extends MUI TextFieldProps with custom number field props\r\n */\r\nexport interface INumberInputFieldProps\r\n\textends Omit<TextFieldProps, \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the number field */\r\n\tlabel?: string;\r\n\t/** Current number value (as string to support formatted values) */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Number pattern type or pattern string (e.g., \"XXX-XXXX\" where X represents digits) */\r\n\tpattern?: NumberPattern | string;\r\n\t/** Custom regex pattern (used when pattern is \"custom\") */\r\n\tcustomPattern?: RegExp;\r\n\t/** Custom formatter function */\r\n\tcustomFormatter?: (value: string) => string;\r\n\t/** Minimum value */\r\n\tmin?: number;\r\n\t/** Maximum value */\r\n\tmax?: number;\r\n\t/** Step value for number input */\r\n\tstep?: number;\r\n\t/** Allow decimal numbers (for decimal pattern) */\r\n\tallowDecimals?: boolean;\r\n\t/** Number of decimal places */\r\n\tdecimalPlaces?: number;\r\n\t/** Start adornment (icon or element before input) */\r\n\tstartAdornment?: React.ReactNode;\r\n\t/** End adornment (icon or element after input) */\r\n\tendAdornment?: React.ReactNode;\r\n\t/** Callback fired when the value changes (returns formatted string) */\r\n\tonChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired on Enter key press */\r\n\tonEnterPress?: (value: string) => void;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\nconst NumberField = memo(\r\n\tforwardRef<HTMLDivElement, INumberInputFieldProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tname,\r\n\t\t\t\tlabel,\r\n\t\t\t\tvalue,\r\n\t\t\t\tonChange,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonEnterPress,\r\n\t\t\t\terror,\r\n\t\t\t\thelperText,\r\n\t\t\t\tdisabled = false,\r\n\t\t\t\tplaceholder,\r\n\t\t\t\tvariant = \"outlined\",\r\n\t\t\t\tsize,\r\n\t\t\t\tcolor = \"primary\",\r\n\t\t\t\tfullWidth = true,\r\n\t\t\t\trequired,\r\n\t\t\t\tpattern = \"integer\",\r\n\t\t\t\tcustomPattern,\r\n\t\t\t\tcustomFormatter,\r\n\t\t\t\tmin,\r\n\t\t\t\tmax,\r\n\t\t\t\tstep,\r\n\t\t\t\tallowDecimals = true,\r\n\t\t\t\tdecimalPlaces = 2,\r\n\t\t\t\tstartAdornment,\r\n\t\t\t\tendAdornment,\r\n\t\t\t\tinputStyles,\r\n\t\t\t\tformControlStyles,\r\n\t\t\t\tslotProps,\r\n\t\t\t\tslots,\r\n\t\t\t\t...textFieldProps\r\n\t\t\t},\r\n\t\t\tref: ForwardedRef<HTMLDivElement>\r\n\t\t) => {\r\n\t\t\tconst [displayValue, setDisplayValue] = useState<string>(value);\r\n\r\n\t\t\t// Check if pattern is a string (pattern string) or a NumberPattern type\r\n\t\t\tconst isPatternString = typeof pattern === \"string\" && pattern.includes(\"X\");\r\n\t\t\tconst activePatternString = isPatternString ? pattern : undefined;\r\n\t\t\tconst activePatternType =\r\n\t\t\t\tisPatternString ? undefined : (pattern as NumberPattern | undefined);\r\n\r\n\t\t\t// Format value based on pattern\r\n\t\t\tconst formatValue = useCallback(\r\n\t\t\t\t(inputValue: string): string => {\r\n\t\t\t\t\tif (!inputValue) return \"\";\r\n\r\n\t\t\t\t\t// If pattern string is provided (from pattern prop), use it for formatting\r\n\t\t\t\t\tif (activePatternString) {\r\n\t\t\t\t\t\tconst digits = extractDigits(inputValue);\r\n\t\t\t\t\t\treturn formatByPattern(digits, activePatternString);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Use predefined pattern types\r\n\t\t\t\t\tswitch (activePatternType) {\r\n\t\t\t\t\t\tcase \"phone\":\r\n\t\t\t\t\t\t\treturn formatPhoneNumber(inputValue);\r\n\t\t\t\t\t\tcase \"credit-card\":\r\n\t\t\t\t\t\t\treturn formatCreditCard(inputValue);\r\n\t\t\t\t\t\tcase \"currency\":\r\n\t\t\t\t\t\t\treturn formatCurrency(inputValue, allowDecimals);\r\n\t\t\t\t\t\tcase \"ssn\":\r\n\t\t\t\t\t\t\treturn formatSSN(inputValue);\r\n\t\t\t\t\t\tcase \"zip-code\":\r\n\t\t\t\t\t\t\treturn formatZipCode(inputValue);\r\n\t\t\t\t\t\tcase \"percentage\":\r\n\t\t\t\t\t\t\treturn formatPercentage(inputValue);\r\n\t\t\t\t\t\tcase \"decimal\":\r\n\t\t\t\t\t\t\treturn formatCurrency(inputValue, allowDecimals);\r\n\t\t\t\t\t\tcase \"integer\":\r\n\t\t\t\t\t\t\treturn extractDigits(inputValue);\r\n\t\t\t\t\t\tcase \"custom\":\r\n\t\t\t\t\t\t\tif (customFormatter) {\r\n\t\t\t\t\t\t\t\treturn customFormatter(inputValue);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (customPattern) {\r\n\t\t\t\t\t\t\t\tconst numbers = extractDigits(inputValue);\r\n\t\t\t\t\t\t\t\treturn numbers;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\treturn extractDigits(inputValue);\r\n\t\t\t\t\t\tdefault:\r\n\t\t\t\t\t\t\treturn extractDigits(inputValue);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[activePatternString, activePatternType, allowDecimals, customFormatter, customPattern]\r\n\t\t\t);\r\n\r\n\t\t\t// Update display value when value prop changes\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tconst formatted = formatValue(value);\r\n\t\t\t\tsetDisplayValue((prev) => {\r\n\t\t\t\t\tif (prev !== formatted) {\r\n\t\t\t\t\t\treturn formatted;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn prev;\r\n\t\t\t\t});\r\n\t\t\t}, [value, formatValue]);\r\n\r\n\t\t\t// Validate input based on pattern\r\n\t\t\tconst isValidInput = (inputValue: string, key: string): boolean => {\r\n\t\t\t\t// Allow backspace, delete, tab, escape, enter\r\n\t\t\t\tif ([\"Backspace\", \"Delete\", \"Tab\", \"Escape\", \"Enter\"].includes(key)) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Allow Ctrl/Cmd + A, C, V, X\r\n\t\t\t\tif (key === \"a\" || key === \"c\" || key === \"v\" || key === \"x\") {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// For decimal pattern, allow decimal point\r\n\t\t\t\tif (\r\n\t\t\t\t\t(activePatternType === \"decimal\" || activePatternType === \"currency\") &&\r\n\t\t\t\t\tallowDecimals &&\r\n\t\t\t\t\tkey === \".\"\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn true;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Check if it's a number\r\n\t\t\t\tif (!/^\\d$/.test(key)) {\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Pattern string validation - check if we've reached max digits\r\n\t\t\t\tif (activePatternString) {\r\n\t\t\t\t\tconst maxDigits = (activePatternString.match(/X/g) || []).length;\r\n\t\t\t\t\tconst currentDigits = extractDigits(inputValue);\r\n\t\t\t\t\treturn currentDigits.length < maxDigits;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Custom pattern validation\r\n\t\t\t\tif (activePatternType === \"custom\" && customPattern) {\r\n\t\t\t\t\tconst testValue = inputValue + key;\r\n\t\t\t\t\treturn customPattern.test(testValue);\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn true;\r\n\t\t\t};\r\n\r\n\t\t\t// Handle input change\r\n\t\t\tconst handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\tconst inputValue = event.target.value;\r\n\t\t\t\tconst formattedValue = formatValue(inputValue);\r\n\t\t\t\tsetDisplayValue(formattedValue);\r\n\r\n\t\t\t\t// For pattern-based formatting, return only digits in onChange\r\n\t\t\t\tconst digitsOnly = activePatternString ? extractDigits(inputValue) : formattedValue;\r\n\r\n\t\t\t\t// Create synthetic event with formatted value\r\n\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\t...event,\r\n\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t...event.target,\r\n\t\t\t\t\t\tvalue: digitsOnly,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcurrentTarget: {\r\n\t\t\t\t\t\t...event.currentTarget,\r\n\t\t\t\t\t\tvalue: digitsOnly,\r\n\t\t\t\t\t},\r\n\t\t\t\t} as ChangeEvent<HTMLInputElement>;\r\n\r\n\t\t\t\tif (onChange) {\r\n\t\t\t\t\tonChange(syntheticEvent);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// Handle paste event\r\n\t\t\tconst handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\r\n\t\t\t\tif (disabled) return;\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\tconst pastedText = event.clipboardData.getData(\"text\");\r\n\t\t\t\tconst digits = extractDigits(pastedText);\r\n\r\n\t\t\t\t// Limit by pattern string if provided\r\n\t\t\t\tconst maxDigits =\r\n\t\t\t\t\tactivePatternString ? (activePatternString.match(/X/g) || []).length : undefined;\r\n\t\t\t\tconst limitedDigits = maxDigits ? digits.slice(0, maxDigits) : digits;\r\n\r\n\t\t\t\tconst formattedValue =\r\n\t\t\t\t\tactivePatternString ?\r\n\t\t\t\t\t\tformatByPattern(limitedDigits, activePatternString)\r\n\t\t\t\t\t:\tformatValue(limitedDigits);\r\n\r\n\t\t\t\tsetDisplayValue(formattedValue);\r\n\r\n\t\t\t\t// Create synthetic event\r\n\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\t...event,\r\n\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t...event.target,\r\n\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcurrentTarget: {\r\n\t\t\t\t\t\t...event.currentTarget,\r\n\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t},\r\n\t\t\t\t} as unknown as ChangeEvent<HTMLInputElement>;\r\n\r\n\t\t\t\tif (onChange) {\r\n\t\t\t\t\tonChange(syntheticEvent);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// Handle key down to prevent non-numeric input\r\n\t\t\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\tconst input = event.currentTarget.querySelector(\"input\");\r\n\t\t\t\tif (!input) return;\r\n\r\n\t\t\t\tconst currentValue = input.value || \"\";\r\n\t\t\t\tconst key = event.key;\r\n\r\n\t\t\t\t// Allow special keys\r\n\t\t\t\tif (\r\n\t\t\t\t\t[\r\n\t\t\t\t\t\t\"Backspace\",\r\n\t\t\t\t\t\t\"Delete\",\r\n\t\t\t\t\t\t\"Tab\",\r\n\t\t\t\t\t\t\"Escape\",\r\n\t\t\t\t\t\t\"Enter\",\r\n\t\t\t\t\t\t\"ArrowLeft\",\r\n\t\t\t\t\t\t\"ArrowRight\",\r\n\t\t\t\t\t\t\"ArrowUp\",\r\n\t\t\t\t\t\t\"ArrowDown\",\r\n\t\t\t\t\t\t\"Home\",\r\n\t\t\t\t\t\t\"End\",\r\n\t\t\t\t\t].includes(key)\r\n\t\t\t\t) {\r\n\t\t\t\t\tif (key === \"Enter\" && onEnterPress) {\r\n\t\t\t\t\t\tonEnterPress(displayValue);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Allow Ctrl/Cmd combinations\r\n\t\t\t\tif (event.ctrlKey || event.metaKey) {\r\n\t\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Validate input\r\n\t\t\t\tif (!isValidInput(currentValue, key)) {\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// Build input props\r\n\t\t\tconst inputProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\tmin,\r\n\t\t\t\t\tmax,\r\n\t\t\t\t\tstep,\r\n\t\t\t\t\tinputMode:\r\n\t\t\t\t\t\tactivePatternType === \"phone\" ? \"tel\"\r\n\t\t\t\t\t\t: activePatternType === \"decimal\" || activePatternType === \"currency\" ? \"decimal\"\r\n\t\t\t\t\t\t: \"numeric\",\r\n\t\t\t\t\tmaxLength: activePatternString ? activePatternString.length : undefined,\r\n\t\t\t\t\t...((textFieldProps as any).inputProps || {}),\r\n\t\t\t\t}),\r\n\t\t\t\t[min, max, step, activePatternType, activePatternString, textFieldProps]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize adornments\r\n\t\t\tconst startAdornmentElement = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tstartAdornment ?\r\n\t\t\t\t\t\t<InputAdornment position=\"start\">{startAdornment}</InputAdornment>\r\n\t\t\t\t\t:\tundefined,\r\n\t\t\t\t[startAdornment]\r\n\t\t\t);\r\n\r\n\t\t\tconst endAdornmentElement = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tendAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined,\r\n\t\t\t\t[endAdornment]\r\n\t\t\t);\r\n\r\n\t\t\t// Build slotProps for MUI v7\r\n\t\t\tconst finalSlotProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\t...slotProps,\r\n\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\tinputProps,\r\n\t\t\t\t\t\t...(startAdornmentElement && {\r\n\t\t\t\t\t\t\tstartAdornment: startAdornmentElement,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t...(endAdornmentElement && {\r\n\t\t\t\t\t\t\tendAdornment: endAdornmentElement,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t},\r\n\t\t\t\t}),\r\n\t\t\t\t[slotProps, inputProps, startAdornmentElement, endAdornmentElement]\r\n\t\t\t);\r\n\r\n\t\t\t// Determine input type\r\n\t\t\tconst inputType = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tactivePatternType === \"phone\" ? \"tel\"\r\n\t\t\t\t\t: activePatternType === \"decimal\" || activePatternType === \"currency\" ?\r\n\t\t\t\t\t\t\"text\" // Use text to allow formatting\r\n\t\t\t\t\t:\t\"text\", // Use text for all patterns to allow formatting\r\n\t\t\t\t[activePatternType]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize placeholder\r\n\t\t\tconst displayPlaceholder = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tplaceholder ||\r\n\t\t\t\t\t(activePatternString ? generatePlaceholderFromPattern(activePatternString) : placeholder),\r\n\t\t\t\t[placeholder, activePatternString]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize helper text\r\n\t\t\tconst displayHelperText = useMemo(\r\n\t\t\t\t() => helperText ?? (error?.message ? error.message : undefined),\r\n\t\t\t\t[helperText, error?.message]\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\tsx={formControlStyles}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={displayValue}\r\n\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\t\t\tonPaste={handlePaste}\r\n\t\t\t\t\t\tplaceholder={displayPlaceholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\ttype={inputType}\r\n\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\tslotProps={finalSlotProps}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\tsx={inputStyles}\r\n\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\thelperText={displayHelperText}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\t)\r\n);\r\n\r\nNumberField.displayName = \"NumberField\";\r\n\r\nexport default NumberField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport TelInputField from \"../FormFields/TextFields/TelInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputTelField = memo(\r\n\t({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<TelInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputTelField.displayName = \"FormInputTelField\";\r\n\r\nexport default FormInputTelField;\r\n","import {\r\n\tFormControl,\r\n\ttype FormControlProps,\r\n\tInputAdornment,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport {\r\n\ttype ForwardedRef,\r\n\tforwardRef,\r\n\tuseState,\r\n\tuseEffect,\r\n\tuseRef,\r\n\tmemo,\r\n\tuseCallback,\r\n\tuseMemo,\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extract only digits from a string\r\n */\r\nconst extractDigits = (value: string): string => {\r\n\treturn value.replace(/\\D/g, \"\");\r\n};\r\n\r\n/**\r\n * Format phone number according to pattern\r\n * Example: pattern \"XXX-XXXX\" with digits \"1234567\" -> \"123-4567\"\r\n */\r\nconst formatByPattern = (digits: string, pattern: string): string => {\r\n\tif (!pattern || !digits) return digits;\r\n\tlet formatted = \"\";\r\n\tlet digitIndex = 0;\r\n\tfor (let i = 0; i < pattern.length && digitIndex < digits.length; i++) {\r\n\t\tif (pattern[i] === \"X\") {\r\n\t\t\tformatted += digits[digitIndex];\r\n\t\t\tdigitIndex++;\r\n\t\t} else {\r\n\t\t\tformatted += pattern[i];\r\n\t\t}\r\n\t}\r\n\treturn formatted;\r\n};\r\n\r\n/**\r\n * Generate placeholder from pattern\r\n */\r\nconst generatePlaceholder = (pattern: string): string => {\r\n\tif (!pattern) return \"0000000000\";\r\n\treturn pattern.replace(/X/g, \"0\");\r\n};\r\n\r\n/**\r\n * Extended Tel Input Field Props\r\n * Extends MUI TextFieldProps with custom tel field props\r\n */\r\nexport interface ITelInputFieldProps\r\n\textends Omit<TextFieldProps, \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the tel field */\r\n\tlabel?: string;\r\n\t/** Current tel value (digits only, formatting is handled internally) */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Placeholder text (auto-generated from pattern if not provided) */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Pattern string (e.g., \"XXX-XXXX\" where X represents digits) */\r\n\tpattern?: string;\r\n\t/** Maximum length (defaults to pattern length if pattern provided) */\r\n\tmaxLength?: number;\r\n\t/** Country code to display */\r\n\tcountryCode?: string;\r\n\t/** Whether to show country code */\r\n\tshowCountryCode?: boolean;\r\n\t/** Start adornment (icon or element before input) */\r\n\tstartAdornment?: React.ReactNode;\r\n\t/** End adornment (icon or element after input) */\r\n\tendAdornment?: React.ReactNode;\r\n\t/** Callback fired when the value changes (returns digits only) */\r\n\tonChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired on Enter key press */\r\n\tonEnterPress?: (value: string) => void;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: FormControlProps[\"sx\"];\r\n\t/** Custom styles for country code display */\r\n\tcountryCodeStyles?: React.CSSProperties;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\nconst TeliField = memo(\r\n\tforwardRef<HTMLDivElement, ITelInputFieldProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tname,\r\n\t\t\t\tlabel,\r\n\t\t\t\tvalue,\r\n\t\t\t\tonChange,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonEnterPress,\r\n\t\t\t\terror,\r\n\t\t\t\thelperText,\r\n\t\t\t\tdisabled = false,\r\n\t\t\t\tplaceholder,\r\n\t\t\t\tvariant = \"outlined\",\r\n\t\t\t\tsize,\r\n\t\t\t\tcolor = \"primary\",\r\n\t\t\t\tfullWidth = true,\r\n\t\t\t\trequired,\r\n\t\t\t\tpattern = \"XXXXXXXXXX\",\r\n\t\t\t\tmaxLength,\r\n\t\t\t\tcountryCode = \"+1\",\r\n\t\t\t\tshowCountryCode = false,\r\n\t\t\t\tstartAdornment,\r\n\t\t\t\tendAdornment,\r\n\t\t\t\tinputStyles,\r\n\t\t\t\tformControlStyles,\r\n\t\t\t\tcountryCodeStyles,\r\n\t\t\t\tslotProps,\r\n\t\t\t\tslots,\r\n\t\t\t\t...textFieldProps\r\n\t\t\t},\r\n\t\t\tref: ForwardedRef<HTMLDivElement>\r\n\t\t) => {\r\n\t\t\tconst [displayValue, setDisplayValue] = useState<string>(\"\");\r\n\t\t\tconst inputRef = useRef<HTMLInputElement>(null);\r\n\r\n\t\t\t// Calculate max length from pattern if not provided\r\n\t\t\tconst calculatedMaxLength = maxLength || (pattern ? pattern.length : 15);\r\n\r\n\t\t\t// Update display value when value prop changes\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\tconst digits = extractDigits(value);\r\n\t\t\t\tconst formatted = pattern ? formatByPattern(digits, pattern) : digits;\r\n\t\t\t\tsetDisplayValue((prev) => {\r\n\t\t\t\t\tif (prev !== formatted) {\r\n\t\t\t\t\t\treturn formatted;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn prev;\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Set cursor position to end when value changes externally\r\n\t\t\t\tif (inputRef.current) {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tif (inputRef.current) {\r\n\t\t\t\t\t\t\tconst cursorPosition = formatted.length;\r\n\t\t\t\t\t\t\tinputRef.current.setSelectionRange(cursorPosition, cursorPosition);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}, 0);\r\n\t\t\t\t}\r\n\t\t\t}, [value, pattern]);\r\n\r\n\t\t\t// Handle input change\r\n\t\t\tconst handleChange = useCallback(\r\n\t\t\t\t(event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\tif (disabled) return;\r\n\r\n\t\t\t\t\tconst inputValue = event.target.value;\r\n\t\t\t\t\tconst digits = extractDigits(inputValue);\r\n\r\n\t\t\t\t\t// Enforce maxLength\r\n\t\t\t\t\tconst limitedDigits = calculatedMaxLength ? digits.slice(0, calculatedMaxLength) : digits;\r\n\r\n\t\t\t\t\t// Format the value\r\n\t\t\t\t\tconst formattedValue = pattern ? formatByPattern(limitedDigits, pattern) : limitedDigits;\r\n\r\n\t\t\t\t\tsetDisplayValue(formattedValue);\r\n\r\n\t\t\t\t\t// Create synthetic event with digits only\r\n\t\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\t\t...event,\r\n\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t...event.target,\r\n\t\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcurrentTarget: {\r\n\t\t\t\t\t\t\t...event.currentTarget,\r\n\t\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t} as ChangeEvent<HTMLInputElement>;\r\n\r\n\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\tonChange(syntheticEvent);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[disabled, calculatedMaxLength, pattern, onChange]\r\n\t\t\t);\r\n\r\n\t\t\t// Handle paste event\r\n\t\t\tconst handlePaste = useCallback(\r\n\t\t\t\t(event: React.ClipboardEvent<HTMLInputElement>) => {\r\n\t\t\t\t\tif (disabled) return;\r\n\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\tconst pastedText = event.clipboardData.getData(\"text\");\r\n\t\t\t\t\tconst digits = extractDigits(pastedText);\r\n\t\t\t\t\tconst limitedDigits = calculatedMaxLength ? digits.slice(0, calculatedMaxLength) : digits;\r\n\r\n\t\t\t\t\tconst formattedValue = pattern ? formatByPattern(limitedDigits, pattern) : limitedDigits;\r\n\r\n\t\t\t\t\tsetDisplayValue(formattedValue);\r\n\r\n\t\t\t\t\t// Create synthetic event\r\n\t\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\t\t...event,\r\n\t\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\t\t...event.target,\r\n\t\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcurrentTarget: {\r\n\t\t\t\t\t\t\t...event.currentTarget,\r\n\t\t\t\t\t\t\tvalue: limitedDigits,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t} as unknown as ChangeEvent<HTMLInputElement>;\r\n\r\n\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\tonChange(syntheticEvent);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[disabled, calculatedMaxLength, pattern, onChange]\r\n\t\t\t);\r\n\r\n\t\t\t// Handle key down to prevent non-numeric input\r\n\t\t\tconst handleKeyDown = useCallback(\r\n\t\t\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\tif (disabled) return;\r\n\r\n\t\t\t\t\tconst key = event.key;\r\n\t\t\t\t\tconst isNumber = /[0-9]/.test(key);\r\n\t\t\t\t\tconst isAllowedKey =\r\n\t\t\t\t\t\tkey === \"Backspace\" ||\r\n\t\t\t\t\t\tkey === \"Delete\" ||\r\n\t\t\t\t\t\tkey === \"Tab\" ||\r\n\t\t\t\t\t\tkey === \"Escape\" ||\r\n\t\t\t\t\t\tkey === \"Enter\" ||\r\n\t\t\t\t\t\tkey === \"ArrowLeft\" ||\r\n\t\t\t\t\t\tkey === \"ArrowRight\" ||\r\n\t\t\t\t\t\tkey === \"ArrowUp\" ||\r\n\t\t\t\t\t\tkey === \"ArrowDown\" ||\r\n\t\t\t\t\t\tkey === \"Home\" ||\r\n\t\t\t\t\t\tkey === \"End\" ||\r\n\t\t\t\t\t\t((event.ctrlKey || event.metaKey) &&\r\n\t\t\t\t\t\t\t(key === \"a\" || key === \"c\" || key === \"v\" || key === \"x\"));\r\n\r\n\t\t\t\t\tif (!isNumber && !isAllowedKey) {\r\n\t\t\t\t\t\tevent.preventDefault();\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (key === \"Enter\" && onEnterPress) {\r\n\t\t\t\t\t\tonEnterPress(extractDigits(displayValue));\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[disabled, onEnterPress, displayValue, textFieldProps.onKeyDown]\r\n\t\t\t);\r\n\r\n\t\t\t// Build input props\r\n\t\t\tconst inputProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\tmaxLength: calculatedMaxLength,\r\n\t\t\t\t\tinputMode: \"tel\",\r\n\t\t\t\t\tautoComplete: \"tel\",\r\n\t\t\t\t\t...((textFieldProps as any).inputProps || {}),\r\n\t\t\t\t}),\r\n\t\t\t\t[calculatedMaxLength, textFieldProps]\r\n\t\t\t);\r\n\r\n\t\t\t// Build start adornment with country code if needed\r\n\t\t\tconst finalStartAdornment = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tshowCountryCode ?\r\n\t\t\t\t\t\t<InputAdornment\r\n\t\t\t\t\t\t\tposition=\"start\"\r\n\t\t\t\t\t\t\tsx={countryCodeStyles}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{countryCode}\r\n\t\t\t\t\t\t</InputAdornment>\r\n\t\t\t\t\t: startAdornment ? <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\r\n\t\t\t\t\t: undefined,\r\n\t\t\t\t[showCountryCode, countryCodeStyles, countryCode, startAdornment]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize end adornment\r\n\t\t\tconst endAdornmentElement = useMemo(\r\n\t\t\t\t() =>\r\n\t\t\t\t\tendAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined,\r\n\t\t\t\t[endAdornment]\r\n\t\t\t);\r\n\r\n\t\t\t// Build slotProps for MUI v7\r\n\t\t\tconst finalSlotProps = useMemo(\r\n\t\t\t\t() => ({\r\n\t\t\t\t\t...slotProps,\r\n\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\tinputProps,\r\n\t\t\t\t\t\t...(finalStartAdornment && {\r\n\t\t\t\t\t\t\tstartAdornment: finalStartAdornment,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t...(endAdornmentElement && {\r\n\t\t\t\t\t\t\tendAdornment: endAdornmentElement,\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t},\r\n\t\t\t\t}),\r\n\t\t\t\t[slotProps, inputProps, finalStartAdornment, endAdornmentElement]\r\n\t\t\t);\r\n\r\n\t\t\t// Generate placeholder from pattern if not provided\r\n\t\t\tconst displayPlaceholder = useMemo(\r\n\t\t\t\t() => placeholder || (pattern ? generatePlaceholder(pattern) : \"\"),\r\n\t\t\t\t[placeholder, pattern]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize helper text\r\n\t\t\tconst displayHelperText = useMemo(\r\n\t\t\t\t() => helperText ?? (error?.message ? error.message : undefined),\r\n\t\t\t\t[helperText, error?.message]\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\tsx={formControlStyles}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={displayValue}\r\n\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\t\t\tonPaste={handlePaste}\r\n\t\t\t\t\t\tplaceholder={displayPlaceholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\ttype=\"tel\"\r\n\t\t\t\t\t\tautoComplete=\"tel\"\r\n\t\t\t\t\t\tslotProps={finalSlotProps}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\tsx={inputStyles}\r\n\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\tinputRef={inputRef}\r\n\t\t\t\t\t\thelperText={displayHelperText}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\t)\r\n);\r\n\r\nTeliField.displayName = \"TeliField\";\r\n\r\nexport default TeliField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport SearchInputField from \"../FormFields/TextFields/SearchInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputSearchField = memo(\r\n\t({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SearchInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputSearchField.displayName = \"FormInputSearchField\";\r\n\r\nexport default FormInputSearchField;\r\n","import Close from \"@mui/icons-material/Close\";\r\nimport Search from \"@mui/icons-material/Search\";\r\nimport {\r\n\tFormControl,\r\n\tIconButton,\r\n\ttype IconButtonProps,\r\n\tInputAdornment,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport {\r\n\ttype ForwardedRef,\r\n\tforwardRef,\r\n\tuseEffect,\r\n\tuseRef,\r\n\tmemo,\r\n\tuseCallback,\r\n\tuseMemo,\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Search Input Field Props\r\n * Extends MUI TextFieldProps with custom search field props\r\n */\r\nexport interface ISearchInputFieldProps\r\n\textends Omit<TextFieldProps, \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the search field */\r\n\tlabel?: string;\r\n\t/** Current search value */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Whether to show clear button */\r\n\tshowClearButton?: boolean;\r\n\t/** Whether to show search button */\r\n\tshowSearchButton?: boolean;\r\n\t/** Custom clear icon */\r\n\tclearIcon?: React.ReactNode;\r\n\t/** Custom search icon */\r\n\tsearchIcon?: React.ReactNode;\r\n\t/** Custom icon button props for clear button */\r\n\tclearButtonProps?: IconButtonProps;\r\n\t/** Custom icon button props for search button */\r\n\tsearchButtonProps?: IconButtonProps;\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when search button is clicked */\r\n\tonSearch?: (value: string) => void;\r\n\t/** Callback fired when clear button is clicked */\r\n\tonClear?: () => void;\r\n\t/** Callback fired on Enter key press */\r\n\tonEnterPress?: (value: string) => void;\r\n\t/** Enable debounce for search (default: true) */\r\n\tenableDebounce?: boolean;\r\n\t/** Debounce delay in milliseconds (default: 300) */\r\n\tdebounceDelay?: number;\r\n\t/** Enable throttle for search (default: false) */\r\n\tenableThrottle?: boolean;\r\n\t/** Throttle delay in milliseconds (default: 300) */\r\n\tthrottleDelay?: number;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\nconst SearchField = memo(\r\n\tforwardRef<HTMLInputElement, ISearchInputFieldProps>(\r\n\t\t(\r\n\t\t\t{\r\n\t\t\t\tname,\r\n\t\t\t\tlabel,\r\n\t\t\t\tvalue,\r\n\t\t\t\tonChange,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tonSearch,\r\n\t\t\t\tonClear,\r\n\t\t\t\tonEnterPress,\r\n\t\t\t\terror,\r\n\t\t\t\thelperText,\r\n\t\t\t\tdisabled = false,\r\n\t\t\t\tplaceholder,\r\n\t\t\t\tvariant = \"outlined\",\r\n\t\t\t\tsize,\r\n\t\t\t\tcolor = \"primary\",\r\n\t\t\t\tfullWidth = true,\r\n\t\t\t\trequired,\r\n\t\t\t\tshowClearButton = true,\r\n\t\t\t\tshowSearchButton = true,\r\n\t\t\t\tclearIcon,\r\n\t\t\t\tsearchIcon,\r\n\t\t\t\tclearButtonProps,\r\n\t\t\t\tsearchButtonProps,\r\n\t\t\t\tenableDebounce = true,\r\n\t\t\t\tdebounceDelay = 300,\r\n\t\t\t\tenableThrottle = false,\r\n\t\t\t\tthrottleDelay = 300,\r\n\t\t\t\tinputStyles,\r\n\t\t\t\tformControlStyles,\r\n\t\t\t\tslotProps,\r\n\t\t\t\tslots,\r\n\t\t\t\t...textFieldProps\r\n\t\t\t},\r\n\t\t\tref: ForwardedRef<HTMLInputElement>\r\n\t\t) => {\r\n\t\t\t// Refs for debounce and throttle timers\r\n\t\t\tconst debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\t\t\tconst throttleTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\t\t\tconst lastThrottleCallRef = useRef<number>(0);\r\n\r\n\t\t\t// Cleanup timers on unmount\r\n\t\t\tuseEffect(() => {\r\n\t\t\t\treturn () => {\r\n\t\t\t\t\tif (debounceTimerRef.current) {\r\n\t\t\t\t\t\tclearTimeout(debounceTimerRef.current);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (throttleTimerRef.current) {\r\n\t\t\t\t\t\tclearTimeout(throttleTimerRef.current);\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t}, []);\r\n\r\n\t\t\t// Debounced search function\r\n\t\t\tconst debouncedSearch = useCallback(\r\n\t\t\t\t(searchVal: string) => {\r\n\t\t\t\t\tif (debounceTimerRef.current) {\r\n\t\t\t\t\t\tclearTimeout(debounceTimerRef.current);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tdebounceTimerRef.current = setTimeout(() => {\r\n\t\t\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t\t\tonSearch(searchVal);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}, debounceDelay);\r\n\t\t\t\t},\r\n\t\t\t\t[onSearch, debounceDelay]\r\n\t\t\t);\r\n\r\n\t\t\t// Throttled search function\r\n\t\t\tconst throttledSearch = useCallback(\r\n\t\t\t\t(searchVal: string) => {\r\n\t\t\t\t\tconst now = Date.now();\r\n\t\t\t\t\tconst timeSinceLastCall = now - lastThrottleCallRef.current;\r\n\r\n\t\t\t\t\tif (timeSinceLastCall >= throttleDelay) {\r\n\t\t\t\t\t\tlastThrottleCallRef.current = now;\r\n\t\t\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t\t\tonSearch(searchVal);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tif (throttleTimerRef.current) {\r\n\t\t\t\t\t\t\tclearTimeout(throttleTimerRef.current);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tthrottleTimerRef.current = setTimeout(() => {\r\n\t\t\t\t\t\t\tlastThrottleCallRef.current = Date.now();\r\n\t\t\t\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t\t\t\tonSearch(searchVal);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}, throttleDelay - timeSinceLastCall);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[onSearch, throttleDelay]\r\n\t\t\t);\r\n\r\n\t\t\t// Handle onChange with search callback (with debounce/throttle)\r\n\t\t\tconst handleChange = useCallback(\r\n\t\t\t\t(event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\tconst newValue = event.target.value;\r\n\r\n\t\t\t\t\t// Always call onChange immediately for controlled input\r\n\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\tonChange(event);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Apply debounce or throttle to onSearch if enabled\r\n\t\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t\tif (enableDebounce && !enableThrottle) {\r\n\t\t\t\t\t\t\tdebouncedSearch(newValue);\r\n\t\t\t\t\t\t} else if (enableThrottle && !enableDebounce) {\r\n\t\t\t\t\t\t\tthrottledSearch(newValue);\r\n\t\t\t\t\t\t} else if (enableDebounce && enableThrottle) {\r\n\t\t\t\t\t\t\t// If both are enabled, debounce takes precedence\r\n\t\t\t\t\t\t\tdebouncedSearch(newValue);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t// No debounce or throttle, call immediately\r\n\t\t\t\t\t\t\tonSearch(newValue);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[onChange, onSearch, enableDebounce, enableThrottle, debouncedSearch, throttledSearch]\r\n\t\t\t);\r\n\r\n\t\t\t// Handle clear button click\r\n\t\t\tconst handleClear = useCallback(() => {\r\n\t\t\t\t// Clear any pending timers\r\n\t\t\t\tif (debounceTimerRef.current) {\r\n\t\t\t\t\tclearTimeout(debounceTimerRef.current);\r\n\t\t\t\t\tdebounceTimerRef.current = null;\r\n\t\t\t\t}\r\n\t\t\t\tif (throttleTimerRef.current) {\r\n\t\t\t\t\tclearTimeout(throttleTimerRef.current);\r\n\t\t\t\t\tthrottleTimerRef.current = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (onClear) {\r\n\t\t\t\t\tonClear();\r\n\t\t\t\t}\r\n\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t// Clear immediately without debounce/throttle\r\n\t\t\t\t\tonSearch(\"\");\r\n\t\t\t\t}\r\n\t\t\t\t// Create a synthetic event to trigger onChange with empty value\r\n\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\ttarget: { value: \"\", name: name || \"\" },\r\n\t\t\t\t\tcurrentTarget: { value: \"\", name: name || \"\" },\r\n\t\t\t\t} as ChangeEvent<HTMLInputElement>;\r\n\t\t\t\tif (onChange) {\r\n\t\t\t\t\tonChange(syntheticEvent);\r\n\t\t\t\t}\r\n\t\t\t}, [onClear, onSearch, onChange, name, debounceTimerRef, throttleTimerRef]);\r\n\r\n\t\t\t// Handle search button click\r\n\t\t\tconst handleSearch = useCallback(() => {\r\n\t\t\t\t// Clear any pending timers and search immediately\r\n\t\t\t\tif (debounceTimerRef.current) {\r\n\t\t\t\t\tclearTimeout(debounceTimerRef.current);\r\n\t\t\t\t\tdebounceTimerRef.current = null;\r\n\t\t\t\t}\r\n\t\t\t\tif (throttleTimerRef.current) {\r\n\t\t\t\t\tclearTimeout(throttleTimerRef.current);\r\n\t\t\t\t\tthrottleTimerRef.current = null;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t// Search immediately without debounce/throttle when button is clicked\r\n\t\t\t\t\tonSearch(value);\r\n\t\t\t\t}\r\n\t\t\t}, [onSearch, value, debounceTimerRef, throttleTimerRef]);\r\n\r\n\t\t\t// Handle Enter key press\r\n\t\t\tconst handleKeyDown = useCallback(\r\n\t\t\t\t(event: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\t\t\t\tif (event.key === \"Enter\") {\r\n\t\t\t\t\t\t// Clear any pending timers when Enter is pressed\r\n\t\t\t\t\t\tif (debounceTimerRef.current) {\r\n\t\t\t\t\t\t\tclearTimeout(debounceTimerRef.current);\r\n\t\t\t\t\t\t\tdebounceTimerRef.current = null;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tif (throttleTimerRef.current) {\r\n\t\t\t\t\t\t\tclearTimeout(throttleTimerRef.current);\r\n\t\t\t\t\t\t\tthrottleTimerRef.current = null;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tif (onEnterPress) {\r\n\t\t\t\t\t\t\tonEnterPress(value);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t// Also trigger search immediately on Enter\r\n\t\t\t\t\t\tif (onSearch) {\r\n\t\t\t\t\t\t\tonSearch(value);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// Call original onKeyDown if provided\r\n\t\t\t\t\tif (textFieldProps.onKeyDown) {\r\n\t\t\t\t\t\ttextFieldProps.onKeyDown(event);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t[\r\n\t\t\t\t\tonEnterPress,\r\n\t\t\t\t\tonSearch,\r\n\t\t\t\t\tvalue,\r\n\t\t\t\t\tdebounceTimerRef,\r\n\t\t\t\t\tthrottleTimerRef,\r\n\t\t\t\t\ttextFieldProps.onKeyDown,\r\n\t\t\t\t]\r\n\t\t\t);\r\n\r\n\t\t\t// Build end adornment with clear and search buttons\r\n\t\t\tconst endAdornment = useMemo(\r\n\t\t\t\t() => (\r\n\t\t\t\t\t<InputAdornment position=\"end\">\r\n\t\t\t\t\t\t{showClearButton && value && (\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tonClick={handleClear}\r\n\t\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t\tedge=\"end\"\r\n\t\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\t\t{...clearButtonProps}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{clearIcon || <Close />}\r\n\t\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{showSearchButton && (\r\n\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\tonClick={handleSearch}\r\n\t\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t\tedge=\"end\"\r\n\t\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\t\t{...searchButtonProps}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{searchIcon || <Search />}\r\n\t\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</InputAdornment>\r\n\t\t\t\t),\r\n\t\t\t\t[\r\n\t\t\t\t\tshowClearButton,\r\n\t\t\t\t\tvalue,\r\n\t\t\t\t\thandleClear,\r\n\t\t\t\t\tdisabled,\r\n\t\t\t\t\tsize,\r\n\t\t\t\t\tclearButtonProps,\r\n\t\t\t\t\tclearIcon,\r\n\t\t\t\t\tshowSearchButton,\r\n\t\t\t\t\thandleSearch,\r\n\t\t\t\t\tsearchButtonProps,\r\n\t\t\t\t\tsearchIcon,\r\n\t\t\t\t]\r\n\t\t\t);\r\n\r\n\t\t\t// Memoize helper text\r\n\t\t\tconst displayHelperText = useMemo(\r\n\t\t\t\t() => helperText ?? (error?.message ? error.message : undefined),\r\n\t\t\t\t[helperText, error?.message]\r\n\t\t\t);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\tsx={formControlStyles}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\r\n\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tslotProps={{\r\n\t\t\t\t\t\t\t...slotProps,\r\n\t\t\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\t\t\tendAdornment,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\tsx={inputStyles}\r\n\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\thelperText={displayHelperText}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\t)\r\n);\r\n\r\nSearchField.displayName = \"SearchField\";\r\n\r\nexport default SearchField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport OTPField from \"../FormFields/TextFields/OTPField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputOTPField = memo(\r\n\t({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<OTPField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(value);\r\n\t\t\t\t\t\t\t\tonChange?.(value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputOTPField.displayName = \"FormInputOTPField\";\r\n\r\nexport default FormInputOTPField;\r\n","import {\r\n\tFormControl,\r\n\ttype FormControlProps,\r\n\tFormHelperText,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n\tBox,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef, useState, useRef, useEffect } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended OTP Input Field Props\r\n */\r\nexport interface IOTPInputFieldProps\r\n\textends Omit<\r\n\t\tTextFieldProps,\r\n\t\t\"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\" | \"multiline\" | \"variant\" | \"size\"\r\n\t> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the OTP field */\r\n\tlabel?: string;\r\n\t/** Current OTP value (string of digits) */\r\n\tvalue: string;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Number of OTP input boxes (default: 6) */\r\n\tlength?: number;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Spacing between OTP boxes */\r\n\tspacing?: number;\r\n\t/** Whether to auto-focus first input on mount */\r\n\tautoFocus?: boolean;\r\n\t/** Whether to auto-submit when all boxes are filled */\r\n\tautoSubmit?: boolean;\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (value: string) => void;\r\n\t/** Callback fired when all OTP boxes are filled */\r\n\tonComplete?: (value: string) => void;\r\n\t/** Callback fired when field receives focus */\r\n\tonFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when field loses focus */\r\n\tonBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired on Enter key press */\r\n\tonEnterPress?: (value: string) => void;\r\n\t/** Custom styles for the OTP container */\r\n\tcontainerStyles?: React.CSSProperties;\r\n\t/** Custom styles for individual OTP input boxes */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: FormControlProps[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\nconst OTPField = forwardRef<HTMLDivElement, IOTPInputFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonComplete,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\tonEnterPress,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tvariant = \"outlined\",\r\n\t\t\tsize,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tfullWidth = true,\r\n\t\t\trequired,\r\n\t\t\tlength = 6,\r\n\t\t\tspacing = 1,\r\n\t\t\tautoFocus = false,\r\n\t\t\tautoSubmit = false,\r\n\t\t\tcontainerStyles,\r\n\t\t\tinputStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\t...textFieldProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLDivElement>\r\n\t) => {\r\n\t\tconst [otpValues, setOtpValues] = useState<string[]>(Array(length).fill(\"\"));\r\n\t\tconst inputRefs = useRef<(HTMLInputElement | null)[]>([]);\r\n\t\tconst lastSentValueRef = useRef<string>(\"\");\r\n\t\tconst isInternalUpdateRef = useRef<boolean>(false);\r\n\t\tconst otpValuesRef = useRef<string[]>(Array(length).fill(\"\"));\r\n\t\tconst inputSessionActiveRef = useRef<boolean>(false);\r\n\t\tconst inputSessionTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n\t\t// Keep ref in sync with state\r\n\t\tuseEffect(() => {\r\n\t\t\totpValuesRef.current = otpValues;\r\n\t\t}, [otpValues]);\r\n\r\n\t\t// Update internal state when value prop changes (only from external changes)\r\n\t\tuseEffect(() => {\r\n\t\t\tconst currentOtpString = otpValuesRef.current.join(\"\");\r\n\r\n\t\t\t// If we're in an active input session, preserve positions unless value is clearly external\r\n\t\t\tif (inputSessionActiveRef.current) {\r\n\t\t\t\t// If the value prop matches what we just sent, don't reset\r\n\t\t\t\tif (value === lastSentValueRef.current) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// If value represents the same digits (even if positions differ), preserve our state\r\n\t\t\t\t// This handles cases where parent normalizes the value\r\n\t\t\t\tconst currentDigits = currentOtpString;\r\n\t\t\t\tconst incomingDigits = value || \"\";\r\n\t\t\t\tif (currentDigits === incomingDigits && currentDigits.length > 0) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// If incoming value has same digit count and matches our sent value's digits, preserve\r\n\t\t\t\tif (\r\n\t\t\t\t\tincomingDigits.length === currentDigits.length &&\r\n\t\t\t\t\tincomingDigits === lastSentValueRef.current\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// Skip if this update was triggered internally\r\n\t\t\tif (isInternalUpdateRef.current) {\r\n\t\t\t\tisInternalUpdateRef.current = false;\r\n\t\t\t\t// If the value prop matches what we just sent, don't reset the positions\r\n\t\t\t\tif (value === lastSentValueRef.current) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// Only update if value prop is different from our current state\r\n\t\t\tif (value !== currentOtpString) {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\tconst values = value.split(\"\").slice(0, length);\r\n\t\t\t\t\tconst paddedValues = [...values, ...Array(length - values.length).fill(\"\")];\r\n\t\t\t\t\tsetOtpValues(paddedValues);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetOtpValues(Array(length).fill(\"\"));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, [value, length]);\r\n\r\n\t\t// Focus first input on mount if autoFocus is true\r\n\t\tuseEffect(() => {\r\n\t\t\tif (autoFocus && inputRefs.current[0]) {\r\n\t\t\t\tinputRefs.current[0].focus();\r\n\t\t\t}\r\n\t\t}, [autoFocus]);\r\n\r\n\t\t// Cleanup timeout on unmount\r\n\t\tuseEffect(() => {\r\n\t\t\treturn () => {\r\n\t\t\t\tif (inputSessionTimeoutRef.current) {\r\n\t\t\t\t\tclearTimeout(inputSessionTimeoutRef.current);\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t}, []);\r\n\r\n\t\t// Handle input change\r\n\t\tconst handleChange = (\r\n\t\t\tindex: number,\r\n\t\t\tevent: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\r\n\t\t) => {\r\n\t\t\tif (disabled) return;\r\n\r\n\t\t\tconst inputValue = (event.target as HTMLInputElement).value;\r\n\r\n\t\t\t// If input is empty, clear the current box\r\n\t\t\tif (inputValue === \"\") {\r\n\t\t\t\tupdateValue(index, \"\", false);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Extract the last character (handles paste or typing over selected text)\r\n\t\t\tconst lastChar = inputValue.slice(-1);\r\n\r\n\t\t\t// Only allow digits - update the value at the current index\r\n\t\t\tif (/^\\d$/.test(lastChar)) {\r\n\t\t\t\t// Always auto-focus next when entering a digit (from any box position)\r\n\t\t\t\t// This allows continuous typing from any position to the end\r\n\t\t\t\t// Values remain filled as you type through them\r\n\t\t\t\tupdateValue(index, lastChar, true);\r\n\t\t\t}\r\n\t\t\t// Non-digits are already prevented in keyDown handler, but if they somehow get through,\r\n\t\t\t// the controlled component will maintain the correct value via the value prop\r\n\t\t};\r\n\r\n\t\t// Update value at specific index\r\n\t\tconst updateValue = (index: number, newValue: string, shouldAutoFocusNext: boolean = true) => {\r\n\t\t\tconst newOtpValues = [...otpValues];\r\n\t\t\tnewOtpValues[index] = newValue;\r\n\r\n\t\t\t// Mark this as an internal update to prevent useEffect from resetting positions\r\n\t\t\tisInternalUpdateRef.current = true;\r\n\r\n\t\t\t// Activate input session to preserve positions during typing\r\n\t\t\tinputSessionActiveRef.current = true;\r\n\r\n\t\t\t// Clear existing timeout\r\n\t\t\tif (inputSessionTimeoutRef.current) {\r\n\t\t\t\tclearTimeout(inputSessionTimeoutRef.current);\r\n\t\t\t}\r\n\r\n\t\t\t// Deactivate input session after 500ms of no input\r\n\t\t\tinputSessionTimeoutRef.current = setTimeout(() => {\r\n\t\t\t\tinputSessionActiveRef.current = false;\r\n\t\t\t}, 500);\r\n\r\n\t\t\tsetOtpValues(newOtpValues);\r\n\r\n\t\t\tconst otpString = newOtpValues.join(\"\");\r\n\t\t\t// Track the value we're sending to onChange\r\n\t\t\tlastSentValueRef.current = otpString;\r\n\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(otpString);\r\n\t\t\t}\r\n\r\n\t\t\t// Auto-focus next input if value is entered and we should auto-focus\r\n\t\t\t// Auto-focus regardless of whether it was replacing or not, to allow continuous typing\r\n\t\t\t// Use setTimeout to ensure focus happens after state update\r\n\t\t\tif (newValue && index < length - 1 && shouldAutoFocusNext) {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tinputRefs.current[index + 1]?.focus();\r\n\t\t\t\t}, 0);\r\n\t\t\t}\r\n\r\n\t\t\t// Check if all boxes are filled\r\n\t\t\tif (newOtpValues.every((val) => val !== \"\")) {\r\n\t\t\t\tif (onComplete) {\r\n\t\t\t\t\tonComplete(otpString);\r\n\t\t\t\t}\r\n\t\t\t\tif (autoSubmit && onEnterPress) {\r\n\t\t\t\t\tonEnterPress(otpString);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle key down\r\n\t\tconst handleKeyDown = (index: number, event: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\tif (disabled) return;\r\n\r\n\t\t\tconst key = event.key;\r\n\r\n\t\t\t// Handle backspace\r\n\t\t\tif (key === \"Backspace\") {\r\n\t\t\t\tif (otpValues[index] === \"\" && index > 0) {\r\n\t\t\t\t\t// Move to previous input and clear it\r\n\t\t\t\t\tinputRefs.current[index - 1]?.focus();\r\n\t\t\t\t\tupdateValue(index - 1, \"\", false);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Clear current input\r\n\t\t\t\t\tupdateValue(index, \"\", false);\r\n\t\t\t\t}\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Handle delete\r\n\t\t\tif (key === \"Delete\") {\r\n\t\t\t\tupdateValue(index, \"\", false);\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Handle arrow keys\r\n\t\t\tif (key === \"ArrowLeft\" && index > 0) {\r\n\t\t\t\tinputRefs.current[index - 1]?.focus();\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tif (key === \"ArrowRight\" && index < length - 1) {\r\n\t\t\t\tinputRefs.current[index + 1]?.focus();\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Handle Enter key\r\n\t\t\tif (key === \"Enter\" && onEnterPress) {\r\n\t\t\t\tconst otpString = otpValues.join(\"\");\r\n\t\t\t\tonEnterPress(otpString);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Handle paste\r\n\t\t\tif ((event.ctrlKey || event.metaKey) && key === \"v\") {\r\n\t\t\t\t// Let the paste event handle it\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Handle digit input - ensure it goes to the current box\r\n\t\t\tif (/^\\d$/.test(key)) {\r\n\t\t\t\t// The onChange handler will process this, but we ensure the value goes to current index\r\n\t\t\t\t// by allowing the default behavior which will trigger onChange\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// Only allow digits and navigation keys\r\n\t\t\tif (![\"Tab\", \"Escape\", \"Home\", \"End\"].includes(key)) {\r\n\t\t\t\tevent.preventDefault();\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle paste\r\n\t\tconst handlePaste = (index: number, event: React.ClipboardEvent<HTMLDivElement>) => {\r\n\t\t\tif (disabled) return;\r\n\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst pastedText = event.clipboardData.getData(\"text\");\r\n\t\t\tconst digits = pastedText.replace(/\\D/g, \"\").slice(0, length);\r\n\r\n\t\t\tif (digits.length === 0) return;\r\n\r\n\t\t\tconst newOtpValues = [...otpValues];\r\n\t\t\tlet startIndex = index;\r\n\r\n\t\t\t// Fill from current index or from start\r\n\t\t\tfor (let i = 0; i < digits.length && startIndex + i < length; i++) {\r\n\t\t\t\tnewOtpValues[startIndex + i] = digits[i];\r\n\t\t\t}\r\n\r\n\t\t\tsetOtpValues(newOtpValues);\r\n\r\n\t\t\tconst otpString = newOtpValues.join(\"\");\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(otpString);\r\n\t\t\t}\r\n\r\n\t\t\t// Focus the next empty input or the last input\r\n\t\t\tconst nextEmptyIndex = newOtpValues.findIndex((val) => val === \"\");\r\n\t\t\tconst focusIndex =\r\n\t\t\t\tnextEmptyIndex !== -1 ? nextEmptyIndex : Math.min(startIndex + digits.length, length - 1);\r\n\t\t\tinputRefs.current[focusIndex]?.focus();\r\n\r\n\t\t\t// Check if all boxes are filled\r\n\t\t\tif (newOtpValues.every((val) => val !== \"\")) {\r\n\t\t\t\tif (onComplete) {\r\n\t\t\t\t\tonComplete(otpString);\r\n\t\t\t\t}\r\n\t\t\t\tif (autoSubmit && onEnterPress) {\r\n\t\t\t\t\tonEnterPress(otpString);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle focus\r\n\t\tconst handleFocus = (\r\n\t\t\t_index: number,\r\n\t\t\tevent: FocusEvent<HTMLInputElement | HTMLTextAreaElement>\r\n\t\t) => {\r\n\t\t\t// Select all text on focus\r\n\t\t\t(event.target as HTMLInputElement).select();\r\n\t\t\tif (onFocus) {\r\n\t\t\t\tonFocus(event as FocusEvent<HTMLInputElement>);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle blur\r\n\t\tconst handleBlur = (\r\n\t\t\t_index: number,\r\n\t\t\tevent: FocusEvent<HTMLInputElement | HTMLTextAreaElement>\r\n\t\t) => {\r\n\t\t\tif (onBlur) {\r\n\t\t\t\tonBlur(event as FocusEvent<HTMLInputElement>);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<Box\r\n\t\t\t\t\t\tcomponent=\"label\"\r\n\t\t\t\t\t\tsx={{ mb: 1, display: \"block\" }}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label}\r\n\t\t\t\t\t\t{required && <span style={{ color: \"error.main\" }}> *</span>}\r\n\t\t\t\t\t</Box>\r\n\t\t\t\t)}\r\n\t\t\t\t<Box\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tsx={{\r\n\t\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\t\tgap: spacing,\r\n\t\t\t\t\t\tjustifyContent: \"flex-start\",\r\n\t\t\t\t\t\t...containerStyles,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{otpValues.map((otpValue, index) => (\r\n\t\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\tinputRef={(el) => {\r\n\t\t\t\t\t\t\t\tinputRefs.current[index] = el;\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tname={name ? `${name}-${index}` : undefined}\r\n\t\t\t\t\t\t\tvalue={otpValue}\r\n\t\t\t\t\t\t\tonChange={(e) => handleChange(index, e)}\r\n\t\t\t\t\t\t\tonKeyDown={(e) => handleKeyDown(index, e)}\r\n\t\t\t\t\t\t\tonPaste={(e) => handlePaste(index, e)}\r\n\t\t\t\t\t\t\tonFocus={(e) => handleFocus(index, e)}\r\n\t\t\t\t\t\t\tonBlur={(e) => handleBlur(index, e)}\r\n\t\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\t\tslotProps={{\r\n\t\t\t\t\t\t\t\t...slotProps,\r\n\t\t\t\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\t\t\t\tinputProps: {\r\n\t\t\t\t\t\t\t\t\t\tmaxLength: 1,\r\n\t\t\t\t\t\t\t\t\t\tinputMode: \"numeric\",\r\n\t\t\t\t\t\t\t\t\t\tpattern: \"[0-9]*\",\r\n\t\t\t\t\t\t\t\t\t\tstyle: {\r\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: \"center\",\r\n\t\t\t\t\t\t\t\t\t\t\tfontSize: size === \"small\" ? \"1rem\" : \"1.25rem\",\r\n\t\t\t\t\t\t\t\t\t\t\tfontWeight: \"bold\",\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t...((slotProps?.input as any)?.inputProps || {}),\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\twidth: size === \"small\" ? \"40px\" : \"48px\",\r\n\t\t\t\t\t\t\t\t...inputStyles,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</Box>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nOTPField.displayName = \"OTPField\";\r\n\r\nexport default OTPField;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputSelect = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdefaultValue = \"\",\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputFieldsWithOptions) => {\r\n\t\tconst memoizedOptions = useMemo(() => options, [options]);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SelectInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\toptions={memoizedOptions}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputSelect.displayName = \"FormInputSelect\";\r\n\r\nexport default FormInputSelect;\r\n","import {\r\n\tFormControl,\r\n\tFormHelperText,\r\n\tInputLabel,\r\n\tMenuItem,\r\n\ttype MenuItemProps,\r\n\tSelect,\r\n\ttype SelectChangeEvent,\r\n\ttype SelectProps,\r\n} from \"@mui/material\";\r\nimport React, { type SyntheticEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Base option type for Select\r\n */\r\nexport type SelectOption = {\r\n\tname: string;\r\n\tvalue: string | number;\r\n\tdisabled?: boolean;\r\n\t[key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Select Input Props\r\n * Extends MUI SelectProps with custom form field props\r\n */\r\nexport interface ISelectInputFieldProps\r\n\textends Omit<\r\n\t\tSelectProps<string | number | (string | number)[]>,\r\n\t\t\"value\" | \"onChange\" | \"name\" | \"error\" | \"children\" | \"renderValue\"\r\n\t> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the select field */\r\n\tlabel?: string;\r\n\t/** Current selected value(s) */\r\n\tvalue: string | number | (string | number)[] | \"\";\r\n\t/** Options array to display in dropdown */\r\n\toptions: SelectOption[];\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below select */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Select variant */\r\n\tvariant?: SelectProps[\"variant\"];\r\n\t/** Select size */\r\n\tsize?: SelectProps[\"size\"];\r\n\t/** Select color */\r\n\tcolor?: SelectProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Whether to allow multiple selections */\r\n\tmultiple?: boolean;\r\n\t/** Custom icon for dropdown indicator */\r\n\ticon?: React.ReactNode;\r\n\t/** Custom render function for selected value(s) */\r\n\trenderValue?: SelectProps<string | number | (string | number)[]>[\"renderValue\"];\r\n\t/** Custom render function for menu items */\r\n\trenderMenuItem?: (option: SelectOption, index: number) => React.ReactNode;\r\n\t/** Custom styles for MenuItem - can be static styles or a function that receives (option, index) */\r\n\tmenuItemStyles?:\r\n\t\t| MenuItemProps[\"sx\"]\r\n\t\t| ((option: SelectOption, index: number) => MenuItemProps[\"sx\"]);\r\n\t/** Custom styles for the Select */\r\n\tselectStyles?: SelectProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom styles for InputLabel */\r\n\tlabelStyles?: React.ComponentProps<typeof InputLabel>[\"sx\"];\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (\r\n\t\tevent: SelectChangeEvent<string | number | (string | number)[]>,\r\n\t\tchild?: React.ReactNode\r\n\t) => void;\r\n\t/** Callback fired when menu opens */\r\n\tonOpen?: (event: SyntheticEvent) => void;\r\n\t/** Callback fired when menu closes */\r\n\tonClose?: (event: SyntheticEvent) => void;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: SelectProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: SelectProps[\"slots\"];\r\n\t/** Display empty value */\r\n\tdisplayEmpty?: boolean;\r\n\t/** Auto width for menu */\r\n\tautoWidth?: boolean;\r\n\t/** Native select element */\r\n\tnative?: boolean;\r\n\t/** Menu props */\r\n\tMenuProps?: SelectProps[\"MenuProps\"];\r\n}\r\n\r\nconst SelectInputField = forwardRef<HTMLInputElement, ISelectInputFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonOpen,\r\n\t\t\tonClose,\r\n\t\t\toptions,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tvariant = \"outlined\",\r\n\t\t\tsize,\r\n\t\t\tcolor,\r\n\t\t\tfullWidth = true,\r\n\t\t\trequired,\r\n\t\t\tmultiple = false,\r\n\t\t\ticon,\r\n\t\t\trenderValue,\r\n\t\t\trenderMenuItem,\r\n\t\t\tmenuItemStyles,\r\n\t\t\tselectStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tlabelStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\tdisplayEmpty = false,\r\n\t\t\tautoWidth = false,\r\n\t\t\tnative = false,\r\n\t\t\tMenuProps,\r\n\t\t\t...selectProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLInputElement>\r\n\t) => {\r\n\t\t// Default render value function\r\n\t\tconst defaultRenderValue = (\r\n\t\t\tselected: string | number | (string | number)[]\r\n\t\t): React.ReactNode => {\r\n\t\t\tif (multiple && Array.isArray(selected)) {\r\n\t\t\t\tif (selected.length === 0) return \"\";\r\n\t\t\t\treturn selected\r\n\t\t\t\t\t.map((val) => {\r\n\t\t\t\t\t\tconst option = options.find((opt) => opt.value === val);\r\n\t\t\t\t\t\treturn option?.name ?? String(val);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.join(\", \");\r\n\t\t\t}\r\n\t\t\tif (!multiple && selected !== \"\" && selected !== null && selected !== undefined) {\r\n\t\t\t\tconst option = options.find((opt) => opt.value === selected);\r\n\t\t\t\treturn option?.name ?? String(selected);\r\n\t\t\t}\r\n\t\t\treturn \"\";\r\n\t\t};\r\n\r\n\t\t// Default render menu item function\r\n\t\tconst defaultRenderMenuItem = (option: SelectOption, index: number): React.ReactNode => {\r\n\t\t\tconst menuItemSx =\r\n\t\t\t\ttypeof menuItemStyles === \"function\" ?\r\n\t\t\t\t\t(menuItemStyles as (option: SelectOption, index: number) => MenuItemProps[\"sx\"])(\r\n\t\t\t\t\t\toption,\r\n\t\t\t\t\t\tindex\r\n\t\t\t\t\t)\r\n\t\t\t\t:\tmenuItemStyles;\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<MenuItem\r\n\t\t\t\t\tkey={`${option.value}-${index}`}\r\n\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\tdisabled={option.disabled}\r\n\t\t\t\t\tsx={menuItemSx}\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderMenuItem ? renderMenuItem(option, index) : option.name}\r\n\t\t\t\t</MenuItem>\r\n\t\t\t);\r\n\t\t};\r\n\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (\r\n\t\t\tevent: SelectChangeEvent<string | number | (string | number)[]>,\r\n\t\t\tchild?: React.ReactNode\r\n\t\t) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(event, child);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst labelId = label ? `${name || \"select\"}-label` : undefined;\r\n\t\tconst selectId = label ? `${name || \"select\"}-select` : undefined;\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tvariant={variant}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<InputLabel\r\n\t\t\t\t\t\tid={labelId}\r\n\t\t\t\t\t\tsx={labelStyles}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label}\r\n\t\t\t\t\t</InputLabel>\r\n\t\t\t\t)}\r\n\t\t\t\t<Select\r\n\t\t\t\t\t{...selectProps}\r\n\t\t\t\t\tlabelId={labelId}\r\n\t\t\t\t\tid={selectId}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\tonOpen={onOpen}\r\n\t\t\t\t\tonClose={onClose}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\tdisplayEmpty={displayEmpty}\r\n\t\t\t\t\tautoWidth={autoWidth}\r\n\t\t\t\t\tnative={native}\r\n\t\t\t\t\tMenuProps={MenuProps}\r\n\t\t\t\t\tIconComponent={icon as React.ElementType}\r\n\t\t\t\t\trenderValue={renderValue ?? defaultRenderValue}\r\n\t\t\t\t\tslotProps={slotProps}\r\n\t\t\t\t\tslots={slots}\r\n\t\t\t\t\tsx={selectStyles}\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t>\r\n\t\t\t\t\t{options &&\r\n\t\t\t\t\t\tArray.isArray(options) &&\r\n\t\t\t\t\t\toptions.map((option, index) => defaultRenderMenuItem(option, index))}\r\n\t\t\t\t</Select>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSelectInputField.displayName = \"SelectInputField\";\r\n\r\nexport default SelectInputField;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputMultiSelect = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdefaultValue = [],\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputFieldsWithOptions) => {\r\n\t\tconst memoizedOptions = useMemo(() => options, [options]);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\tconst fieldValue = Array.isArray(field.value) ? field.value : [];\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SelectInputField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\toptions={memoizedOptions}\r\n\t\t\t\t\t\t\tmultiple\r\n\t\t\t\t\t\t\tvalue={fieldValue}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(e);\r\n\t\t\t\t\t\t\t\tonChange?.(e.target.value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputMultiSelect.displayName = \"FormInputMultiSelect\";\r\n\r\nexport default FormInputMultiSelect;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputAutoComplete = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdisabled,\r\n\t\tplaceholder,\r\n\t\tdefaultValue = null,\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputFieldsWithOptions) => {\r\n\t\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { value, onBlur } = field;\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<AutoCompleteField\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\toptions={options}\r\n\t\t\t\t\t\t\tvalue={value ?? null}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tonChange={(_, newValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputAutoComplete.displayName = \"FormInputAutoComplete\";\r\n\r\nexport default FormInputAutoComplete;\r\n","import {\r\n Autocomplete,\r\n type AutocompleteChangeReason,\r\n type AutocompleteCloseReason,\r\n type AutocompleteInputChangeReason,\r\n type AutocompleteProps,\r\n FormControl,\r\n FormHelperText,\r\n TextField,\r\n type TextFieldProps,\r\n} from \"@mui/material\";\r\nimport type { FilterOptionsState } from \"@mui/material/useAutocomplete\";\r\nimport React, { type ForwardedRef, forwardRef, memo, type SyntheticEvent, useCallback } from \"react\";\r\n\r\nexport type AutoCompleteOption = {\r\n name: string;\r\n value: string | number;\r\n [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Autocomplete Input Props\r\n * Extends MUI AutocompleteProps with custom form field props\r\n */\r\nexport interface IAutoCompleteInputProps<\r\n T extends AutoCompleteOption = AutoCompleteOption,\r\n Multiple extends boolean = false,\r\n DisableClearable extends boolean = false,\r\n FreeSolo extends boolean = false,\r\n> extends Omit<\r\n AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,\r\n \"renderInput\" | \"options\" | \"value\" | \"onChange\" | \"getOptionLabel\" | \"isOptionEqualToValue\" | \"renderOption\"\r\n > {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the input field */\r\n label?: string;\r\n /** Current selected value */\r\n value: Multiple extends true ? T[] : T | null;\r\n /** Options array to display in dropdown */\r\n options: T[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below input */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Custom function to get option label (defaults to option.name) */\r\n getOptionLabel?: (option: T | string) => string;\r\n /** Custom function to check option equality (defaults to comparing option.name) */\r\n isOptionEqualToValue?: (option: T, value: T) => boolean;\r\n /** Custom render function for options */\r\n renderOption?: (\r\n props: React.HTMLAttributes<HTMLLIElement>,\r\n option: T,\r\n state?: { selected: boolean; inputValue: string },\r\n ) => React.ReactNode;\r\n /** Callback fired when the value changes */\r\n onChange?: (\r\n event: SyntheticEvent,\r\n newValue: Multiple extends true ? T[] : T | null,\r\n reason?: AutocompleteChangeReason,\r\n ) => void;\r\n /** Callback fired when input value changes */\r\n onInputChange?: (event: SyntheticEvent, newInputValue: string, reason: AutocompleteInputChangeReason) => void;\r\n /** Callback fired when popup opens */\r\n onOpen?: (event: SyntheticEvent) => void;\r\n /** Callback fired when popup closes */\r\n onClose?: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;\r\n /** Custom icon for popup indicator */\r\n popupIcon?: React.ReactNode;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for the Autocomplete */\r\n autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Whether to show loading state */\r\n loading?: boolean;\r\n /** Text to show when loading */\r\n loadingText?: React.ReactNode;\r\n /** Text to show when no options available */\r\n noOptionsText?: React.ReactNode;\r\n /** Text to show when options are being filtered */\r\n filterText?: string;\r\n /** Custom filter options function */\r\n filterOptions?: (options: T[], state: FilterOptionsState<T>) => T[];\r\n /** Whether to highlight the first option */\r\n autoHighlight?: boolean;\r\n /** Whether to select the first option on highlight */\r\n autoSelect?: boolean;\r\n /** Whether to disable portal rendering */\r\n disablePortal?: boolean;\r\n /** Whether to disable list wrapping */\r\n disableListWrap?: boolean;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"slots\"];\r\n}\r\n\r\nconst AutoCompleteField = memo(\r\n forwardRef<HTMLDivElement, IAutoCompleteInputProps<AutoCompleteOption, boolean, boolean, boolean>>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onInputChange,\r\n onOpen,\r\n onClose,\r\n options,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color,\r\n fullWidth = true,\r\n required,\r\n getOptionLabel,\r\n isOptionEqualToValue,\r\n renderOption,\r\n popupIcon,\r\n inputStyles,\r\n autocompleteStyles,\r\n formControlStyles,\r\n loading = false,\r\n loadingText = \"Loading...\",\r\n noOptionsText = \"No options\",\r\n filterOptions,\r\n autoHighlight = true,\r\n autoSelect = false,\r\n disablePortal = false,\r\n disableListWrap = false,\r\n slotProps,\r\n slots,\r\n ...autocompleteProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>,\r\n ) => {\r\n // Default getOptionLabel function\r\n const defaultGetOptionLabel = useCallback((option: AutoCompleteOption | string): string => {\r\n if (typeof option === \"string\") return option;\r\n return option?.name ?? String(option?.value ?? \"\");\r\n }, []);\r\n\r\n // Default isOptionEqualToValue function\r\n const defaultIsOptionEqualToValue = useCallback(\r\n (option: AutoCompleteOption, value: AutoCompleteOption): boolean => {\r\n return option?.name === value?.name && option?.value === value?.value;\r\n },\r\n [],\r\n );\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = useCallback(\r\n (event: SyntheticEvent, newValue: any, reason?: AutocompleteChangeReason) => {\r\n if (onChange) {\r\n onChange(event, newValue, reason);\r\n }\r\n },\r\n [onChange],\r\n );\r\n\r\n return (\r\n <FormControl fullWidth={fullWidth} error={!!error} sx={formControlStyles}>\r\n <Autocomplete<AutoCompleteOption, boolean, boolean, boolean>\r\n options={options}\r\n value={value as any}\r\n onChange={handleChange}\r\n onInputChange={onInputChange}\r\n onOpen={onOpen}\r\n onClose={onClose}\r\n getOptionLabel={getOptionLabel ? getOptionLabel : defaultGetOptionLabel}\r\n isOptionEqualToValue={isOptionEqualToValue ? isOptionEqualToValue : defaultIsOptionEqualToValue}\r\n disabled={disabled}\r\n loading={loading}\r\n loadingText={loadingText}\r\n noOptionsText={noOptionsText}\r\n filterOptions={filterOptions}\r\n autoHighlight={autoHighlight}\r\n autoSelect={autoSelect}\r\n disablePortal={disablePortal}\r\n disableListWrap={disableListWrap}\r\n popupIcon={popupIcon}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={autocompleteStyles}\r\n ref={ref}\r\n {...autocompleteProps}\r\n renderInput={(params) => (\r\n <TextField\r\n {...params}\r\n name={name}\r\n label={label}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n placeholder={placeholder}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n slotProps={{\r\n input: {\r\n ...params.InputProps,\r\n inputProps: {\r\n ...params.inputProps,\r\n },\r\n },\r\n }}\r\n sx={inputStyles}\r\n helperText={helperText ?? \"\"}\r\n />\r\n )}\r\n />\r\n {error && !helperText && error.message && <FormHelperText>{error.message}</FormHelperText>}\r\n </FormControl>\r\n );\r\n },\r\n ),\r\n);\r\n\r\nAutoCompleteField.displayName = \"AutoCompleteField\";\r\n\r\nexport default AutoCompleteField;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputMultiAutoComplete = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdisabled,\r\n\t\tplaceholder,\r\n\t\tdefaultValue = [],\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputFieldsWithOptions) => {\r\n\t\tconst memoizedOptions = useMemo(() => options, [options]);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { value, onBlur } = field;\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\tconst fieldValue = Array.isArray(value) ? value : [];\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<AutoCompleteField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\toptions={memoizedOptions}\r\n\t\t\t\t\t\t\tmultiple\r\n\t\t\t\t\t\t\tvalue={fieldValue}\r\n\t\t\t\t\t\t\tonChange={(_, newValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputMultiAutoComplete.displayName = \"FormInputMultiAutoComplete\";\r\n\r\nexport default FormInputMultiAutoComplete;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport ColorPickerField from \"../FormFields/DropdownFields/ColorPickerField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputColorPicker = memo(\r\n\t({ name, label, control, defaultValue = \"#000000\", onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<ColorPickerField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue}\r\n\t\t\t\t\t\t\tonChange={(color) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(color);\r\n\t\t\t\t\t\t\t\tonChange?.(color);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputColorPicker.displayName = \"FormInputColorPicker\";\r\n\r\nexport default FormInputColorPicker;\r\n","import { Box, FormControl, type FormControlProps, InputAdornment, TextField, type TextFieldProps } from '@mui/material';\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n useState,\r\n} from 'react';\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Color format types\r\n */\r\nexport type ColorFormat = 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla';\r\n\r\n/**\r\n * Color value type - can be string (hex) or object (rgb/rgba/hsl/hsla)\r\n */\r\nexport type ColorValue = string | RGBColor | RGBAColor | HSLColor | HSLAColor;\r\n\r\n/**\r\n * RGB color object\r\n */\r\nexport interface RGBColor {\r\n r: number;\r\n g: number;\r\n b: number;\r\n}\r\n\r\n/**\r\n * RGBA color object\r\n */\r\nexport interface RGBAColor extends RGBColor {\r\n a: number;\r\n}\r\n\r\n/**\r\n * HSL color object\r\n */\r\nexport interface HSLColor {\r\n h: number;\r\n s: number;\r\n l: number;\r\n}\r\n\r\n/**\r\n * HSL color object with alpha\r\n */\r\nexport interface HSLAColor extends HSLColor {\r\n a: number;\r\n}\r\n\r\n/**\r\n * Extended Color Picker Field Props\r\n */\r\nexport interface IColorPickerFieldProps\r\n extends Omit<\r\n TextFieldProps,\r\n 'value' | 'onChange' | 'name' | 'type' | 'error' | 'inputRef' | 'multiline' | 'variant' | 'size'\r\n > {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the color picker field */\r\n label?: string;\r\n /** Current color value (hex string or color object) */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps['variant'];\r\n /** TextField size */\r\n size?: TextFieldProps['size'];\r\n /** TextField color */\r\n color?: TextFieldProps['color'];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Color format (hex, rgb, rgba, hsl, hsla) */\r\n format?: ColorFormat;\r\n /** Whether to show color preview swatch */\r\n showPreview?: boolean;\r\n /** Whether to show native color input */\r\n showNativeInput?: boolean;\r\n /** Whether to show popover picker */\r\n showPopoverPicker?: boolean;\r\n /** Preset colors to display */\r\n presetColors?: string[];\r\n /** Whether to show preset colors */\r\n showPresetColors?: boolean;\r\n /** Callback fired when the color changes */\r\n onChange?: (value: string) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the color preview swatch */\r\n previewStyles?: React.CSSProperties;\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps['sx'];\r\n /** Custom styles for TextField */\r\n inputStyles?: TextFieldProps['sx'];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps['slotProps'];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps['slots'];\r\n}\r\n\r\n/**\r\n * Convert hex to RGB (utility function for future format conversions)\r\n * @internal - Exported for potential future use with rgb/rgba formats\r\n */\r\nexport const hexToRgb = (hex: string): RGBColor | null => {\r\n const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n return result\r\n ? {\r\n r: parseInt(result[1], 16),\r\n g: parseInt(result[2], 16),\r\n b: parseInt(result[3], 16),\r\n }\r\n : null;\r\n};\r\n\r\n/**\r\n * Convert RGB to hex (utility function for future format conversions)\r\n * @internal - Exported for potential future use with rgb/rgba formats\r\n */\r\nexport const rgbToHex = (r: number, g: number, b: number): string => {\r\n return '#' + [r, g, b].map((x) => x.toString(16).padStart(2, '0')).join('');\r\n};\r\n\r\n/**\r\n * Validate hex color\r\n */\r\nconst isValidHex = (color: string): boolean => {\r\n return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);\r\n};\r\n\r\n/**\r\n * Normalize hex color (ensure # prefix and 6 digits)\r\n */\r\nconst normalizeHex = (color: string): string => {\r\n let hex = color.replace('#', '');\r\n if (hex.length === 3) {\r\n hex = hex\r\n .split('')\r\n .map((char) => char + char)\r\n .join('');\r\n }\r\n return '#' + hex;\r\n};\r\n\r\nconst ColorPickerField = memo(\r\n forwardRef<HTMLDivElement, IColorPickerFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder = '#000000',\r\n variant = 'outlined',\r\n size,\r\n color = 'primary',\r\n fullWidth = true,\r\n required,\r\n format = 'hex',\r\n showPreview = true,\r\n showNativeInput = true,\r\n showPopoverPicker = true,\r\n presetColors = ['#000000', '#FFFFFF', '#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#FF00FF', '#00FFFF'],\r\n showPresetColors = false,\r\n previewStyles,\r\n formControlStyles,\r\n inputStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>,\r\n ) => {\r\n const [internalValue, setInternalValue] = useState<string>(value || '');\r\n const colorInputRef = useRef<HTMLInputElement | null>(null);\r\n const popoverAnchorRef = useRef<HTMLDivElement | null>(null);\r\n\r\n // Update internal value when prop changes\r\n useEffect(() => {\r\n if (value !== undefined) {\r\n setInternalValue(value || '');\r\n }\r\n }, [value]);\r\n\r\n // Normalize hex value\r\n const normalizedValue = isValidHex(internalValue) ? normalizeHex(internalValue) : internalValue || '';\r\n\r\n // Handle input change\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n if (disabled) return;\r\n\r\n const newValue = (event.target as HTMLInputElement).value;\r\n setInternalValue(newValue);\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n },\r\n [onChange],\r\n );\r\n\r\n // Handle native color input change\r\n const handleColorInputChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement>) => {\r\n if (disabled) return;\r\n event.stopPropagation();\r\n\r\n const newValue = event.target.value;\r\n setInternalValue(newValue);\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n },\r\n [onChange],\r\n );\r\n\r\n // Handle preview swatch click - directly open native color picker\r\n const handlePreviewClick = useCallback(\r\n (event: React.MouseEvent<HTMLDivElement>) => {\r\n if (disabled) return;\r\n event.preventDefault();\r\n event.stopPropagation();\r\n // Trigger the hidden native color input\r\n if (colorInputRef.current) {\r\n colorInputRef.current.click();\r\n }\r\n },\r\n [disabled, colorInputRef],\r\n );\r\n\r\n // Handle key down\r\n const handleKeyDown = useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (event.key === 'Enter' && onEnterPress) {\r\n onEnterPress(normalizedValue);\r\n }\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n },\r\n [onEnterPress, normalizedValue, textFieldProps.onKeyDown],\r\n );\r\n\r\n // Memoize preview swatch\r\n const previewSwatch = useMemo(\r\n () => (\r\n <InputAdornment position=\"start\">\r\n <Box\r\n ref={popoverAnchorRef}\r\n onClick={!disabled ? handlePreviewClick : undefined}\r\n sx={{\r\n width: size === 'small' ? 24 : 32,\r\n height: size === 'small' ? 24 : 32,\r\n borderRadius: 1,\r\n border: '1px solid',\r\n borderColor: error ? 'error.main' : 'divider',\r\n backgroundColor: normalizedValue,\r\n cursor: !disabled ? 'pointer' : 'default',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n transition: 'all 0.2s',\r\n '&:hover': {\r\n opacity: !disabled ? 0.8 : 1,\r\n },\r\n ...previewStyles,\r\n }}\r\n title={!disabled ? 'Click to open color picker' : undefined}\r\n />\r\n </InputAdornment>\r\n ),\r\n [popoverAnchorRef, disabled, handlePreviewClick, size, error, normalizedValue, previewStyles],\r\n );\r\n\r\n // Build slotProps for MUI v7\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps: {\r\n ...((slotProps?.input as any)?.inputProps || {}),\r\n },\r\n ...(showPreview && {\r\n startAdornment: previewSwatch,\r\n }),\r\n },\r\n }),\r\n [slotProps, showPreview, previewSwatch],\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message],\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n ref={ref}\r\n name={name}\r\n label={label}\r\n value={normalizedValue}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={inputStyles}\r\n helperText={displayHelperText}\r\n />\r\n {/* Hidden native color input - triggered when clicking preview swatch */}\r\n <input\r\n ref={colorInputRef}\r\n type=\"color\"\r\n value={normalizedValue}\r\n onChange={handleColorInputChange}\r\n disabled={disabled}\r\n style={{\r\n position: 'absolute',\r\n width: 0,\r\n height: 0,\r\n opacity: 0,\r\n pointerEvents: 'none',\r\n visibility: 'hidden',\r\n }}\r\n aria-hidden=\"true\"\r\n />\r\n </FormControl>\r\n );\r\n },\r\n ),\r\n);\r\n\r\nColorPickerField.displayName = 'ColorPickerField';\r\n\r\nexport default ColorPickerField;\r\n","import type { TextFieldProps } from \"@mui/material\";\r\nimport { memo, useRef } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport FileUploadField from \"../FormFields/DropdownFields/FileUploadField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputFileUpload = memo(\r\n\t({ name, label, control, size, defaultValue = null, onChange, ...props }: IFormInputFields) => {\r\n\t\tconst fileRef = useRef(null);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => (\r\n\t\t\t\t\t<FileUploadField\r\n\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={field.value ?? null}\r\n\t\t\t\t\t\tsize={size as TextFieldProps[\"size\"]}\r\n\t\t\t\t\t\tref={fileRef}\r\n\t\t\t\t\t\tonChange={(files) => {\r\n\t\t\t\t\t\t\tfield.onChange(files);\r\n\t\t\t\t\t\t\tonChange?.(files);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputFileUpload.displayName = \"FormInputFileUpload\";\r\n\r\nexport default FormInputFileUpload;\r\n","import Clear from \"@mui/icons-material/Clear\";\r\nimport CloudUploadIcon from \"@mui/icons-material/CloudUpload\";\r\nimport {\r\n\ttype ButtonProps,\r\n\tFormControl,\r\n\tFormHelperText,\r\n\tIconButton,\r\n\tInputAdornment,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n} from \"@mui/material\";\r\nimport React, {\r\n\ttype ChangeEvent,\r\n\ttype DragEvent,\r\n\ttype ForwardedRef,\r\n\tforwardRef,\r\n\tuseRef,\r\n\tuseState,\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * File value type\r\n */\r\nexport type FileValue = File | File[] | null | undefined;\r\n\r\n/**\r\n * Extended File Upload Field Props\r\n * Extends MUI TextFieldProps with custom file upload props\r\n */\r\nexport interface IFileUploadFieldProps\r\n\textends Omit<TextFieldProps, \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"onDrop\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the file upload field */\r\n\tlabel?: string;\r\n\t/** Current file value */\r\n\tvalue?: File | File[] | { name: string } | null;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** File types to accept (e.g., \"image/*\", \".pdf,.doc\") */\r\n\taccept?: string;\r\n\t/** Whether to allow multiple file selection */\r\n\tmultiple?: boolean;\r\n\t/** Maximum file size in bytes */\r\n\tmaxSize?: number;\r\n\t/** Minimum file size in bytes */\r\n\tminSize?: number;\r\n\t/** Allowed file types (MIME types or extensions) */\r\n\tallowedTypes?: string[];\r\n\t/** Whether to show file preview */\r\n\tshowPreview?: boolean;\r\n\t/** Whether to enable drag and drop */\r\n\tenableDragDrop?: boolean;\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Upload button text */\r\n\tbuttonText?: string;\r\n\t/** Upload button variant */\r\n\tbuttonVariant?: ButtonProps[\"variant\"];\r\n\t/** Upload button color */\r\n\tbuttonColor?: ButtonProps[\"color\"];\r\n\t/** Upload button size */\r\n\tbuttonSize?: ButtonProps[\"size\"];\r\n\t/** Custom upload icon */\r\n\tuploadIcon?: React.ReactNode;\r\n\t/** Callback fired when file(s) change */\r\n\tonChange?: (file: File | File[] | undefined) => void;\r\n\t/** Callback fired when file is selected */\r\n\tonFileSelect?: (file: File | File[] | undefined) => void;\r\n\t/** Callback fired when file is removed */\r\n\tonFileRemove?: () => void;\r\n\t/** Callback fired on file validation error */\r\n\tonValidationError?: (error: string) => void;\r\n\t/** Callback fired when file is dropped (drag and drop) */\r\n\tonDrop?: (files: FileList) => void;\r\n\t/** Custom styles for the TextField */\r\n\tinputStyles?: TextFieldProps[\"sx\"];\r\n\t/** Custom styles for the Button */\r\n\tbuttonStyles?: ButtonProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom styles for the container */\r\n\tcontainerStyles?: React.CSSProperties;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: TextFieldProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\nconst FileUploadField = forwardRef<HTMLInputElement, IFileUploadFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonFileSelect,\r\n\t\t\tonFileRemove,\r\n\t\t\tonValidationError,\r\n\t\t\tonDrop,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\taccept,\r\n\t\t\tmultiple = false,\r\n\t\t\tmaxSize,\r\n\t\t\tminSize,\r\n\t\t\tallowedTypes,\r\n\t\t\tshowPreview = true,\r\n\t\t\tenableDragDrop = false,\r\n\t\t\tplaceholder = \"No file chosen\",\r\n\t\t\tvariant = \"outlined\",\r\n\t\t\tsize,\r\n\t\t\tcolor,\r\n\t\t\tfullWidth = true,\r\n\t\t\trequired,\r\n\t\t\tbuttonText = \"Upload\",\r\n\t\t\tbuttonVariant = \"contained\",\r\n\t\t\tbuttonColor = \"primary\",\r\n\t\t\tbuttonSize,\r\n\t\t\tuploadIcon = <CloudUploadIcon />,\r\n\t\t\tinputStyles,\r\n\t\t\tbuttonStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tcontainerStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\t...textFieldProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLInputElement>\r\n\t) => {\r\n\t\tconst internalRef = useRef<HTMLInputElement | null>(null);\r\n\t\tconst [isDragging, setIsDragging] = useState(false);\r\n\t\tconst [, setDragCounter] = useState(0);\r\n\r\n\t\t// Get the file input ref (either forwarded ref or internal ref)\r\n\t\tconst fileInputRef = ref && typeof ref === \"object\" && \"current\" in ref ? ref : internalRef;\r\n\r\n\t\t// Get file name(s) from value\r\n\t\tconst getFileName = (): string => {\r\n\t\t\tif (!value) return \"\";\r\n\t\t\tif (value instanceof File) return value.name;\r\n\t\t\tif (Array.isArray(value)) {\r\n\t\t\t\tif (value.length === 0) return \"\";\r\n\t\t\t\tif (value.length === 1) return value[0].name;\r\n\t\t\t\treturn `${value.length} files selected`;\r\n\t\t\t}\r\n\t\t\tif (typeof value === \"object\" && \"name\" in value) {\r\n\t\t\t\treturn value.name;\r\n\t\t\t}\r\n\t\t\treturn \"\";\r\n\t\t};\r\n\r\n\t\t// Validate file\r\n\t\tconst validateFile = (file: File): string | null => {\r\n\t\t\t// Check file size\r\n\t\t\tif (maxSize && file.size > maxSize) {\r\n\t\t\t\treturn `File size exceeds maximum allowed size of ${formatFileSize(maxSize)}`;\r\n\t\t\t}\r\n\t\t\tif (minSize && file.size < minSize) {\r\n\t\t\t\treturn `File size is below minimum required size of ${formatFileSize(minSize)}`;\r\n\t\t\t}\r\n\r\n\t\t\t// Check file type\r\n\t\t\tif (allowedTypes && allowedTypes.length > 0) {\r\n\t\t\t\tconst fileType = file.type || getFileExtension(file.name);\r\n\t\t\t\tconst isAllowed = allowedTypes.some((type) => {\r\n\t\t\t\t\tif (type.startsWith(\".\")) {\r\n\t\t\t\t\t\treturn file.name.toLowerCase().endsWith(type.toLowerCase());\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn fileType.includes(type) || fileType === type;\r\n\t\t\t\t});\r\n\t\t\t\tif (!isAllowed) {\r\n\t\t\t\t\treturn `File type not allowed. Allowed types: ${allowedTypes.join(\", \")}`;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t};\r\n\r\n\t\t// Format file size\r\n\t\tconst formatFileSize = (bytes: number): string => {\r\n\t\t\tif (bytes === 0) return \"0 Bytes\";\r\n\t\t\tconst k = 1024;\r\n\t\t\tconst sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\r\n\t\t\tconst i = Math.floor(Math.log(bytes) / Math.log(k));\r\n\t\t\treturn Math.round((bytes / Math.pow(k, i)) * 100) / 100 + \" \" + sizes[i];\r\n\t\t};\r\n\r\n\t\t// Get file extension\r\n\t\tconst getFileExtension = (filename: string): string => {\r\n\t\t\treturn filename.slice(((filename.lastIndexOf(\".\") - 1) >>> 0) + 2);\r\n\t\t};\r\n\r\n\t\t// Handle file change\r\n\t\tconst handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tconst files = event.target.files;\r\n\t\t\tif (!files || files.length === 0) {\r\n\t\t\t\tif (onChange) onChange(undefined);\r\n\t\t\t\tif (onFileSelect) onFileSelect(undefined);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst fileArray = Array.from(files);\r\n\t\t\tlet validFiles: File[] = [];\r\n\t\t\tlet hasError = false;\r\n\r\n\t\t\t// Validate each file\r\n\t\t\tfor (const file of fileArray) {\r\n\t\t\t\tconst validationError = validateFile(file);\r\n\t\t\t\tif (validationError) {\r\n\t\t\t\t\thasError = true;\r\n\t\t\t\t\tif (onValidationError) {\r\n\t\t\t\t\t\tonValidationError(validationError);\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tvalidFiles.push(file);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (validFiles.length > 0) {\r\n\t\t\t\tconst result = multiple ? validFiles : validFiles[0];\r\n\t\t\t\tif (onChange) onChange(result);\r\n\t\t\t\tif (onFileSelect) onFileSelect(result);\r\n\t\t\t} else if (hasError && onValidationError) {\r\n\t\t\t\t// Error already handled\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle button click\r\n\t\tconst handleButtonClick = () => {\r\n\t\t\tif (!disabled) {\r\n\t\t\t\tfileInputRef.current?.click();\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle file remove\r\n\t\tconst handleFileRemove = () => {\r\n\t\t\tif (fileInputRef.current) {\r\n\t\t\t\tfileInputRef.current.value = \"\";\r\n\t\t\t}\r\n\t\t\tif (onChange) onChange(undefined);\r\n\t\t\tif (onFileRemove) onFileRemove();\r\n\t\t};\r\n\r\n\t\t// Handle drag and drop\r\n\t\tconst handleDragEnter = (e: DragEvent<HTMLDivElement>) => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t\tsetDragCounter((prev) => prev + 1);\r\n\t\t\tif (e.dataTransfer.items && e.dataTransfer.items.length > 0) {\r\n\t\t\t\tsetIsDragging(true);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t\tsetDragCounter((prev) => {\r\n\t\t\t\tconst newCounter = prev - 1;\r\n\t\t\t\tif (newCounter === 0) {\r\n\t\t\t\t\tsetIsDragging(false);\r\n\t\t\t\t}\r\n\t\t\t\treturn newCounter;\r\n\t\t\t});\r\n\t\t};\r\n\r\n\t\tconst handleDragOver = (e: DragEvent<HTMLDivElement>) => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t};\r\n\r\n\t\tconst handleDrop = (e: DragEvent<HTMLDivElement>) => {\r\n\t\t\te.preventDefault();\r\n\t\t\te.stopPropagation();\r\n\t\t\tsetIsDragging(false);\r\n\t\t\tsetDragCounter(0);\r\n\r\n\t\t\tif (disabled) return;\r\n\r\n\t\t\tconst files = e.dataTransfer.files;\r\n\t\t\tif (files && files.length > 0) {\r\n\t\t\t\tif (onDrop) {\r\n\t\t\t\t\tonDrop(files);\r\n\t\t\t\t}\r\n\t\t\t\t// Create a synthetic event to reuse handleFileChange\r\n\t\t\t\tconst syntheticEvent = {\r\n\t\t\t\t\ttarget: { files },\r\n\t\t\t\t} as ChangeEvent<HTMLInputElement>;\r\n\t\t\t\thandleFileChange(syntheticEvent);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst fileName = getFileName();\r\n\t\tconst displayValue = showPreview && fileName ? fileName : placeholder;\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tstyle={containerStyles}\r\n\t\t\t\t\tonDragEnter={enableDragDrop ? handleDragEnter : undefined}\r\n\t\t\t\t\tonDragLeave={enableDragDrop ? handleDragLeave : undefined}\r\n\t\t\t\t\tonDragOver={enableDragDrop ? handleDragOver : undefined}\r\n\t\t\t\t\tonDrop={enableDragDrop ? handleDrop : undefined}\r\n\t\t\t\t>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"file\"\r\n\t\t\t\t\t\taccept={accept}\r\n\t\t\t\t\t\tmultiple={multiple}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tid={name ? `file-upload-${name}` : undefined}\r\n\t\t\t\t\t\tonChange={handleFileChange}\r\n\t\t\t\t\t\tstyle={{ display: \"none\" }}\r\n\t\t\t\t\t\tref={fileInputRef}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t{...textFieldProps}\r\n\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\tvalue={displayValue}\r\n\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\tvariant={variant}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\t\trequired={required}\r\n\t\t\t\t\t\terror={!!error}\r\n\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\tsx={inputStyles}\r\n\t\t\t\t\t\tslotProps={{\r\n\t\t\t\t\t\t\t...slotProps,\r\n\t\t\t\t\t\t\tinput: {\r\n\t\t\t\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\t\t\t\treadOnly: true,\r\n\t\t\t\t\t\t\t\tendAdornment: (\r\n\t\t\t\t\t\t\t\t\t<InputAdornment position=\"end\">\r\n\t\t\t\t\t\t\t\t\t\t{showPreview && fileName && (\r\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={handleFileRemove}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Clear />\r\n\t\t\t\t\t\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleButtonClick}\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t\t\t\t\tsx={buttonStyles}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{uploadIcon}\r\n\t\t\t\t\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t\t\t\t\t</InputAdornment>\r\n\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\thelperText={helperText ?? (error?.message ? error.message : undefined)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{enableDragDrop && isDragging && (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\tposition: \"absolute\",\r\n\t\t\t\t\t\t\t\ttop: 0,\r\n\t\t\t\t\t\t\t\tleft: 0,\r\n\t\t\t\t\t\t\t\tright: 0,\r\n\t\t\t\t\t\t\t\tbottom: 0,\r\n\t\t\t\t\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0.05)\",\r\n\t\t\t\t\t\t\t\tborder: \"2px dashed\",\r\n\t\t\t\t\t\t\t\tborderColor: \"primary.main\",\r\n\t\t\t\t\t\t\t\tborderRadius: 4,\r\n\t\t\t\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\t\t\t\talignItems: \"center\",\r\n\t\t\t\t\t\t\t\tjustifyContent: \"center\",\r\n\t\t\t\t\t\t\t\tzIndex: 1000,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tDrop files here\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{error && !helperText && error.message && <FormHelperText>{error.message}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFileUploadField.displayName = \"FileUploadField\";\r\n\r\nexport default FileUploadField;\r\n","import type { TextFieldProps } from \"@mui/material\";\r\nimport { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport DatePickerField from \"../FormFields/DateFields/DatePickerField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputDatePicker = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\tsize,\r\n\t\treadOnly,\r\n\t\tshouldDisableDate,\r\n\t\tdisabled,\r\n\t\tplaceholder,\r\n\t\tdefaultValue = null,\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputDateFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\t// Exclude views prop as DatePicker uses DateView[], not TimeView[]\r\n\t\t\t\t\tconst { views, ampm, ampmInClock, timezone, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<DatePickerField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tvalue={field.value ?? null}\r\n\t\t\t\t\t\t\tonChange={(newValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tshouldDisableDate={shouldDisableDate}\r\n\t\t\t\t\t\t\tsize={size as TextFieldProps[\"size\"]}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputDatePicker.displayName = \"FormInputDatePicker\";\r\n\r\nexport default FormInputDatePicker;\r\n","import ClearIcon from \"@mui/icons-material/Clear\";\r\nimport {\r\n\tBox,\r\n\tFormControl,\r\n\tFormHelperText,\r\n\tFormLabel,\r\n\ttype FormLabelProps,\r\n\tIconButton,\r\n\tTextField,\r\n\ttype TextFieldProps,\r\n} from \"@mui/material\";\r\nimport { DatePicker, type DatePickerProps, LocalizationProvider } from \"@mui/x-date-pickers\";\r\n// @ts-ignore\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport React, { type ForwardedRef, forwardRef, useRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Date Picker Field Props\r\n * Extends MUI DatePickerProps with custom form field props\r\n */\r\nexport interface IDatePickerFieldProps\r\n\textends Omit<\r\n\t\tDatePickerProps,\r\n\t\t\"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\" | \"renderInput\"\r\n\t> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the date picker */\r\n\tlabel?: string;\r\n\ttitle?: boolean;\r\n\t/** Current selected date value */\r\n\tvalue: Date | null;\r\n\t/** Default date value */\r\n\tdefaultValue?: Date | null;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below field */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Minimum selectable date */\r\n\tminDate?: Date;\r\n\t/** Maximum selectable date */\r\n\tmaxDate?: Date;\r\n\t/** Function to disable specific dates */\r\n\tshouldDisableDate?: (date: Date) => boolean;\r\n\t/** Function to disable specific months */\r\n\tshouldDisableMonth?: (month: Date) => boolean;\r\n\t/** Function to disable specific years */\r\n\tshouldDisableYear?: (year: Date) => boolean;\r\n\t/** TextField size */\r\n\tsize?: TextFieldProps[\"size\"];\r\n\t/** TextField variant */\r\n\tvariant?: TextFieldProps[\"variant\"];\r\n\t/** TextField color */\r\n\tcolor?: TextFieldProps[\"color\"];\r\n\t/** Placeholder text */\r\n\tplaceholder?: string;\r\n\t/** Whether the field is read-only */\r\n\treadOnly?: boolean;\r\n\t/** Whether to show clear button */\r\n\tshowClearButton?: boolean;\r\n\t/** Whether to disable past dates */\r\n\tdisablePast?: boolean;\r\n\t/** Whether to disable future dates */\r\n\tdisableFuture?: boolean;\r\n\t/** Reference date for the calendar */\r\n\treferenceDate?: Date;\r\n\t/** Controlled view state */\r\n\tview?: \"day\" | \"month\" | \"year\";\r\n\t/** Format for displaying the date */\r\n\tformat?: string;\r\n\t/** Whether to open the calendar on focus */\r\n\topenTo?: \"day\" | \"month\" | \"year\";\r\n\t/** Custom styles for the DatePicker */\r\n\tpickerStyles?: DatePickerProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom styles for FormLabel */\r\n\tformLabelStyles?: FormLabelProps[\"sx\"];\r\n\t/** Custom styles for the container Box */\r\n\tcontainerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\r\n\t/** Custom styles for the TextField */\r\n\ttextFieldStyles?: TextFieldProps[\"sx\"];\r\n\t/** Callback fired when the date changes */\r\n\tonChange?: (value: Date | null) => void;\r\n\t/** Callback fired when the field receives focus */\r\n\tonFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when the field loses focus */\r\n\tonBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n\t/** Callback fired when a view change is requested */\r\n\tonViewChange?: (view: \"day\" | \"month\" | \"year\") => void;\r\n\t/** Callback fired when a month change is requested */\r\n\tonMonthChange?: (month: Date) => void;\r\n\t/** Callback fired when a year change is requested */\r\n\tonYearChange?: (year: Date) => void;\r\n\t/** Callback fired when the calendar opens */\r\n\tonOpen?: () => void;\r\n\t/** Callback fired when the calendar closes */\r\n\tonClose?: () => void;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: DatePickerProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: DatePickerProps[\"slots\"];\r\n\t/** Date adapter to use (defaults to AdapterDateFns) */\r\n\tdateAdapter?: typeof AdapterDateFns;\r\n\t/** Whether to reduce animations */\r\n\treduceAnimations?: boolean;\r\n\t/** Auto focus the input */\r\n\tautoFocus?: boolean;\r\n}\r\n\r\nconst DatePickerField = forwardRef<HTMLDivElement, IDatePickerFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tdefaultValue,\r\n\t\t\tonChange,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\tonViewChange,\r\n\t\t\tonMonthChange,\r\n\t\t\tonYearChange,\r\n\t\t\tonOpen,\r\n\t\t\tonClose,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tfullWidth = true,\r\n\t\t\trequired,\r\n\t\t\tminDate,\r\n\t\t\tmaxDate,\r\n\t\t\tshouldDisableDate,\r\n\t\t\tshouldDisableMonth,\r\n\t\t\tshouldDisableYear,\r\n\t\t\tsize = \"medium\",\r\n\t\t\tvariant = \"outlined\",\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tplaceholder,\r\n\t\t\treadOnly = false,\r\n\t\t\tshowClearButton = true,\r\n\t\t\tdisablePast = false,\r\n\t\t\tdisableFuture = false,\r\n\t\t\treferenceDate,\r\n\t\t\tview,\r\n\t\t\tformat,\r\n\t\t\topenTo = \"day\",\r\n\t\t\tpickerStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tformLabelStyles,\r\n\t\t\tcontainerStyles,\r\n\t\t\ttextFieldStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\ttitle = false,\r\n\t\t\tdateAdapter = AdapterDateFns,\r\n\t\t\treduceAnimations = false,\r\n\t\t\tautoFocus = false,\r\n\t\t\t...datePickerProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLDivElement>\r\n\t) => {\r\n\t\tconst inputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (newValue: Date | null) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(newValue);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle clear button click\r\n\t\tconst handleClear = () => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(null);\r\n\t\t\t}\r\n\t\t\tif (inputRef.current) {\r\n\t\t\t\tinputRef.current.focus();\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Default placeholder\r\n\t\tconst defaultPlaceholder = placeholder || \"MM/DD/YYYY\";\r\n\r\n\t\t// Merge slotProps with textField configuration\r\n\t\tconst mergedSlotProps = {\r\n\t\t\t...slotProps,\r\n\t\t\ttextField: {\r\n\t\t\t\t...slotProps?.textField,\r\n\t\t\t\terror: !!error,\r\n\t\t\t\tsize,\r\n\t\t\t\tvariant,\r\n\t\t\t\tcolor,\r\n\t\t\t\thelperText: error ? (helperText ?? error.message) : helperText,\r\n\t\t\t\tfullWidth,\r\n\t\t\t\tplaceholder: defaultPlaceholder,\r\n\t\t\t\tautoFocus,\r\n\t\t\t\tonFocus,\r\n\t\t\t\tonBlur,\r\n\t\t\t\tinputRef: ref || inputRef,\r\n\t\t\t\tclearable: showClearButton,\r\n\t\t\t\tshowClear: !!value,\r\n\t\t\t\tonClear: handleClear,\r\n\t\t\t\tsx: {\r\n\t\t\t\t\t...textFieldStyles,\r\n\t\t\t\t\t...((\r\n\t\t\t\t\t\tslotProps?.textField &&\r\n\t\t\t\t\t\ttypeof slotProps.textField === \"object\" &&\r\n\t\t\t\t\t\t\"sx\" in slotProps.textField\r\n\t\t\t\t\t) ?\r\n\t\t\t\t\t\tslotProps.textField.sx\r\n\t\t\t\t\t:\t{}),\r\n\t\t\t\t},\r\n\t\t\t\tInputProps: {\r\n\t\t\t\t\t...((\r\n\t\t\t\t\t\tslotProps?.textField &&\r\n\t\t\t\t\t\ttypeof slotProps.textField === \"object\" &&\r\n\t\t\t\t\t\t\"InputProps\" in slotProps.textField\r\n\t\t\t\t\t) ?\r\n\t\t\t\t\t\tslotProps.textField.InputProps\r\n\t\t\t\t\t:\t{}),\r\n\t\t\t\t},\r\n\t\t\t} as unknown as Partial<TextFieldProps>,\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t{label && title && (\r\n\t\t\t\t\t<FormLabel\r\n\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\tmb: 1,\r\n\t\t\t\t\t\t\t...formLabelStyles,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label}\r\n\t\t\t\t\t</FormLabel>\r\n\t\t\t\t)}\r\n\t\t\t\t<Box\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t...containerStyles,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<LocalizationProvider dateAdapter={dateAdapter}>\r\n\t\t\t\t\t\t<DatePicker\r\n\t\t\t\t\t\t\t{...datePickerProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tenableAccessibleFieldDOMStructure={false}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tonViewChange={onViewChange}\r\n\t\t\t\t\t\t\tonMonthChange={onMonthChange}\r\n\t\t\t\t\t\t\tonYearChange={onYearChange}\r\n\t\t\t\t\t\t\tonOpen={onOpen}\r\n\t\t\t\t\t\t\tonClose={onClose}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tminDate={minDate}\r\n\t\t\t\t\t\t\tmaxDate={maxDate}\r\n\t\t\t\t\t\t\tshouldDisableDate={shouldDisableDate}\r\n\t\t\t\t\t\t\tshouldDisableMonth={shouldDisableMonth}\r\n\t\t\t\t\t\t\tshouldDisableYear={shouldDisableYear}\r\n\t\t\t\t\t\t\tdisablePast={disablePast}\r\n\t\t\t\t\t\t\tdisableFuture={disableFuture}\r\n\t\t\t\t\t\t\treferenceDate={referenceDate}\r\n\t\t\t\t\t\t\tview={view}\r\n\t\t\t\t\t\t\tformat={format}\r\n\t\t\t\t\t\t\topenTo={openTo}\r\n\t\t\t\t\t\t\treduceAnimations={reduceAnimations}\r\n\t\t\t\t\t\t\tslotProps={mergedSlotProps}\r\n\t\t\t\t\t\t\tslots={{ ...slots, textField: ActionableTextField }}\r\n\t\t\t\t\t\t\tsx={pickerStyles}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</LocalizationProvider>\r\n\t\t\t\t</Box>\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nconst ActionableTextField = forwardRef((props: any, ref) => {\r\n\tconst { clearable, onClear, showClear, InputProps, slotProps, ...other } = props;\r\n\treturn (\r\n\t\t<TextField\r\n\t\t\t{...other}\r\n\t\t\tref={ref}\r\n\t\t\tslotProps={{\r\n\t\t\t\t...slotProps,\r\n\t\t\t\tinput: {\r\n\t\t\t\t\t...InputProps,\r\n\t\t\t\t\t...slotProps?.input,\r\n\t\t\t\t\tendAdornment: (\r\n\t\t\t\t\t\t<React.Fragment>\r\n\t\t\t\t\t\t\t{clearable && showClear && (\r\n\t\t\t\t\t\t\t\t<IconButton\r\n\t\t\t\t\t\t\t\t\tonClick={onClear}\r\n\t\t\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t\t\t\tedge=\"end\"\r\n\t\t\t\t\t\t\t\t\tsx={{ marginRight: 0.5 }}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<ClearIcon fontSize=\"small\" />\r\n\t\t\t\t\t\t\t\t</IconButton>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{InputProps?.endAdornment}\r\n\t\t\t\t\t\t\t{slotProps?.input?.endAdornment}\r\n\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t),\r\n\t\t\t\t},\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n});\r\n\r\nActionableTextField.displayName = \"ActionableDatePickerTextField\";\r\n\r\nDatePickerField.displayName = \"DatePickerField\";\r\n\r\nexport default DatePickerField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport TimePickerField from \"../FormFields/DateFields/TimePickerField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputTimePicker = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\tampm = true,\r\n\t\ttimezone,\r\n\t\tdefaultValue = null,\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputDateFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<TimePickerField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? null}\r\n\t\t\t\t\t\t\tonChange={(newValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tampm={ampm}\r\n\t\t\t\t\t\t\ttimezone={timezone}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputTimePicker.displayName = \"FormInputTimePicker\";\r\n\r\nexport default FormInputTimePicker;\r\n","import ClearIcon from \"@mui/icons-material/Clear\";\n\nimport {\n\tBox,\n\tFormControl,\n\tFormHelperText,\n\tFormLabel,\n\ttype FormLabelProps,\n\tIconButton,\n\tTextField,\n\ttype TextFieldProps,\n} from \"@mui/material\";\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from \"@mui/x-date-pickers\";\n// @ts-ignore\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\nimport React, { type ForwardedRef, forwardRef, useRef } from \"react\";\n\n/**\n * Error object type\n */\nexport type FieldError = {\n\tmessage?: string;\n} | null;\n\n/**\n * Extended Time Picker Field Props\n * Extends MUI TimePickerProps with custom form field props\n */\nexport interface ITimePickerFieldProps\n\textends Omit<\n\t\tTimePickerProps,\n\t\t\"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\" | \"renderInput\" | \"onViewChange\"\n\t> {\n\t/** Field name for form identification */\n\tname?: string;\n\t/** Label text for the time picker */\n\tlabel?: string;\n\t/** Current selected time value */\n\tvalue: Date | null;\n\t/** Default time value */\n\tdefaultValue?: Date | null;\n\t/** Error object with optional message */\n\terror?: FieldError;\n\t/** Helper text to display below field */\n\thelperText?: string;\n\t/** Whether the field is disabled */\n\tdisabled?: boolean;\n\t/** Full width of the field */\n\tfullWidth?: boolean;\n\t/** Whether to show title */\n\ttitle?: boolean;\n\t/** Required field indicator */\n\trequired?: boolean;\n\t/** Minimum selectable time */\n\tminTime?: Date;\n\t/** Maximum selectable time */\n\tmaxTime?: Date;\n\t/** Function to disable specific times */\n\tshouldDisableTime?: (time: Date, view: \"hours\" | \"minutes\" | \"seconds\") => boolean;\n\t/** TextField size */\n\tsize?: TextFieldProps[\"size\"];\n\t/** TextField variant */\n\tvariant?: TextFieldProps[\"variant\"];\n\t/** TextField color */\n\tcolor?: TextFieldProps[\"color\"];\n\t/** Placeholder text */\n\tplaceholder?: string;\n\t/** Whether the field is read-only */\n\treadOnly?: boolean;\n\t/** Whether to show clear button */\n\tshowClearButton?: boolean;\n\t/** Whether to disable past times */\n\tdisablePast?: boolean;\n\t/** Whether to disable future times */\n\tdisableFuture?: boolean;\n\t/** Whether to use 12-hour format */\n\tampm?: boolean;\n\t/** Available views (hours, minutes, seconds) */\n\tviews?: (\"hours\" | \"minutes\" | \"seconds\")[];\n\t/** Controlled view state */\n\tview?: \"hours\" | \"minutes\" | \"seconds\";\n\t/** Default view */\n\topenTo?: \"hours\" | \"minutes\" | \"seconds\";\n\t/** Format for displaying the time */\n\tformat?: string;\n\t/** Custom styles for the TimePicker */\n\tpickerStyles?: TimePickerProps[\"sx\"];\n\t/** Custom styles for FormControl */\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\n\t/** Custom styles for FormLabel */\n\tformLabelStyles?: FormLabelProps[\"sx\"];\n\t/** Custom styles for the container Box */\n\tcontainerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\n\t/** Custom styles for the TextField */\n\ttextFieldStyles?: TextFieldProps[\"sx\"];\n\t/** Callback fired when the time changes */\n\tonChange?: (value: Date | null) => void;\n\t/** Callback fired when the field receives focus */\n\tonFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/** Callback fired when the field loses focus */\n\tonBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/** Callback fired when a view change is requested */\n\tonViewChange?: (view: \"hours\" | \"minutes\" | \"seconds\" | \"meridiem\") => void;\n\t/** Callback fired when the picker opens */\n\tonOpen?: () => void;\n\t/** Callback fired when the picker closes */\n\tonClose?: () => void;\n\t/** Custom slot props for MUI v7 */\n\tslotProps?: TimePickerProps[\"slotProps\"];\n\t/** Custom slots for MUI v7 */\n\tslots?: TimePickerProps[\"slots\"];\n\t/** Date adapter to use (defaults to AdapterDateFns) */\n\tdateAdapter?: typeof AdapterDateFns;\n\t/** Auto focus the input */\n\tautoFocus?: boolean;\n}\n\nconst TimePickerField = forwardRef<HTMLDivElement, ITimePickerFieldProps>(\n\t(\n\t\t{\n\t\t\tname,\n\t\t\tlabel,\n\t\t\ttitle,\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\tonChange,\n\t\t\tonFocus,\n\t\t\tonBlur,\n\t\t\tonViewChange,\n\t\t\tonOpen,\n\t\t\tonClose,\n\t\t\terror,\n\t\t\thelperText,\n\t\t\tdisabled = false,\n\t\t\tfullWidth = true,\n\t\t\trequired,\n\t\t\tminTime,\n\t\t\tmaxTime,\n\t\t\tshouldDisableTime,\n\t\t\tsize = \"medium\",\n\t\t\tvariant = \"outlined\",\n\t\t\tcolor = \"primary\",\n\t\t\tplaceholder,\n\t\t\treadOnly = false,\n\t\t\tshowClearButton = true,\n\t\t\tdisablePast = false,\n\t\t\tdisableFuture = false,\n\t\t\tampm = true,\n\t\t\tviews,\n\t\t\tview,\n\t\t\topenTo = \"hours\",\n\t\t\tformat,\n\t\t\tpickerStyles,\n\t\t\tformControlStyles,\n\t\t\tformLabelStyles,\n\t\t\tcontainerStyles,\n\t\t\ttextFieldStyles,\n\t\t\tslotProps,\n\t\t\tslots,\n\t\t\tdateAdapter = AdapterDateFns,\n\t\t\tautoFocus = false,\n\t\t\t...timePickerProps\n\t\t},\n\t\tref: ForwardedRef<HTMLDivElement>\n\t) => {\n\t\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\n\t\t// Handle onChange with proper typing\n\t\tconst handleChange = (newValue: Date | null) => {\n\t\t\tif (onChange) {\n\t\t\t\tonChange(newValue);\n\t\t\t}\n\t\t};\n\n\t\t// Handle clear button click\n\t\tconst handleClear = () => {\n\t\t\tif (onChange) {\n\t\t\t\tonChange(null);\n\t\t\t}\n\t\t\tif (inputRef.current) {\n\t\t\t\tinputRef.current.focus();\n\t\t\t}\n\t\t};\n\n\t\t// Default placeholder\n\t\tconst defaultPlaceholder = placeholder || (ampm ? \"hh:mm AM/PM\" : \"hh:mm\");\n\n\t\t// Merge slotProps with textField configuration\n\t\tconst mergedSlotProps = {\n\t\t\t...slotProps,\n\t\t\ttextField: {\n\t\t\t\t...slotProps?.textField,\n\t\t\t\terror: !!error,\n\t\t\t\tsize,\n\t\t\t\tvariant,\n\t\t\t\tcolor,\n\t\t\t\thelperText: error ? (helperText ?? error.message) : helperText,\n\t\t\t\tfullWidth,\n\t\t\t\tplaceholder: defaultPlaceholder,\n\t\t\t\tautoFocus,\n\t\t\t\tonFocus,\n\t\t\t\tonBlur,\n\t\t\t\tinputRef: ref || inputRef,\n\t\t\t\tclearable: showClearButton,\n\t\t\t\tshowClear: !!value,\n\t\t\t\tonClear: handleClear,\n\t\t\t\tsx: {\n\t\t\t\t\t...textFieldStyles,\n\t\t\t\t\t...((\n\t\t\t\t\t\tslotProps?.textField &&\n\t\t\t\t\t\ttypeof slotProps.textField === \"object\" &&\n\t\t\t\t\t\t\"sx\" in slotProps.textField\n\t\t\t\t\t) ?\n\t\t\t\t\t\tslotProps.textField.sx\n\t\t\t\t\t:\t{}),\n\t\t\t\t},\n\t\t\t\tInputProps: {\n\t\t\t\t\t...((\n\t\t\t\t\t\tslotProps?.textField &&\n\t\t\t\t\t\ttypeof slotProps.textField === \"object\" &&\n\t\t\t\t\t\t\"InputProps\" in slotProps.textField\n\t\t\t\t\t) ?\n\t\t\t\t\t\tslotProps.textField.InputProps\n\t\t\t\t\t:\t{}),\n\t\t\t\t},\n\t\t\t} as unknown as Partial<TextFieldProps>,\n\t\t};\n\n\t\treturn (\n\t\t\t<FormControl\n\t\t\t\terror={!!error}\n\t\t\t\tdisabled={disabled}\n\t\t\t\trequired={required}\n\t\t\t\tfullWidth={fullWidth}\n\t\t\t\tsx={formControlStyles}\n\t\t\t>\n\t\t\t\t{label && title && (\n\t\t\t\t\t<FormLabel\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tmb: 1,\n\t\t\t\t\t\t\t...formLabelStyles,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</FormLabel>\n\t\t\t\t)}\n\t\t\t\t<Box\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\t...containerStyles,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<LocalizationProvider dateAdapter={dateAdapter}>\n\t\t\t\t\t\t<TimePicker\n\t\t\t\t\t\t\t{...timePickerProps}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tenableAccessibleFieldDOMStructure={false}\n\t\t\t\t\t\t\tlabel={label ? undefined : label}\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\tonViewChange={onViewChange}\n\t\t\t\t\t\t\tonOpen={onOpen}\n\t\t\t\t\t\t\tonClose={onClose}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tminTime={minTime}\n\t\t\t\t\t\t\tmaxTime={maxTime}\n\t\t\t\t\t\t\tshouldDisableTime={shouldDisableTime}\n\t\t\t\t\t\t\tdisablePast={disablePast}\n\t\t\t\t\t\t\tdisableFuture={disableFuture}\n\t\t\t\t\t\t\tampm={ampm}\n\t\t\t\t\t\t\tviews={views}\n\t\t\t\t\t\t\tview={view}\n\t\t\t\t\t\t\topenTo={openTo}\n\t\t\t\t\t\t\tformat={format}\n\t\t\t\t\t\t\tslotProps={mergedSlotProps}\n\t\t\t\t\t\t\tslots={{ ...slots, textField: ActionableTextField }}\n\t\t\t\t\t\t\tsx={pickerStyles}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</LocalizationProvider>\n\t\t\t\t</Box>\n\n\t\t\t\t{!error && helperText && (\n\t\t\t\t\t<FormHelperText sx={{ margin: \"4px\" }}>{helperText}</FormHelperText>\n\t\t\t\t)}\n\t\t\t</FormControl>\n\t\t);\n\t}\n);\nconst ActionableTextField = forwardRef((props: any, ref) => {\n\tconst { clearable, onClear, showClear, InputProps, slotProps, ...other } = props;\n\treturn (\n\t\t<TextField\n\t\t\t{...other}\n\t\t\tref={ref}\n\t\t\tslotProps={{\n\t\t\t\t...slotProps,\n\t\t\t\tinput: {\n\t\t\t\t\t...InputProps,\n\t\t\t\t\t...slotProps?.input,\n\t\t\t\t\tendAdornment: (\n\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t{clearable && showClear && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tonClick={onClear}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tedge=\"end\"\n\t\t\t\t\t\t\t\t\tsx={{ marginRight: 0.5 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ClearIcon fontSize=\"small\" />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{InputProps?.endAdornment}\n\t\t\t\t\t\t\t{slotProps?.input?.endAdornment}\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t),\n\t\t\t\t},\n\t\t\t}}\n\t\t/>\n\t);\n});\nActionableTextField.displayName = \"ActionableTimePickerTextField\";\n\nTimePickerField.displayName = \"TimePickerField\";\n\nexport default TimePickerField;\n","import { Box, FormLabel } from \"@mui/material\";\r\nimport { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport TimeClockField from \"../FormFields/DateFields/TimeClockField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputTimeClock = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\treadOnly,\r\n\t\tdisabled,\r\n\t\tampm = true,\r\n\t\tviews,\r\n\t\tampmInClock = true,\r\n\t\tdisablePast = false,\r\n\t\tdefaultValue = null,\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputDateFields) => {\r\n\t\tconst ampmValue = useMemo(() => (typeof ampm === \"boolean\" ? ampm : undefined), [ampm]);\r\n\r\n\t\treturn (\r\n\t\t\t<Box\r\n\t\t\t\tsx={{\r\n\t\t\t\t\tborder: (t) => `1px solid ${t.palette.grey[600]}`,\r\n\t\t\t\t\tborderRadius: (t) => t.spacing(0.5),\r\n\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<FormLabel\r\n\t\t\t\t\tsx={(t) => ({\r\n\t\t\t\t\t\tborderBottom: `1px solid ${t.palette.grey[600]}`,\r\n\t\t\t\t\t\tpadding: (t) => t.spacing(1),\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t{label}\r\n\t\t\t\t</FormLabel>\r\n\t\t\t\t<Controller\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tcontrol={control}\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\trender={({ field, fieldState: { error } }) => (\r\n\t\t\t\t\t\t<TimeClockField\r\n\t\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={field.value ?? null}\r\n\t\t\t\t\t\t\tonChange={(newValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tampm={ampmValue}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tampmInClock={ampmInClock}\r\n\t\t\t\t\t\t\tdisablePast={disablePast}\r\n\t\t\t\t\t\t\tviews={views}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t/>\r\n\t\t\t</Box>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputTimeClock.displayName = \"FormInputTimeClock\";\r\n\r\nexport default FormInputTimeClock;\r\n","import { Box, Button, FormControl, FormHelperText, Stack, type ButtonProps, type FormLabelProps } from '@mui/material';\r\nimport { LocalizationProvider, TimeClock, type TimeClockProps, type TimeView } from '@mui/x-date-pickers';\r\n// @ts-ignore\r\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\r\nimport React, { forwardRef, useState, type ForwardedRef } from 'react';\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Time Clock Field Props\r\n * Extends MUI TimeClockProps with custom form field props\r\n */\r\nexport interface ITimeClockFieldProps\r\n extends Omit<\r\n TimeClockProps<TimeView>,\r\n 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps' | 'view' | 'onViewChange'\r\n > {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the time clock */\r\n label?: React.ReactNode;\r\n /** Current selected time value */\r\n value: Date | null;\r\n /** Default time value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below time clock */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Available views (hours, minutes, seconds) */\r\n views?: TimeView[];\r\n /** Whether to show AM/PM in the clock */\r\n ampmInClock?: boolean;\r\n /** Whether to use 12-hour format */\r\n ampm?: boolean;\r\n /** Whether to disable past times */\r\n disablePast?: boolean;\r\n /** Whether to disable future times */\r\n disableFuture?: boolean;\r\n /** Minimum selectable time */\r\n minTime?: Date;\r\n /** Maximum selectable time */\r\n maxTime?: Date;\r\n /** Function to disable specific times */\r\n shouldDisableTime?: (time: Date, view: TimeView) => boolean;\r\n /** Custom styles for the TimeClock */\r\n clockStyles?: TimeClockProps<TimeView>['sx'];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>['sx'];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps['sx'];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>['sx'];\r\n /** Custom styles for the view buttons Stack */\r\n buttonsStackStyles?: React.ComponentProps<typeof Stack>['sx'];\r\n /** Custom styles for view buttons */\r\n buttonStyles?: ButtonProps['sx'];\r\n /** Custom styles for active view button */\r\n activeButtonStyles?: ButtonProps['sx'];\r\n /** Whether to show view selector buttons */\r\n showViewButtons?: boolean;\r\n /** Initial view */\r\n initialView?: TimeView;\r\n /** Controlled view state */\r\n view?: TimeView;\r\n /** Callback fired when the time changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: TimeView) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TimeClockProps<TimeView>['slotProps'];\r\n /** Custom slots for MUI v7 */\r\n slots?: TimeClockProps<TimeView>['slots'];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Auto focus */\r\n autoFocus?: boolean;\r\n}\r\n\r\nconst TimeClockField = forwardRef<HTMLDivElement, ITimeClockFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n defaultValue,\r\n onChange,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = false,\r\n required,\r\n views = ['hours', 'minutes'],\r\n ampmInClock = false,\r\n ampm = true,\r\n disablePast = false,\r\n disableFuture = false,\r\n minTime,\r\n maxTime,\r\n shouldDisableTime,\r\n clockStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n buttonsStackStyles,\r\n buttonStyles,\r\n activeButtonStyles,\r\n showViewButtons = true,\r\n initialView = 'hours',\r\n view: controlledView,\r\n onViewChange: controlledOnViewChange,\r\n slotProps,\r\n slots,\r\n dateAdapter = AdapterDateFns,\r\n autoFocus = false,\r\n ...timeClockProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>,\r\n ) => {\r\n // Internal view state (only used if view is not controlled)\r\n const [internalView, setInternalView] = useState<TimeView>(initialView);\r\n\r\n // Use controlled view if provided, otherwise use internal state\r\n const view = controlledView ?? internalView;\r\n const setView = controlledOnViewChange ?? setInternalView;\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle view change\r\n const handleViewChange = (newView: TimeView) => {\r\n setView(newView);\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles,\r\n }}\r\n mt={2}\r\n mb={2}\r\n >\r\n {showViewButtons && views && views.length > 1 && (\r\n <Stack\r\n direction=\"row\"\r\n justifyContent=\"center\"\r\n spacing={1}\r\n sx={{\r\n ...buttonsStackStyles,\r\n }}\r\n >\r\n {views.map((v) => (\r\n <Button\r\n key={v}\r\n size=\"small\"\r\n variant={view === v ? 'contained' : 'outlined'}\r\n onClick={() => handleViewChange(v)}\r\n disabled={disabled}\r\n sx={\r\n view === v\r\n ? {\r\n ...(buttonStyles as any),\r\n ...(activeButtonStyles as any),\r\n }\r\n : (buttonStyles as any)\r\n }\r\n >\r\n {v}\r\n </Button>\r\n ))}\r\n </Stack>\r\n )}\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <TimeClock\r\n {...timeClockProps}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n view={view}\r\n onViewChange={handleViewChange}\r\n disabled={disabled}\r\n views={views}\r\n ampmInClock={ampmInClock}\r\n ampm={ampm}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n minTime={minTime}\r\n maxTime={maxTime}\r\n shouldDisableTime={shouldDisableTime}\r\n autoFocus={autoFocus}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={clockStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n {error && (\r\n <FormHelperText sx={{ margin: '4px' }}>{helperText ?? (error?.message ? error.message : '')}</FormHelperText>\r\n )}\r\n {!error && helperText && <FormHelperText sx={{ margin: '4px' }}>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n },\r\n);\r\n\r\nTimeClockField.displayName = 'TimeClockField';\r\n\r\nexport default TimeClockField;\r\n","import { Box, FormLabel } from \"@mui/material\";\r\nimport { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport DateCalendarField from \"../FormFields/DateFields/DateCalendarField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputCalendar = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\treadOnly,\r\n\t\tdisabled,\r\n\t\tdefaultValue = null,\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputDateFields) => {\r\n\t\treturn (\r\n\t\t\t<Box\r\n\t\t\t\tsx={{\r\n\t\t\t\t\tborder: (t) => `1px solid ${t.palette.grey[600]}`,\r\n\t\t\t\t\tborderRadius: (t) => t.spacing(0.5),\r\n\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<FormLabel\r\n\t\t\t\t\tsx={(t) => ({\r\n\t\t\t\t\t\tborderBottom: `1px solid ${t.palette.grey[600]}`,\r\n\t\t\t\t\t\tpadding: (t) => t.spacing(1),\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t{label}\r\n\t\t\t\t</FormLabel>\r\n\t\t\t\t<Controller\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tcontrol={control}\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\t\tconst { views, ...restProps } = props;\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<DateCalendarField\r\n\t\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\tvalue={field.value ?? null}\r\n\t\t\t\t\t\t\t\tonChange={(newValue) => {\r\n\t\t\t\t\t\t\t\t\tfield.onChange(newValue);\r\n\t\t\t\t\t\t\t\t\tonChange?.(newValue);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\theight: \"300px\",\r\n\t\t\t\t\t\t\t\t\t...restProps.sx,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</Box>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputCalendar.displayName = \"FormInputCalendar\";\r\n\r\nexport default FormInputCalendar;\r\n","import { Box, FormControl, FormHelperText, type FormLabelProps } from '@mui/material';\r\nimport { DateCalendar, type DateCalendarProps, LocalizationProvider } from '@mui/x-date-pickers';\r\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\r\n\r\nimport React, { type ForwardedRef, forwardRef } from 'react';\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Date Calendar Field Props\r\n * Extends MUI DateCalendarProps with custom form field props\r\n */\r\nexport interface IDateCalendarFieldProps\r\n extends Omit<DateCalendarProps, 'value' | 'onChange' | 'defaultValue' | 'slots' | 'slotProps'> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the calendar */\r\n label?: React.ReactNode;\r\n /** Current selected date value */\r\n value: Date | null;\r\n /** Default date value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below calendar */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Minimum selectable date */\r\n minDate?: Date;\r\n /** Maximum selectable date */\r\n maxDate?: Date;\r\n /** Function to disable specific dates */\r\n shouldDisableDate?: (date: Date) => boolean;\r\n /** Function to disable specific months */\r\n shouldDisableMonth?: (month: Date) => boolean;\r\n /** Function to disable specific years */\r\n shouldDisableYear?: (year: Date) => boolean;\r\n /** Custom styles for the DateCalendar */\r\n calendarStyles?: DateCalendarProps['sx'];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>['sx'];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps['sx'];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>['sx'];\r\n /** Callback fired when the date changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: 'day' | 'month' | 'year') => void;\r\n /** Callback fired when a month change is requested */\r\n onMonthChange?: (month: Date) => void;\r\n /** Callback fired when a year change is requested */\r\n onYearChange?: (year: Date) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: DateCalendarProps['slotProps'];\r\n /** Custom slots for MUI v7 */\r\n slots?: DateCalendarProps['slots'];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Whether to show days outside current month */\r\n showDaysOutsideCurrentMonth?: boolean;\r\n /** Whether to disable past dates */\r\n disablePast?: boolean;\r\n /** Whether to disable future dates */\r\n disableFuture?: boolean;\r\n /** Reference date for the calendar */\r\n referenceDate?: Date;\r\n /** Controlled view state */\r\n view?: 'day' | 'month' | 'year';\r\n}\r\n\r\nconst DateCalendarField = forwardRef<HTMLDivElement, IDateCalendarFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n defaultValue,\r\n onChange,\r\n onViewChange,\r\n onMonthChange,\r\n onYearChange,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = false,\r\n required,\r\n minDate,\r\n maxDate,\r\n shouldDisableDate,\r\n shouldDisableMonth,\r\n shouldDisableYear,\r\n calendarStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n slotProps,\r\n slots,\r\n dateAdapter = AdapterDateFns,\r\n showDaysOutsideCurrentMonth = false,\r\n disablePast = false,\r\n disableFuture = false,\r\n referenceDate,\r\n view,\r\n ...dateCalendarProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>,\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles,\r\n }}\r\n >\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <DateCalendar\r\n {...dateCalendarProps}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n onViewChange={onViewChange}\r\n onMonthChange={onMonthChange}\r\n onYearChange={onYearChange}\r\n disabled={disabled}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n shouldDisableDate={shouldDisableDate}\r\n shouldDisableMonth={shouldDisableMonth}\r\n shouldDisableYear={shouldDisableYear}\r\n showDaysOutsideCurrentMonth={showDaysOutsideCurrentMonth}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n referenceDate={referenceDate}\r\n view={view}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={calendarStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n {error && (\r\n <FormHelperText sx={{ margin: '4px' }}>{helperText ?? (error?.message ? error.message : '')}</FormHelperText>\r\n )}\r\n {!error && helperText && <FormHelperText sx={{ margin: '4px' }}>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n },\r\n);\r\n\r\nDateCalendarField.displayName = 'DateCalendarField';\r\n\r\nexport default DateCalendarField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport CheckBoxField from \"../FormFields/BoxFields/CheckBoxField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputCheckBox = memo(\r\n\t({ name, label, control, defaultValue = false, onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<CheckBoxField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? false}\r\n\t\t\t\t\t\t\tonChange={(checked) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(checked);\r\n\t\t\t\t\t\t\t\tonChange?.(checked);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputCheckBox.displayName = \"FormInputCheckBox\";\r\n\r\nexport default FormInputCheckBox;\r\n","import {\r\n\tCheckbox,\r\n\ttype CheckboxProps,\r\n\tFormControl,\r\n\tFormControlLabel,\r\n\ttype FormControlLabelProps,\r\n\tFormHelperText,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Checkbox Field Props\r\n * Extends MUI CheckboxProps with custom form field props\r\n */\r\nexport interface ICheckboxFieldProps extends Omit<CheckboxProps, \"checked\" | \"onChange\" | \"name\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the checkbox */\r\n\tlabel?: React.ReactNode;\r\n\t/** Current checked state */\r\n\tvalue: boolean;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below checkbox */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Checkbox color */\r\n\tcolor?: CheckboxProps[\"color\"];\r\n\t/** Checkbox size */\r\n\tsize?: CheckboxProps[\"size\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Label placement */\r\n\tlabelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (checked: boolean) => void;\r\n\t/** Callback fired when checkbox is clicked */\r\n\tonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n\t/** Callback fired when checkbox receives focus */\r\n\tonFocus?: CheckboxProps[\"onFocus\"];\r\n\t/** Callback fired when checkbox loses focus */\r\n\tonBlur?: CheckboxProps[\"onBlur\"];\r\n\t/** Custom icon for checked state */\r\n\tcheckedIcon?: React.ReactNode;\r\n\t/** Custom icon for unchecked state */\r\n\ticon?: React.ReactNode;\r\n\t/** Custom styles for the Checkbox */\r\n\tcheckboxStyles?: CheckboxProps[\"sx\"];\r\n\t/** Custom styles for FormControlLabel */\r\n\tlabelStyles?: FormControlLabelProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Indeterminate state */\r\n\tindeterminate?: boolean;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: CheckboxProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: CheckboxProps[\"slots\"];\r\n}\r\n\r\nconst CheckboxField = forwardRef<HTMLButtonElement, ICheckboxFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonClick,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tsize,\r\n\t\t\tfullWidth = false,\r\n\t\t\trequired,\r\n\t\t\tlabelPlacement = \"end\",\r\n\t\t\tcheckedIcon,\r\n\t\t\ticon,\r\n\t\t\tindeterminate = false,\r\n\t\t\tcheckboxStyles,\r\n\t\t\tlabelStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\t...checkboxProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLButtonElement>\r\n\t) => {\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(checked);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle click event\r\n\t\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\tif (onClick) {\r\n\t\t\t\tonClick(event);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsize={size === \"large\" ? \"medium\" : size}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tcontrol={\r\n\t\t\t\t\t\t<Checkbox\r\n\t\t\t\t\t\t\t{...checkboxProps}\r\n\t\t\t\t\t\t\tchecked={value}\r\n\t\t\t\t\t\t\tindeterminate={indeterminate}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\tcheckedIcon={checkedIcon}\r\n\t\t\t\t\t\t\ticon={icon}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tslotProps={slotProps}\r\n\t\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\t\tsx={checkboxStyles}\r\n\t\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\t\tsx={labelStyles}\r\n\t\t\t\t/>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nCheckboxField.displayName = \"CheckboxField\";\r\n\r\nexport default CheckboxField;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport CheckBoxFieldGroup from \"../FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport type { IFormInputCheckBoxGroupFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputCheckBoxGroup = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdefaultValue = [],\r\n\t\tonChange,\r\n\t\trow,\r\n\t\tcolor,\r\n\t\tlabelPlacement,\r\n\t\t...props\r\n\t}: IFormInputCheckBoxGroupFields) => {\r\n\t\t// Convert options to CheckboxOption format - memoized\r\n\t\tconst checkboxOptions = useMemo(\r\n\t\t\t() =>\r\n\t\t\t\toptions.map((option) => ({\r\n\t\t\t\t\tvalue: option.value,\r\n\t\t\t\t\tlabel: option.name,\r\n\t\t\t\t\tdisabled: option.disabled,\r\n\t\t\t\t})),\r\n\t\t\t[options]\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\tconst fieldValue = Array.isArray(field.value) ? field.value : [];\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<CheckBoxFieldGroup\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={fieldValue}\r\n\t\t\t\t\t\t\toptions={checkboxOptions}\r\n\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(value);\r\n\t\t\t\t\t\t\t\tonChange?.(value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\trow={row}\r\n\t\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputCheckBoxGroup.displayName = \"FormInputCheckBoxGroup\";\r\n\r\nexport default FormInputCheckBoxGroup;\r\n","import {\r\n Box,\r\n Checkbox,\r\n type CheckboxProps,\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n type FormControlProps,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n type SxProps,\r\n type Theme\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Checkbox option type\r\n */\r\nexport type CheckboxOption = {\r\n value: string | number;\r\n label: React.ReactNode;\r\n disabled?: boolean;\r\n};\r\n\r\n/**\r\n * Extended Checkbox Group Field Props\r\n */\r\nexport interface ICheckboxFieldGroupProps extends Omit<\r\n FormControlProps,\r\n \"error\" | \"disabled\" | \"required\" | \"fullWidth\" | \"color\" | \"size\" | \"onChange\" | \"onFocus\" | \"onBlur\" | \"onClick\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the checkbox group */\r\n label?: React.ReactNode;\r\n /** Array of selected values */\r\n value: (string | number)[];\r\n /** Array of checkbox options */\r\n options: CheckboxOption[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Checkbox color */\r\n color?: CheckboxProps[\"color\"];\r\n /** Checkbox size */\r\n size?: CheckboxProps[\"size\"];\r\n /** Label placement relative to checkbox */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Whether to display checkboxes in a row */\r\n row?: boolean;\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for individual checkboxes */\r\n checkboxStyles?: CheckboxProps[\"sx\"];\r\n /** Custom styles for checkbox labels */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (value: (string | number)[]) => void;\r\n /** Callback fired when a checkbox receives focus */\r\n onFocus?: (event: FocusEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Callback fired when a checkbox loses focus */\r\n onBlur?: (event: FocusEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Callback fired when a checkbox is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Custom render function for checkboxes */\r\n renderCheckbox?: (\r\n option: CheckboxOption,\r\n index: number,\r\n isChecked: boolean,\r\n handleChange: (event: ChangeEvent<HTMLInputElement>) => void\r\n ) => React.ReactNode;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: {\r\n checkbox?: CheckboxProps[\"slotProps\"];\r\n formControlLabel?: FormControlLabelProps[\"slotProps\"];\r\n };\r\n /** Custom slots for MUI v7 */\r\n slots?: {\r\n checkbox?: CheckboxProps[\"slots\"];\r\n };\r\n /** FormLabel props */\r\n formLabelProps?: Omit<FormLabelProps, \"children\">;\r\n /** FormControlLabel props */\r\n formControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n /** xsProps */\r\n sxProps?: SxProps<Theme>;\r\n}\r\n\r\nconst CheckboxFieldGroup = forwardRef<HTMLDivElement, ICheckboxFieldGroupProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n options,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = true,\r\n required,\r\n color = \"primary\",\r\n size,\r\n labelPlacement = \"end\",\r\n row = false,\r\n checkedIcon,\r\n icon,\r\n checkboxStyles,\r\n labelStyles,\r\n formControlStyles,\r\n renderCheckbox,\r\n slotProps,\r\n sxProps,\r\n slots,\r\n formLabelStyles,\r\n formLabelProps,\r\n formControlLabelProps,\r\n ...formControlProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle checkbox change\r\n const handleChange = (optionValue: string | number) => (event: ChangeEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const isChecked = event.target.checked;\r\n let newValue: (string | number)[];\r\n\r\n if (isChecked) {\r\n // Add to selection\r\n newValue = [...value, optionValue];\r\n } else {\r\n // Remove from selection\r\n newValue = value.filter((val) => val !== optionValue);\r\n }\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle focus\r\n const handleFocus = (optionValue: string | number) => (event: FocusEvent<HTMLButtonElement>) => {\r\n if (onFocus) {\r\n onFocus(event, optionValue);\r\n }\r\n };\r\n\r\n // Handle blur\r\n const handleBlur = (optionValue: string | number) => (event: FocusEvent<HTMLButtonElement>) => {\r\n if (onBlur) {\r\n onBlur(event, optionValue);\r\n }\r\n };\r\n\r\n // Handle click\r\n const handleClick = (optionValue: string | number) => (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event, optionValue);\r\n }\r\n };\r\n\r\n // Default render function for checkboxes\r\n const defaultRenderCheckbox = (\r\n option: CheckboxOption,\r\n index: number,\r\n isChecked: boolean,\r\n handleChangeFn: (event: ChangeEvent<HTMLInputElement>) => void\r\n ) => {\r\n return (\r\n <FormControlLabel\r\n key={`${option.value}-${index}`}\r\n control={\r\n <Checkbox\r\n name={name ? `${name}-${option.value}` : undefined}\r\n checked={isChecked}\r\n onChange={handleChangeFn}\r\n onFocus={handleFocus(option.value)}\r\n onBlur={handleBlur(option.value)}\r\n onClick={handleClick(option.value)}\r\n disabled={disabled || option.disabled}\r\n color={color}\r\n size={size}\r\n checkedIcon={checkedIcon}\r\n icon={icon}\r\n slotProps={slotProps?.checkbox}\r\n slots={slots?.checkbox}\r\n sx={checkboxStyles}\r\n />\r\n }\r\n label={option.label}\r\n labelPlacement={labelPlacement}\r\n slotProps={slotProps?.formControlLabel}\r\n sx={labelStyles}\r\n {...formControlLabelProps}\r\n />\r\n );\r\n };\r\n\r\n return (\r\n <FormControl\r\n {...(formControlProps as any)}\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n component=\"fieldset\"\r\n sx={formControlStyles}\r\n >\r\n {label && (\r\n <FormLabel component=\"legend\" sx={formLabelStyles} {...formLabelProps}>\r\n {label}\r\n </FormLabel>\r\n )}\r\n <Box\r\n ref={ref}\r\n sx={{\r\n display: \"flex\",\r\n flexDirection: row ? \"row\" : \"column\",\r\n flexWrap: row ? \"wrap\" : \"nowrap\",\r\n gap: 1,\r\n mt: label ? 1 : 0,\r\n ...sxProps\r\n }}\r\n >\r\n {options.map((option, index) => {\r\n const isChecked = value.includes(option.value);\r\n const changeHandler = handleChange(option.value);\r\n\r\n if (renderCheckbox) {\r\n return renderCheckbox(option, index, isChecked, changeHandler);\r\n }\r\n\r\n return defaultRenderCheckbox(option, index, isChecked, changeHandler);\r\n })}\r\n </Box>\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nCheckboxFieldGroup.displayName = \"CheckboxFieldGroup\";\r\n\r\nexport default CheckboxFieldGroup;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport SwitchField from \"../FormFields/BoxFields/SwitchField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputSwitch = memo(\r\n\t({ name, label, control, defaultValue = false, onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SwitchField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? false}\r\n\t\t\t\t\t\t\tonChange={(checked) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(checked);\r\n\t\t\t\t\t\t\t\tonChange?.(checked);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputSwitch.displayName = \"FormInputSwitch\";\r\n\r\nexport default FormInputSwitch;\r\n","import {\r\n\tFormControl,\r\n\ttype FormControlProps,\r\n\tFormControlLabel,\r\n\ttype FormControlLabelProps,\r\n\tFormHelperText,\r\n\tSwitch,\r\n\ttype SwitchProps,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Switch Field Props\r\n * Extends MUI SwitchProps with custom form field props\r\n */\r\nexport interface ISwitchFieldProps extends Omit<SwitchProps, \"checked\" | \"onChange\" | \"name\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the switch */\r\n\tlabel?: React.ReactNode;\r\n\t/** Current checked state */\r\n\tvalue: boolean;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below switch */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Switch color */\r\n\tcolor?: SwitchProps[\"color\"];\r\n\t/** Switch size */\r\n\tsize?: SwitchProps[\"size\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Label placement */\r\n\tlabelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n\t/** Edge placement for the switch */\r\n\tedge?: SwitchProps[\"edge\"];\r\n\t/** Custom icon for checked state */\r\n\tcheckedIcon?: React.ReactNode;\r\n\t/** Custom icon for unchecked state */\r\n\ticon?: React.ReactNode;\r\n\t/** Custom styles for the Switch */\r\n\tswitchStyles?: SwitchProps[\"sx\"];\r\n\t/** Custom styles for FormControlLabel */\r\n\tlabelStyles?: FormControlLabelProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: FormControlProps[\"sx\"];\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (checked: boolean) => void;\r\n\t/** Callback fired when switch is clicked */\r\n\tonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n\t/** Callback fired when switch receives focus */\r\n\tonFocus?: SwitchProps[\"onFocus\"];\r\n\t/** Callback fired when switch loses focus */\r\n\tonBlur?: SwitchProps[\"onBlur\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: SwitchProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: SwitchProps[\"slots\"];\r\n\t/** FormControlLabel props */\r\n\tformControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"checked\">;\r\n}\r\n\r\nconst SwitchField = forwardRef<HTMLButtonElement, ISwitchFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonClick,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tsize,\r\n\t\t\tfullWidth = false,\r\n\t\t\trequired,\r\n\t\t\tlabelPlacement = \"end\",\r\n\t\t\tedge,\r\n\t\t\tswitchStyles,\r\n\t\t\tlabelStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\tformControlLabelProps,\r\n\t\t\t...switchProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLButtonElement>\r\n\t) => {\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(checked);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle click event\r\n\t\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\tif (onClick) {\r\n\t\t\t\tonClick(event);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst switchComponent = (\r\n\t\t\t// <Switch {...switchProps} />\r\n\t\t\t<Switch\r\n\t\t\t\t{...switchProps}\r\n\t\t\t\tchecked={value}\r\n\t\t\t\tonChange={handleChange}\r\n\t\t\t\tonClick={handleClick}\r\n\t\t\t\tonFocus={onFocus}\r\n\t\t\t\tonBlur={onBlur}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\tcolor={color}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tedge={edge}\r\n\t\t\t\tname={name}\r\n\t\t\t\tslotProps={slotProps}\r\n\t\t\t\tslots={slots}\r\n\t\t\t\tsx={switchStyles}\r\n\t\t\t\tref={ref}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\t// If no label, just return the switch (matches standard MUI Switch)\r\n\t\tif (!label) {\r\n\t\t\treturn (\r\n\t\t\t\t<FormControl\r\n\t\t\t\t\terror={!!error}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\trequired={required}\r\n\t\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\t\tsx={{\r\n\t\t\t\t\t\tdisplay: \"inline-flex\",\r\n\t\t\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\t\t\t...formControlStyles,\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t{switchComponent}\r\n\t\t\t\t\t{(error || helperText) && (\r\n\t\t\t\t\t\t<FormHelperText\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\tmarginLeft: 0,\r\n\t\t\t\t\t\t\t\tmarginRight: 0,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{error ? (helperText ?? (error?.message ? error.message : \"\")) : helperText}\r\n\t\t\t\t\t\t</FormHelperText>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</FormControl>\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\t// With label, use FormControlLabel (standard MUI pattern)\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tsx={{\r\n\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\t\t...formControlStyles,\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tcontrol={switchComponent}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tsx={labelStyles}\r\n\t\t\t\t\t{...formControlLabelProps}\r\n\t\t\t\t/>\r\n\t\t\t\t{(error || helperText) && (\r\n\t\t\t\t\t<FormHelperText\r\n\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\tmarginLeft: labelPlacement === \"start\" ? \"72px\" : 0,\r\n\t\t\t\t\t\t\tmarginRight: 0,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{error ? (helperText ?? (error?.message ? error.message : \"\")) : helperText}\r\n\t\t\t\t\t</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport default SwitchField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport SliderField from \"../FormFields/BoxFields/SliderField\";\r\nimport type { IFormInputFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputSlider = memo(\r\n\t({ name, label, control, defaultValue = 0, onChange, ...props }: IFormInputFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<SliderField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue}\r\n\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(value);\r\n\t\t\t\t\t\t\t\tonChange?.(value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputSlider.displayName = \"FormInputSlider\";\r\n\r\nexport default FormInputSlider;\r\n","import {\r\n\tFormControl,\r\n\ttype FormControlProps,\r\n\tFormHelperText,\r\n\tFormLabel,\r\n\ttype FormLabelProps,\r\n\tSlider,\r\n\ttype SliderProps,\r\n} from \"@mui/material\";\r\nimport React, { type SyntheticEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Slider Field Props\r\n * Extends MUI SliderProps with custom form field props\r\n */\r\nexport interface ISliderFieldProps\r\n\textends Omit<SliderProps, \"value\" | \"onChange\" | \"onChangeCommitted\" | \"name\" | \"orientation\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the slider */\r\n\tlabel?: React.ReactNode;\r\n\t/** Current slider value(s) */\r\n\tvalue: number | number[];\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below slider */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Slider orientation - horizontal or vertical */\r\n\torientation?: \"horizontal\" | \"vertical\";\r\n\t/** Minimum value (default: 0) */\r\n\tmin?: number;\r\n\t/** Maximum value (default: 100) */\r\n\tmax?: number;\r\n\t/** Step value (default: 1) */\r\n\tstep?: number | null;\r\n\t/** Whether to show value label */\r\n\tvalueLabelDisplay?: SliderProps[\"valueLabelDisplay\"];\r\n\t/** Custom format for value label */\r\n\tvalueLabelFormat?: SliderProps[\"valueLabelFormat\"];\r\n\t/** Slider color */\r\n\tcolor?: SliderProps[\"color\"];\r\n\t/** Slider size */\r\n\tsize?: SliderProps[\"size\"];\r\n\t/** Marks on the slider */\r\n\tmarks?: boolean | SliderProps[\"marks\"];\r\n\t/** Track display mode */\r\n\ttrack?: SliderProps[\"track\"];\r\n\t/** Custom styles for the Slider */\r\n\tsliderStyles?: SliderProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: FormControlProps[\"sx\"];\r\n\t/** Custom styles for FormLabel */\r\n\tformLabelStyles?: FormLabelProps[\"sx\"];\r\n\t/** Callback fired when the value changes (during drag) */\r\n\tonChange?: (value: number | number[]) => void;\r\n\t/** Callback fired when the value change is committed (on mouse up) */\r\n\tonChangeCommitted?: (value: number | number[]) => void;\r\n\t/** Callback fired when slider receives focus */\r\n\tonFocus?: (event: SyntheticEvent) => void;\r\n\t/** Callback fired when slider loses focus */\r\n\tonBlur?: (event: SyntheticEvent) => void;\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: SliderProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: SliderProps[\"slots\"];\r\n\t/** FormLabel props */\r\n\tformLabelProps?: Omit<FormLabelProps, \"children\">;\r\n}\r\n\r\nconst SliderField = forwardRef<HTMLSpanElement, ISliderFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonChangeCommitted,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tfullWidth = true,\r\n\t\t\trequired,\r\n\t\t\torientation = \"horizontal\",\r\n\t\t\tmin = 0,\r\n\t\t\tmax = 100,\r\n\t\t\tstep = 1,\r\n\t\t\tvalueLabelDisplay = \"auto\",\r\n\t\t\tvalueLabelFormat,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tsize,\r\n\t\t\tmarks,\r\n\t\t\ttrack = \"normal\",\r\n\t\t\tsliderStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tformLabelStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\tformLabelProps,\r\n\t\t\t...sliderProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLSpanElement>\r\n\t) => {\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (_event: Event, newValue: number | number[], _activeThumb: number) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(newValue);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle onChangeCommitted with proper typing\r\n\t\tconst handleChangeCommitted = (_event: Event | SyntheticEvent, newValue: number | number[]) => {\r\n\t\t\tif (onChangeCommitted) {\r\n\t\t\t\tonChangeCommitted(newValue);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// For vertical sliders, we need special handling\r\n\t\tconst isVertical = orientation === \"vertical\";\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth && !isVertical}\r\n\t\t\t\tsx={{\r\n\t\t\t\t\t...formControlStyles,\r\n\t\t\t\t\t...(isVertical && {\r\n\t\t\t\t\t\tdisplay: \"flex\",\r\n\t\t\t\t\t\tflexDirection: \"column\",\r\n\t\t\t\t\t\talignItems: \"flex-start\",\r\n\t\t\t\t\t\theight: \"100%\",\r\n\t\t\t\t\t\twidth: \"auto\",\r\n\t\t\t\t\t}),\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<FormLabel\r\n\t\t\t\t\t\tsx={formLabelStyles}\r\n\t\t\t\t\t\t{...formLabelProps}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label}\r\n\t\t\t\t\t</FormLabel>\r\n\t\t\t\t)}\r\n\t\t\t\t<Slider\r\n\t\t\t\t\t{...sliderProps}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\tonChangeCommitted={handleChangeCommitted}\r\n\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\torientation={orientation}\r\n\t\t\t\t\tmin={min}\r\n\t\t\t\t\tmax={max}\r\n\t\t\t\t\tstep={step}\r\n\t\t\t\t\tvalueLabelDisplay={valueLabelDisplay}\r\n\t\t\t\t\tvalueLabelFormat={valueLabelFormat}\r\n\t\t\t\t\tcolor={color}\r\n\t\t\t\t\tsize={size}\r\n\t\t\t\t\tmarks={marks === true ? true : marks || false}\r\n\t\t\t\t\ttrack={track}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tslotProps={slotProps}\r\n\t\t\t\t\tslots={slots}\r\n\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t...sliderStyles,\r\n\t\t\t\t\t\t...(isVertical && {\r\n\t\t\t\t\t\t\theight: \"100%\",\r\n\t\t\t\t\t\t\t\"& .MuiSlider-track\": {\r\n\t\t\t\t\t\t\t\twidth: \"6px\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\"& .MuiSlider-rail\": {\r\n\t\t\t\t\t\t\t\twidth: \"6px\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t}),\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t/>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nSliderField.displayName = \"SliderField\";\r\n\r\nexport default SliderField;\r\n","import { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport RadioButtonField from \"../FormFields/BoxFields/RadioButtonField\";\r\nimport type { IFormInputRadioFields } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputRadioButton = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\tchecked = false,\r\n\t\tdefaultValue = false,\r\n\t\tonChange,\r\n\t\tcolor,\r\n\t\tlabelPlacement,\r\n\t\t...props\r\n\t}: IFormInputRadioFields) => {\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<RadioButtonField\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? false}\r\n\t\t\t\t\t\t\tonChange={(checkedValue) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(checkedValue);\r\n\t\t\t\t\t\t\t\tonChange?.(checkedValue);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputRadioButton.displayName = \"FormInputRadioButton\";\r\n\r\nexport default FormInputRadioButton;\r\n","import {\r\n\tFormControl,\r\n\tFormControlLabel,\r\n\ttype FormControlLabelProps,\r\n\tFormHelperText,\r\n\tRadio,\r\n\ttype RadioProps,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent } from \"react\";\r\nimport { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Radio Button Field Props\r\n * Extends MUI RadioProps with custom form field props\r\n */\r\nexport interface IRadioButtonFieldProps extends Omit<RadioProps, \"checked\" | \"onChange\" | \"name\"> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the radio button */\r\n\tlabel?: React.ReactNode;\r\n\t/** Current checked state */\r\n\tvalue: boolean;\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below radio button */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Radio color */\r\n\tcolor?: RadioProps[\"color\"];\r\n\t/** Radio size */\r\n\tsize?: RadioProps[\"size\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Label placement */\r\n\tlabelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (checked: boolean) => void;\r\n\t/** Callback fired when radio button is clicked */\r\n\tonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n\t/** Callback fired when radio button receives focus */\r\n\tonFocus?: RadioProps[\"onFocus\"];\r\n\t/** Callback fired when radio button loses focus */\r\n\tonBlur?: RadioProps[\"onBlur\"];\r\n\t/** Custom icon for checked state */\r\n\tcheckedIcon?: React.ReactNode;\r\n\t/** Custom icon for unchecked state */\r\n\ticon?: React.ReactNode;\r\n\t/** Custom styles for the Radio */\r\n\tradioStyles?: RadioProps[\"sx\"];\r\n\t/** Custom styles for FormControlLabel */\r\n\tlabelStyles?: FormControlLabelProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: RadioProps[\"slotProps\"];\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: RadioProps[\"slots\"];\r\n\t/** FormControlLabel props */\r\n\tformControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n}\r\n\r\nconst RadioButtonField = forwardRef<HTMLButtonElement, IRadioButtonFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonClick,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tsize,\r\n\t\t\tfullWidth = false,\r\n\t\t\trequired,\r\n\t\t\tlabelPlacement = \"end\",\r\n\t\t\tcheckedIcon,\r\n\t\t\ticon,\r\n\t\t\tradioStyles,\r\n\t\t\tlabelStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\tformControlLabelProps,\r\n\t\t\t...radioProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLButtonElement>\r\n\t) => {\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(checked);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle click event\r\n\t\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\tif (onClick) {\r\n\t\t\t\tonClick(event);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsize={size}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tcontrol={\r\n\t\t\t\t\t\t<Radio\r\n\t\t\t\t\t\t\t{...radioProps}\r\n\t\t\t\t\t\t\tchecked={value}\r\n\t\t\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\t\tcheckedIcon={checkedIcon}\r\n\t\t\t\t\t\t\ticon={icon}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tslotProps={slotProps}\r\n\t\t\t\t\t\t\tslots={slots}\r\n\t\t\t\t\t\t\tsx={radioStyles}\r\n\t\t\t\t\t\t\tref={ref}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\t\tsx={labelStyles}\r\n\t\t\t\t\t{...formControlLabelProps}\r\n\t\t\t\t/>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nRadioButtonField.displayName = \"RadioButtonField\";\r\n\r\nexport default RadioButtonField;\r\n","import { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport RadioButtonFieldGroup from \"../FormFields/BoxFields/RadioButtonFieldGroup\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\nimport React from \"react\";\r\nconst FormInputRadioButtonGroup = memo(\r\n\t({\r\n\t\tname,\r\n\t\tlabel,\r\n\t\tcontrol,\r\n\t\toptions = [],\r\n\t\tdefaultValue = \"\",\r\n\t\tonChange,\r\n\t\t...props\r\n\t}: IFormInputFieldsWithOptions) => {\r\n\t\tconst memoizedOptions = useMemo(() => (Array.isArray(options) ? options : []), [options]);\r\n\r\n\t\treturn (\r\n\t\t\t<Controller\r\n\t\t\t\tname={name}\r\n\t\t\t\tcontrol={control}\r\n\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\trender={({ field, fieldState: { error } }) => {\r\n\t\t\t\t\tconst { size, ...restProps } = props;\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<RadioButtonFieldGroup\r\n\t\t\t\t\t\t\t{...restProps}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tlabel={label}\r\n\t\t\t\t\t\t\tvalue={field.value ?? \"\"}\r\n\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\tfield.onChange(value);\r\n\t\t\t\t\t\t\t\tonChange?.(value);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonBlur={field.onBlur}\r\n\t\t\t\t\t\t\toptions={memoizedOptions}\r\n\t\t\t\t\t\t\tsize={size as any}\r\n\t\t\t\t\t\t\terror={error}\r\n\t\t\t\t\t\t\thelperText={error?.message}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nFormInputRadioButtonGroup.displayName = \"FormInputRadioButtonGroup\";\r\n\r\nexport default FormInputRadioButtonGroup;\r\n","import {\r\n\tFormControl,\r\n\tFormControlLabel,\r\n\ttype FormControlLabelProps,\r\n\ttype FormControlProps,\r\n\tFormHelperText,\r\n\tFormLabel,\r\n\ttype FormLabelProps,\r\n\tRadio,\r\n\tRadioGroup,\r\n\ttype RadioGroupProps,\r\n\ttype RadioProps,\r\n\ttype SxProps,\r\n\ttype Theme,\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Base option type for Radio Button Group\r\n */\r\nexport type RadioOption = {\r\n\tname: string;\r\n\tvalue: string | number;\r\n\tdisabled?: boolean;\r\n\t[key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n\tmessage?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Radio Button Group Props\r\n * Extends MUI RadioGroupProps with custom form field props\r\n */\r\nexport interface IRadioButtonGroupFieldProps\r\n\textends Omit<\r\n\t\tRadioGroupProps,\r\n\t\t\"value\" | \"onChange\" | \"name\" | \"children\" | \"onFocus\" | \"onBlur\" | \"onClick\"\r\n\t> {\r\n\t/** Field name for form identification */\r\n\tname?: string;\r\n\t/** Label text for the radio group */\r\n\tlabel?: React.ReactNode;\r\n\t/** Current selected value */\r\n\tvalue: string | number | null | undefined;\r\n\t/** Options array to display as radio buttons */\r\n\toptions: RadioOption[];\r\n\t/** Error object with optional message */\r\n\terror?: FieldError;\r\n\t/** Helper text to display below radio group */\r\n\thelperText?: string;\r\n\t/** Whether the field is disabled */\r\n\tdisabled?: boolean;\r\n\t/** Radio color */\r\n\tcolor?: RadioProps[\"color\"];\r\n\t/** Radio size */\r\n\tsize?: RadioProps[\"size\"];\r\n\t/** Full width of the field */\r\n\tfullWidth?: boolean;\r\n\t/** Required field indicator */\r\n\trequired?: boolean;\r\n\t/** Label placement for each radio button */\r\n\tlabelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n\t/** Row layout (horizontal) or column layout (vertical) */\r\n\trow?: boolean;\r\n\t/** Custom icon for checked state */\r\n\tcheckedIcon?: React.ReactNode;\r\n\t/** Custom icon for unchecked state */\r\n\ticon?: React.ReactNode;\r\n\t/** Custom styles for individual Radio components */\r\n\tradioStyles?: RadioProps[\"sx\"];\r\n\t/** Custom styles for FormControlLabel components */\r\n\tlabelStyles?: FormControlLabelProps[\"sx\"];\r\n\t/** Custom styles for FormControl */\r\n\tformControlStyles?: FormControlProps[\"sx\"];\r\n\t/** Custom styles for FormLabel */\r\n\tformLabelStyles?: FormLabelProps[\"sx\"];\r\n\t/** Custom styles for RadioGroup */\r\n\tradioGroupStyles?: RadioGroupProps[\"sx\"];\r\n\t/** Custom render function for radio buttons */\r\n\trenderRadio?: (option: RadioOption, index: number) => React.ReactNode;\r\n\t/** Callback fired when the value changes */\r\n\tonChange?: (value: string | number) => void;\r\n\t/** Callback fired when a radio button is clicked */\r\n\tonClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n\t/** Callback fired when a radio button receives focus */\r\n\tonFocus?: RadioProps[\"onFocus\"];\r\n\t/** Callback fired when a radio button loses focus */\r\n\tonBlur?: RadioProps[\"onBlur\"];\r\n\t/** Custom slot props for MUI v7 */\r\n\tslotProps?: {\r\n\t\tradio?: RadioProps[\"slotProps\"];\r\n\t\tformControlLabel?: FormControlLabelProps[\"slotProps\"];\r\n\t};\r\n\t/** Custom slots for MUI v7 */\r\n\tslots?: {\r\n\t\tradio?: RadioProps[\"slots\"];\r\n\t\tformControlLabel?: FormControlLabelProps[\"slots\"];\r\n\t};\r\n\t/** FormLabel props */\r\n\tformLabelProps?: Omit<FormLabelProps, \"children\">;\r\n\t/** FormControlLabel props */\r\n\tformControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n\t/** Custom styles for RadioGroup */\r\n\tsxProps?: SxProps<Theme>;\r\n}\r\n\r\nconst RadioButtonFieldGroup = forwardRef<HTMLDivElement, IRadioButtonGroupFieldProps>(\r\n\t(\r\n\t\t{\r\n\t\t\tname,\r\n\t\t\tlabel,\r\n\t\t\tvalue,\r\n\t\t\tonChange,\r\n\t\t\tonClick,\r\n\t\t\tonFocus,\r\n\t\t\tonBlur,\r\n\t\t\toptions,\r\n\t\t\terror,\r\n\t\t\thelperText,\r\n\t\t\tdisabled = false,\r\n\t\t\tcolor = \"primary\",\r\n\t\t\tsize,\r\n\t\t\tfullWidth = false,\r\n\t\t\trequired,\r\n\t\t\tlabelPlacement = \"end\",\r\n\t\t\trow = false,\r\n\t\t\tcheckedIcon,\r\n\t\t\ticon,\r\n\t\t\tradioStyles,\r\n\t\t\tlabelStyles,\r\n\t\t\tformControlStyles,\r\n\t\t\tformLabelStyles,\r\n\t\t\trenderRadio,\r\n\t\t\tsxProps,\r\n\t\t\tslotProps,\r\n\t\t\tslots,\r\n\t\t\tformLabelProps,\r\n\t\t\tformControlLabelProps,\r\n\t\t\t...radioGroupProps\r\n\t\t},\r\n\t\tref: ForwardedRef<HTMLDivElement>\r\n\t) => {\r\n\t\t// Handle onChange with proper typing\r\n\t\tconst handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\tconst newValue = event.target.value;\r\n\t\t\t// Convert to number if the value matches a numeric option\r\n\t\t\tconst numericValue = options.find((opt) => String(opt.value) === newValue)?.value;\r\n\t\t\tconst finalValue = typeof numericValue === \"number\" ? numericValue : newValue;\r\n\t\t\tif (onChange) {\r\n\t\t\t\tonChange(finalValue);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Handle click event\r\n\t\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\tif (onClick) {\r\n\t\t\t\tonClick(event);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// Default render function for radio buttons\r\n\t\tconst defaultRenderRadio = (option: RadioOption) => (\r\n\t\t\t<FormControlLabel\r\n\t\t\t\tkey={option.value}\r\n\t\t\t\tvalue={String(option.value)}\r\n\t\t\t\tcontrol={\r\n\t\t\t\t\t<Radio\r\n\t\t\t\t\t\tcolor={color}\r\n\t\t\t\t\t\tsize={size}\r\n\t\t\t\t\t\tdisabled={disabled || option.disabled}\r\n\t\t\t\t\t\tcheckedIcon={checkedIcon}\r\n\t\t\t\t\t\ticon={icon}\r\n\t\t\t\t\t\tonClick={handleClick}\r\n\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\tslotProps={slotProps?.radio}\r\n\t\t\t\t\t\tslots={slots?.radio}\r\n\t\t\t\t\t\tsx={radioStyles}\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t\tlabel={option.name}\r\n\t\t\t\tlabelPlacement={labelPlacement}\r\n\t\t\t\tdisabled={disabled || option.disabled}\r\n\t\t\t\tsx={labelStyles}\r\n\t\t\t\t{...formControlLabelProps}\r\n\t\t\t\tslotProps={slotProps?.formControlLabel}\r\n\t\t\t\tslots={slots?.formControlLabel}\r\n\t\t\t/>\r\n\t\t);\r\n\r\n\t\treturn (\r\n\t\t\t<FormControl\r\n\t\t\t\tcomponent=\"fieldset\"\r\n\t\t\t\terror={!!error}\r\n\t\t\t\tdisabled={disabled}\r\n\t\t\t\trequired={required}\r\n\t\t\t\tfullWidth={fullWidth}\r\n\t\t\t\tsx={formControlStyles}\r\n\t\t\t>\r\n\t\t\t\t{label && (\r\n\t\t\t\t\t<FormLabel\r\n\t\t\t\t\t\tcomponent=\"legend\"\r\n\t\t\t\t\t\tsx={formLabelStyles}\r\n\t\t\t\t\t\t{...formLabelProps}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{label}\r\n\t\t\t\t\t</FormLabel>\r\n\t\t\t\t)}\r\n\t\t\t\t<RadioGroup\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tvalue={value !== null ? String(value) : \"\"}\r\n\t\t\t\t\tonChange={handleChange}\r\n\t\t\t\t\trow={row}\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tsx={sxProps}\r\n\t\t\t\t\t{...radioGroupProps}\r\n\t\t\t\t>\r\n\t\t\t\t\t{options &&\r\n\t\t\t\t\t\tArray.isArray(options) &&\r\n\t\t\t\t\t\toptions.map((option, index) =>\r\n\t\t\t\t\t\t\trenderRadio ? renderRadio(option, index) : defaultRenderRadio(option)\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t</RadioGroup>\r\n\t\t\t\t{error && (\r\n\t\t\t\t\t<FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n\t\t\t\t)}\r\n\t\t\t\t{!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n\t\t\t</FormControl>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nRadioButtonFieldGroup.displayName = \"RadioButtonFieldGroup\";\r\n\r\nexport default RadioButtonFieldGroup;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState } from \"react\";\r\nimport { Box, Paper, Typography, Button, Divider } from \"@mui/material\";\r\n\r\n// Import all FormInputs (not HookFormFields)\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport PasswordField from \"../FormFields/TextFields/PasswordField\";\r\nimport NumberField from \"../FormFields/TextFields/NumberField\";\r\nimport TelInputField from \"../FormFields/TextFields/TelInputField\";\r\nimport SearchInputField from \"../FormFields/TextFields/SearchInputField\";\r\nimport OTPField from \"../FormFields/TextFields/OTPField\";\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport ColorPickerField from \"../FormFields/DropdownFields/ColorPickerField\";\r\nimport FileUploadField from \"../FormFields/DropdownFields/FileUploadField\";\r\nimport DatePickerField from \"../FormFields/DateFields/DatePickerField\";\r\nimport TimePickerField from \"../FormFields/DateFields/TimePickerField\";\r\nimport TimeClockField from \"../FormFields/DateFields/TimeClockField\";\r\nimport DateCalendarField from \"../FormFields/DateFields/DateCalendarField\";\r\nimport CheckBoxField from \"../FormFields/BoxFields/CheckBoxField\";\r\nimport CheckBoxFieldGroup from \"../FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport SwitchField from \"../FormFields/BoxFields/SwitchField\";\r\nimport SliderField from \"../FormFields/BoxFields/SliderField\";\r\nimport RadioButtonField from \"../FormFields/BoxFields/RadioButtonField\";\r\nimport RadioButtonFieldGroup from \"../FormFields/BoxFields/RadioButtonFieldGroup\";\r\n\r\nimport type { Option } from \"../HookFormFields/types\";\r\n\r\nconst NormalForm = () => {\r\n // Form state\r\n const [formData, setFormData] = useState({\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [] as (string | number)[],\r\n autocomplete: null as Option | null,\r\n multiautocomplete: [] as Option[],\r\n color: \"#000000\",\r\n file: null as File | File[] | null,\r\n date: null as Date | null,\r\n time: null as Date | null,\r\n timeclock: null as Date | null,\r\n calendar: null as Date | null,\r\n checkbox: false,\r\n checkboxgroup: [] as (string | number)[],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\",\r\n });\r\n\r\n const [errors, setErrors] = useState<Record<string, string>>({});\r\n\r\n // Options for dropdowns\r\n const selectOptions: Option[] = [\r\n { name: \"Option 1\", value: \"opt1\" },\r\n { name: \"Option 2\", value: \"opt2\" },\r\n { name: \"Option 3\", value: \"opt3\" },\r\n ];\r\n\r\n const checkboxOptions = [\r\n { value: \"check1\", label: \"Checkbox 1\" },\r\n { value: \"check2\", label: \"Checkbox 2\" },\r\n { value: \"check3\", label: \"Checkbox 3\" },\r\n ];\r\n\r\n const radioOptions = [\r\n { name: \"Radio 1\", value: \"radio1\" },\r\n { name: \"Radio 2\", value: \"radio2\" },\r\n { name: \"Radio 3\", value: \"radio3\" },\r\n ];\r\n\r\n const handleChange = (field: string) => (value: any) => {\r\n setFormData((prev) => ({ ...prev, [field]: value }));\r\n // Clear error when user types\r\n if (errors[field]) {\r\n setErrors((prev) => {\r\n const newErrors = { ...prev };\r\n delete newErrors[field];\r\n return newErrors;\r\n });\r\n }\r\n };\r\n\r\n const handleSubmit = (e: React.FormEvent) => {\r\n e.preventDefault();\r\n console.log(\"Normal Form Data:\", formData);\r\n // Simple validation\r\n const newErrors: Record<string, string> = {};\r\n if (!formData.text) newErrors.text = \"Text is required\";\r\n if (!formData.password) newErrors.password = \"Password is required\";\r\n setErrors(newErrors);\r\n };\r\n\r\n return (\r\n <Paper sx={{ p: 3, maxWidth: 1200, mx: \"auto\" }}>\r\n <Typography variant=\"h4\" gutterBottom>\r\n Normal Form (Direct FormInputs)\r\n </Typography>\r\n <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\r\n Using FormInputs directly with useState\r\n </Typography>\r\n <Divider sx={{ my: 2 }} />\r\n\r\n <form onSubmit={handleSubmit}>\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { xs: \"1fr\", md: \"repeat(3, 1fr)\" },\r\n gap: 2,\r\n }}\r\n >\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n {/* Text Inputs */}\r\n <TextInputField\r\n name=\"text\"\r\n label=\"Text Field\"\r\n value={formData.text}\r\n onChange={(e) => handleChange(\"text\")(e.target.value)}\r\n error={errors.text ? { message: errors.text } : null}\r\n />\r\n <PasswordField\r\n name=\"password\"\r\n label=\"Password\"\r\n value={formData.password}\r\n onChange={(e) => handleChange(\"password\")(e.target.value)}\r\n error={errors.password ? { message: errors.password } : null}\r\n />\r\n </Box>\r\n\r\n <TextInputField\r\n name=\"textarea\"\r\n label=\"Text Area\"\r\n value={formData.textarea}\r\n onChange={(e) => handleChange(\"textarea\")(e.target.value)}\r\n multiline\r\n rows={4}\r\n />\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n <NumberField\r\n name=\"number\"\r\n label=\"Number\"\r\n pattern=\"credit-card\"\r\n value={formData.number}\r\n onChange={(e) => handleChange(\"number\")(e.target.value)}\r\n />\r\n <TelInputField\r\n name=\"tel\"\r\n label=\"Telephone\"\r\n pattern=\"XX-XXXX-XXXX\"\r\n value={formData.tel}\r\n onChange={(e) => handleChange(\"tel\")(e.target.value)}\r\n />\r\n </Box>\r\n\r\n <SearchInputField\r\n name=\"search\"\r\n label=\"Search\"\r\n value={formData.search}\r\n onChange={(e) => handleChange(\"search\")(e.target.value)}\r\n />\r\n\r\n <OTPField\r\n name=\"otp\"\r\n value={formData.otp}\r\n onChange={handleChange(\"otp\")}\r\n length={6}\r\n spacing={2}\r\n />\r\n\r\n {/* Dropdowns */}\r\n <SelectInputField\r\n name=\"select\"\r\n label=\"Select\"\r\n value={formData.select}\r\n onChange={(e) => handleChange(\"select\")(e.target.value)}\r\n options={selectOptions}\r\n />\r\n\r\n <SelectInputField\r\n name=\"multiselect\"\r\n label=\"Multi Select\"\r\n value={formData.multiselect}\r\n onChange={(e) => handleChange(\"multiselect\")(e.target.value)}\r\n options={selectOptions}\r\n multiple\r\n />\r\n\r\n <AutoCompleteField\r\n name=\"autocomplete\"\r\n label=\"Autocomplete\"\r\n value={formData.autocomplete}\r\n onChange={(_, newValue) => handleChange(\"autocomplete\")(newValue)}\r\n options={selectOptions}\r\n />\r\n\r\n <AutoCompleteField\r\n name=\"multiautocomplete\"\r\n label=\"Multi Autocomplete\"\r\n value={formData.multiautocomplete}\r\n onChange={(_, newValue) =>\r\n handleChange(\"multiautocomplete\")(newValue)\r\n }\r\n options={selectOptions}\r\n multiple\r\n />\r\n\r\n <ColorPickerField\r\n name=\"color\"\r\n label=\"Color Picker\"\r\n value={formData.color}\r\n onChange={handleChange(\"color\")}\r\n />\r\n\r\n <FileUploadField\r\n name=\"file\"\r\n label=\"File Upload\"\r\n value={formData.file}\r\n onChange={handleChange(\"file\")}\r\n />\r\n\r\n {/* Date/Time */}\r\n <DatePickerField\r\n name=\"date\"\r\n value={formData.date}\r\n onChange={handleChange(\"date\")}\r\n />\r\n <Box>\r\n <TimePickerField\r\n name=\"time\"\r\n value={formData.time}\r\n onChange={handleChange(\"time\")}\r\n />\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { md: \"1fr 1fr\" },\r\n gap: 2,\r\n mt: 2,\r\n }}\r\n >\r\n <CheckBoxFieldGroup\r\n name=\"checkboxgroup\"\r\n label=\"Checkbox Group\"\r\n value={formData.checkboxgroup}\r\n onChange={handleChange(\"checkboxgroup\")}\r\n options={checkboxOptions}\r\n />\r\n <RadioButtonFieldGroup\r\n name=\"radiogroup\"\r\n label=\"Radio Group\"\r\n value={formData.radiogroup}\r\n onChange={handleChange(\"radiogroup\")}\r\n options={radioOptions}\r\n />\r\n </Box>\r\n <Box sx={{ display: \"flex\", gap: 2, mt: 2 }}>\r\n <CheckBoxField\r\n name=\"checkbox\"\r\n label=\"Checkbox\"\r\n value={formData.checkbox}\r\n onChange={handleChange(\"checkbox\")}\r\n />\r\n\r\n <RadioButtonField\r\n name=\"singleradio\"\r\n label=\"Radio\"\r\n value={formData.singleradio}\r\n onChange={handleChange(\"singleradio\")}\r\n />\r\n <SwitchField\r\n name=\"switch\"\r\n label=\"Switch\"\r\n value={formData.switch}\r\n onChange={handleChange(\"switch\")}\r\n />\r\n </Box>\r\n </Box>\r\n <Box\r\n sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}\r\n >\r\n <TimeClockField\r\n name=\"timeclock\"\r\n label=\"Time Clock\"\r\n value={formData.timeclock}\r\n onChange={handleChange(\"timeclock\")}\r\n />\r\n </Box>\r\n\r\n <Box\r\n sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}\r\n >\r\n <DateCalendarField\r\n name=\"calendar\"\r\n label=\"Calendar\"\r\n value={formData.calendar}\r\n onChange={handleChange(\"calendar\")}\r\n />\r\n </Box>\r\n\r\n {/* Box Inputs */}\r\n\r\n <SliderField\r\n name=\"slider\"\r\n label=\"Slider\"\r\n value={formData.slider}\r\n onChange={handleChange(\"slider\")}\r\n min={0}\r\n max={100}\r\n />\r\n\r\n <Box\r\n sx={{\r\n gridColumn: { xs: \"1\", md: \"1 / -1\" },\r\n display: \"flex\",\r\n gap: 2,\r\n justifyContent: \"flex-end\",\r\n }}\r\n >\r\n <Button\r\n variant=\"outlined\"\r\n onClick={() =>\r\n setFormData({\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [],\r\n autocomplete: null,\r\n multiautocomplete: [],\r\n color: \"#000000\",\r\n file: null,\r\n date: null,\r\n time: null,\r\n timeclock: null,\r\n calendar: null,\r\n checkbox: false,\r\n checkboxgroup: [],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\",\r\n })\r\n }\r\n >\r\n Reset\r\n </Button>\r\n <Button type=\"submit\" variant=\"contained\">\r\n Submit\r\n </Button>\r\n </Box>\r\n </Box>\r\n </form>\r\n </Paper>\r\n );\r\n};\r\n\r\nexport default NormalForm;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n// import { zodResolver } from '@hookform/resolvers/zod';\r\nimport { Box, Button, Divider, Paper, Typography } from \"@mui/material\";\r\nimport { type Control, useForm } from \"react-hook-form\";\r\n\r\n// import * as z from 'zod';\r\nimport {\r\n FormInputAutoComplete,\r\n FormInputCalendar,\r\n FormInputCheckBox,\r\n FormInputCheckBoxGroup,\r\n FormInputColorPicker,\r\n FormInputDatePicker,\r\n FormInputFileUpload,\r\n FormInputMultiAutoComplete,\r\n FormInputMultiSelect,\r\n FormInputNumberField,\r\n FormInputOTPField,\r\n FormInputPasswordField,\r\n FormInputRadioButtonGroup,\r\n FormInputSearchField,\r\n FormInputSelect,\r\n FormInputSingleRadio,\r\n FormInputSlider,\r\n FormInputSwitch,\r\n FormInputTelField,\r\n FormInputTextArea,\r\n FormInputTextField,\r\n FormInputTimeClock,\r\n FormInputTimePicker\r\n} from \"../HookFormFields\";\r\n\r\ninterface FormData {\r\n text: string;\r\n textarea: string;\r\n password: string;\r\n number: string;\r\n tel: string;\r\n search: string;\r\n otp: string;\r\n select: string;\r\n multiselect: (string | number)[];\r\n autocomplete: any;\r\n multiautocomplete: any[];\r\n color: string;\r\n file: File | File[] | null;\r\n date: Date | null;\r\n time: Date | null;\r\n timeclock: Date | null;\r\n calendar: Date | null;\r\n checkbox: boolean;\r\n checkboxgroup: (string | number)[];\r\n switch: boolean;\r\n slider: number;\r\n singleradio: boolean;\r\n radiogroup: string;\r\n}\r\n\r\ntype FormControl = {\r\n control: Control<any>;\r\n handleSubmit: (e: (data: FormData) => void) => (e?: any) => Promise<void>;\r\n formState: {\r\n errors: Record<string, any>;\r\n };\r\n reset: () => void;\r\n};\r\nconst size = \"small\";\r\n\r\n// const schema = z.object({\r\n// text: z.string().min(3, { message: 'Text must be at least 3 characters' }),\r\n// textarea: z.string().min(10, { message: 'Description must be at least 10 characters' }),\r\n// password: z.string().min(6, { message: 'Password must be at least 6 characters' }),\r\n// number: z.string().min(1, { message: 'Number is required' }),\r\n// tel: z.string().min(10, { message: 'Phone number must be at least 10 characters' }),\r\n// search: z.string().min(3, { message: 'Search term must be at least 3 characters' }),\r\n// otp: z.string().min(4, { message: 'OTP must be at least 4 characters' }),\r\n// select: z.string().min(1, { message: 'Please select an option' }),\r\n// multiselect: z.array(z.union([z.string(), z.number()])).min(1, { message: 'Select at least one option' }),\r\n// autocomplete: z.any().refine((val) => val, { message: 'Please select an option' }),\r\n// multiautocomplete: z.array(z.any()).min(1, { message: 'Select at least one option' }),\r\n// color: z.string().min(1, { message: 'Color is required' }),\r\n// file: z.any().refine((val) => val, { message: 'File is required' }),\r\n// date: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Date is required' }),\r\n// time: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Time is required' }),\r\n// timeclock: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Time is required' }),\r\n// calendar: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Date is required' }),\r\n// checkbox: z.boolean().refine((val) => val === true, { message: 'Must be checked' }),\r\n// checkboxgroup: z.array(z.union([z.string(), z.number()])).min(1, { message: 'Select at least one option' }),\r\n// switch: z.boolean().refine((val) => val === true, { message: 'Must be switched on' }),\r\n// slider: z.number().min(1, { message: 'Value must be greater than 0' }),\r\n// singleradio: z.boolean().refine((val) => val === true, { message: 'Must be selected' }),\r\n// radiogroup: z.string().min(1, { message: 'Please select an option' }),\r\n// });\r\n\r\nconst ReactHookForm = () => {\r\n const {\r\n control,\r\n handleSubmit,\r\n formState: { errors },\r\n reset\r\n }: FormControl = useForm<any>({\r\n defaultValues: {\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [],\r\n autocomplete: null,\r\n multiautocomplete: [],\r\n color: \"\",\r\n file: null,\r\n date: null,\r\n time: null,\r\n timeclock: null,\r\n calendar: null,\r\n checkbox: false,\r\n checkboxgroup: [],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\"\r\n }\r\n // resolver: zodResolver(schema),\r\n });\r\n\r\n // Options for dropdowns\r\n const selectOptions = [\r\n { name: \"Option 1\", value: \"opt1\" },\r\n { name: \"Option 2\", value: \"opt2\" },\r\n { name: \"Option 3\", value: \"opt3\" }\r\n ];\r\n\r\n const checkboxOptions = [\r\n { name: \"Checkbox 1\", value: \"check1\" },\r\n { name: \"Checkbox 2\", value: \"check2\" },\r\n { name: \"Checkbox 3\", value: \"check3\" }\r\n ];\r\n\r\n const radioOptions = [\r\n { name: \"Radio 1\", value: \"radio1\" },\r\n { name: \"Radio 2\", value: \"radio2\" },\r\n { name: \"Radio 3\", value: \"radio3\" }\r\n ];\r\n\r\n const onSubmit = (data: FormData) => {\r\n console.log(\"React Hook Form Data:\", data);\r\n };\r\n\r\n return (\r\n <Paper sx={{ p: 3, maxWidth: 1200, mx: \"auto\" }}>\r\n <Typography variant=\"h4\" gutterBottom>\r\n React Hook Form (HookFormFields)\r\n </Typography>\r\n <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\r\n Using HookFormFields with react-hook-form\r\n </Typography>\r\n <Divider sx={{ my: 2 }} />\r\n\r\n <form onSubmit={handleSubmit(onSubmit)}>\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { xs: \"1fr\", md: \"repeat(3, 1fr)\" },\r\n gap: 2\r\n }}\r\n >\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n {/* Text Inputs */}\r\n <FormInputTextField name=\"text\" label=\"Text Field\" control={control} size={size} />\r\n <FormInputPasswordField name=\"password\" label=\"Password\" control={control} size={size} />\r\n </Box>\r\n <FormInputTextArea name=\"textarea\" label=\"Text Area\" control={control} rows={4} size={size} />\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n <FormInputNumberField name=\"number\" label=\"Number\" pattern=\"zip-code\" control={control} size={size} />\r\n\r\n <FormInputTelField\r\n name=\"tel\"\r\n label=\"Telephone\"\r\n pattern=\"XX-XXX-XXXXXX-X-XX\"\r\n control={control}\r\n size={size}\r\n />\r\n </Box>\r\n <FormInputSearchField name=\"search\" label=\"Search\" control={control} size={size} />\r\n\r\n <FormInputOTPField name=\"otp\" control={control} spacing={2} size={size} />\r\n\r\n {/* Dropdowns */}\r\n <FormInputSelect name=\"select\" label=\"Select\" control={control} options={selectOptions} size={size} />\r\n\r\n <FormInputMultiSelect\r\n name=\"multiselect\"\r\n label=\"Multi Select\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputAutoComplete\r\n name=\"autocomplete\"\r\n label=\"Autocomplete\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputMultiAutoComplete\r\n name=\"multiautocomplete\"\r\n label=\"Multi Autocomplete\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputColorPicker name=\"color\" label=\"Color Picker\" control={control} size={size} />\r\n\r\n <FormInputFileUpload name=\"file\" label=\"File Upload\" control={control} size={size} />\r\n\r\n {/* Date/Time */}\r\n <FormInputDatePicker name=\"date\" control={control} size={size} />\r\n\r\n <Box>\r\n <FormInputTimePicker name=\"time\" control={control} size={size} />\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { md: \"1fr 1fr\" },\r\n gap: 2,\r\n mt: 2\r\n }}\r\n >\r\n <FormInputCheckBoxGroup\r\n name=\"checkboxgroup\"\r\n label=\"Select Options\"\r\n control={control}\r\n options={checkboxOptions}\r\n size={size}\r\n />\r\n <FormInputRadioButtonGroup\r\n name=\"radiogroup\"\r\n label=\"Radio Group\"\r\n control={control}\r\n options={radioOptions}\r\n size={size}\r\n />\r\n </Box>\r\n <Box sx={{ display: \"flex\", gap: 2, mt: 2 }}>\r\n <FormInputCheckBox name=\"checkbox\" label=\"Checkbox\" control={control} size={size} />\r\n <FormInputSingleRadio name=\"singleradio\" label=\"Radio\" control={control} size={size} />\r\n <FormInputSwitch name=\"switch\" label=\"Switch\" control={control} size={size} />\r\n </Box>\r\n </Box>\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <FormInputTimeClock name=\"timeclock\" label=\"Time Clock\" control={control} size={size} />\r\n </Box>\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <FormInputCalendar name=\"calendar\" label=\"Calendar\" control={control} size={size} />\r\n </Box>\r\n {/* Box Inputs */}\r\n <Box>\r\n <FormInputSlider name=\"slider\" label=\"Slider\" control={control} size={size} />\r\n </Box>\r\n <Box\r\n sx={{\r\n gridColumn: { xs: \"1\", md: \"1 / -1\" },\r\n display: \"flex\",\r\n gap: 2,\r\n justifyContent: \"flex-end\"\r\n }}\r\n >\r\n <Button variant=\"outlined\" onClick={() => reset()}>\r\n Reset\r\n </Button>\r\n <Button type=\"submit\" variant=\"contained\">\r\n Submit\r\n </Button>\r\n </Box>\r\n </Box>\r\n </form>\r\n </Paper>\r\n );\r\n};\r\n\r\nexport default ReactHookForm;\r\n","// HookFormFields Imports\r\nimport {\r\n\tFormInputTextField,\r\n\tFormInputTextArea,\r\n\tFormInputPasswordField,\r\n\tFormInputNumberField,\r\n\tFormInputTelField,\r\n\tFormInputSearchField,\r\n\tFormInputOTPField,\r\n\tFormInputSelect,\r\n\tFormInputMultiSelect,\r\n\tFormInputAutoComplete,\r\n\tFormInputMultiAutoComplete,\r\n\tFormInputColorPicker,\r\n\tFormInputFileUpload,\r\n\tFormInputDatePicker,\r\n\tFormInputTimePicker,\r\n\tFormInputTimeClock,\r\n\tFormInputCalendar,\r\n\tFormInputCheckBox,\r\n\tFormInputCheckBoxGroup,\r\n\tFormInputSwitch,\r\n\tFormInputSlider,\r\n\tFormInputSingleRadio,\r\n\tFormInputRadioButtonGroup,\r\n} from \"./pkg/HookFormFields\";\r\n\r\nimport type {\r\n\tIFormInputFields,\r\n\tIFormInputFieldsWithOptions,\r\n\tIFormInputDateFields,\r\n\tIFormInputNumberFields,\r\n\tIFormInputTextAreaFields,\r\n\tIFormInputRadioFields,\r\n\tIFormInputCheckBoxGroupFields,\r\n\tOption,\r\n} from \"./pkg/HookFormFields\";\r\n\r\n// FormFields Imports\r\nimport TextInputField from \"./pkg/FormFields/TextFields/TextInputField\";\r\nimport PasswordField from \"./pkg/FormFields/TextFields/PasswordField\";\r\nimport NumberField from \"./pkg/FormFields/TextFields/NumberField\";\r\nimport TelInputField from \"./pkg/FormFields/TextFields/TelInputField\";\r\nimport SearchInputField from \"./pkg/FormFields/TextFields/SearchInputField\";\r\nimport OTPField from \"./pkg/FormFields/TextFields/OTPField\";\r\n\r\nimport SelectInputField from \"./pkg/FormFields/DropdownFields/SelectInputField\";\r\nimport AutoCompleteField from \"./pkg/FormFields/DropdownFields/AutoCompleteField\";\r\nimport ColorPickerField from \"./pkg/FormFields/DropdownFields/ColorPickerField\";\r\nimport FileUploadField from \"./pkg/FormFields/DropdownFields/FileUploadField\";\r\n\r\nimport DatePickerField from \"./pkg/FormFields/DateFields/DatePickerField\";\r\nimport TimePickerField from \"./pkg/FormFields/DateFields/TimePickerField\";\r\nimport TimeClockField from \"./pkg/FormFields/DateFields/TimeClockField\";\r\nimport DateCalendarField from \"./pkg/FormFields/DateFields/DateCalendarField\";\r\n\r\nimport CheckBoxField from \"./pkg/FormFields/BoxFields/CheckBoxField\";\r\nimport CheckBoxFieldGroup from \"./pkg/FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport RadioButtonField from \"./pkg/FormFields/BoxFields/RadioButtonField\";\r\nimport RadioButtonFieldGroup from \"./pkg/FormFields/BoxFields/RadioButtonFieldGroup\";\r\nimport SwitchField from \"./pkg/FormFields/BoxFields/SwitchField\";\r\nimport SliderField from \"./pkg/FormFields/BoxFields/SliderField\";\r\nimport NormalForm from \"./pkg/FormBuild/Form\";\r\nimport ReactHookForm from \"./pkg/FormBuild/HookForm\";\r\n\r\nexport { NormalForm as DemoForm, ReactHookForm as DemoHookForm };\r\n// Named Exports\r\nexport {\r\n\t// HookFormFields\r\n\tFormInputTextField,\r\n\tFormInputTextArea,\r\n\tFormInputPasswordField,\r\n\tFormInputNumberField,\r\n\tFormInputTelField,\r\n\tFormInputSearchField,\r\n\tFormInputOTPField,\r\n\tFormInputSelect,\r\n\tFormInputMultiSelect,\r\n\tFormInputAutoComplete,\r\n\tFormInputMultiAutoComplete,\r\n\tFormInputColorPicker,\r\n\tFormInputFileUpload,\r\n\tFormInputDatePicker,\r\n\tFormInputTimePicker,\r\n\tFormInputTimeClock,\r\n\tFormInputCalendar,\r\n\tFormInputCheckBox,\r\n\tFormInputCheckBoxGroup,\r\n\tFormInputSwitch,\r\n\tFormInputSlider,\r\n\tFormInputSingleRadio,\r\n\tFormInputRadioButtonGroup,\r\n\t// FormFields\r\n\tTextInputField,\r\n\tPasswordField,\r\n\tNumberField,\r\n\tTelInputField,\r\n\tSearchInputField,\r\n\tOTPField,\r\n\tSelectInputField,\r\n\tAutoCompleteField,\r\n\tColorPickerField,\r\n\tFileUploadField,\r\n\tDatePickerField,\r\n\tTimePickerField,\r\n\tTimeClockField,\r\n\tDateCalendarField,\r\n\tCheckBoxField,\r\n\tCheckBoxFieldGroup,\r\n\tRadioButtonField,\r\n\tRadioButtonFieldGroup,\r\n\tSwitchField,\r\n\tSliderField,\r\n};\r\n\r\n// Type Exports\r\nexport type {\r\n\tIFormInputFields,\r\n\tIFormInputFieldsWithOptions,\r\n\tIFormInputDateFields,\r\n\tIFormInputNumberFields,\r\n\tIFormInputTextAreaFields,\r\n\tIFormInputRadioFields,\r\n\tIFormInputCheckBoxGroupFields,\r\n\tOption,\r\n};\r\n\r\n// Default Export\r\nconst FormFields = {\r\n\t// HookFormFields\r\n\tFormInputTextField,\r\n\tFormInputTextArea,\r\n\tFormInputPasswordField,\r\n\tFormInputNumberField,\r\n\tFormInputTelField,\r\n\tFormInputSearchField,\r\n\tFormInputOTPField,\r\n\tFormInputSelect,\r\n\tFormInputMultiSelect,\r\n\tFormInputAutoComplete,\r\n\tFormInputMultiAutoComplete,\r\n\tFormInputColorPicker,\r\n\tFormInputFileUpload,\r\n\tFormInputDatePicker,\r\n\tFormInputTimePicker,\r\n\tFormInputTimeClock,\r\n\tFormInputCalendar,\r\n\tFormInputCheckBox,\r\n\tFormInputCheckBoxGroup,\r\n\tFormInputSwitch,\r\n\tFormInputSlider,\r\n\tFormInputSingleRadio,\r\n\tFormInputRadioButtonGroup,\r\n\t// FormFields\r\n\tTextInputField,\r\n\tPasswordField,\r\n\tNumberField,\r\n\tTelInputField,\r\n\tSearchInputField,\r\n\tOTPField,\r\n\tSelectInputField,\r\n\tAutoCompleteField,\r\n\tColorPickerField,\r\n\tFileUploadField,\r\n\tDatePickerField,\r\n\tTimePickerField,\r\n\tTimeClockField,\r\n\tDateCalendarField,\r\n\tCheckBoxField,\r\n\tCheckBoxFieldGroup,\r\n\tRadioButtonField,\r\n\tRadioButtonFieldGroup,\r\n\tSwitchField,\r\n\tSliderField,\r\n};\r\n\r\nexport default FormFields;\r\n"],"mappings":"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","names":["memo","Controller","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useMemo","jsx","TextInputField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","multiline","rows","minRows","maxRows","resize","maxLength","minLength","type","autoComplete","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots","textTransform","textFieldProps","__objRest","handleKeyDown","useCallback","event","handleChange","transformedValue","char","inputProps","useMemo","__spreadValues","startAdornmentElement","InputAdornment","endAdornmentElement","finalSlotProps","__spreadProps","finalInputStyles","displayHelperText","FormControl","TextField","TextInputField_default","jsx","FormInputTextField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TextInputField_default","__spreadProps","__spreadValues","e","FormInputTextField_default","memo","Controller","jsx","FormInputTextArea","memo","_a","_b","name","label","control","rows","minRows","maxRows","resize","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TextInputField_default","__spreadProps","__spreadValues","e","FormInputTextArea_default","memo","Controller","Visibility","VisibilityOff","FormControl","FormHelperText","IconButton","InputAdornment","TextField","forwardRef","useState","memo","useCallback","useMemo","jsx","jsxs","calculatePasswordStrength","password","strength","getPasswordStrengthColor","PasswordField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onVisibilityToggle","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showPasswordStrength","minLength","maxLength","defaultShowPassword","visibilityIcon","Visibility","visibilityOffIcon","VisibilityOff","iconButtonProps","getPasswordStrength","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","showPassword","setShowPassword","useState","togglePasswordVisibility","useCallback","prev","newVisibility","passwordStrength","useMemo","getStrengthIndicator","strengthColor","strengthText","handleChange","event","newValue","endAdornmentElement","InputAdornment","IconButton","__spreadProps","__spreadValues","e","finalSlotProps","displayHelperText","FormControl","TextField","FormHelperText","PasswordField_default","jsx","FormInputPasswordField","memo","_a","_b","name","label","control","size","defaultValue","onChange","props","__objRest","Controller","field","error","sizeProp","restProps","PasswordField_default","__spreadProps","__spreadValues","e","FormInputPasswordField_default","memo","Controller","FormControl","InputAdornment","TextField","forwardRef","useState","useEffect","useCallback","memo","useMemo","jsx","extractDigits","value","formatByPattern","digits","pattern","formatted","digitIndex","i","generatePlaceholderFromPattern","formatPhoneNumber","numbers","formatCreditCard","_a","formatCurrency","allowDecimals","parts","formatSSN","formatZipCode","formatPercentage","NumberField","memo","forwardRef","ref","_b","name","label","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","customPattern","customFormatter","min","max","step","decimalPlaces","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","displayValue","setDisplayValue","useState","isPatternString","activePatternString","activePatternType","formatValue","useCallback","inputValue","useEffect","prev","isValidInput","key","maxDigits","testValue","handleChange","event","formattedValue","digitsOnly","syntheticEvent","__spreadProps","__spreadValues","handlePaste","pastedText","limitedDigits","handleKeyDown","input","currentValue","inputProps","useMemo","startAdornmentElement","InputAdornment","endAdornmentElement","finalSlotProps","inputType","displayPlaceholder","displayHelperText","FormControl","TextField","NumberField_default","jsx","FormInputNumberField","memo","_a","_b","name","label","control","pattern","min","max","step","allowDecimals","decimalPlaces","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","NumberField_default","__spreadProps","__spreadValues","e","FormInputNumberField_default","memo","Controller","FormControl","InputAdornment","TextField","forwardRef","useState","useEffect","useRef","memo","useCallback","useMemo","jsx","extractDigits","value","formatByPattern","digits","pattern","formatted","digitIndex","i","generatePlaceholder","TeliField","memo","forwardRef","_a","ref","_b","name","label","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","maxLength","countryCode","showCountryCode","startAdornment","endAdornment","inputStyles","formControlStyles","countryCodeStyles","slotProps","slots","textFieldProps","__objRest","displayValue","setDisplayValue","useState","inputRef","useRef","calculatedMaxLength","useEffect","prev","cursorPosition","handleChange","useCallback","event","inputValue","limitedDigits","formattedValue","syntheticEvent","__spreadProps","__spreadValues","handlePaste","pastedText","handleKeyDown","key","isNumber","isAllowedKey","inputProps","useMemo","finalStartAdornment","InputAdornment","endAdornmentElement","finalSlotProps","displayPlaceholder","displayHelperText","FormControl","TextField","TelInputField_default","jsx","FormInputTelField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TelInputField_default","__spreadProps","__spreadValues","e","FormInputTelField_default","memo","Controller","Close","Search","FormControl","IconButton","InputAdornment","TextField","forwardRef","useEffect","useRef","memo","useCallback","useMemo","jsx","jsxs","SearchField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onSearch","onClear","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showClearButton","showSearchButton","clearIcon","searchIcon","clearButtonProps","searchButtonProps","enableDebounce","debounceDelay","enableThrottle","throttleDelay","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","debounceTimerRef","useRef","throttleTimerRef","lastThrottleCallRef","useEffect","debouncedSearch","useCallback","searchVal","throttledSearch","now","timeSinceLastCall","handleChange","event","newValue","handleClear","handleSearch","handleKeyDown","endAdornment","useMemo","InputAdornment","IconButton","__spreadProps","__spreadValues","Close","Search","displayHelperText","FormControl","TextField","SearchInputField_default","jsx","FormInputSearchField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SearchInputField_default","__spreadProps","__spreadValues","e","FormInputSearchField_default","memo","Controller","FormControl","FormHelperText","TextField","Box","forwardRef","useState","useRef","useEffect","jsx","jsxs","OTPField","forwardRef","_a","ref","_b","name","label","value","onChange","onComplete","onFocus","onBlur","onEnterPress","error","helperText","disabled","variant","size","color","fullWidth","required","length","spacing","autoFocus","autoSubmit","containerStyles","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","otpValues","setOtpValues","useState","inputRefs","useRef","lastSentValueRef","isInternalUpdateRef","otpValuesRef","inputSessionActiveRef","inputSessionTimeoutRef","useEffect","currentOtpString","currentDigits","incomingDigits","values","paddedValues","handleChange","index","event","inputValue","updateValue","lastChar","newValue","shouldAutoFocusNext","newOtpValues","otpString","val","handleKeyDown","_c","key","handlePaste","digits","startIndex","i","nextEmptyIndex","focusIndex","handleFocus","_index","handleBlur","FormControl","Box","__spreadValues","otpValue","TextField","el","e","__spreadProps","FormHelperText","OTPField_default","jsx","FormInputOTPField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","OTPField_default","__spreadProps","__spreadValues","value","FormInputOTPField_default","memo","useMemo","Controller","FormControl","FormHelperText","InputLabel","MenuItem","Select","forwardRef","jsx","jsxs","SelectInputField","forwardRef","_a","ref","_b","name","label","value","onChange","onOpen","onClose","options","error","helperText","disabled","variant","size","color","fullWidth","required","multiple","icon","renderValue","renderMenuItem","menuItemStyles","selectStyles","formControlStyles","labelStyles","slotProps","slots","displayEmpty","autoWidth","native","MenuProps","selectProps","__objRest","defaultRenderValue","selected","val","option","opt","defaultRenderMenuItem","index","menuItemSx","MenuItem","handleChange","event","child","labelId","selectId","FormControl","InputLabel","Select","__spreadProps","__spreadValues","FormHelperText","SelectInputField_default","jsx","FormInputSelect","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","SelectInputField_default","__spreadProps","__spreadValues","e","FormInputSelect_default","memo","useMemo","Controller","jsx","FormInputMultiSelect","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","fieldValue","SelectInputField_default","__spreadProps","__spreadValues","e","FormInputMultiSelect_default","memo","Controller","Autocomplete","FormControl","FormHelperText","TextField","forwardRef","memo","useCallback","jsx","jsxs","AutoCompleteField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onInputChange","onOpen","onClose","options","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","getOptionLabel","isOptionEqualToValue","renderOption","popupIcon","inputStyles","autocompleteStyles","formControlStyles","loading","loadingText","noOptionsText","filterOptions","autoHighlight","autoSelect","disablePortal","disableListWrap","slotProps","slots","autocompleteProps","__objRest","defaultGetOptionLabel","useCallback","option","defaultIsOptionEqualToValue","handleChange","event","newValue","reason","FormControl","Autocomplete","__spreadProps","__spreadValues","params","TextField","FormHelperText","AutoCompleteField_default","jsx","FormInputAutoComplete","memo","_a","_b","name","label","control","options","disabled","placeholder","defaultValue","onChange","props","__objRest","Controller","field","error","value","onBlur","size","restProps","AutoCompleteField_default","__spreadProps","__spreadValues","_","newValue","FormInputAutoComplete_default","memo","useMemo","Controller","jsx","FormInputMultiAutoComplete","memo","_a","_b","name","label","control","options","disabled","placeholder","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","value","onBlur","size","restProps","fieldValue","AutoCompleteField_default","__spreadProps","__spreadValues","_","newValue","FormInputMultiAutoComplete_default","memo","Controller","Box","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useEffect","useMemo","useRef","useState","jsx","jsxs","isValidHex","color","normalizeHex","hex","char","ColorPickerField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","fullWidth","required","format","showPreview","showNativeInput","showPopoverPicker","presetColors","showPresetColors","previewStyles","formControlStyles","inputStyles","slotProps","slots","textFieldProps","__objRest","internalValue","setInternalValue","useState","colorInputRef","useRef","popoverAnchorRef","useEffect","normalizedValue","handleChange","useCallback","event","newValue","handleColorInputChange","handlePreviewClick","handleKeyDown","previewSwatch","useMemo","jsx","InputAdornment","Box","__spreadValues","finalSlotProps","__spreadProps","displayHelperText","jsxs","FormControl","TextField","ColorPickerField_default","jsx","FormInputColorPicker","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","ColorPickerField_default","__spreadProps","__spreadValues","color","FormInputColorPicker_default","memo","useRef","Controller","Clear","CloudUploadIcon","FormControl","FormHelperText","IconButton","InputAdornment","TextField","forwardRef","useRef","useState","jsx","jsxs","FileUploadField","forwardRef","_a","ref","_b","name","label","value","onChange","onFileSelect","onFileRemove","onValidationError","onDrop","error","helperText","disabled","accept","multiple","maxSize","minSize","allowedTypes","showPreview","enableDragDrop","placeholder","variant","size","color","fullWidth","required","buttonText","buttonVariant","buttonColor","buttonSize","uploadIcon","CloudUploadIcon","inputStyles","buttonStyles","formControlStyles","containerStyles","slotProps","slots","textFieldProps","__objRest","internalRef","useRef","isDragging","setIsDragging","useState","setDragCounter","fileInputRef","getFileName","validateFile","file","formatFileSize","fileType","getFileExtension","type","bytes","k","sizes","i","filename","handleFileChange","event","files","fileArray","validFiles","hasError","validationError","result","handleButtonClick","handleFileRemove","handleDragEnter","e","prev","handleDragLeave","newCounter","handleDragOver","handleDrop","fileName","displayValue","FormControl","TextField","__spreadProps","__spreadValues","InputAdornment","IconButton","Clear","FormHelperText","FileUploadField_default","jsx","FormInputFileUpload","memo","_a","_b","name","label","control","size","defaultValue","onChange","props","__objRest","fileRef","useRef","Controller","field","error","FileUploadField_default","__spreadProps","__spreadValues","files","FormInputFileUpload_default","memo","Controller","ClearIcon","Box","FormControl","FormHelperText","FormLabel","IconButton","TextField","DatePicker","LocalizationProvider","AdapterDateFns","React","forwardRef","useRef","jsx","jsxs","DatePickerField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onMonthChange","onYearChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","referenceDate","view","format","openTo","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","title","dateAdapter","AdapterDateFns","reduceAnimations","autoFocus","datePickerProps","__objRest","inputRef","useRef","handleChange","newValue","handleClear","defaultPlaceholder","mergedSlotProps","__spreadProps","__spreadValues","FormControl","FormLabel","Box","LocalizationProvider","DatePicker","ActionableTextField","FormHelperText","props","clearable","onClear","showClear","InputProps","other","TextField","React","IconButton","ClearIcon","DatePickerField_default","jsx","FormInputDatePicker","memo","_a","_b","name","label","control","size","readOnly","shouldDisableDate","disabled","placeholder","defaultValue","onChange","props","__objRest","Controller","field","error","views","ampm","ampmInClock","timezone","restProps","DatePickerField_default","__spreadProps","__spreadValues","newValue","FormInputDatePicker_default","memo","Controller","ClearIcon","Box","FormControl","FormHelperText","FormLabel","IconButton","TextField","LocalizationProvider","TimePicker","AdapterDateFns","React","forwardRef","useRef","jsx","jsxs","TimePickerField","forwardRef","_a","ref","_b","name","label","title","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minTime","maxTime","shouldDisableTime","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","ampm","views","view","openTo","format","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","dateAdapter","AdapterDateFns","autoFocus","timePickerProps","__objRest","inputRef","useRef","handleChange","newValue","handleClear","defaultPlaceholder","mergedSlotProps","__spreadProps","__spreadValues","FormControl","FormLabel","Box","LocalizationProvider","TimePicker","ActionableTextField","FormHelperText","props","clearable","onClear","showClear","InputProps","other","TextField","React","IconButton","ClearIcon","TimePickerField_default","jsx","FormInputTimePicker","memo","_a","_b","name","label","control","ampm","timezone","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TimePickerField_default","__spreadProps","__spreadValues","newValue","FormInputTimePicker_default","Box","FormLabel","memo","useMemo","Controller","Box","Button","FormControl","FormHelperText","Stack","LocalizationProvider","TimeClock","AdapterDateFns","forwardRef","useState","jsx","jsxs","TimeClockField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","error","helperText","disabled","fullWidth","required","views","ampmInClock","ampm","disablePast","disableFuture","minTime","maxTime","shouldDisableTime","clockStyles","formControlStyles","formLabelStyles","containerStyles","buttonsStackStyles","buttonStyles","activeButtonStyles","showViewButtons","initialView","controlledView","controlledOnViewChange","slotProps","slots","dateAdapter","AdapterDateFns","autoFocus","timeClockProps","__objRest","internalView","setInternalView","useState","view","setView","handleChange","newValue","handleViewChange","newView","FormControl","Box","__spreadValues","Stack","v","Button","LocalizationProvider","TimeClock","__spreadProps","FormHelperText","TimeClockField_default","jsx","jsxs","FormInputTimeClock","memo","_a","_b","name","label","control","readOnly","disabled","ampm","views","ampmInClock","disablePast","defaultValue","onChange","props","__objRest","ampmValue","useMemo","Box","t","FormLabel","Controller","field","error","TimeClockField_default","__spreadProps","__spreadValues","newValue","FormInputTimeClock_default","Box","FormLabel","memo","Controller","Box","FormControl","FormHelperText","DateCalendar","LocalizationProvider","AdapterDateFns","forwardRef","jsx","jsxs","DateCalendarField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","onViewChange","onMonthChange","onYearChange","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","calendarStyles","formControlStyles","formLabelStyles","containerStyles","slotProps","slots","dateAdapter","AdapterDateFns","showDaysOutsideCurrentMonth","disablePast","disableFuture","referenceDate","view","dateCalendarProps","__objRest","handleChange","newValue","FormControl","Box","__spreadValues","LocalizationProvider","DateCalendar","__spreadProps","FormHelperText","DateCalendarField_default","jsx","jsxs","FormInputCalendar","memo","_a","_b","name","label","control","readOnly","disabled","defaultValue","onChange","props","__objRest","Box","t","FormLabel","Controller","field","error","views","restProps","DateCalendarField_default","__spreadProps","__spreadValues","newValue","FormInputCalender_default","memo","Controller","Checkbox","FormControl","FormControlLabel","FormHelperText","forwardRef","jsx","jsxs","CheckboxField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","indeterminate","checkboxStyles","labelStyles","formControlStyles","slotProps","slots","checkboxProps","__objRest","handleChange","_event","checked","handleClick","event","FormControl","FormControlLabel","Checkbox","__spreadProps","__spreadValues","FormHelperText","CheckBoxField_default","jsx","FormInputCheckBox","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","CheckBoxField_default","__spreadProps","__spreadValues","checked","FormInputCheckBox_default","memo","useMemo","Controller","Box","Checkbox","FormControl","FormControlLabel","FormHelperText","FormLabel","forwardRef","jsx","jsxs","CheckboxFieldGroup","forwardRef","_a","ref","_b","name","label","value","options","onChange","onFocus","onBlur","onClick","error","helperText","disabled","fullWidth","required","color","size","labelPlacement","row","checkedIcon","icon","checkboxStyles","labelStyles","formControlStyles","renderCheckbox","slotProps","sxProps","slots","formLabelStyles","formLabelProps","formControlLabelProps","formControlProps","__objRest","handleChange","optionValue","event","isChecked","newValue","val","handleFocus","handleBlur","handleClick","defaultRenderCheckbox","option","index","handleChangeFn","FormControlLabel","__spreadValues","Checkbox","FormControl","__spreadProps","FormLabel","Box","changeHandler","FormHelperText","CheckBoxFieldGroup_default","jsx","FormInputCheckBoxGroup","memo","_a","_b","name","label","control","options","defaultValue","onChange","row","color","labelPlacement","props","__objRest","checkboxOptions","useMemo","option","Controller","field","error","size","restProps","fieldValue","CheckBoxFieldGroup_default","__spreadProps","__spreadValues","value","FormInputCheckBoxGroup_default","memo","Controller","FormControl","FormControlLabel","FormHelperText","Switch","forwardRef","jsx","jsxs","SwitchField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","edge","switchStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps","switchProps","__objRest","handleChange","_event","checked","handleClick","event","switchComponent","Switch","__spreadProps","__spreadValues","FormControl","FormControlLabel","FormHelperText","SwitchField_default","jsx","FormInputSwitch","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SwitchField_default","__spreadProps","__spreadValues","checked","FormInputSwitch_default","memo","Controller","FormControl","FormHelperText","FormLabel","Slider","forwardRef","jsx","jsxs","SliderField","forwardRef","_a","ref","_b","name","label","value","onChange","onChangeCommitted","onFocus","onBlur","error","helperText","disabled","fullWidth","required","orientation","min","max","step","valueLabelDisplay","valueLabelFormat","color","size","marks","track","sliderStyles","formControlStyles","formLabelStyles","slotProps","slots","formLabelProps","sliderProps","__objRest","handleChange","_event","newValue","_activeThumb","handleChangeCommitted","isVertical","FormControl","__spreadValues","FormLabel","__spreadProps","Slider","FormHelperText","SliderField_default","jsx","FormInputSlider","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SliderField_default","__spreadProps","__spreadValues","value","FormInputSlider_default","memo","Controller","FormControl","FormControlLabel","FormHelperText","Radio","forwardRef","jsx","jsxs","RadioButtonField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps","radioProps","__objRest","handleChange","_event","checked","handleClick","event","FormControl","FormControlLabel","__spreadValues","Radio","__spreadProps","FormHelperText","RadioButtonField_default","jsx","FormInputRadioButton","memo","_a","_b","name","label","control","checked","defaultValue","onChange","color","labelPlacement","props","__objRest","Controller","field","error","size","restProps","RadioButtonField_default","__spreadProps","__spreadValues","checkedValue","FormInputRadioButton_default","memo","useMemo","Controller","FormControl","FormControlLabel","FormHelperText","FormLabel","Radio","RadioGroup","forwardRef","jsx","jsxs","RadioButtonFieldGroup","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","options","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","row","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","formLabelStyles","renderRadio","sxProps","slotProps","slots","formLabelProps","formControlLabelProps","radioGroupProps","__objRest","handleChange","event","newValue","numericValue","opt","handleClick","defaultRenderRadio","option","FormControlLabel","__spreadProps","__spreadValues","Radio","FormControl","FormLabel","RadioGroup","index","FormHelperText","RadioButtonFieldGroup_default","jsx","FormInputRadioButtonGroup","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","RadioButtonFieldGroup_default","__spreadProps","__spreadValues","value","FormInputRadioButtonGroup_default","useState","Box","Paper","Typography","Button","Divider","jsx","jsxs","NormalForm","formData","setFormData","useState","errors","setErrors","selectOptions","checkboxOptions","radioOptions","handleChange","field","value","prev","__spreadProps","__spreadValues","newErrors","Paper","Typography","Divider","e","Box","TextInputField_default","PasswordField_default","NumberField_default","TelInputField_default","SearchInputField_default","OTPField_default","SelectInputField_default","AutoCompleteField_default","_","newValue","ColorPickerField_default","FileUploadField_default","DatePickerField_default","TimePickerField_default","CheckBoxFieldGroup_default","RadioButtonFieldGroup_default","CheckBoxField_default","RadioButtonField_default","SwitchField_default","TimeClockField_default","DateCalendarField_default","SliderField_default","Button","Form_default","Box","Button","Divider","Paper","Typography","useForm","jsx","jsxs","size","ReactHookForm","control","handleSubmit","errors","reset","useForm","selectOptions","checkboxOptions","radioOptions","Paper","Typography","Divider","data","Box","FormInputTextField_default","FormInputPasswordField_default","FormInputTextArea_default","FormInputNumberField_default","FormInputTelField_default","FormInputSearchField_default","FormInputOTPField_default","FormInputSelect_default","FormInputMultiSelect_default","FormInputAutoComplete_default","FormInputMultiAutoComplete_default","FormInputColorPicker_default","FormInputFileUpload_default","FormInputDatePicker_default","FormInputTimePicker_default","FormInputCheckBoxGroup_default","FormInputRadioButtonGroup_default","FormInputCheckBox_default","FormInputRadioButton_default","FormInputSwitch_default","FormInputTimeClock_default","FormInputCalender_default","FormInputSlider_default","Button","HookForm_default","FormFields","FormInputTextField_default","FormInputTextArea_default","FormInputPasswordField_default","FormInputNumberField_default","FormInputTelField_default","FormInputSearchField_default","FormInputOTPField_default","FormInputSelect_default","FormInputMultiSelect_default","FormInputAutoComplete_default","FormInputMultiAutoComplete_default","FormInputColorPicker_default","FormInputFileUpload_default","FormInputDatePicker_default","FormInputTimePicker_default","FormInputTimeClock_default","FormInputCalender_default","FormInputCheckBox_default","FormInputCheckBoxGroup_default","FormInputSwitch_default","FormInputSlider_default","FormInputRadioButton_default","FormInputRadioButtonGroup_default","TextInputField_default","PasswordField_default","NumberField_default","TelInputField_default","SearchInputField_default","OTPField_default","SelectInputField_default","AutoCompleteField_default","ColorPickerField_default","FileUploadField_default","DatePickerField_default","TimePickerField_default","TimeClockField_default","DateCalendarField_default","CheckBoxField_default","CheckBoxFieldGroup_default","RadioButtonField_default","RadioButtonFieldGroup_default","SwitchField_default","SliderField_default","index_default"]}
1
+ {"version":3,"sources":["../lib/pkg/FormBuild/Form.tsx","../lib/pkg/FormFields/BoxFields/CheckBoxField.tsx","../lib/pkg/FormFields/BoxFields/CheckBoxFieldGroup.tsx","../lib/pkg/FormFields/BoxFields/RadioButtonField.tsx","../lib/pkg/FormFields/BoxFields/RadioButtonFieldGroup.tsx","../lib/pkg/FormFields/BoxFields/SliderField.tsx","../lib/pkg/FormFields/BoxFields/SwitchField.tsx","../lib/pkg/FormFields/BoxFields/ToggleButtonField.tsx","../lib/pkg/FormFields/DateFields/DateCalendarField.tsx","../lib/pkg/FormFields/DateFields/DatePickerField.tsx","../lib/pkg/FormFields/DateFields/TimeClockField.tsx","../lib/pkg/FormFields/DateFields/TimePickerField.tsx","../lib/pkg/FormFields/DropdownFields/AutoCompleteField.tsx","../lib/pkg/FormFields/DropdownFields/ColorPickerField.tsx","../lib/pkg/FormFields/DropdownFields/FileUploadField.tsx","../lib/pkg/FormFields/DropdownFields/SelectInputField.tsx","../lib/pkg/FormFields/TextFields/NumberField.tsx","../lib/pkg/FormFields/TextFields/OTPField.tsx","../lib/pkg/FormFields/TextFields/PasswordField.tsx","../lib/pkg/FormFields/TextFields/SearchInputField.tsx","../lib/pkg/FormFields/TextFields/TelInputField.tsx","../lib/pkg/FormFields/TextFields/TextInputField.tsx","../lib/pkg/FormBuild/HookForm.tsx","../lib/pkg/HookFormFields/FormInputNumberField.tsx","../lib/pkg/HookFormFields/FormInputOTPField.tsx","../lib/pkg/HookFormFields/FormInputPasswordField.tsx","../lib/pkg/HookFormFields/FormInputSearchField.tsx","../lib/pkg/HookFormFields/FormInputTelField.tsx","../lib/pkg/HookFormFields/FormInputTextArea.tsx","../lib/pkg/HookFormFields/FormInputTextField.tsx","../lib/pkg/HookFormFields/FormInputAutoComplete.tsx","../lib/pkg/HookFormFields/FormInputColorPicker.tsx","../lib/pkg/HookFormFields/FormInputFileUpload.tsx","../lib/pkg/HookFormFields/FormInputMultiAutoComplete.tsx","../lib/pkg/HookFormFields/FormInputMultiSelect.tsx","../lib/pkg/HookFormFields/FormInputSelect.tsx","../lib/pkg/HookFormFields/FormInputCalendar.tsx","../lib/pkg/HookFormFields/FormInputDatePicker.tsx","../lib/pkg/HookFormFields/FormInputTimeClock.tsx","../lib/pkg/HookFormFields/FormInputTimePicker.tsx","../lib/pkg/HookFormFields/FormInputCheckBox.tsx","../lib/pkg/HookFormFields/FormInputCheckBoxGroup.tsx","../lib/pkg/HookFormFields/FormInputRadioButton.tsx","../lib/pkg/HookFormFields/FormInputRadioButtonGroup.tsx","../lib/pkg/HookFormFields/FormInputSlider.tsx","../lib/pkg/HookFormFields/FormInputSwitch.tsx","../lib/pkg/HookFormFields/FormInputToggleButton.tsx","../lib/index.ts"],"sourcesContent":["\"use client\";\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { Box, Button, Divider, Paper, Typography } from \"@mui/material\";\r\nimport React, { useState } from \"react\";\r\n\r\nimport CheckBoxField from \"../FormFields/BoxFields/CheckBoxField\";\r\nimport CheckBoxFieldGroup from \"../FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport RadioButtonField from \"../FormFields/BoxFields/RadioButtonField\";\r\nimport RadioButtonFieldGroup from \"../FormFields/BoxFields/RadioButtonFieldGroup\";\r\nimport SliderField from \"../FormFields/BoxFields/SliderField\";\r\nimport SwitchField from \"../FormFields/BoxFields/SwitchField\";\r\nimport ToggleButtonField from \"../FormFields/BoxFields/ToggleButtonField\";\r\nimport DateCalendarField from \"../FormFields/DateFields/DateCalendarField\";\r\nimport DatePickerField from \"../FormFields/DateFields/DatePickerField\";\r\nimport TimeClockField from \"../FormFields/DateFields/TimeClockField\";\r\nimport TimePickerField from \"../FormFields/DateFields/TimePickerField\";\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport ColorPickerField from \"../FormFields/DropdownFields/ColorPickerField\";\r\nimport FileUploadField from \"../FormFields/DropdownFields/FileUploadField\";\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport NumberField from \"../FormFields/TextFields/NumberField\";\r\nimport OTPField from \"../FormFields/TextFields/OTPField\";\r\nimport PasswordField from \"../FormFields/TextFields/PasswordField\";\r\nimport SearchInputField from \"../FormFields/TextFields/SearchInputField\";\r\nimport TelInputField from \"../FormFields/TextFields/TelInputField\";\r\n// Import all FormInputs (not HookFormFields)\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport type { Option } from \"../HookFormFields/types\";\r\n\r\nconst NormalForm = () => {\r\n // Form state\r\n const [formData, setFormData] = useState({\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [] as (string | number)[],\r\n autocomplete: null as Option | null,\r\n multiautocomplete: [] as Option[],\r\n color: \"#000000\",\r\n file: null as File | File[] | null,\r\n date: null as Date | null,\r\n time: null as Date | null,\r\n timeclock: null as Date | null,\r\n calendar: null as Date | null,\r\n checkbox: false,\r\n checkboxgroup: [] as (string | number)[],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\",\r\n status: \"ACTIVE\"\r\n });\r\n\r\n const [errors, setErrors] = useState<Record<string, string>>({});\r\n\r\n // Options for dropdowns\r\n const selectOptions: Option[] = [\r\n { name: \"Option 1\", value: \"opt1\" },\r\n { name: \"Option 2\", value: \"opt2\" },\r\n { name: \"Option 3\", value: \"opt3\" }\r\n ];\r\n\r\n const checkboxOptions = [\r\n { value: \"check1\", label: \"Checkbox 1\" },\r\n { value: \"check2\", label: \"Checkbox 2\" },\r\n { value: \"check3\", label: \"Checkbox 3\" }\r\n ];\r\n\r\n const radioOptions = [\r\n { name: \"Radio 1\", value: \"radio1\" },\r\n { name: \"Radio 2\", value: \"radio2\" },\r\n { name: \"Radio 3\", value: \"radio3\" }\r\n ];\r\n\r\n const handleChange = (field: string) => (value: any) => {\r\n setFormData((prev) => ({ ...prev, [field]: value }));\r\n // Clear error when user types\r\n if (errors[field]) {\r\n setErrors((prev) => {\r\n const newErrors = { ...prev };\r\n delete newErrors[field];\r\n return newErrors;\r\n });\r\n }\r\n };\r\n\r\n const handleSubmit = (e: React.SubmitEvent) => {\r\n e.preventDefault();\r\n console.log(\"Normal Form Data:\", formData);\r\n };\r\n\r\n return (\r\n <Paper sx={{ padding: 3, maxWidth: \"100%\", margin: \"auto\" }}>\r\n <Typography variant=\"h4\" gutterBottom>\r\n Normal Form (Direct FormInputs)\r\n </Typography>\r\n <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\r\n Using FormInputs directly with useState\r\n </Typography>\r\n <Divider sx={{ my: 2 }} />\r\n\r\n <form onSubmit={handleSubmit}>\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { xs: \"1fr\", md: \"1fr 1fr\" },\r\n gap: 2\r\n }}\r\n >\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n {/* Text Inputs */}\r\n <TextInputField\r\n name=\"text\"\r\n label=\"Text Field\"\r\n value={formData.text}\r\n onChange={(e) => handleChange(\"text\")(e.target.value)}\r\n error={errors.text ? { message: errors.text } : null}\r\n />\r\n <PasswordField\r\n name=\"password\"\r\n label=\"Password\"\r\n value={formData.password}\r\n onChange={(e) => handleChange(\"password\")(e.target.value)}\r\n error={errors.password ? { message: errors.password } : null}\r\n />\r\n </Box>\r\n\r\n <TextInputField\r\n name=\"textarea\"\r\n label=\"Text Area\"\r\n value={formData.textarea}\r\n onChange={(e) => handleChange(\"textarea\")(e.target.value)}\r\n multiline\r\n rows={4}\r\n />\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n <NumberField\r\n name=\"number\"\r\n label=\"Number\"\r\n pattern=\"credit-card\"\r\n value={formData.number}\r\n onChange={(e) => handleChange(\"number\")(e.target.value)}\r\n />\r\n <TelInputField\r\n name=\"tel\"\r\n label=\"Telephone\"\r\n pattern=\"XX-XXXX-XXXX\"\r\n value={formData.tel}\r\n onChange={(e) => handleChange(\"tel\")(e.target.value)}\r\n />\r\n </Box>\r\n\r\n <SearchInputField\r\n name=\"search\"\r\n label=\"Search\"\r\n value={formData.search}\r\n onChange={(e) => handleChange(\"search\")(e.target.value)}\r\n />\r\n\r\n <OTPField name=\"otp\" value={formData.otp} onChange={handleChange(\"otp\")} length={6} spacing={2} />\r\n\r\n {/* Dropdowns */}\r\n <SelectInputField\r\n name=\"select\"\r\n label=\"Select\"\r\n value={formData.select}\r\n onChange={(e) => handleChange(\"select\")(e.target.value)}\r\n options={selectOptions}\r\n />\r\n\r\n <SelectInputField\r\n name=\"multiselect\"\r\n label=\"Multi Select\"\r\n value={formData.multiselect}\r\n onChange={(e) => handleChange(\"multiselect\")(e.target.value)}\r\n options={selectOptions}\r\n multiple\r\n />\r\n\r\n <AutoCompleteField\r\n name=\"autocomplete\"\r\n label=\"Autocomplete\"\r\n value={formData.autocomplete}\r\n onChange={(_, newValue) => handleChange(\"autocomplete\")(newValue)}\r\n options={selectOptions}\r\n />\r\n\r\n <AutoCompleteField\r\n name=\"multiautocomplete\"\r\n label=\"Multi Autocomplete\"\r\n value={formData.multiautocomplete}\r\n onChange={(_, newValue) => handleChange(\"multiautocomplete\")(newValue)}\r\n options={selectOptions}\r\n multiple\r\n />\r\n\r\n <ColorPickerField name=\"color\" label=\"Color Picker\" value={formData.color} onChange={handleChange(\"color\")} />\r\n\r\n <FileUploadField name=\"file\" label=\"File Upload\" value={formData.file} onChange={handleChange(\"file\")} />\r\n\r\n {/* Date/Time */}\r\n <DatePickerField name=\"date\" value={formData.date} onChange={handleChange(\"date\")} />\r\n <Box>\r\n <TimePickerField name=\"time\" value={formData.time} onChange={handleChange(\"time\")} />\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { md: \"1fr 1fr\" },\r\n gap: 2,\r\n mt: 2\r\n }}\r\n >\r\n <CheckBoxFieldGroup\r\n name=\"checkboxgroup\"\r\n label=\"Checkbox Group\"\r\n value={formData.checkboxgroup}\r\n onChange={handleChange(\"checkboxgroup\")}\r\n options={checkboxOptions}\r\n />\r\n <RadioButtonFieldGroup\r\n name=\"radiogroup\"\r\n label=\"Radio Group\"\r\n value={formData.radiogroup}\r\n onChange={handleChange(\"radiogroup\")}\r\n options={radioOptions}\r\n />\r\n </Box>\r\n <Box sx={{ display: \"flex\", gap: 2, mt: 2 }}>\r\n <CheckBoxField\r\n name=\"checkbox\"\r\n label=\"Checkbox\"\r\n value={formData.checkbox}\r\n onChange={handleChange(\"checkbox\")}\r\n />\r\n\r\n <RadioButtonField\r\n name=\"singleradio\"\r\n label=\"Radio\"\r\n value={formData.singleradio}\r\n onChange={handleChange(\"singleradio\")}\r\n />\r\n <SwitchField name=\"switch\" label=\"Switch\" value={formData.switch} onChange={handleChange(\"switch\")} />\r\n </Box>\r\n </Box>\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <TimeClockField\r\n name=\"timeclock\"\r\n label=\"Time Clock\"\r\n value={formData.timeclock}\r\n onChange={handleChange(\"timeclock\")}\r\n />\r\n </Box>\r\n\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <DateCalendarField\r\n name=\"calendar\"\r\n label=\"Calendar\"\r\n value={formData.calendar}\r\n onChange={handleChange(\"calendar\")}\r\n />\r\n </Box>\r\n\r\n {/* Box Inputs */}\r\n\r\n <SliderField\r\n name=\"slider\"\r\n label=\"Slider\"\r\n value={formData.slider}\r\n onChange={handleChange(\"slider\")}\r\n min={0}\r\n max={100}\r\n />\r\n\r\n <ToggleButtonField\r\n name=\"status\"\r\n label=\"Status\"\r\n value={formData.status}\r\n onChange={handleChange(\"status\")}\r\n options={[\r\n { name: \"Active\", value: \"ACTIVE\", color: \"success\" },\r\n { name: \"Inactive\", value: \"INACTIVE\", color: \"error\" }\r\n ]}\r\n exclusive\r\n fullWidth\r\n />\r\n\r\n <Box\r\n sx={{\r\n gridColumn: { xs: \"1\", md: \"1 / -1\" },\r\n display: \"flex\",\r\n gap: 2,\r\n justifyContent: \"flex-end\"\r\n }}\r\n >\r\n <Button\r\n variant=\"outlined\"\r\n onClick={() =>\r\n setFormData({\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [],\r\n autocomplete: null,\r\n multiautocomplete: [],\r\n color: \"#000000\",\r\n file: null,\r\n date: null,\r\n time: null,\r\n timeclock: null,\r\n calendar: null,\r\n checkbox: false,\r\n checkboxgroup: [],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\",\r\n status: \"ACTIVE\"\r\n })\r\n }\r\n >\r\n Reset\r\n </Button>\r\n <Button type=\"submit\" variant=\"contained\">\r\n Submit\r\n </Button>\r\n </Box>\r\n </Box>\r\n </form>\r\n </Paper>\r\n );\r\n};\r\n\r\nexport default NormalForm;\r\n","\"use client\";\r\nimport {\r\n Checkbox,\r\n type CheckboxProps,\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n FormHelperText\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Checkbox Field Props\r\n * Extends MUI CheckboxProps with custom form field props\r\n */\r\nexport interface ICheckboxFieldProps extends Omit<CheckboxProps, \"checked\" | \"onChange\" | \"name\"> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the checkbox */\r\n label?: React.ReactNode;\r\n /** Current checked state */\r\n value: boolean;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below checkbox */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Checkbox color */\r\n color?: CheckboxProps[\"color\"];\r\n /** Checkbox size */\r\n size?: CheckboxProps[\"size\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Label placement */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (checked: boolean) => void;\r\n /** Callback fired when checkbox is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n /** Callback fired when checkbox receives focus */\r\n onFocus?: CheckboxProps[\"onFocus\"];\r\n /** Callback fired when checkbox loses focus */\r\n onBlur?: CheckboxProps[\"onBlur\"];\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for the Checkbox */\r\n checkboxStyles?: CheckboxProps[\"sx\"];\r\n /** Custom styles for FormControlLabel */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Indeterminate state */\r\n indeterminate?: boolean;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: CheckboxProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: CheckboxProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Checkbox Field Component\r\n *\r\n * A customizable checkbox field built on top of Material UI Checkbox and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible checkbox with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard checkbox behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the checkbox\r\n * @param {boolean} value - {boolean} Current checked state (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below checkbox\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Checkbox color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Checkbox size (maps to 'medium' for 'large')\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to checkbox\r\n * @param {(checked: boolean) => void} [onChange] - {(checked: boolean) => void} Callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {(event: React.MouseEvent<HTMLButtonElement>) => void} Callback fired when clicked\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onFocus] - {React.FocusEventHandler<HTMLButtonElement>} Callback when focused\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onBlur] - {React.FocusEventHandler<HTMLButtonElement>} Callback when blurred\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {React.CSSProperties} [checkboxStyles] - {React.CSSProperties} Custom styles for Checkbox component\r\n * @param {React.CSSProperties} [labelStyles] - {React.CSSProperties} Custom styles for FormControlLabel\r\n * @param {React.CSSProperties} [formControlStyles] - {React.CSSProperties} Custom styles for FormControl container\r\n * @param {boolean} [indeterminate=false] - {boolean} Indeterminate state\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Checkbox Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import CheckboxField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [isChecked, setIsChecked] = useState(false);\r\n *\r\n * return (\r\n * <CheckboxField\r\n * name=\"myCheckbox\"\r\n * label=\"Accept terms\"\r\n * value={isChecked}\r\n * onChange={(checked) => setIsChecked(checked)}\r\n * error={error}\r\n * helperText={helperText}\r\n * required\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst CheckboxField = forwardRef<HTMLButtonElement, ICheckboxFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onClick,\r\n onFocus,\r\n onBlur,\r\n error,\r\n helperText,\r\n disabled = false,\r\n color = \"primary\",\r\n size,\r\n fullWidth = false,\r\n required,\r\n labelPlacement = \"end\",\r\n checkedIcon,\r\n icon,\r\n indeterminate = false,\r\n checkboxStyles,\r\n labelStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n ...checkboxProps\r\n },\r\n ref: ForwardedRef<HTMLButtonElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n if (onChange) {\r\n onChange(checked);\r\n }\r\n };\r\n\r\n // Handle click event\r\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n };\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n size={size === \"large\" ? \"medium\" : size}\r\n sx={formControlStyles}\r\n >\r\n <FormControlLabel\r\n control={\r\n <Checkbox\r\n {...checkboxProps}\r\n checked={value}\r\n indeterminate={indeterminate}\r\n onChange={handleChange}\r\n onClick={handleClick}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n disabled={disabled}\r\n color={color}\r\n size={size}\r\n checkedIcon={checkedIcon}\r\n icon={icon}\r\n name={name}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={checkboxStyles}\r\n ref={ref}\r\n />\r\n }\r\n label={label}\r\n labelPlacement={labelPlacement}\r\n sx={labelStyles}\r\n />\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nCheckboxField.displayName = \"CheckboxField\";\r\n\r\nexport default CheckboxField;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\"use client\";\r\nimport {\r\n Box,\r\n Checkbox,\r\n type CheckboxProps,\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n type FormControlProps,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n type SxProps,\r\n type Theme\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type FocusEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Checkbox option type\r\n */\r\nexport type CheckboxOption = {\r\n value: string | number;\r\n label: React.ReactNode;\r\n disabled?: boolean;\r\n};\r\n\r\n/**\r\n * Extended Checkbox Group Field Props\r\n */\r\nexport interface ICheckboxFieldGroupProps extends Omit<\r\n FormControlProps,\r\n \"error\" | \"disabled\" | \"required\" | \"fullWidth\" | \"color\" | \"size\" | \"onChange\" | \"onFocus\" | \"onBlur\" | \"onClick\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the checkbox group */\r\n label?: React.ReactNode;\r\n /** Array of selected values */\r\n value: (string | number)[];\r\n /** Array of checkbox options */\r\n options: CheckboxOption[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Checkbox color */\r\n color?: CheckboxProps[\"color\"];\r\n /** Checkbox size */\r\n size?: CheckboxProps[\"size\"];\r\n /** Label placement relative to checkbox */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Whether to display checkboxes in a row */\r\n row?: boolean;\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for individual checkboxes */\r\n checkboxStyles?: CheckboxProps[\"sx\"];\r\n /** Custom styles for checkbox labels */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (value: (string | number)[]) => void;\r\n /** Callback fired when a checkbox receives focus */\r\n onFocus?: (event: FocusEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Callback fired when a checkbox loses focus */\r\n onBlur?: (event: FocusEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Callback fired when a checkbox is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>, value: string | number) => void;\r\n /** Custom render function for checkboxes */\r\n renderCheckbox?: (\r\n option: CheckboxOption,\r\n index: number,\r\n isChecked: boolean,\r\n handleChange: (event: ChangeEvent<HTMLInputElement>) => void\r\n ) => React.ReactNode;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: {\r\n checkbox?: CheckboxProps[\"slotProps\"];\r\n formControlLabel?: FormControlLabelProps[\"slotProps\"];\r\n };\r\n /** Custom slots for MUI v7 */\r\n slots?: {\r\n checkbox?: CheckboxProps[\"slots\"];\r\n };\r\n /** FormLabel props */\r\n formLabelProps?: Omit<FormLabelProps, \"children\">;\r\n /** FormControlLabel props */\r\n formControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n /** xsProps */\r\n sxProps?: SxProps<Theme>;\r\n}\r\n\r\n/**\r\n * Checkbox Field Group Component\r\n *\r\n * A customizable group of checkboxes built on top of Material UI Checkbox and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible checkboxes with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, row/column layout, and standard checkbox behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the checkbox group\r\n * @param {(string | number)[]} value - {(string | number)[]} Array of selected values (controlled component)\r\n * @param {CheckboxOption[]} options - {CheckboxOption[]} Array of checkbox options\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Checkbox color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Checkbox size\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to checkbox\r\n * @param {boolean} [row=false] - {boolean} Whether to display checkboxes in a row\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {SxProps<Theme>} [checkboxStyles] - {SxProps<Theme>} Custom styles for individual checkboxes\r\n * @param {SxProps<Theme>} [labelStyles] - {SxProps<Theme>} Custom styles for checkbox labels\r\n * @param {SxProps<Theme>} [formControlStyles] - {SxProps<Theme>} Custom styles for FormControl container\r\n * @param {SxProps<Theme>} [formLabelStyles] - {SxProps<Theme>} Custom styles for FormLabel\r\n * @param {(value: (string | number)[]) => void} [onChange] - {(value: (string | number)[]) => void} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when focused\r\n * @param {Function} [onBlur] - {Function} Callback when blurred\r\n * @param {Function} [onClick] - {Function} Callback when clicked\r\n * @param {Function} [renderCheckbox] - {Function} Custom render function for checkboxes\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n * @param {SxProps<Theme>} [sxProps] - {SxProps<Theme>} Custom styles for the Box container\r\n *\r\n * @returns {JSX.Element} The Checkbox Field Group component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import CheckboxFieldGroup from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [values, setValues] = useState([\"opt1\"]);\r\n * const options = [\r\n * { value: \"opt1\", label: \"Option 1\" },\r\n * { value: \"opt2\", label: \"Option 2\" }\r\n * ];\r\n *\r\n * return (\r\n * <CheckboxFieldGroup\r\n * name=\"myCheckGroup\"\r\n * label=\"Select options\"\r\n * value={values}\r\n * options={options}\r\n * onChange={(newValues) => setValues(newValues)}\r\n * row\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst CheckboxFieldGroup = forwardRef<HTMLDivElement, ICheckboxFieldGroupProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n options,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onClick,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = true,\r\n required,\r\n color = \"primary\",\r\n size,\r\n labelPlacement = \"end\",\r\n row = false,\r\n checkedIcon,\r\n icon,\r\n checkboxStyles,\r\n labelStyles,\r\n formControlStyles,\r\n renderCheckbox,\r\n slotProps,\r\n sxProps,\r\n slots,\r\n formLabelStyles,\r\n formLabelProps,\r\n formControlLabelProps,\r\n ...formControlProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle checkbox change\r\n const handleChange = (optionValue: string | number) => (event: ChangeEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const isChecked = event.target.checked;\r\n let newValue: (string | number)[];\r\n\r\n if (isChecked) {\r\n // Add to selection\r\n newValue = [...value, optionValue];\r\n } else {\r\n // Remove from selection\r\n newValue = value.filter((val) => val !== optionValue);\r\n }\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle focus\r\n const handleFocus = (optionValue: string | number) => (event: FocusEvent<HTMLButtonElement>) => {\r\n if (onFocus) {\r\n onFocus(event, optionValue);\r\n }\r\n };\r\n\r\n // Handle blur\r\n const handleBlur = (optionValue: string | number) => (event: FocusEvent<HTMLButtonElement>) => {\r\n if (onBlur) {\r\n onBlur(event, optionValue);\r\n }\r\n };\r\n\r\n // Handle click\r\n const handleClick = (optionValue: string | number) => (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event, optionValue);\r\n }\r\n };\r\n\r\n // Default render function for checkboxes\r\n const defaultRenderCheckbox = (\r\n option: CheckboxOption,\r\n index: number,\r\n isChecked: boolean,\r\n handleChangeFn: (event: ChangeEvent<HTMLInputElement>) => void\r\n ) => {\r\n return (\r\n <FormControlLabel\r\n key={`${option.value}-${index}`}\r\n control={\r\n <Checkbox\r\n name={name ? `${name}-${option.value}` : undefined}\r\n checked={isChecked}\r\n onChange={handleChangeFn}\r\n onFocus={handleFocus(option.value)}\r\n onBlur={handleBlur(option.value)}\r\n onClick={handleClick(option.value)}\r\n disabled={disabled || option.disabled}\r\n color={color}\r\n size={size}\r\n checkedIcon={checkedIcon}\r\n icon={icon}\r\n slotProps={slotProps?.checkbox}\r\n slots={slots?.checkbox}\r\n sx={checkboxStyles}\r\n />\r\n }\r\n label={option.label}\r\n labelPlacement={labelPlacement}\r\n slotProps={slotProps?.formControlLabel}\r\n sx={labelStyles}\r\n {...formControlLabelProps}\r\n />\r\n );\r\n };\r\n\r\n return (\r\n <FormControl\r\n {...(formControlProps as any)}\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n component=\"fieldset\"\r\n sx={formControlStyles}\r\n >\r\n {label && (\r\n <FormLabel component=\"legend\" sx={formLabelStyles} {...formLabelProps}>\r\n {label}\r\n </FormLabel>\r\n )}\r\n <Box\r\n ref={ref}\r\n sx={{\r\n display: \"flex\",\r\n flexDirection: row ? \"row\" : \"column\",\r\n flexWrap: row ? \"wrap\" : \"nowrap\",\r\n gap: 1,\r\n mt: label ? 1 : 0,\r\n ...sxProps\r\n }}\r\n >\r\n {options.map((option, index) => {\r\n const isChecked = value.includes(option.value);\r\n const changeHandler = handleChange(option.value);\r\n\r\n if (renderCheckbox) {\r\n return renderCheckbox(option, index, isChecked, changeHandler);\r\n }\r\n\r\n return defaultRenderCheckbox(option, index, isChecked, changeHandler);\r\n })}\r\n </Box>\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nCheckboxFieldGroup.displayName = \"CheckboxFieldGroup\";\r\n\r\nexport default CheckboxFieldGroup;\r\n","\"use client\";\r\nimport {\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n FormHelperText,\r\n Radio,\r\n type RadioProps\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Radio Button Field Props\r\n * Extends MUI RadioProps with custom form field props\r\n */\r\nexport interface IRadioButtonFieldProps extends Omit<RadioProps, \"checked\" | \"onChange\" | \"name\"> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the radio button */\r\n label?: React.ReactNode;\r\n /** Current checked state */\r\n value: boolean;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below radio button */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Radio color */\r\n color?: RadioProps[\"color\"];\r\n /** Radio size */\r\n size?: RadioProps[\"size\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Label placement */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (checked: boolean) => void;\r\n /** Callback fired when radio button is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n /** Callback fired when radio button receives focus */\r\n onFocus?: RadioProps[\"onFocus\"];\r\n /** Callback fired when radio button loses focus */\r\n onBlur?: RadioProps[\"onBlur\"];\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for the Radio */\r\n radioStyles?: RadioProps[\"sx\"];\r\n /** Custom styles for FormControlLabel */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: RadioProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: RadioProps[\"slots\"];\r\n /** FormControlLabel props */\r\n formControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n}\r\n\r\n/**\r\n * Radio Button Field Component\r\n *\r\n * A customizable radio button field built on top of Material UI Radio and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible radio button with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard radio behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the radio button\r\n * @param {boolean} value - {boolean} Current checked state (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below radio button\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Radio color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Radio size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to radio button\r\n * @param {(checked: boolean) => void} [onChange] - {(checked: boolean) => void} Callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {(event: React.MouseEvent<HTMLButtonElement>) => void} Callback fired when clicked\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onFocus] - {React.FocusEventHandler<HTMLButtonElement>} Callback when focused\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onBlur] - {React.FocusEventHandler<HTMLButtonElement>} Callback when blurred\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {React.CSSProperties} [radioStyles] - {React.CSSProperties} Custom styles for Radio component\r\n * @param {React.CSSProperties} [labelStyles] - {React.CSSProperties} Custom styles for FormControlLabel\r\n * @param {React.CSSProperties} [formControlStyles] - {React.CSSProperties} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Radio Button Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import RadioButtonField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [isSelected, setIsSelected] = useState(false);\r\n *\r\n * return (\r\n * <RadioButtonField\r\n * name=\"myRadio\"\r\n * label=\"Option 1\"\r\n * value={isSelected}\r\n * onChange={(checked) => setIsSelected(checked)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst RadioButtonField = forwardRef<HTMLButtonElement, IRadioButtonFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onClick,\r\n onFocus,\r\n onBlur,\r\n error,\r\n helperText,\r\n disabled = false,\r\n color = \"primary\",\r\n size,\r\n fullWidth = false,\r\n required,\r\n labelPlacement = \"end\",\r\n checkedIcon,\r\n icon,\r\n radioStyles,\r\n labelStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n formControlLabelProps,\r\n ...radioProps\r\n },\r\n ref: ForwardedRef<HTMLButtonElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n if (onChange) {\r\n onChange(checked);\r\n }\r\n };\r\n\r\n // Handle click event\r\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n };\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n size={size}\r\n sx={formControlStyles}\r\n >\r\n <FormControlLabel\r\n control={\r\n <Radio\r\n {...radioProps}\r\n checked={value}\r\n onChange={handleChange}\r\n onClick={handleClick}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n disabled={disabled}\r\n color={color}\r\n size={size}\r\n checkedIcon={checkedIcon}\r\n icon={icon}\r\n name={name}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={radioStyles}\r\n ref={ref}\r\n />\r\n }\r\n label={label}\r\n labelPlacement={labelPlacement}\r\n sx={labelStyles}\r\n {...formControlLabelProps}\r\n />\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nRadioButtonField.displayName = \"RadioButtonField\";\r\n\r\nexport default RadioButtonField;\r\n","\"use client\";\r\nimport {\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n type FormControlProps,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n Radio,\r\n RadioGroup,\r\n type RadioGroupProps,\r\n type RadioProps,\r\n type SxProps,\r\n type Theme\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Base option type for Radio Button Group\r\n */\r\nexport type RadioOption = {\r\n name: string;\r\n value: string | number;\r\n disabled?: boolean;\r\n [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Radio Button Group Props\r\n * Extends MUI RadioGroupProps with custom form field props\r\n */\r\nexport interface IRadioButtonGroupFieldProps extends Omit<\r\n RadioGroupProps,\r\n \"value\" | \"onChange\" | \"name\" | \"children\" | \"onFocus\" | \"onBlur\" | \"onClick\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the radio group */\r\n label?: React.ReactNode;\r\n /** Current selected value */\r\n value: string | number | null | undefined;\r\n /** Options array to display as radio buttons */\r\n options: RadioOption[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below radio group */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Radio color */\r\n color?: RadioProps[\"color\"];\r\n /** Radio size */\r\n size?: RadioProps[\"size\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Label placement for each radio button */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Row layout (horizontal) or column layout (vertical) */\r\n row?: boolean;\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for individual Radio components */\r\n radioStyles?: RadioProps[\"sx\"];\r\n /** Custom styles for FormControlLabel components */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for RadioGroup */\r\n radioGroupStyles?: RadioGroupProps[\"sx\"];\r\n /** Custom render function for radio buttons */\r\n renderRadio?: (option: RadioOption, index: number) => React.ReactNode;\r\n /** Callback fired when the value changes */\r\n onChange?: (value: string | number) => void;\r\n /** Callback fired when a radio button is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n /** Callback fired when a radio button receives focus */\r\n onFocus?: RadioProps[\"onFocus\"];\r\n /** Callback fired when a radio button loses focus */\r\n onBlur?: RadioProps[\"onBlur\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: {\r\n radio?: RadioProps[\"slotProps\"];\r\n formControlLabel?: FormControlLabelProps[\"slotProps\"];\r\n };\r\n /** Custom slots for MUI v7 */\r\n slots?: {\r\n radio?: RadioProps[\"slots\"];\r\n formControlLabel?: FormControlLabelProps[\"slots\"];\r\n };\r\n /** FormLabel props */\r\n formLabelProps?: Omit<FormLabelProps, \"children\">;\r\n /** FormControlLabel props */\r\n formControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"value\">;\r\n /** Custom styles for RadioGroup */\r\n sxProps?: SxProps<Theme>;\r\n}\r\n\r\n/**\r\n * Radio Button Field Group Component\r\n *\r\n * A customizable group of radio buttons built on top of Material UI RadioGroup and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible radio buttons with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, row/column layout, and standard radio behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the radio group\r\n * @param {string | number | null | undefined} value - {string | number | null | undefined} Current selected value (controlled component)\r\n * @param {RadioOption[]} options - {RadioOption[]} Array of radio options\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below radio group\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Radio color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Radio size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to each radio button\r\n * @param {boolean} [row=false] - {boolean} Row layout (horizontal) or column layout (vertical)\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {RadioProps[\"sx\"]} [radioStyles] - {RadioProps[\"sx\"]} Custom styles for individual Radio components\r\n * @param {FormControlLabelProps[\"sx\"]} [labelStyles] - {FormControlLabelProps[\"sx\"]} Custom styles for FormControlLabel components\r\n * @param {FormControlProps[\"sx\"]} [formControlStyles] - {FormControlProps[\"sx\"]} Custom styles for FormControl\r\n * @param {FormLabelProps[\"sx\"]} [formLabelStyles] - {FormLabelProps[\"sx\"]} Custom styles for FormLabel\r\n * @param {RadioGroupProps[\"sx\"]} [radioGroupStyles] - {RadioGroupProps[\"sx\"]} Custom styles for RadioGroup\r\n * @param {(value: string | number) => void} [onChange] - {(value: string | number) => void} Callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {(event: React.MouseEvent<HTMLButtonElement>) => void} Callback fired when a radio button is clicked\r\n * @param {RadioProps[\"onFocus\"]} [onFocus] - {RadioProps[\"onFocus\"]} Callback when focused\r\n * @param {RadioProps[\"onBlur\"]} [onBlur] - {RadioProps[\"onBlur\"]} Callback when blurred\r\n * @param {(option: RadioOption, index: number) => React.ReactNode} [renderRadio] - {(option: RadioOption, index: number) => React.ReactNode} Custom render function for radio buttons\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n * @param {SxProps<Theme>} [sxProps] - {SxProps<Theme>} Custom styles for RadioGroup container\r\n *\r\n * @returns {JSX.Element} The Radio Button Field Group component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import RadioButtonFieldGroup from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [value, setValue] = useState(\"opt1\");\r\n * const options = [\r\n * { name: \"Option 1\", value: \"opt1\" },\r\n * { name: \"Option 2\", value: \"opt2\" }\r\n * ];\r\n *\r\n * return (\r\n * <RadioButtonFieldGroup\r\n * name=\"myRadioGroup\"\r\n * label=\"Select an option\"\r\n * value={value}\r\n * options={options}\r\n * onChange={(val) => setValue(val)}\r\n * row\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst RadioButtonFieldGroup = forwardRef<HTMLDivElement, IRadioButtonGroupFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onClick,\r\n onFocus,\r\n onBlur,\r\n options,\r\n error,\r\n helperText,\r\n disabled = false,\r\n color = \"primary\",\r\n size,\r\n fullWidth = false,\r\n required,\r\n labelPlacement = \"end\",\r\n row = false,\r\n checkedIcon,\r\n icon,\r\n radioStyles,\r\n labelStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n renderRadio,\r\n sxProps,\r\n slotProps,\r\n slots,\r\n formLabelProps,\r\n formControlLabelProps,\r\n ...radioGroupProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n const newValue = event.target.value;\r\n // Convert to number if the value matches a numeric option\r\n const numericValue = options.find((opt) => String(opt.value) === newValue)?.value;\r\n const finalValue = typeof numericValue === \"number\" ? numericValue : newValue;\r\n if (onChange) {\r\n onChange(finalValue);\r\n }\r\n };\r\n\r\n // Handle click event\r\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n };\r\n\r\n // Default render function for radio buttons\r\n const defaultRenderRadio = (option: RadioOption) => (\r\n <FormControlLabel\r\n key={option.value}\r\n value={String(option.value)}\r\n control={\r\n <Radio\r\n color={color}\r\n size={size}\r\n disabled={disabled || option.disabled}\r\n checkedIcon={checkedIcon}\r\n icon={icon}\r\n onClick={handleClick}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n slotProps={slotProps?.radio}\r\n slots={slots?.radio}\r\n sx={radioStyles}\r\n />\r\n }\r\n label={option.name}\r\n labelPlacement={labelPlacement}\r\n disabled={disabled || option.disabled}\r\n sx={labelStyles}\r\n {...formControlLabelProps}\r\n slotProps={slotProps?.formControlLabel}\r\n slots={slots?.formControlLabel}\r\n />\r\n );\r\n\r\n return (\r\n <FormControl\r\n component=\"fieldset\"\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n {label && (\r\n <FormLabel component=\"legend\" sx={formLabelStyles} {...formLabelProps}>\r\n {label}\r\n </FormLabel>\r\n )}\r\n <RadioGroup\r\n name={name}\r\n value={value !== null ? String(value) : \"\"}\r\n onChange={handleChange}\r\n row={row}\r\n ref={ref}\r\n sx={sxProps}\r\n {...radioGroupProps}\r\n >\r\n {options &&\r\n Array.isArray(options) &&\r\n options.map((option, index) => (renderRadio ? renderRadio(option, index) : defaultRenderRadio(option)))}\r\n </RadioGroup>\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nRadioButtonFieldGroup.displayName = \"RadioButtonFieldGroup\";\r\n\r\nexport default RadioButtonFieldGroup;\r\n","\"use client\";\r\nimport {\r\n FormControl,\r\n type FormControlProps,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n Slider,\r\n type SliderProps\r\n} from \"@mui/material\";\r\nimport React, { type ForwardedRef, forwardRef, type SyntheticEvent } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Slider Field Props\r\n * Extends MUI SliderProps with custom form field props\r\n */\r\nexport interface ISliderFieldProps extends Omit<\r\n SliderProps,\r\n \"value\" | \"onChange\" | \"onChangeCommitted\" | \"name\" | \"orientation\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the slider */\r\n label?: React.ReactNode;\r\n /** Current slider value(s) */\r\n value: number | number[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below slider */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Slider orientation - horizontal or vertical */\r\n orientation?: \"horizontal\" | \"vertical\";\r\n /** Minimum value (default: 0) */\r\n min?: number;\r\n /** Maximum value (default: 100) */\r\n max?: number;\r\n /** Step value (default: 1) */\r\n step?: number | null;\r\n /** Whether to show value label */\r\n valueLabelDisplay?: SliderProps[\"valueLabelDisplay\"];\r\n /** Custom format for value label */\r\n valueLabelFormat?: SliderProps[\"valueLabelFormat\"];\r\n /** Slider color */\r\n color?: SliderProps[\"color\"];\r\n /** Slider size */\r\n size?: SliderProps[\"size\"];\r\n /** Marks on the slider */\r\n marks?: boolean | SliderProps[\"marks\"];\r\n /** Track display mode */\r\n track?: SliderProps[\"track\"];\r\n /** Custom styles for the Slider */\r\n sliderStyles?: SliderProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Callback fired when the value changes (during drag) */\r\n onChange?: (value: number | number[]) => void;\r\n /** Callback fired when the value change is committed (on mouse up) */\r\n onChangeCommitted?: (value: number | number[]) => void;\r\n /** Callback fired when slider receives focus */\r\n onFocus?: (event: SyntheticEvent) => void;\r\n /** Callback fired when slider loses focus */\r\n onBlur?: (event: SyntheticEvent) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: SliderProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: SliderProps[\"slots\"];\r\n /** FormLabel props */\r\n formLabelProps?: Omit<FormLabelProps, \"children\">;\r\n}\r\n\r\n/**\r\n * Slider Field Component\r\n *\r\n * A customizable slider field built on top of Material UI Slider and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible slider for range selections with support for: error handling, helper text, custom marks,\r\n * styling overrides, orientation (horizontal/vertical), and standard slider behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the slider\r\n * @param {number | number[]} value - {number | number[]} Current slider value(s) (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below slider\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'horizontal'|'vertical'} [orientation='horizontal'] - {'horizontal'|'vertical'} Slider orientation\r\n * @param {number} [min=0] - {number} Minimum value\r\n * @param {number} [max=100] - {number} Maximum value\r\n * @param {number|null} [step=1] - {number|null} Step value\r\n * @param {'on'|'auto'|'off'} [valueLabelDisplay='auto'] - {'on'|'auto'|'off'} Whether to show value label\r\n * @param {React.ReactNode | ((value: number, index: number) => React.ReactNode)} [valueLabelFormat] - {React.ReactNode} Custom format for value label\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Slider color\r\n * @param {'small'|'medium'} [size] - {'small'|'medium'} Slider size\r\n * @param {boolean | SliderProps['marks']} [marks] - {boolean | SliderProps['marks']} Marks on the slider\r\n * @param {'normal'|'inverted'|false} [track='normal'] - {'normal'|'inverted'|false} Track display mode\r\n * @param {SliderProps['sx']} [sliderStyles] - {SliderProps['sx']} Custom styles for the Slider component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {(value: number | number[]) => void} [onChange] - {(value: number | number[]) => void} Callback fired when value changes\r\n * @param {(value: number | number[]) => void} [onChangeCommitted] - {(value: number | number[]) => void} Callback fired when value change is committed\r\n * @param {(event: SyntheticEvent) => void} [onFocus] - {(event: SyntheticEvent) => void} Callback when focused\r\n * @param {(event: SyntheticEvent) => void} [onBlur] - {(event: SyntheticEvent) => void} Callback when blurred\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Slider Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import SliderField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [val, setVal] = useState(30);\r\n *\r\n * return (\r\n * <SliderField\r\n * name=\"mySlider\"\r\n * label=\"Volume\"\r\n * value={val}\r\n * onChange={(newVal) => setVal(newVal as number)}\r\n * min={0}\r\n * max={100}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst SliderField = forwardRef<HTMLSpanElement, ISliderFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onChangeCommitted,\r\n onFocus,\r\n onBlur,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = true,\r\n required,\r\n orientation = \"horizontal\",\r\n min = 0,\r\n max = 100,\r\n step = 1,\r\n valueLabelDisplay = \"auto\",\r\n valueLabelFormat,\r\n color = \"primary\",\r\n size,\r\n marks,\r\n track = \"normal\",\r\n sliderStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n slotProps,\r\n slots,\r\n formLabelProps,\r\n ...sliderProps\r\n },\r\n ref: ForwardedRef<HTMLSpanElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (_event: Event, newValue: number | number[], _activeThumb: number) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle onChangeCommitted with proper typing\r\n const handleChangeCommitted = (_event: Event | SyntheticEvent, newValue: number | number[]) => {\r\n if (onChangeCommitted) {\r\n onChangeCommitted(newValue);\r\n }\r\n };\r\n\r\n // For vertical sliders, we need special handling\r\n const isVertical = orientation === \"vertical\";\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth && !isVertical}\r\n sx={{\r\n ...formControlStyles,\r\n ...(isVertical && {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"flex-start\",\r\n height: \"100%\",\r\n width: \"auto\"\r\n })\r\n }}\r\n >\r\n {label && (\r\n <FormLabel sx={formLabelStyles} {...formLabelProps}>\r\n {label}\r\n </FormLabel>\r\n )}\r\n <Slider\r\n {...sliderProps}\r\n name={name}\r\n value={value}\r\n onChange={handleChange}\r\n onChangeCommitted={handleChangeCommitted}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n orientation={orientation}\r\n min={min}\r\n max={max}\r\n step={step}\r\n valueLabelDisplay={valueLabelDisplay}\r\n valueLabelFormat={valueLabelFormat}\r\n color={color}\r\n size={size}\r\n marks={marks === true ? true : marks || false}\r\n track={track}\r\n disabled={disabled}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={{\r\n ...sliderStyles,\r\n ...(isVertical && {\r\n height: \"100%\",\r\n \"& .MuiSlider-track\": {\r\n width: \"6px\"\r\n },\r\n \"& .MuiSlider-rail\": {\r\n width: \"6px\"\r\n }\r\n })\r\n }}\r\n ref={ref}\r\n />\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nSliderField.displayName = \"SliderField\";\r\n\r\nexport default SliderField;\r\n","\"use client\";\r\nimport {\r\n FormControl,\r\n FormControlLabel,\r\n type FormControlLabelProps,\r\n type FormControlProps,\r\n FormHelperText,\r\n Switch,\r\n type SwitchProps\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Switch Field Props\r\n * Extends MUI SwitchProps with custom form field props\r\n */\r\nexport interface ISwitchFieldProps extends Omit<SwitchProps, \"checked\" | \"onChange\" | \"name\"> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the switch */\r\n label?: React.ReactNode;\r\n /** Current checked state */\r\n value: boolean;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below switch */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Switch color */\r\n color?: SwitchProps[\"color\"];\r\n /** Switch size */\r\n size?: SwitchProps[\"size\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Label placement */\r\n labelPlacement?: FormControlLabelProps[\"labelPlacement\"];\r\n /** Edge placement for the switch */\r\n edge?: SwitchProps[\"edge\"];\r\n /** Custom icon for checked state */\r\n checkedIcon?: React.ReactNode;\r\n /** Custom icon for unchecked state */\r\n icon?: React.ReactNode;\r\n /** Custom styles for the Switch */\r\n switchStyles?: SwitchProps[\"sx\"];\r\n /** Custom styles for FormControlLabel */\r\n labelStyles?: FormControlLabelProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (checked: boolean) => void;\r\n /** Callback fired when switch is clicked */\r\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n /** Callback fired when switch receives focus */\r\n onFocus?: SwitchProps[\"onFocus\"];\r\n /** Callback fired when switch loses focus */\r\n onBlur?: SwitchProps[\"onBlur\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: SwitchProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: SwitchProps[\"slots\"];\r\n /** FormControlLabel props */\r\n formControlLabelProps?: Omit<FormControlLabelProps, \"control\" | \"label\" | \"checked\">;\r\n}\r\n\r\n/**\r\n * Switch Field Component\r\n *\r\n * A customizable switch field built on top of Material UI Switch and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible switch for binary choices with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard switch behaviors. It integrates seamlessly with form\r\n * management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the switch\r\n * @param {boolean} value - {boolean} Current checked state (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below switch\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Switch color\r\n * @param {'small'|'medium'} [size] - {'small'|'medium'} Switch size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'|'top'|'bottom'} [labelPlacement='end'] - {'start'|'end'|'top'|'bottom'} Label placement relative to switch\r\n * @param {'start'|'end'|false} [edge] - {'start'|'end'|false} Edge placement for the switch\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {SwitchProps['sx']} [switchStyles] - {SwitchProps['sx']} Custom styles for the Switch component\r\n * @param {FormControlLabelProps['sx']} [labelStyles] - {FormControlLabelProps['sx']} Custom styles for FormControlLabel\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {(checked: boolean) => void} [onChange] - {(checked: boolean) => void} Callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {(event: React.MouseEvent<HTMLButtonElement>) => void} Callback fired when clicked\r\n * @param {SwitchProps['onFocus']} [onFocus] - {SwitchProps['onFocus']} Callback when focused\r\n * @param {SwitchProps['onBlur']} [onBlur] - {SwitchProps['onBlur']} Callback when blurred\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Switch Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import SwitchField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [isEnabled, setIsEnabled] = useState(false);\r\n *\r\n * return (\r\n * <SwitchField\r\n * name=\"mySwitch\"\r\n * label=\"Enable notifications\"\r\n * value={isEnabled}\r\n * onChange={(checked) => setIsEnabled(checked)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst SwitchField = forwardRef<HTMLButtonElement, ISwitchFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onClick,\r\n onFocus,\r\n onBlur,\r\n error,\r\n helperText,\r\n disabled = false,\r\n color = \"primary\",\r\n size,\r\n fullWidth = false,\r\n required,\r\n labelPlacement = \"end\",\r\n edge,\r\n switchStyles,\r\n labelStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n formControlLabelProps,\r\n ...switchProps\r\n },\r\n ref: ForwardedRef<HTMLButtonElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (_event: ChangeEvent<HTMLInputElement>, checked: boolean) => {\r\n if (onChange) {\r\n onChange(checked);\r\n }\r\n };\r\n\r\n // Handle click event\r\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n if (onClick) {\r\n onClick(event);\r\n }\r\n };\r\n\r\n const switchComponent = (\r\n // <Switch {...switchProps} />\r\n <Switch\r\n {...switchProps}\r\n checked={value}\r\n onChange={handleChange}\r\n onClick={handleClick}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n disabled={disabled}\r\n color={color}\r\n size={size}\r\n edge={edge}\r\n name={name}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={switchStyles}\r\n ref={ref}\r\n />\r\n );\r\n\r\n // If no label, just return the switch (matches standard MUI Switch)\r\n if (!label) {\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={{\r\n display: \"inline-flex\",\r\n flexDirection: \"column\",\r\n ...formControlStyles\r\n }}\r\n >\r\n {switchComponent}\r\n {(error || helperText) && (\r\n <FormHelperText\r\n sx={{\r\n marginLeft: 0,\r\n marginRight: 0\r\n }}\r\n >\r\n {error ? (helperText ?? (error?.message ? error.message : \"\")) : helperText}\r\n </FormHelperText>\r\n )}\r\n </FormControl>\r\n );\r\n }\r\n\r\n // With label, use FormControlLabel (standard MUI pattern)\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n size={size}\r\n sx={{\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n ...formControlStyles\r\n }}\r\n >\r\n <FormControlLabel\r\n control={switchComponent}\r\n label={label}\r\n labelPlacement={labelPlacement}\r\n disabled={disabled}\r\n sx={labelStyles}\r\n {...formControlLabelProps}\r\n />\r\n {(error || helperText) && (\r\n <FormHelperText\r\n sx={{\r\n marginLeft: labelPlacement === \"start\" ? \"72px\" : 0,\r\n marginRight: 0\r\n }}\r\n >\r\n {error ? (helperText ?? (error?.message ? error.message : \"\")) : helperText}\r\n </FormHelperText>\r\n )}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nSwitchField.displayName = \"SwitchField\";\r\n\r\nexport default SwitchField;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\"use client\";\r\nimport {\r\n FormControl,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n ToggleButton,\r\n ToggleButtonGroup,\r\n type ToggleButtonGroupProps,\r\n type ToggleButtonProps\r\n} from \"@mui/material\";\r\nimport React, { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Base option type for Toggle Button Group\r\n */\r\nexport type ToggleOption = {\r\n name: string;\r\n value: string | number;\r\n disabled?: boolean;\r\n color?: ToggleButtonProps[\"color\"];\r\n [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Toggle Button Group Props\r\n * Extends MUI ToggleButtonGroupProps with custom form field props\r\n */\r\nexport interface IToggleButtonFieldProps extends Omit<\r\n ToggleButtonGroupProps,\r\n \"value\" | \"onChange\" | \"name\" | \"children\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the group */\r\n label?: React.ReactNode;\r\n /** Title text to display when hovering over label */\r\n title?: string;\r\n /** Current selected value(s) */\r\n value: any;\r\n /** Options array to display as toggle buttons */\r\n options: ToggleOption[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below the group */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Toggle size */\r\n size?: ToggleButtonGroupProps[\"size\"];\r\n /** Toggle orientation */\r\n orientation?: ToggleButtonGroupProps[\"orientation\"];\r\n /** Whether to allow multiple selection */\r\n exclusive?: boolean;\r\n /** Custom styles for individual ToggleButton components */\r\n buttonStyles?: ToggleButtonProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for ToggleButtonGroup */\r\n groupStyles?: ToggleButtonGroupProps[\"sx\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (value: any) => void;\r\n /** Custom render function for toggle buttons */\r\n renderButton?: (option: ToggleOption, index: number) => React.ReactNode;\r\n}\r\n\r\n/**\r\n * Toggle Button Field Component\r\n *\r\n * A customizable toggle button group field built on top of Material UI ToggleButtonGroup and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible toggle buttons for single or multiple selections with support for:\r\n * error handling, helper text, custom colors per button, styling overrides, and standard toggle behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the group\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as title\r\n * @param {any} value - {any} Current selected value(s) (controlled component)\r\n * @param {ToggleOption[]} options - {ToggleOption[]} Array of toggle options\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below the group\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'small'|'medium'|'large'} [size='medium'] - {'small'|'medium'|'large'} Toggle size\r\n * @param {'horizontal'|'vertical'} [orientation='horizontal'] - {'horizontal'|'vertical'} Toggle orientation\r\n * @param {boolean} [exclusive=true] - {boolean} Whether to allow only single selection\r\n * @param {ToggleButtonProps['sx']} [buttonStyles] - {ToggleButtonProps['sx']} Custom styles for individual ToggleButton components\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {ToggleButtonGroupProps['sx']} [groupStyles] - {ToggleButtonGroupProps['sx']} Custom styles for ToggleButtonGroup\r\n * @param {(value: any) => void} [onChange] - {(value: any) => void} Callback fired when value changes\r\n * @param {(option: ToggleOption, index: number) => React.ReactNode} [renderButton] - {(option: ToggleOption, index: number) => React.ReactNode} Custom render function for toggle buttons\r\n *\r\n * @returns {JSX.Element} The Toggle Button Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import ToggleButtonField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [status, setStatus] = useState(\"ACTIVE\");\r\n *\r\n * return (\r\n * <ToggleButtonField\r\n * name=\"status\"\r\n * label=\"Status\"\r\n * value={status}\r\n * options={[\r\n * { name: \"Active\", value: \"ACTIVE\", color: \"success\" },\r\n * { name: \"Inactive\", value: \"INACTIVE\", color: \"error\" }\r\n * ]}\r\n * exclusive\r\n * onChange={(val) => setStatus(val)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst ToggleButtonField = forwardRef<HTMLDivElement, IToggleButtonFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n title = false,\r\n value,\r\n onChange,\r\n options,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = false,\r\n required,\r\n size = \"medium\",\r\n orientation = \"horizontal\",\r\n exclusive = true,\r\n buttonStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n groupStyles,\r\n renderButton,\r\n ...groupProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (event: React.MouseEvent<HTMLElement>, newValue: any) => {\r\n if (exclusive && newValue === null) {\r\n // Prevent deselecting in exclusive mode if required or desired behavior\r\n // return;\r\n }\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Default render function for toggle buttons\r\n const defaultRenderButton = (option: ToggleOption) => (\r\n <ToggleButton\r\n key={option.value}\r\n value={option.value}\r\n disabled={disabled || option.disabled}\r\n color={option.color || groupProps.color || \"primary\"}\r\n sx={{\r\n flex: fullWidth ? 1 : undefined,\r\n ...buttonStyles\r\n }}\r\n >\r\n {option.name}\r\n </ToggleButton>\r\n );\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n {label && (\r\n <FormLabel\r\n sx={{\r\n mb: 1,\r\n ...formLabelStyles\r\n }}\r\n >\r\n {label}\r\n </FormLabel>\r\n )}\r\n <ToggleButtonGroup\r\n {...groupProps}\r\n ref={ref}\r\n value={value}\r\n onChange={handleChange}\r\n exclusive={exclusive}\r\n size={size}\r\n orientation={orientation}\r\n fullWidth={fullWidth}\r\n disabled={disabled}\r\n sx={{\r\n ...groupStyles\r\n }}\r\n >\r\n {options &&\r\n Array.isArray(options) &&\r\n options.map((option, index) => (renderButton ? renderButton(option, index) : defaultRenderButton(option)))}\r\n </ToggleButtonGroup>\r\n {(error || helperText) && (\r\n <FormHelperText sx={{ margin: \"4px\" }}>{error ? (helperText ?? error.message) : helperText}</FormHelperText>\r\n )}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nToggleButtonField.displayName = \"ToggleButtonField\";\r\n\r\nexport default ToggleButtonField;\r\n","\"use client\";\r\nimport { Box, FormControl, FormHelperText, type FormLabelProps } from \"@mui/material\";\r\nimport { DateCalendar, type DateCalendarProps, LocalizationProvider } from \"@mui/x-date-pickers\";\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport React, { type ForwardedRef, forwardRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Date Calendar Field Props\r\n * Extends MUI DateCalendarProps with custom form field props\r\n */\r\nexport interface IDateCalendarFieldProps extends Omit<\r\n DateCalendarProps<Date>,\r\n \"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the calendar */\r\n label?: React.ReactNode;\r\n /** Current selected date value */\r\n value: Date | null;\r\n /** Default date value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below calendar */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Minimum selectable date */\r\n minDate?: Date;\r\n /** Maximum selectable date */\r\n maxDate?: Date;\r\n /** Function to disable specific dates */\r\n shouldDisableDate?: (date: Date) => boolean;\r\n /** Function to disable specific months */\r\n shouldDisableMonth?: (month: Date) => boolean;\r\n /** Function to disable specific years */\r\n shouldDisableYear?: (year: Date) => boolean;\r\n /** Custom styles for the DateCalendar */\r\n calendarStyles?: DateCalendarProps<Date>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\r\n /** Callback fired when the date changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: \"day\" | \"month\" | \"year\") => void;\r\n /** Callback fired when a month change is requested */\r\n onMonthChange?: (month: Date) => void;\r\n /** Callback fired when a year change is requested */\r\n onYearChange?: (year: Date) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: DateCalendarProps<Date>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: DateCalendarProps<Date>[\"slots\"];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Whether to show days outside current month */\r\n showDaysOutsideCurrentMonth?: boolean;\r\n /** Whether to disable past dates */\r\n disablePast?: boolean;\r\n /** Whether to disable future dates */\r\n disableFuture?: boolean;\r\n /** Reference date for the calendar */\r\n referenceDate?: Date;\r\n /** Controlled view state */\r\n view?: \"day\" | \"month\" | \"year\";\r\n}\r\n\r\n/**\r\n * Date Calendar Field Component\r\n *\r\n * A customizable inline date calendar field built on top of Material UI X DateCalendar and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides an inline calendar for date selection with support for: error handling, helper text,\r\n * date constraints (min/max), disabling specific dates/months/years, and standard calendar behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the calendar\r\n * @param {Date | null} value - {Date | null} Current selected date value (controlled component)\r\n * @param {Date | null} [defaultValue] - {Date | null} Default date value\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below calendar\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minDate] - {Date} Minimum selectable date\r\n * @param {Date} [maxDate] - {Date} Maximum selectable date\r\n * @param {(date: Date) => boolean} [shouldDisableDate] - {(date: Date) => boolean} Function to disable specific dates\r\n * @param {(month: Date) => boolean} [shouldDisableMonth] - {(month: Date) => boolean} Function to disable specific months\r\n * @param {(year: Date) => boolean} [shouldDisableYear] - {(year: Date) => boolean} Function to disable specific years\r\n * @param {DateCalendarProps['sx']} [calendarStyles] - {DateCalendarProps['sx']} Custom styles for the DateCalendar component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {(value: Date | null) => void} [onChange] - {(value: Date | null) => void} Callback fired when the date changes\r\n * @param {(view: 'day' | 'month' | 'year') => void} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {(month: Date) => void} [onMonthChange] - {Function} Callback fired when a month change is requested\r\n * @param {(year: Date) => void} [onYearChange] - {Function} Callback fired when a year change is requested\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [showDaysOutsideCurrentMonth=false] - {boolean} Whether to show days outside current month\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past dates\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future dates\r\n * @param {Date} [referenceDate] - {Date} Reference date for the calendar\r\n * @param {'day' | 'month' | 'year'} [view] - {'day' | 'month' | 'year'} Controlled view state\r\n *\r\n * @returns {JSX.Element} The Date Calendar Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import DateCalendarField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [selectedDate, setSelectedDate] = useState<Date | null>(new Date());\r\n *\r\n * return (\r\n * <DateCalendarField\r\n * name=\"myCalendar\"\r\n * label=\"Select Date\"\r\n * value={selectedDate}\r\n * onChange={(date) => setSelectedDate(date)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst DateCalendarField = forwardRef<HTMLDivElement, IDateCalendarFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n defaultValue,\r\n onChange,\r\n onViewChange,\r\n onMonthChange,\r\n onYearChange,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = false,\r\n required,\r\n minDate,\r\n maxDate,\r\n shouldDisableDate,\r\n shouldDisableMonth,\r\n shouldDisableYear,\r\n calendarStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n slotProps,\r\n slots,\r\n dateAdapter = AdapterDateFns,\r\n showDaysOutsideCurrentMonth = false,\r\n disablePast = false,\r\n disableFuture = false,\r\n referenceDate,\r\n view,\r\n ...dateCalendarProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles\r\n }}\r\n >\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <DateCalendar\r\n {...dateCalendarProps}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n onViewChange={onViewChange}\r\n onMonthChange={onMonthChange}\r\n onYearChange={onYearChange}\r\n disabled={disabled}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n shouldDisableDate={shouldDisableDate}\r\n shouldDisableMonth={shouldDisableMonth}\r\n shouldDisableYear={shouldDisableYear}\r\n showDaysOutsideCurrentMonth={showDaysOutsideCurrentMonth}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n referenceDate={referenceDate}\r\n view={view}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={calendarStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n {error && (\r\n <FormHelperText sx={{ margin: \"4px\" }}>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n )}\r\n {!error && helperText && <FormHelperText sx={{ margin: \"4px\" }}>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nDateCalendarField.displayName = \"DateCalendarField\";\r\n\r\nexport default DateCalendarField;\r\n","\"use client\";\r\nimport ClearIcon from \"@mui/icons-material/Clear\";\r\nimport {\r\n Box,\r\n FormControl,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n IconButton,\r\n InputAdornment,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport { DatePicker, type DatePickerProps, LocalizationProvider } from \"@mui/x-date-pickers\";\r\n// @ts-ignore\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport React, { type ForwardedRef, forwardRef, useRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Date Picker Field Props\r\n * Extends MUI DatePickerProps with custom form field props\r\n */\r\nexport interface IDatePickerFieldProps extends Omit<\r\n DatePickerProps<Date>,\r\n \"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\" | \"renderInput\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the date picker */\r\n label?: string;\r\n title?: boolean;\r\n /** Current selected date value */\r\n value: Date | null;\r\n /** Default date value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Minimum selectable date */\r\n minDate?: Date;\r\n /** Maximum selectable date */\r\n maxDate?: Date;\r\n /** Function to disable specific dates */\r\n shouldDisableDate?: (date: Date) => boolean;\r\n /** Function to disable specific months */\r\n shouldDisableMonth?: (month: Date) => boolean;\r\n /** Function to disable specific years */\r\n shouldDisableYear?: (year: Date) => boolean;\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** Whether the field is read-only */\r\n readOnly?: boolean;\r\n /** Whether to show clear button */\r\n showClearButton?: boolean;\r\n /** Whether to disable past dates */\r\n disablePast?: boolean;\r\n /** Whether to disable future dates */\r\n disableFuture?: boolean;\r\n /** Reference date for the calendar */\r\n referenceDate?: Date;\r\n /** Controlled view state */\r\n view?: \"day\" | \"month\" | \"year\";\r\n /** Format for displaying the date */\r\n format?: string;\r\n /** Whether to open the calendar on focus */\r\n openTo?: \"day\" | \"month\" | \"year\";\r\n /** Custom styles for the DatePicker */\r\n pickerStyles?: DatePickerProps<Date>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\r\n /** Custom styles for the TextField */\r\n textFieldStyles?: TextFieldProps[\"sx\"];\r\n /** Callback fired when the date changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when the field receives focus */\r\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when the field loses focus */\r\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: \"day\" | \"month\" | \"year\") => void;\r\n /** Callback fired when a month change is requested */\r\n onMonthChange?: (month: Date) => void;\r\n /** Callback fired when a year change is requested */\r\n onYearChange?: (year: Date) => void;\r\n /** Callback fired when the calendar opens */\r\n onOpen?: () => void;\r\n /** Callback fired when the calendar closes */\r\n onClose?: () => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: DatePickerProps<Date>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: DatePickerProps<Date>[\"slots\"];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Whether to reduce animations */\r\n reduceAnimations?: boolean;\r\n /** Auto focus the input */\r\n autoFocus?: boolean;\r\n}\r\n\r\n/**\r\n * Date Picker Field Component\r\n *\r\n * A customizable date picker field built on top of Material UI X DatePicker and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible date picker with support for: error handling, helper text, clear button,\r\n * custom formatting, date constraints (min/max), and standard date picker behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the date picker\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as a separate title above the picker\r\n * @param {Date | null} value - {Date | null} Current selected date value (controlled component)\r\n * @param {Date | null} [defaultValue] - {Date | null} Default date value\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minDate] - {Date} Minimum selectable date\r\n * @param {Date} [maxDate] - {Date} Maximum selectable date\r\n * @param {(date: Date) => boolean} [shouldDisableDate] - {Function} Function to disable specific dates\r\n * @param {(month: Date) => boolean} [shouldDisableMonth] - {Function} Function to disable specific months\r\n * @param {(year: Date) => boolean} [shouldDisableYear] - {Function} Function to disable specific years\r\n * @param {TextFieldProps['size']} [size='medium'] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {boolean} [readOnly=false] - {boolean} Whether the field is read-only\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past dates\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future dates\r\n * @param {Date} [referenceDate] - {Date} Reference date for the calendar\r\n * @param {'day' | 'month' | 'year'} [view] - {'day' | 'month' | 'year'} Controlled view state\r\n * @param {string} [format] - {string} Format for displaying the date\r\n * @param {'day' | 'month' | 'year'} [openTo='day'] - {string} Whether to open the calendar on focus\r\n * @param {DatePickerProps['sx']} [pickerStyles] - {DatePickerProps['sx']} Custom styles for the DatePicker component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {TextFieldProps['sx']} [textFieldStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {(value: Date | null) => void} [onChange] - {(value: Date | null) => void} Callback fired when value changes\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onFocus] - {Function} Callback when field receives focus\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Function} [onMonthChange] - {Function} Callback fired when a month change is requested\r\n * @param {Function} [onYearChange] - {Function} Callback fired when a year change is requested\r\n * @param {Function} [onOpen] - {Function} Callback fired when the calendar opens\r\n * @param {Function} [onClose] - {Function} Callback fired when the calendar closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [reduceAnimations=false] - {boolean} Whether to reduce animations\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus the input\r\n *\r\n * @returns {JSX.Element} The Date Picker Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import DatePickerField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [date, setDate] = useState<Date | null>(null);\r\n *\r\n * return (\r\n * <DatePickerField\r\n * name=\"myDatePicker\"\r\n * label=\"Select Date\"\r\n * value={date}\r\n * onChange={(newDate) => setDate(newDate)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst DatePickerField = forwardRef<HTMLDivElement, IDatePickerFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n defaultValue,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onViewChange,\r\n onMonthChange,\r\n onYearChange,\r\n onOpen,\r\n onClose,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = true,\r\n required,\r\n minDate,\r\n maxDate,\r\n shouldDisableDate,\r\n shouldDisableMonth,\r\n shouldDisableYear,\r\n size = \"medium\",\r\n variant = \"outlined\",\r\n color = \"primary\",\r\n placeholder,\r\n readOnly = false,\r\n showClearButton = true,\r\n disablePast = false,\r\n disableFuture = false,\r\n referenceDate,\r\n view,\r\n format,\r\n openTo = \"day\",\r\n pickerStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n textFieldStyles,\r\n slotProps,\r\n slots,\r\n title = false,\r\n dateAdapter = AdapterDateFns,\r\n reduceAnimations = false,\r\n autoFocus = false,\r\n ...datePickerProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const inputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle clear button click\r\n const handleClear = () => {\r\n if (onChange) {\r\n onChange(null);\r\n }\r\n if (inputRef.current) {\r\n inputRef.current.focus();\r\n }\r\n };\r\n\r\n // Default placeholder\r\n const defaultPlaceholder = placeholder || \"MM/DD/YYYY\";\r\n\r\n // Merge slotProps with textField configuration\r\n const mergedSlotProps = {\r\n ...slotProps,\r\n textField: {\r\n ...slotProps?.textField,\r\n error: !!error,\r\n size,\r\n variant,\r\n color,\r\n helperText: error ? (helperText ?? error.message) : helperText,\r\n fullWidth,\r\n placeholder: defaultPlaceholder,\r\n autoFocus,\r\n onFocus,\r\n onBlur,\r\n inputRef: ref || inputRef,\r\n sx: {\r\n ...textFieldStyles,\r\n ...(slotProps?.textField && typeof slotProps.textField === \"object\" && \"sx\" in slotProps.textField\r\n ? slotProps.textField.sx\r\n : {})\r\n },\r\n InputProps: {\r\n ...(slotProps?.textField && typeof slotProps.textField === \"object\" && \"InputProps\" in slotProps.textField\r\n ? slotProps.textField.InputProps\r\n : {}),\r\n endAdornment: (\r\n <React.Fragment>\r\n {showClearButton && value && (\r\n <InputAdornment position=\"end\">\r\n <IconButton onClick={handleClear} size=\"small\" edge=\"end\" sx={{ marginRight: 0.5 }}>\r\n <ClearIcon fontSize=\"small\" />\r\n </IconButton>\r\n </InputAdornment>\r\n )}\r\n {/* @ts-ignore */}\r\n {slotProps?.textField?.InputProps?.endAdornment}\r\n </React.Fragment>\r\n )\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n {label && title && (\r\n <FormLabel\r\n sx={{\r\n marginBottom: 1,\r\n ...formLabelStyles\r\n }}\r\n >\r\n {label}\r\n </FormLabel>\r\n )}\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles\r\n }}\r\n >\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <DatePicker\r\n {...datePickerProps}\r\n name={name}\r\n label={label}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n onViewChange={onViewChange}\r\n onMonthChange={onMonthChange}\r\n onYearChange={onYearChange}\r\n onOpen={onOpen}\r\n onClose={onClose}\r\n disabled={disabled}\r\n minDate={minDate}\r\n maxDate={maxDate}\r\n shouldDisableDate={shouldDisableDate}\r\n shouldDisableMonth={shouldDisableMonth}\r\n shouldDisableYear={shouldDisableYear}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n referenceDate={referenceDate}\r\n view={view}\r\n format={format}\r\n openTo={openTo}\r\n reduceAnimations={reduceAnimations}\r\n slotProps={mergedSlotProps as any}\r\n slots={slots}\r\n sx={pickerStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nDatePickerField.displayName = \"DatePickerField\";\r\n\r\nexport default DatePickerField;\r\n","\"use client\";\r\nimport { Box, Button, type ButtonProps, FormControl, FormHelperText, type FormLabelProps, Stack } from \"@mui/material\";\r\nimport { LocalizationProvider, TimeClock, type TimeClockProps, type TimeView } from \"@mui/x-date-pickers\";\r\n// @ts-ignore\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport React, { type ForwardedRef, forwardRef, useState } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Time Clock Field Props\r\n * Extends MUI TimeClockProps with custom form field props\r\n */\r\nexport interface ITimeClockFieldProps extends Omit<\r\n TimeClockProps<Date>,\r\n \"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\" | \"view\" | \"onViewChange\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the time clock */\r\n label?: React.ReactNode;\r\n /** Current selected time value */\r\n value: Date | null;\r\n /** Default time value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below time clock */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Available views (hours, minutes, seconds) */\r\n views?: TimeView[];\r\n /** Whether to show AM/PM in the clock */\r\n ampmInClock?: boolean;\r\n /** Whether to use 12-hour format */\r\n ampm?: boolean;\r\n /** Whether to disable past times */\r\n disablePast?: boolean;\r\n /** Whether to disable future times */\r\n disableFuture?: boolean;\r\n /** Minimum selectable time */\r\n minTime?: Date;\r\n /** Maximum selectable time */\r\n maxTime?: Date;\r\n /** Function to disable specific times */\r\n shouldDisableTime?: (time: Date, view: TimeView) => boolean;\r\n /** Custom styles for the TimeClock */\r\n clockStyles?: TimeClockProps<Date>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\r\n /** Custom styles for the view buttons Stack */\r\n buttonsStackStyles?: React.ComponentProps<typeof Stack>[\"sx\"];\r\n /** Custom styles for view buttons */\r\n buttonStyles?: ButtonProps[\"sx\"];\r\n /** Custom styles for active view button */\r\n activeButtonStyles?: ButtonProps[\"sx\"];\r\n /** Whether to show view selector buttons */\r\n showViewButtons?: boolean;\r\n /** Initial view */\r\n initialView?: TimeView;\r\n /** Controlled view state */\r\n view?: TimeView;\r\n /** Callback fired when the time changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: TimeView) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TimeClockProps<Date>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TimeClockProps<Date>[\"slots\"];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Auto focus */\r\n autoFocus?: boolean;\r\n}\r\n\r\n/**\r\n * Time Clock Field Component\r\n *\r\n * A customizable inline time clock field built on top of Material UI X TimeClock and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides an inline clock for time selection with support for: error handling, helper text,\r\n * AM/PM support, time constraints (min/max), and standard clock behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the time clock\r\n * @param {Date | null} value - {Date | null} Current selected time value (controlled component)\r\n * @param {Date | null} [defaultValue] - {Date | null} Default time value\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below time clock\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {TimeView[]} [views=['hours', 'minutes']] - {TimeView[]} Available views (hours, minutes, seconds)\r\n * @param {boolean} [ampmInClock=false] - {boolean} Whether to show AM/PM in the clock\r\n * @param {boolean} [ampm=true] - {boolean} Whether to use 12-hour format\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past times\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future times\r\n * @param {Date} [minTime] - {Date} Minimum selectable time\r\n * @param {Date} [maxTime] - {Date} Maximum selectable time\r\n * @param {(time: Date, view: TimeView) => boolean} [shouldDisableTime] - {Function} Function to disable specific times\r\n * @param {TimeClockProps<TimeView>['sx']} [clockStyles] - {TimeClockProps<TimeView>['sx']} Custom styles for the TimeClock component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {StackProps['sx']} [buttonsStackStyles] - {StackProps['sx']} Custom styles for the view buttons Stack\r\n * @param {ButtonProps['sx']} [buttonStyles] - {ButtonProps['sx']} Custom styles for view buttons\r\n * @param {ButtonProps['sx']} [activeButtonStyles] - {ButtonProps['sx']} Custom styles for active view button\r\n * @param {boolean} [showViewButtons=true] - {boolean} Whether to show view selector buttons\r\n * @param {TimeView} [initialView='hours'] - {TimeView} Initial view\r\n * @param {TimeView} [view] - {TimeView} Controlled view state\r\n * @param {(value: Date | null) => void} [onChange] - {(value: Date | null) => void} Callback fired when value changes\r\n * @param {(view: TimeView) => void} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus\r\n *\r\n * @returns {JSX.Element} The Time Clock Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import TimeClockField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [time, setTime] = useState<Date | null>(new Date());\r\n *\r\n * return (\r\n * <TimeClockField\r\n * name=\"myTimeClock\"\r\n * label=\"Select Time\"\r\n * value={time}\r\n * onChange={(newTime) => setTime(newTime)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst TimeClockField = forwardRef<HTMLDivElement, ITimeClockFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n defaultValue,\r\n onChange,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = false,\r\n required,\r\n views = [\"hours\", \"minutes\"],\r\n ampmInClock = false,\r\n ampm = true,\r\n disablePast = false,\r\n disableFuture = false,\r\n minTime,\r\n maxTime,\r\n shouldDisableTime,\r\n clockStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n buttonsStackStyles,\r\n buttonStyles,\r\n activeButtonStyles,\r\n showViewButtons = true,\r\n initialView = \"hours\",\r\n view: controlledView,\r\n onViewChange: controlledOnViewChange,\r\n slotProps,\r\n slots,\r\n dateAdapter = AdapterDateFns,\r\n autoFocus = false,\r\n ...timeClockProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Internal view state (only used if view is not controlled)\r\n const [internalView, setInternalView] = useState<TimeView>(initialView);\r\n\r\n // Use controlled view if provided, otherwise use internal state\r\n const view = controlledView ?? internalView;\r\n const setView = controlledOnViewChange ?? setInternalView;\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle view change\r\n const handleViewChange = (newView: TimeView) => {\r\n setView(newView);\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles\r\n }}\r\n mt={2}\r\n mb={2}\r\n >\r\n {showViewButtons && views && views.length > 1 && (\r\n <Stack\r\n spacing={1}\r\n sx={{\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n ...buttonsStackStyles\r\n }}\r\n >\r\n {views.map((v) => (\r\n <Button\r\n key={v}\r\n size=\"small\"\r\n variant={view === v ? \"contained\" : \"outlined\"}\r\n onClick={() => handleViewChange(v)}\r\n disabled={disabled}\r\n sx={\r\n view === v\r\n ? {\r\n ...(buttonStyles as any),\r\n ...(activeButtonStyles as any)\r\n }\r\n : (buttonStyles as any)\r\n }\r\n >\r\n {v}\r\n </Button>\r\n ))}\r\n </Stack>\r\n )}\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <TimeClock\r\n {...timeClockProps}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n view={view}\r\n onViewChange={handleViewChange}\r\n disabled={disabled}\r\n views={views}\r\n ampmInClock={ampmInClock}\r\n ampm={ampm}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n minTime={minTime}\r\n maxTime={maxTime}\r\n shouldDisableTime={shouldDisableTime}\r\n autoFocus={autoFocus}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={clockStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n {error && (\r\n <FormHelperText sx={{ margin: \"4px\" }}>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>\r\n )}\r\n {!error && helperText && <FormHelperText sx={{ margin: \"4px\" }}>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nTimeClockField.displayName = \"TimeClockField\";\r\n\r\nexport default TimeClockField;\r\n","\"use client\";\r\nimport ClearIcon from \"@mui/icons-material/Clear\";\r\nimport {\r\n Box,\r\n FormControl,\r\n FormHelperText,\r\n FormLabel,\r\n type FormLabelProps,\r\n IconButton,\r\n InputAdornment,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from \"@mui/x-date-pickers\";\r\n// @ts-ignore\r\nimport { AdapterDateFns } from \"@mui/x-date-pickers/AdapterDateFns\";\r\nimport React, { type ForwardedRef, forwardRef, useRef } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Time Picker Field Props\r\n * Extends MUI TimePickerProps with custom form field props\r\n */\r\nexport interface ITimePickerFieldProps extends Omit<\r\n TimePickerProps<Date>,\r\n \"value\" | \"onChange\" | \"defaultValue\" | \"slots\" | \"slotProps\" | \"renderInput\" | \"onViewChange\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the time picker */\r\n label?: string;\r\n /** Current selected time value */\r\n value: Date | null;\r\n /** Default time value */\r\n defaultValue?: Date | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Whether to show title */\r\n title?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Minimum selectable time */\r\n minTime?: Date;\r\n /** Maximum selectable time */\r\n maxTime?: Date;\r\n /** Function to disable specific times */\r\n shouldDisableTime?: (time: Date, view: \"hours\" | \"minutes\" | \"seconds\") => boolean;\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** Whether the field is read-only */\r\n readOnly?: boolean;\r\n /** Whether to show clear button */\r\n showClearButton?: boolean;\r\n /** Whether to disable past times */\r\n disablePast?: boolean;\r\n /** Whether to disable future times */\r\n disableFuture?: boolean;\r\n /** Whether to use 12-hour format */\r\n ampm?: boolean;\r\n /** Available views (hours, minutes, seconds) */\r\n views?: (\"hours\" | \"minutes\" | \"seconds\")[];\r\n /** Controlled view state */\r\n view?: \"hours\" | \"minutes\" | \"seconds\";\r\n /** Default view */\r\n openTo?: \"hours\" | \"minutes\" | \"seconds\";\r\n /** Format for displaying the time */\r\n format?: string;\r\n /** Custom styles for the TimePicker */\r\n pickerStyles?: TimePickerProps<Date>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for FormLabel */\r\n formLabelStyles?: FormLabelProps[\"sx\"];\r\n /** Custom styles for the container Box */\r\n containerStyles?: React.ComponentProps<typeof Box>[\"sx\"];\r\n /** Custom styles for the TextField */\r\n textFieldStyles?: TextFieldProps[\"sx\"];\r\n /** Callback fired when the time changes */\r\n onChange?: (value: Date | null) => void;\r\n /** Callback fired when the field receives focus */\r\n onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when the field loses focus */\r\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when a view change is requested */\r\n onViewChange?: (view: \"hours\" | \"minutes\" | \"seconds\" | \"meridiem\") => void;\r\n /** Callback fired when the picker opens */\r\n onOpen?: () => void;\r\n /** Callback fired when the picker closes */\r\n onClose?: () => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TimePickerProps<Date>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TimePickerProps<Date>[\"slots\"];\r\n /** Date adapter to use (defaults to AdapterDateFns) */\r\n dateAdapter?: typeof AdapterDateFns;\r\n /** Auto focus the input */\r\n autoFocus?: boolean;\r\n}\r\n\r\n/**\r\n * Time Picker Field Component\r\n *\r\n * A customizable time picker field built on top of Material UI X TimePicker and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible time picker with support for: error handling, helper text, clear button,\r\n * AM/PM support, time constraints (min/max), and standard time picker behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the time picker\r\n * @param {Date | null} value - {Date | null} Current selected time value (controlled component)\r\n * @param {Date | null} [defaultValue] - {Date | null} Default time value\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as a separate title above the picker\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minTime] - {Date} Minimum selectable time\r\n * @param {Date} [maxTime] - {Date} Maximum selectable time\r\n * @param {(time: Date, view: string) => boolean} [shouldDisableTime] - {Function} Function to disable specific times\r\n * @param {TextFieldProps['size']} [size='medium'] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {boolean} [readOnly=false] - {boolean} Whether the field is read-only\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past times\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future times\r\n * @param {boolean} [ampm=true] - {boolean} Whether to use 12-hour format\r\n * @param {string[]} [views] - {string[]} Available views (hours, minutes, seconds)\r\n * @param {string} [view] - {string} Controlled view state\r\n * @param {string} [openTo='hours'] - {string} Default view to open\r\n * @param {string} [format] - {string} Format for displaying the time\r\n * @param {TimePickerProps['sx']} [pickerStyles] - {TimePickerProps['sx']} Custom styles for the TimePicker component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {TextFieldProps['sx']} [textFieldStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {(value: Date | null) => void} [onChange] - {(value: Date | null) => void} Callback fired when value changes\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onFocus] - {Function} Callback when field receives focus\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Function} [onOpen] - {Function} Callback fired when the picker opens\r\n * @param {Function} [onClose] - {Function} Callback fired when the picker closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus the input\r\n *\r\n * @returns {JSX.Element} The Time Picker Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import TimePickerField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [time, setTime] = useState<Date | null>(null);\r\n *\r\n * return (\r\n * <TimePickerField\r\n * name=\"myTimePicker\"\r\n * label=\"Select Time\"\r\n * value={time}\r\n * onChange={(newTime) => setTime(newTime)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst TimePickerField = forwardRef<HTMLDivElement, ITimePickerFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n title,\r\n value,\r\n defaultValue,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onViewChange,\r\n onOpen,\r\n onClose,\r\n error,\r\n helperText,\r\n disabled = false,\r\n fullWidth = true,\r\n required,\r\n minTime,\r\n maxTime,\r\n shouldDisableTime,\r\n size = \"medium\",\r\n variant = \"outlined\",\r\n color = \"primary\",\r\n placeholder,\r\n readOnly = false,\r\n showClearButton = true,\r\n disablePast = false,\r\n disableFuture = false,\r\n ampm = true,\r\n views,\r\n view,\r\n openTo = \"hours\",\r\n format,\r\n pickerStyles,\r\n formControlStyles,\r\n formLabelStyles,\r\n containerStyles,\r\n textFieldStyles,\r\n slotProps,\r\n slots,\r\n dateAdapter = AdapterDateFns,\r\n autoFocus = false,\r\n ...timePickerProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const inputRef = useRef<HTMLInputElement | null>(null);\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = (newValue: Date | null) => {\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n };\r\n\r\n // Handle clear button click\r\n const handleClear = () => {\r\n if (onChange) {\r\n onChange(null);\r\n }\r\n if (inputRef.current) {\r\n inputRef.current.focus();\r\n }\r\n };\r\n\r\n // Default placeholder\r\n const defaultPlaceholder = placeholder || (ampm ? \"hh:mm AM/PM\" : \"hh:mm\");\r\n\r\n // Merge slotProps with textField configuration\r\n const mergedSlotProps = {\r\n ...slotProps,\r\n textField: {\r\n ...slotProps?.textField,\r\n error: !!error,\r\n size,\r\n variant,\r\n color,\r\n helperText: error ? (helperText ?? error.message) : helperText,\r\n fullWidth,\r\n placeholder: defaultPlaceholder,\r\n autoFocus,\r\n onFocus,\r\n onBlur,\r\n inputRef: ref || inputRef,\r\n sx: {\r\n ...textFieldStyles,\r\n ...(slotProps?.textField && typeof slotProps.textField === \"object\" && \"sx\" in slotProps.textField\r\n ? slotProps.textField.sx\r\n : {})\r\n },\r\n InputProps: {\r\n ...(slotProps?.textField && typeof slotProps.textField === \"object\" && \"InputProps\" in slotProps.textField\r\n ? slotProps.textField.InputProps\r\n : {}),\r\n endAdornment: (\r\n <React.Fragment>\r\n {showClearButton && value && (\r\n <InputAdornment position=\"end\">\r\n <IconButton onClick={handleClear} size=\"small\" edge=\"end\" sx={{ marginRight: 0.5 }}>\r\n <ClearIcon fontSize=\"small\" />\r\n </IconButton>\r\n </InputAdornment>\r\n )}\r\n {/* @ts-ignore */}\r\n {slotProps?.textField?.InputProps?.endAdornment}\r\n </React.Fragment>\r\n )\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n {label && title && (\r\n <FormLabel\r\n sx={{\r\n mb: 1,\r\n ...formLabelStyles\r\n }}\r\n >\r\n {label}\r\n </FormLabel>\r\n )}\r\n <Box\r\n ref={ref}\r\n sx={{\r\n ...containerStyles\r\n }}\r\n >\r\n <LocalizationProvider dateAdapter={dateAdapter}>\r\n <TimePicker\r\n {...timePickerProps}\r\n name={name}\r\n label={label ? undefined : label}\r\n value={value}\r\n defaultValue={defaultValue}\r\n onChange={handleChange}\r\n onViewChange={onViewChange}\r\n onOpen={onOpen}\r\n onClose={onClose}\r\n disabled={disabled}\r\n minTime={minTime}\r\n maxTime={maxTime}\r\n shouldDisableTime={shouldDisableTime}\r\n disablePast={disablePast}\r\n disableFuture={disableFuture}\r\n ampm={ampm}\r\n views={views}\r\n view={view}\r\n openTo={openTo}\r\n format={format}\r\n slotProps={mergedSlotProps as any}\r\n slots={slots}\r\n sx={pickerStyles}\r\n />\r\n </LocalizationProvider>\r\n </Box>\r\n\r\n {!error && helperText && <FormHelperText sx={{ margin: \"4px\" }}>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nTimePickerField.displayName = \"TimePickerField\";\r\n\r\nexport default TimePickerField;\r\n","\"use client\";\r\nimport {\r\n Autocomplete,\r\n type AutocompleteChangeReason,\r\n type AutocompleteCloseReason,\r\n type AutocompleteInputChangeReason,\r\n type AutocompleteProps,\r\n FormControl,\r\n FormHelperText,\r\n TextField,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport type { FilterOptionsState } from \"@mui/material/useAutocomplete\";\r\nimport React, { type ForwardedRef, forwardRef, memo, type SyntheticEvent, useCallback } from \"react\";\r\n\r\nexport type AutoCompleteOption = {\r\n name: string;\r\n value: string | number;\r\n [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Autocomplete Input Props\r\n * Extends MUI AutocompleteProps with custom form field props\r\n */\r\nexport interface IAutoCompleteInputProps<\r\n T extends AutoCompleteOption = AutoCompleteOption,\r\n Multiple extends boolean = false,\r\n DisableClearable extends boolean = false,\r\n FreeSolo extends boolean = false\r\n> extends Omit<\r\n AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>,\r\n \"renderInput\" | \"options\" | \"value\" | \"onChange\" | \"getOptionLabel\" | \"isOptionEqualToValue\" | \"renderOption\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the input field */\r\n label?: string;\r\n /** Current selected value */\r\n value: Multiple extends true ? T[] : T | null;\r\n /** Options array to display in dropdown */\r\n options: T[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below input */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Custom function to get option label (defaults to option.name) */\r\n getOptionLabel?: (option: T | string) => string;\r\n /** Custom function to check option equality (defaults to comparing option.name) */\r\n isOptionEqualToValue?: (option: T, value: T) => boolean;\r\n /** Custom render function for options */\r\n renderOption?: (\r\n props: React.HTMLAttributes<HTMLLIElement>,\r\n option: T,\r\n state?: { selected: boolean; inputValue: string }\r\n ) => React.ReactNode;\r\n /** Callback fired when the value changes */\r\n onChange?: (\r\n event: SyntheticEvent,\r\n newValue: Multiple extends true ? T[] : T | null,\r\n reason?: AutocompleteChangeReason\r\n ) => void;\r\n /** Callback fired when input value changes */\r\n onInputChange?: (event: SyntheticEvent, newInputValue: string, reason: AutocompleteInputChangeReason) => void;\r\n /** Callback fired when popup opens */\r\n onOpen?: (event: SyntheticEvent) => void;\r\n /** Callback fired when popup closes */\r\n onClose?: (event: SyntheticEvent, reason: AutocompleteCloseReason) => void;\r\n /** Custom icon for popup indicator */\r\n popupIcon?: React.ReactNode;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for the Autocomplete */\r\n autocompleteStyles?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Whether to show loading state */\r\n loading?: boolean;\r\n /** Text to show when loading */\r\n loadingText?: React.ReactNode;\r\n /** Text to show when no options available */\r\n noOptionsText?: React.ReactNode;\r\n /** Text to show when options are being filtered */\r\n filterText?: string;\r\n /** Custom filter options function */\r\n filterOptions?: (options: T[], state: FilterOptionsState<T>) => T[];\r\n /** Whether to highlight the first option */\r\n autoHighlight?: boolean;\r\n /** Whether to select the first option on highlight */\r\n autoSelect?: boolean;\r\n /** Whether to disable portal rendering */\r\n disablePortal?: boolean;\r\n /** Whether to disable list wrapping */\r\n disableListWrap?: boolean;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>[\"slots\"];\r\n}\r\n\r\n/**\r\n * AutoComplete Field Component\r\n *\r\n * A highly customizable autocomplete search and dropdown field built on top of Material UI Autocomplete and TextField.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a searchable dropdown with support for: single/multiple selection, remote/local options,\r\n * error handling, helper text, custom option rendering, and standard autocomplete behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the input field\r\n * @param {T | T[] | null} value - {T | T[] | null} Current selected value(s) (controlled component)\r\n * @param {T[]} options - {T[]} Array of options to display in dropdown\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below input\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Function} [getOptionLabel] - {Function} Custom function to get option label\r\n * @param {Function} [isOptionEqualToValue] - {Function} Custom function to check option equality\r\n * @param {Function} [renderOption] - {Function} Custom render function for options\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onInputChange] - {Function} Callback fired when input value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when popup opens\r\n * @param {Function} [onClose] - {Function} Callback fired when popup closes\r\n * @param {React.ReactNode} [popupIcon] - {React.ReactNode} Custom icon for popup indicator\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {AutocompleteProps['sx']} [autocompleteStyles] - {AutocompleteProps['sx']} Custom styles for the Autocomplete component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {boolean} [loading=false] - {boolean} Whether to show loading state\r\n * @param {React.ReactNode} [loadingText='Loading...'] - {React.ReactNode} Text to show when loading\r\n * @param {React.ReactNode} [noOptionsText='No options'] - {React.ReactNode} Text to show when no options available\r\n * @param {Function} [filterOptions] - {Function} Custom filter options function\r\n * @param {boolean} [autoHighlight=true] - {boolean} Whether to highlight the first option\r\n * @param {boolean} [autoSelect=false] - {boolean} Whether to select the first option on highlight\r\n * @param {boolean} [disablePortal=false] - {boolean} Whether to disable portal rendering\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The AutoComplete Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import AutoCompleteField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [val, setVal] = useState(null);\r\n * const options = [{ name: \"Option 1\", value: 1 }, { name: \"Option 2\", value: 2 }];\r\n *\r\n * return (\r\n * <AutoCompleteField\r\n * name=\"myAutocomplete\"\r\n * label=\"Select Option\"\r\n * value={val}\r\n * options={options}\r\n * onChange={(e, newVal) => setVal(newVal)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst AutoCompleteField = memo(\r\n forwardRef<HTMLDivElement, IAutoCompleteInputProps<AutoCompleteOption, boolean, boolean, boolean>>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onInputChange,\r\n onOpen,\r\n onClose,\r\n options,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color,\r\n fullWidth = true,\r\n required,\r\n getOptionLabel,\r\n isOptionEqualToValue,\r\n renderOption,\r\n popupIcon,\r\n inputStyles,\r\n autocompleteStyles,\r\n formControlStyles,\r\n loading = false,\r\n loadingText = \"Loading...\",\r\n noOptionsText = \"No options\",\r\n filterOptions,\r\n autoHighlight = true,\r\n autoSelect = false,\r\n disablePortal = false,\r\n disableListWrap = false,\r\n slotProps,\r\n slots,\r\n ...autocompleteProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Default getOptionLabel function\r\n const defaultGetOptionLabel = useCallback((option: AutoCompleteOption | string): string => {\r\n if (typeof option === \"string\") {\r\n return option;\r\n }\r\n return option?.name ?? String(option?.value ?? \"\");\r\n }, []);\r\n\r\n // Default isOptionEqualToValue function\r\n const defaultIsOptionEqualToValue = useCallback(\r\n (option: AutoCompleteOption, value: AutoCompleteOption): boolean => {\r\n return option?.name === value?.name && option?.value === value?.value;\r\n },\r\n []\r\n );\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = useCallback(\r\n (event: SyntheticEvent, newValue: any, reason?: AutocompleteChangeReason) => {\r\n if (onChange) {\r\n onChange(event, newValue, reason);\r\n }\r\n },\r\n [onChange]\r\n );\r\n\r\n return (\r\n <FormControl fullWidth={fullWidth} error={!!error} sx={formControlStyles}>\r\n <Autocomplete<AutoCompleteOption, boolean, boolean, boolean>\r\n options={options}\r\n value={value as any}\r\n onChange={handleChange}\r\n onInputChange={onInputChange}\r\n onOpen={onOpen}\r\n onClose={onClose}\r\n getOptionLabel={getOptionLabel ? getOptionLabel : defaultGetOptionLabel}\r\n isOptionEqualToValue={isOptionEqualToValue ? isOptionEqualToValue : defaultIsOptionEqualToValue}\r\n disabled={disabled}\r\n loading={loading}\r\n loadingText={loadingText}\r\n noOptionsText={noOptionsText}\r\n filterOptions={filterOptions}\r\n autoHighlight={autoHighlight}\r\n autoSelect={autoSelect}\r\n disablePortal={disablePortal}\r\n disableListWrap={disableListWrap}\r\n popupIcon={popupIcon}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={autocompleteStyles}\r\n ref={ref}\r\n {...autocompleteProps}\r\n renderInput={(params) => (\r\n <TextField\r\n {...params}\r\n name={name}\r\n label={label}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n placeholder={placeholder}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n sx={inputStyles}\r\n helperText={helperText ?? \"\"}\r\n />\r\n )}\r\n />\r\n {error && !helperText && error.message && <FormHelperText>{error.message}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nAutoCompleteField.displayName = \"AutoCompleteField\";\r\n\r\nexport default AutoCompleteField;\r\n","\"use client\";\r\nimport { Box, FormControl, type FormControlProps, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n useState\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Color format types\r\n */\r\nexport type ColorFormat = \"hex\" | \"rgb\" | \"rgba\" | \"hsl\" | \"hsla\";\r\n\r\n/**\r\n * Color value type - can be string (hex) or object (rgb/rgba/hsl/hsla)\r\n */\r\nexport type ColorValue = string | RGBColor | RGBAColor | HSLColor | HSLAColor;\r\n\r\n/**\r\n * RGB color object\r\n */\r\nexport interface RGBColor {\r\n r: number;\r\n g: number;\r\n b: number;\r\n}\r\n\r\n/**\r\n * RGBA color object\r\n */\r\nexport interface RGBAColor extends RGBColor {\r\n a: number;\r\n}\r\n\r\n/**\r\n * HSL color object\r\n */\r\nexport interface HSLColor {\r\n h: number;\r\n s: number;\r\n l: number;\r\n}\r\n\r\n/**\r\n * HSL color object with alpha\r\n */\r\nexport interface HSLAColor extends HSLColor {\r\n a: number;\r\n}\r\n\r\n/**\r\n * Extended Color Picker Field Props\r\n */\r\nexport interface IColorPickerFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\" | \"multiline\" | \"variant\" | \"size\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the color picker field */\r\n label?: string;\r\n /** Current color value (hex string or color object) */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Color format (hex, rgb, rgba, hsl, hsla) */\r\n format?: ColorFormat;\r\n /** Whether to show color preview swatch */\r\n showPreview?: boolean;\r\n /** Whether to show native color input */\r\n showNativeInput?: boolean;\r\n /** Whether to show popover picker */\r\n showPopoverPicker?: boolean;\r\n /** Preset colors to display */\r\n presetColors?: string[];\r\n /** Whether to show preset colors */\r\n showPresetColors?: boolean;\r\n /** Callback fired when the color changes */\r\n onChange?: (value: string) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the color preview swatch */\r\n previewStyles?: React.CSSProperties;\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Convert hex to RGB (utility function for future format conversions)\r\n * @internal - Exported for potential future use with rgb/rgba formats\r\n */\r\nexport const hexToRgb = (hex: string): RGBColor | null => {\r\n const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\r\n return result\r\n ? {\r\n r: parseInt(result[1], 16),\r\n g: parseInt(result[2], 16),\r\n b: parseInt(result[3], 16)\r\n }\r\n : null;\r\n};\r\n\r\n/**\r\n * Convert RGB to hex (utility function for future format conversions)\r\n * @internal - Exported for potential future use with rgb/rgba formats\r\n */\r\nexport const rgbToHex = (r: number, g: number, b: number): string => {\r\n return `#${[r, g, b].map((x) => x.toString(16).padStart(2, \"0\")).join(\"\")}`;\r\n};\r\n\r\n/**\r\n * Validate hex color\r\n */\r\nconst isValidHex = (color: string): boolean => {\r\n return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);\r\n};\r\n\r\n/**\r\n * Normalize hex color (ensure # prefix and 6 digits)\r\n */\r\nconst normalizeHex = (color: string): string => {\r\n let hex = color.replace(\"#\", \"\");\r\n if (hex.length === 3) {\r\n hex = hex\r\n .split(\"\")\r\n .map((char) => char + char)\r\n .join(\"\");\r\n }\r\n return `#${hex}`;\r\n};\r\n\r\n/**\r\n * Color Picker Field Component\r\n *\r\n * A customizable color picker field built on top of Material UI TextField and native color input.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a color selection input with support for: hex values, color preview swatch,\r\n * native color picker integration, error handling, helper text, and standard text field behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the color picker field\r\n * @param {string} value - {string} Current color value (hex string)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder='#000000'] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']|'primary'} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {ColorFormat} [format='hex'] - {ColorFormat} Color format (currently hex supported)\r\n * @param {boolean} [showPreview=true] - {boolean} Whether to show color preview swatch\r\n * @param {(value: string) => void} [onChange] - {(value: string) => void} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {React.CSSProperties} [previewStyles] - {React.CSSProperties} Custom styles for the color preview swatch\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for TextField\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Color Picker Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import ColorPickerField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [color, setColor] = useState(\"#3f51b5\");\r\n *\r\n * return (\r\n * <ColorPickerField\r\n * name=\"brandColor\"\r\n * label=\"Choose Brand Color\"\r\n * value={color}\r\n * onChange={(newColor) => setColor(newColor)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst ColorPickerField = memo(\r\n forwardRef<HTMLDivElement, IColorPickerFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder = \"#000000\",\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n format = \"hex\",\r\n showPreview = true,\r\n showNativeInput = true,\r\n showPopoverPicker = true,\r\n presetColors = [\"#000000\", \"#FFFFFF\", \"#FF0000\", \"#00FF00\", \"#0000FF\", \"#FFFF00\", \"#FF00FF\", \"#00FFFF\"],\r\n showPresetColors = false,\r\n previewStyles,\r\n formControlStyles,\r\n inputStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const [internalValue, setInternalValue] = useState<string>(value || \"\");\r\n const colorInputRef = useRef<HTMLInputElement | null>(null);\r\n const popoverAnchorRef = useRef<HTMLDivElement | null>(null);\r\n\r\n // Update internal value when prop changes\r\n useEffect(() => {\r\n if (value !== undefined) {\r\n setInternalValue(value || \"\");\r\n }\r\n }, [value]);\r\n\r\n // Normalize hex value\r\n const normalizedValue = isValidHex(internalValue) ? normalizeHex(internalValue) : internalValue || \"\";\r\n\r\n // Handle input change\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const newValue = (event.target as HTMLInputElement).value;\r\n setInternalValue(newValue);\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n },\r\n [onChange]\r\n );\r\n\r\n // Handle native color input change\r\n const handleColorInputChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n event.stopPropagation();\r\n\r\n const newValue = event.target.value;\r\n setInternalValue(newValue);\r\n\r\n if (onChange) {\r\n onChange(newValue);\r\n }\r\n },\r\n [onChange]\r\n );\r\n\r\n // Handle preview swatch click - directly open native color picker\r\n const handlePreviewClick = useCallback(\r\n (event: React.MouseEvent<HTMLDivElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n event.preventDefault();\r\n event.stopPropagation();\r\n // Trigger the hidden native color input\r\n if (colorInputRef.current) {\r\n colorInputRef.current.click();\r\n }\r\n },\r\n [disabled, colorInputRef]\r\n );\r\n\r\n // Handle key down\r\n const handleKeyDown = useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (event.key === \"Enter\" && onEnterPress) {\r\n onEnterPress(normalizedValue);\r\n }\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n },\r\n [onEnterPress, normalizedValue, textFieldProps.onKeyDown]\r\n );\r\n\r\n // Memoize preview swatch\r\n const previewSwatch = useMemo(\r\n () => (\r\n <InputAdornment position=\"start\">\r\n <Box\r\n ref={popoverAnchorRef}\r\n onClick={!disabled ? handlePreviewClick : undefined}\r\n sx={{\r\n width: size === \"small\" ? 24 : 32,\r\n height: size === \"small\" ? 24 : 32,\r\n borderRadius: 1,\r\n border: \"1px solid\",\r\n borderColor: error ? \"error.main\" : \"divider\",\r\n backgroundColor: normalizedValue,\r\n cursor: !disabled ? \"pointer\" : \"default\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n transition: \"all 0.2s\",\r\n \"&:hover\": {\r\n opacity: !disabled ? 0.8 : 1\r\n },\r\n ...previewStyles\r\n }}\r\n title={!disabled ? \"Click to open color picker\" : undefined}\r\n />\r\n </InputAdornment>\r\n ),\r\n [popoverAnchorRef, disabled, handlePreviewClick, size, error, normalizedValue, previewStyles]\r\n );\r\n\r\n // Build slotProps for MUI v7\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps: {\r\n ...((slotProps?.input as any)?.inputProps || {})\r\n },\r\n ...(showPreview && {\r\n startAdornment: previewSwatch\r\n })\r\n }\r\n }),\r\n [slotProps, showPreview, previewSwatch]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n ref={ref}\r\n name={name}\r\n label={label}\r\n value={normalizedValue}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={inputStyles}\r\n helperText={displayHelperText}\r\n />\r\n {/* Hidden native color input - triggered when clicking preview swatch */}\r\n <input\r\n ref={colorInputRef}\r\n type=\"color\"\r\n value={normalizedValue}\r\n onChange={handleColorInputChange}\r\n disabled={disabled}\r\n style={{\r\n position: \"absolute\",\r\n width: 0,\r\n height: 0,\r\n opacity: 0,\r\n pointerEvents: \"none\",\r\n visibility: \"hidden\"\r\n }}\r\n aria-hidden=\"true\"\r\n />\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nColorPickerField.displayName = \"ColorPickerField\";\r\n\r\nexport default ColorPickerField;\r\n","\"use client\";\r\nimport Clear from \"@mui/icons-material/Clear\";\r\nimport CloudUploadIcon from \"@mui/icons-material/CloudUpload\";\r\nimport {\r\n type ButtonProps,\r\n FormControl,\r\n FormHelperText,\r\n IconButton,\r\n InputAdornment,\r\n TextField,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport React, { type ChangeEvent, type DragEvent, type ForwardedRef, forwardRef, useRef, useState } from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * File value type\r\n */\r\nexport type FileValue = File | File[] | null | undefined;\r\n\r\n/**\r\n * Extended File Upload Field Props\r\n * Extends MUI TextFieldProps with custom file upload props\r\n */\r\nexport interface IFileUploadFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"onDrop\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the file upload field */\r\n label?: string;\r\n /** Current file value */\r\n value?: File | File[] | { name: string } | null;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** File types to accept (e.g., \"image/*\", \".pdf,.doc\") */\r\n accept?: string;\r\n /** Whether to allow multiple file selection */\r\n multiple?: boolean;\r\n /** Maximum file size in bytes */\r\n maxSize?: number;\r\n /** Minimum file size in bytes */\r\n minSize?: number;\r\n /** Allowed file types (MIME types or extensions) */\r\n allowedTypes?: string[];\r\n /** Whether to show file preview */\r\n showPreview?: boolean;\r\n /** Whether to enable drag and drop */\r\n enableDragDrop?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Upload button text */\r\n buttonText?: string;\r\n /** Upload button variant */\r\n buttonVariant?: ButtonProps[\"variant\"];\r\n /** Upload button color */\r\n buttonColor?: ButtonProps[\"color\"];\r\n /** Upload button size */\r\n buttonSize?: ButtonProps[\"size\"];\r\n /** Custom upload icon */\r\n uploadIcon?: React.ReactNode;\r\n /** Callback fired when file(s) change */\r\n onChange?: (file: File | File[] | undefined) => void;\r\n /** Callback fired when file is selected */\r\n onFileSelect?: (file: File | File[] | undefined) => void;\r\n /** Callback fired when file is removed */\r\n onFileRemove?: () => void;\r\n /** Callback fired on file validation error */\r\n onValidationError?: (error: string) => void;\r\n /** Callback fired when file is dropped (drag and drop) */\r\n onDrop?: (files: FileList) => void;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for the Button */\r\n buttonStyles?: ButtonProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for the container */\r\n containerStyles?: React.CSSProperties;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * File Upload Field Component\r\n *\r\n * A versatile file upload field built on top of Material UI TextField and native file input.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a file selection interface with support for: single/multiple files,\r\n * drag and drop, file validation (size, type), file preview, clear functionality, and standard form field behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the file upload field\r\n * @param {File | File[] | { name: string } | null} [value] - {File | File[] | { name: string } | null} Current file(s)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [accept] - {string} File types to accept (e.g., \"image/*\", \".pdf\")\r\n * @param {boolean} [multiple=false] - {boolean} Whether to allow multiple file selection\r\n * @param {number} [maxSize] - {number} Maximum file size in bytes\r\n * @param {number} [minSize] - {number} Minimum file size in bytes\r\n * @param {string[]} [allowedTypes] - {string[]} Allowed file types (MIME types or extensions)\r\n * @param {boolean} [showPreview=true] - {boolean} Whether to show file name preview\r\n * @param {boolean} [enableDragDrop=false] - {boolean} Whether to enable drag and drop\r\n * @param {string} [placeholder='No file chosen'] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [buttonText='Upload'] - {string} Upload button text\r\n * @param {ButtonProps['variant']} [buttonVariant='contained'] - {ButtonProps['variant']} Upload button variant\r\n * @param {ButtonProps['color']} [buttonColor='primary'] - {ButtonProps['color']} Upload button color\r\n * @param {ButtonProps['size']} [buttonSize] - {ButtonProps['size']} Upload button size\r\n * @param {React.ReactNode} [uploadIcon] - {React.ReactNode} Custom upload icon\r\n * @param {(file: File | File[] | undefined) => void} [onChange] - {(file: File | File[] | undefined) => void} Callback fired when files change\r\n * @param {Function} [onFileSelect] - {Function} Callback fired when file is selected\r\n * @param {Function} [onFileRemove] - {Function} Callback fired when file is removed\r\n * @param {(error: string) => void} [onValidationError] - {(error: string) => void} Callback fired on validation error\r\n * @param {(files: FileList) => void} [onDrop] - {(files: FileList) => void} Callback fired when file is dropped\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {ButtonProps['sx']} [buttonStyles] - {ButtonProps['sx']} Custom styles for the Upload button\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {React.CSSProperties} [containerStyles] - {React.CSSProperties} Custom styles for the container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The File Upload Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import FileUploadField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [file, setFile] = useState<File | File[] | undefined>(null);\r\n *\r\n * return (\r\n * <FileUploadField\r\n * name=\"resume\"\r\n * label=\"Upload Resume\"\r\n * value={file}\r\n * onChange={(newFile) => setFile(newFile)}\r\n * accept=\".pdf,.doc,.docx\"\r\n * enableDragDrop\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FileUploadField = forwardRef<HTMLInputElement, IFileUploadFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFileSelect,\r\n onFileRemove,\r\n onValidationError,\r\n onDrop,\r\n error,\r\n helperText,\r\n disabled = false,\r\n accept,\r\n multiple = false,\r\n maxSize,\r\n minSize,\r\n allowedTypes,\r\n showPreview = true,\r\n enableDragDrop = false,\r\n placeholder = \"No file chosen\",\r\n variant = \"outlined\",\r\n size,\r\n color,\r\n fullWidth = true,\r\n required,\r\n buttonText = \"Upload\",\r\n buttonVariant = \"contained\",\r\n buttonColor = \"primary\",\r\n buttonSize,\r\n uploadIcon = <CloudUploadIcon />,\r\n inputStyles,\r\n buttonStyles,\r\n formControlStyles,\r\n containerStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLInputElement>\r\n ) => {\r\n const internalRef = useRef<HTMLInputElement | null>(null);\r\n const [isDragging, setIsDragging] = useState(false);\r\n const [, setDragCounter] = useState(0);\r\n\r\n // Get the file input ref (either forwarded ref or internal ref)\r\n const fileInputRef = ref && typeof ref === \"object\" && \"current\" in ref ? ref : internalRef;\r\n\r\n // Get file name(s) from value\r\n const getFileName = (): string => {\r\n if (!value) {\r\n return \"\";\r\n }\r\n if (value instanceof File) {\r\n return value.name;\r\n }\r\n if (Array.isArray(value)) {\r\n if (value.length === 0) {\r\n return \"\";\r\n }\r\n if (value.length === 1) {\r\n return value[0].name;\r\n }\r\n return `${value.length} files selected`;\r\n }\r\n if (typeof value === \"object\" && \"name\" in value) {\r\n return value.name;\r\n }\r\n return \"\";\r\n };\r\n\r\n // Validate file\r\n const validateFile = (file: File): string | null => {\r\n // Check file size\r\n if (maxSize && file.size > maxSize) {\r\n return `File size exceeds maximum allowed size of ${formatFileSize(maxSize)}`;\r\n }\r\n if (minSize && file.size < minSize) {\r\n return `File size is below minimum required size of ${formatFileSize(minSize)}`;\r\n }\r\n\r\n // Check file type\r\n if (allowedTypes && allowedTypes.length > 0) {\r\n const fileType = file.type || getFileExtension(file.name);\r\n const isAllowed = allowedTypes.some((type) => {\r\n if (type.startsWith(\".\")) {\r\n return file.name.toLowerCase().endsWith(type.toLowerCase());\r\n }\r\n return fileType.includes(type) || fileType === type;\r\n });\r\n if (!isAllowed) {\r\n return `File type not allowed. Allowed types: ${allowedTypes.join(\", \")}`;\r\n }\r\n }\r\n\r\n return null;\r\n };\r\n\r\n // Format file size\r\n const formatFileSize = (bytes: number): string => {\r\n if (bytes === 0) {\r\n return \"0 Bytes\";\r\n }\r\n const k = 1024;\r\n const sizes = [\"Bytes\", \"KB\", \"MB\", \"GB\"];\r\n const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n return `${Math.round((bytes / k ** i) * 100) / 100} ${sizes[i]}`;\r\n };\r\n\r\n // Get file extension\r\n const getFileExtension = (filename: string): string => {\r\n return filename.slice(((filename.lastIndexOf(\".\") - 1) >>> 0) + 2);\r\n };\r\n\r\n // Handle file change\r\n const handleFileChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n const { files } = event.target;\r\n if (!files || files.length === 0) {\r\n if (onChange) {\r\n onChange(undefined);\r\n }\r\n if (onFileSelect) {\r\n onFileSelect(undefined);\r\n }\r\n return;\r\n }\r\n\r\n const fileArray = Array.from(files);\r\n const validFiles: File[] = [];\r\n let hasError = false;\r\n\r\n // Validate each file\r\n for (const file of fileArray) {\r\n const validationError = validateFile(file);\r\n if (validationError) {\r\n hasError = true;\r\n if (onValidationError) {\r\n onValidationError(validationError);\r\n }\r\n } else {\r\n validFiles.push(file);\r\n }\r\n }\r\n\r\n if (validFiles.length > 0) {\r\n const result = multiple ? validFiles : validFiles[0];\r\n if (onChange) {\r\n onChange(result);\r\n }\r\n if (onFileSelect) {\r\n onFileSelect(result);\r\n }\r\n } else if (hasError && onValidationError) {\r\n // Error already handled\r\n }\r\n };\r\n\r\n // Handle button click\r\n const handleButtonClick = () => {\r\n if (!disabled) {\r\n fileInputRef.current?.click();\r\n }\r\n };\r\n\r\n // Handle file remove\r\n const handleFileRemove = () => {\r\n if (fileInputRef.current) {\r\n fileInputRef.current.value = \"\";\r\n }\r\n if (onChange) {\r\n onChange(undefined);\r\n }\r\n if (onFileRemove) {\r\n onFileRemove();\r\n }\r\n };\r\n\r\n // Handle drag and drop\r\n const handleDragEnter = (e: DragEvent<HTMLDivElement>) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setDragCounter((prev) => prev + 1);\r\n if (e.dataTransfer.items && e.dataTransfer.items.length > 0) {\r\n setIsDragging(true);\r\n }\r\n };\r\n\r\n const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setDragCounter((prev) => {\r\n const newCounter = prev - 1;\r\n if (newCounter === 0) {\r\n setIsDragging(false);\r\n }\r\n return newCounter;\r\n });\r\n };\r\n\r\n const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n };\r\n\r\n const handleDrop = (e: DragEvent<HTMLDivElement>) => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n setIsDragging(false);\r\n setDragCounter(0);\r\n\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const { files } = e.dataTransfer;\r\n if (files && files.length > 0) {\r\n if (onDrop) {\r\n onDrop(files);\r\n }\r\n // Create a synthetic event to reuse handleFileChange\r\n const syntheticEvent = {\r\n target: { files }\r\n } as ChangeEvent<HTMLInputElement>;\r\n handleFileChange(syntheticEvent);\r\n }\r\n };\r\n\r\n const fileName = getFileName();\r\n const displayValue = showPreview && fileName ? fileName : placeholder;\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n <div\r\n style={containerStyles}\r\n onDragEnter={enableDragDrop ? handleDragEnter : undefined}\r\n onDragLeave={enableDragDrop ? handleDragLeave : undefined}\r\n onDragOver={enableDragDrop ? handleDragOver : undefined}\r\n onDrop={enableDragDrop ? handleDrop : undefined}\r\n >\r\n <input\r\n type=\"file\"\r\n accept={accept}\r\n multiple={multiple}\r\n name={name}\r\n id={name ? `file-upload-${name}` : undefined}\r\n onChange={handleFileChange}\r\n style={{ display: \"none\" }}\r\n ref={fileInputRef}\r\n disabled={disabled}\r\n />\r\n <TextField\r\n {...textFieldProps}\r\n label={label}\r\n value={displayValue}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n name={name}\r\n sx={inputStyles}\r\n slotProps={{\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n readOnly: true,\r\n endAdornment: (\r\n <InputAdornment position=\"end\">\r\n {showPreview && fileName && (\r\n <IconButton onClick={handleFileRemove} disabled={disabled}>\r\n <Clear />\r\n </IconButton>\r\n )}\r\n <IconButton onClick={handleButtonClick} disabled={disabled} sx={buttonStyles}>\r\n {uploadIcon}\r\n </IconButton>\r\n </InputAdornment>\r\n )\r\n }\r\n }}\r\n slots={slots}\r\n helperText={helperText ?? (error?.message ? error.message : undefined)}\r\n />\r\n {enableDragDrop && isDragging && (\r\n <div\r\n style={{\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n backgroundColor: \"rgba(0, 0, 0, 0.05)\",\r\n border: \"2px dashed\",\r\n borderColor: \"primary.main\",\r\n borderRadius: 4,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n zIndex: 1000\r\n }}\r\n >\r\n Drop files here\r\n </div>\r\n )}\r\n </div>\r\n {error && !helperText && error.message && <FormHelperText>{error.message}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nFileUploadField.displayName = \"FileUploadField\";\r\n\r\nexport default FileUploadField;\r\n","\"use client\";\r\nimport {\r\n FormControl,\r\n FormHelperText,\r\n InputLabel,\r\n MenuItem,\r\n type MenuItemProps,\r\n Select,\r\n type SelectChangeEvent,\r\n type SelectProps\r\n} from \"@mui/material\";\r\nimport React, { type ForwardedRef, forwardRef, type SyntheticEvent } from \"react\";\r\n\r\n/**\r\n * Base option type for Select\r\n */\r\nexport type SelectOption = {\r\n name: string;\r\n value: string | number;\r\n disabled?: boolean;\r\n [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Select Input Props\r\n * Extends MUI SelectProps with custom form field props\r\n */\r\nexport interface ISelectInputFieldProps extends Omit<\r\n SelectProps<string | number | (string | number)[]>,\r\n \"value\" | \"onChange\" | \"name\" | \"error\" | \"children\" | \"renderValue\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the select field */\r\n label?: string;\r\n /** Current selected value(s) */\r\n value: string | number | (string | number)[] | \"\";\r\n /** Options array to display in dropdown */\r\n options: SelectOption[];\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below select */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Select variant */\r\n variant?: SelectProps[\"variant\"];\r\n /** Select size */\r\n size?: SelectProps[\"size\"];\r\n /** Select color */\r\n color?: SelectProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Whether to allow multiple selections */\r\n multiple?: boolean;\r\n /** Custom icon for dropdown indicator */\r\n icon?: React.ReactNode;\r\n /** Custom render function for selected value(s) */\r\n renderValue?: SelectProps<string | number | (string | number)[]>[\"renderValue\"];\r\n /** Custom render function for menu items */\r\n renderMenuItem?: (option: SelectOption, index: number) => React.ReactNode;\r\n /** Custom styles for MenuItem - can be static styles or a function that receives (option, index) */\r\n menuItemStyles?: MenuItemProps[\"sx\"] | ((option: SelectOption, index: number) => MenuItemProps[\"sx\"]);\r\n /** Custom styles for the Select */\r\n selectStyles?: SelectProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom styles for InputLabel */\r\n labelStyles?: React.ComponentProps<typeof InputLabel>[\"sx\"];\r\n /** Callback fired when the value changes */\r\n onChange?: (event: SelectChangeEvent<string | number | (string | number)[]>, child?: React.ReactNode) => void;\r\n /** Callback fired when menu opens */\r\n onOpen?: (event: SyntheticEvent) => void;\r\n /** Callback fired when menu closes */\r\n onClose?: (event: SyntheticEvent) => void;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: SelectProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: SelectProps[\"slots\"];\r\n /** Display empty value */\r\n displayEmpty?: boolean;\r\n /** Auto width for menu */\r\n autoWidth?: boolean;\r\n /** Native select element */\r\n native?: boolean;\r\n /** Menu props */\r\n MenuProps?: SelectProps[\"MenuProps\"];\r\n}\r\n\r\n/**\r\n * Select Input Field Component\r\n *\r\n * A customizable dropdown selection field built on top of Material UI Select and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible dropdown with support for: single/multiple selection,\r\n * error handling, helper text, custom menu item rendering, and standard select behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the select field\r\n * @param {string | number | (string | number)[] | ''} value - {string | number | (string | number)[] | ''} Current selected value(s) (controlled component)\r\n * @param {SelectOption[]} options - {SelectOption[]} Array of options to display in dropdown\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below select\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {SelectProps['variant']} [variant='outlined'] - {SelectProps['variant']} Select variant\r\n * @param {SelectProps['size']} [size] - {SelectProps['size']} Select size\r\n * @param {SelectProps['color']} [color] - {SelectProps['color']} Select color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [multiple=false] - {boolean} Whether to allow multiple selections\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for dropdown indicator\r\n * @param {SelectProps['renderValue']} [renderValue] - {Function} Custom render function for selected value(s)\r\n * @param {Function} [renderMenuItem] - {Function} Custom render function for menu items\r\n * @param {MenuItemProps['sx'] | Function} [menuItemStyles] - {Object|Function} Custom styles for MenuItem\r\n * @param {SelectProps['sx']} [selectStyles] - {SelectProps['sx']} Custom styles for the Select component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {InputLabelProps['sx']} [labelStyles] - {InputLabelProps['sx']} Custom styles for InputLabel\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when menu opens\r\n * @param {Function} [onClose] - {Function} Callback fired when menu closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n * @param {boolean} [displayEmpty=false] - {boolean} Whether to display empty value\r\n * @param {boolean} [autoWidth=false] - {boolean} Whether the menu should have auto width\r\n * @param {boolean} [native=false] - {boolean} Whether to use native select element\r\n * @param {SelectProps['MenuProps']} [MenuProps] - {Object} Custom Menu props\r\n *\r\n * @returns {JSX.Element} The Select Input Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import SelectInputField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [val, setVal] = useState(\"\");\r\n * const options = [{ name: \"Option 1\", value: \"1\" }, { name: \"Option 2\", value: \"2\" }];\r\n *\r\n * return (\r\n * <SelectInputField\r\n * name=\"mySelect\"\r\n * label=\"Select Option\"\r\n * value={val}\r\n * options={options}\r\n * onChange={(e) => setVal(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst SelectInputField = forwardRef<HTMLInputElement, ISelectInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onOpen,\r\n onClose,\r\n options,\r\n error,\r\n helperText,\r\n disabled = false,\r\n variant = \"outlined\",\r\n size,\r\n color,\r\n fullWidth = true,\r\n required,\r\n multiple = false,\r\n icon,\r\n renderValue,\r\n renderMenuItem,\r\n menuItemStyles,\r\n selectStyles,\r\n formControlStyles,\r\n labelStyles,\r\n slotProps,\r\n slots,\r\n displayEmpty = false,\r\n autoWidth = false,\r\n native = false,\r\n MenuProps,\r\n ...selectProps\r\n },\r\n ref: ForwardedRef<HTMLInputElement>\r\n ) => {\r\n // Default render value function\r\n const defaultRenderValue = (selected: string | number | (string | number)[]): React.ReactNode => {\r\n if (multiple && Array.isArray(selected)) {\r\n if (selected.length === 0) {\r\n return \"\";\r\n }\r\n return selected\r\n .map((val) => {\r\n const option = options.find((opt) => opt.value === val);\r\n return option?.name ?? String(val);\r\n })\r\n .join(\", \");\r\n }\r\n if (!multiple && selected !== \"\" && selected !== null && selected !== undefined) {\r\n const option = options.find((opt) => opt.value === selected);\r\n return option?.name ?? String(selected);\r\n }\r\n return \"\";\r\n };\r\n\r\n // Default render menu item function\r\n const defaultRenderMenuItem = (option: SelectOption, index: number): React.ReactNode => {\r\n const menuItemSx =\r\n typeof menuItemStyles === \"function\"\r\n ? (menuItemStyles as (option: SelectOption, index: number) => MenuItemProps[\"sx\"])(option, index)\r\n : menuItemStyles;\r\n\r\n return (\r\n <MenuItem key={`${option.value}-${index}`} value={option.value} disabled={option.disabled} sx={menuItemSx}>\r\n {renderMenuItem ? renderMenuItem(option, index) : option.name}\r\n </MenuItem>\r\n );\r\n };\r\n\r\n // Handle onChange with proper typing\r\n const handleChange = (event: SelectChangeEvent<string | number | (string | number)[]>, child?: React.ReactNode) => {\r\n if (onChange) {\r\n onChange(event, child);\r\n }\r\n };\r\n\r\n const labelId = label ? `${name || \"select\"}-label` : undefined;\r\n const selectId = label ? `${name || \"select\"}-select` : undefined;\r\n\r\n return (\r\n <FormControl\r\n fullWidth={fullWidth}\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n size={size}\r\n variant={variant}\r\n sx={formControlStyles}\r\n >\r\n {label && (\r\n <InputLabel id={labelId} sx={labelStyles}>\r\n {label}\r\n </InputLabel>\r\n )}\r\n <Select\r\n {...selectProps}\r\n labelId={labelId}\r\n id={selectId}\r\n name={name}\r\n value={value}\r\n label={label}\r\n onChange={handleChange}\r\n onOpen={onOpen}\r\n onClose={onClose}\r\n disabled={disabled}\r\n multiple={multiple}\r\n displayEmpty={displayEmpty}\r\n autoWidth={autoWidth}\r\n native={native}\r\n MenuProps={MenuProps}\r\n IconComponent={icon as React.ElementType}\r\n renderValue={renderValue ?? defaultRenderValue}\r\n slotProps={slotProps}\r\n slots={slots}\r\n sx={selectStyles}\r\n ref={ref}\r\n >\r\n {options && Array.isArray(options) && options.map((option, index) => defaultRenderMenuItem(option, index))}\r\n </Select>\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nSelectInputField.displayName = \"SelectInputField\";\r\n\r\nexport default SelectInputField;\r\n","\"use client\";\r\nimport { FormControl, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useState\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Number pattern types\r\n */\r\nexport type NumberPattern =\r\n | \"phone\"\r\n | \"credit-card\"\r\n | \"currency\"\r\n | \"ssn\"\r\n | \"zip-code\"\r\n | \"decimal\"\r\n | \"integer\"\r\n | \"percentage\"\r\n | \"custom\";\r\n\r\n/**\r\n * Extract only digits from a string\r\n */\r\nconst extractDigits = (value: string): string => {\r\n return value.replace(/\\D/g, \"\");\r\n};\r\n\r\n/**\r\n * Format value according to pattern (X represents digits)\r\n * Example: pattern \"XXX-XXXX\" with digits \"1234567\" -> \"123-4567\"\r\n */\r\nconst formatByPattern = (digits: string, pattern: string): string => {\r\n if (!pattern || !digits) {\r\n return digits;\r\n }\r\n let formatted = \"\";\r\n let digitIndex = 0;\r\n for (let i = 0; i < pattern.length && digitIndex < digits.length; i++) {\r\n if (pattern[i] === \"X\") {\r\n formatted += digits[digitIndex];\r\n digitIndex++;\r\n } else {\r\n formatted += pattern[i];\r\n }\r\n }\r\n return formatted;\r\n};\r\n\r\n/**\r\n * Generate placeholder from pattern\r\n */\r\nconst generatePlaceholderFromPattern = (pattern: string): string => {\r\n if (!pattern) {\r\n return \"\";\r\n }\r\n return pattern.replace(/X/g, \"0\");\r\n};\r\n\r\n/**\r\n * Format phone number (XXX) XXX-XXXX\r\n */\r\nconst formatPhoneNumber = (value: string): string => {\r\n const numbers = extractDigits(value);\r\n if (numbers.length <= 3) {\r\n return numbers;\r\n }\r\n if (numbers.length <= 6) {\r\n return `(${numbers.slice(0, 3)}) ${numbers.slice(3)}`;\r\n }\r\n return `(${numbers.slice(0, 3)}) ${numbers.slice(3, 6)}-${numbers.slice(6, 10)}`;\r\n};\r\n\r\n/**\r\n * Format credit card XXXX XXXX XXXX XXXX\r\n */\r\nconst formatCreditCard = (value: string): string => {\r\n const numbers = value.replace(/\\D/g, \"\");\r\n const formatted = numbers.match(/.{1,4}/g)?.join(\" \") || numbers;\r\n return formatted.slice(0, 19); // Max 16 digits + 3 spaces\r\n};\r\n\r\n/**\r\n * Format currency $X,XXX.XX\r\n */\r\nconst formatCurrency = (value: string, allowDecimals: boolean = true): string => {\r\n const numbers = value.replace(/[^\\d.]/g, \"\");\r\n if (!allowDecimals) {\r\n return numbers.replace(/\\D/g, \"\");\r\n }\r\n // Allow only one decimal point\r\n const parts = numbers.split(\".\");\r\n if (parts.length > 2) {\r\n return `${parts[0]}.${parts.slice(1).join(\"\")}`;\r\n }\r\n if (parts.length === 2 && parts[1].length > 2) {\r\n return `${parts[0]}.${parts[1].slice(0, 2)}`;\r\n }\r\n return numbers;\r\n};\r\n\r\n/**\r\n * Format SSN XXX-XX-XXXX\r\n */\r\nconst formatSSN = (value: string): string => {\r\n const numbers = value.replace(/\\D/g, \"\");\r\n if (numbers.length <= 3) {\r\n return numbers;\r\n }\r\n if (numbers.length <= 5) {\r\n return `${numbers.slice(0, 3)}-${numbers.slice(3)}`;\r\n }\r\n return `${numbers.slice(0, 3)}-${numbers.slice(3, 5)}-${numbers.slice(5, 9)}`;\r\n};\r\n\r\n/**\r\n * Format ZIP code XXXXX or XXXXX-XXXX\r\n */\r\nconst formatZipCode = (value: string): string => {\r\n const numbers = value.replace(/\\D/g, \"\");\r\n if (numbers.length <= 5) {\r\n return numbers;\r\n }\r\n return `${numbers.slice(0, 5)}-${numbers.slice(5, 9)}`;\r\n};\r\n\r\n/**\r\n * Format percentage XX%\r\n */\r\nconst formatPercentage = (value: string): string => {\r\n const numbers = value.replace(/\\D/g, \"\");\r\n return numbers.slice(0, 3); // Max 100%\r\n};\r\n\r\n/**\r\n * Extended Number Input Field Props\r\n * Extends MUI TextFieldProps with custom number field props\r\n */\r\nexport interface INumberInputFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the number field */\r\n label?: string;\r\n /** Current number value (as string to support formatted values) */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Number pattern type or pattern string (e.g., \"XXX-XXXX\" where X represents digits) */\r\n pattern?: NumberPattern | string;\r\n /** Custom regex pattern (used when pattern is \"custom\") */\r\n customPattern?: RegExp;\r\n /** Custom formatter function */\r\n customFormatter?: (value: string) => string;\r\n /** Minimum value */\r\n min?: number;\r\n /** Maximum value */\r\n max?: number;\r\n /** Step value for number input */\r\n step?: number;\r\n /** Allow decimal numbers (for decimal pattern) */\r\n allowDecimals?: boolean;\r\n /** Number of decimal places */\r\n decimalPlaces?: number;\r\n /** Start adornment (icon or element before input) */\r\n startAdornment?: React.ReactNode;\r\n /** End adornment (icon or element after input) */\r\n endAdornment?: React.ReactNode;\r\n /** Callback fired when the value changes (returns formatted string) */\r\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Number Field Component\r\n *\r\n * A highly customizable numeric input field built on top of Material UI TextField and FormControl.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a numeric input with advanced formatting support for: phone numbers,\r\n * credit cards, currency, SSN, ZIP codes, percentages, decimals, and custom patterns.\r\n * It handles input validation, automatic formatting, and integrates seamlessly with React Hook Form.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the number field\r\n * @param {string} value - {string} Current number value (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {NumberPattern | string} [pattern='integer'] - {NumberPattern | string} Number pattern type or custom pattern string\r\n * @param {RegExp} [customPattern] - {RegExp} Custom regex pattern (for pattern=\"custom\")\r\n * @param {(value: string) => string} [customFormatter] - {Function} Custom formatter function\r\n * @param {number} [min] - {number} Minimum value\r\n * @param {number} [max] - {number} Maximum value\r\n * @param {number} [step] - {number} Step value for number input\r\n * @param {boolean} [allowDecimals=true] - {boolean} Whether to allow decimal numbers\r\n * @param {number} [decimalPlaces=2] - {number} Number of decimal places allowed\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Number Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import NumberField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [phone, setPhone] = useState(\"\");\r\n *\r\n * return (\r\n * <NumberField\r\n * name=\"phone\"\r\n * label=\"Phone Number\"\r\n * value={phone}\r\n * pattern=\"phone\"\r\n * onChange={(e) => setPhone(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst NumberField = memo(\r\n forwardRef<HTMLDivElement, INumberInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n pattern = \"integer\",\r\n customPattern,\r\n customFormatter,\r\n min,\r\n max,\r\n step,\r\n allowDecimals = true,\r\n decimalPlaces = 2,\r\n startAdornment,\r\n endAdornment,\r\n inputStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const [displayValue, setDisplayValue] = useState<string>(value);\r\n\r\n // Check if pattern is a string (pattern string) or a NumberPattern type\r\n const isPatternString = typeof pattern === \"string\" && pattern.includes(\"X\");\r\n const activePatternString = isPatternString ? pattern : undefined;\r\n const activePatternType = isPatternString ? undefined : (pattern as NumberPattern | undefined);\r\n\r\n // Format value based on pattern\r\n const formatValue = useCallback(\r\n (inputValue: string): string => {\r\n if (!inputValue) {\r\n return \"\";\r\n }\r\n\r\n // If pattern string is provided (from pattern prop), use it for formatting\r\n if (activePatternString) {\r\n const digits = extractDigits(inputValue);\r\n return formatByPattern(digits, activePatternString);\r\n }\r\n\r\n // Use predefined pattern types\r\n switch (activePatternType) {\r\n case \"phone\":\r\n return formatPhoneNumber(inputValue);\r\n case \"credit-card\":\r\n return formatCreditCard(inputValue);\r\n case \"currency\":\r\n return formatCurrency(inputValue, allowDecimals);\r\n case \"ssn\":\r\n return formatSSN(inputValue);\r\n case \"zip-code\":\r\n return formatZipCode(inputValue);\r\n case \"percentage\":\r\n return formatPercentage(inputValue);\r\n case \"decimal\":\r\n return formatCurrency(inputValue, allowDecimals);\r\n case \"integer\":\r\n return extractDigits(inputValue);\r\n case \"custom\":\r\n if (customFormatter) {\r\n return customFormatter(inputValue);\r\n }\r\n if (customPattern) {\r\n const numbers = extractDigits(inputValue);\r\n return numbers;\r\n }\r\n return extractDigits(inputValue);\r\n default:\r\n return extractDigits(inputValue);\r\n }\r\n },\r\n [activePatternString, activePatternType, allowDecimals, customFormatter, customPattern]\r\n );\r\n\r\n // Update display value when value prop changes\r\n useEffect(() => {\r\n const formatted = formatValue(value);\r\n setDisplayValue((prev) => {\r\n if (prev !== formatted) {\r\n return formatted;\r\n }\r\n return prev;\r\n });\r\n }, [value, formatValue]);\r\n\r\n // Validate input based on pattern\r\n const isValidInput = (inputValue: string, key: string): boolean => {\r\n // Allow backspace, delete, tab, escape, enter\r\n if ([\"Backspace\", \"Delete\", \"Tab\", \"Escape\", \"Enter\"].includes(key)) {\r\n return true;\r\n }\r\n\r\n // Allow Ctrl/Cmd + A, C, V, X\r\n if (key === \"a\" || key === \"c\" || key === \"v\" || key === \"x\") {\r\n return true;\r\n }\r\n\r\n // For decimal pattern, allow decimal point\r\n if ((activePatternType === \"decimal\" || activePatternType === \"currency\") && allowDecimals && key === \".\") {\r\n return true;\r\n }\r\n\r\n // Check if it's a number\r\n if (!/^\\d$/.test(key)) {\r\n return false;\r\n }\r\n\r\n // Pattern string validation - check if we've reached max digits\r\n if (activePatternString) {\r\n const maxDigits = (activePatternString.match(/X/g) || []).length;\r\n const currentDigits = extractDigits(inputValue);\r\n return currentDigits.length < maxDigits;\r\n }\r\n\r\n // Custom pattern validation\r\n if (activePatternType === \"custom\" && customPattern) {\r\n const testValue = inputValue + key;\r\n return customPattern.test(testValue);\r\n }\r\n\r\n return true;\r\n };\r\n\r\n // Handle input change\r\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n const inputValue = event.target.value;\r\n const formattedValue = formatValue(inputValue);\r\n setDisplayValue(formattedValue);\r\n\r\n // For pattern-based formatting, return only digits in onChange\r\n const digitsOnly = activePatternString ? extractDigits(inputValue) : formattedValue;\r\n\r\n // Create synthetic event with formatted value\r\n const syntheticEvent = {\r\n ...event,\r\n target: {\r\n ...event.target,\r\n value: digitsOnly\r\n },\r\n currentTarget: {\r\n ...event.currentTarget,\r\n value: digitsOnly\r\n }\r\n } as ChangeEvent<HTMLInputElement>;\r\n\r\n if (onChange) {\r\n onChange(syntheticEvent);\r\n }\r\n };\r\n\r\n // Handle paste event\r\n const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n event.preventDefault();\r\n const pastedText = event.clipboardData.getData(\"text\");\r\n const digits = extractDigits(pastedText);\r\n\r\n // Limit by pattern string if provided\r\n const maxDigits = activePatternString ? (activePatternString.match(/X/g) || []).length : undefined;\r\n const limitedDigits = maxDigits ? digits.slice(0, maxDigits) : digits;\r\n\r\n const formattedValue = activePatternString\r\n ? formatByPattern(limitedDigits, activePatternString)\r\n : formatValue(limitedDigits);\r\n\r\n setDisplayValue(formattedValue);\r\n\r\n // Create synthetic event\r\n const syntheticEvent = {\r\n ...event,\r\n target: {\r\n ...event.target,\r\n value: limitedDigits\r\n },\r\n currentTarget: {\r\n ...event.currentTarget,\r\n value: limitedDigits\r\n }\r\n } as unknown as ChangeEvent<HTMLInputElement>;\r\n\r\n if (onChange) {\r\n onChange(syntheticEvent);\r\n }\r\n };\r\n\r\n // Handle key down to prevent non-numeric input\r\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n const input = event.currentTarget.querySelector(\"input\");\r\n if (!input) {\r\n return;\r\n }\r\n\r\n const currentValue = input.value || \"\";\r\n const { key } = event;\r\n\r\n // Allow special keys\r\n if (\r\n [\r\n \"Backspace\",\r\n \"Delete\",\r\n \"Tab\",\r\n \"Escape\",\r\n \"Enter\",\r\n \"ArrowLeft\",\r\n \"ArrowRight\",\r\n \"ArrowUp\",\r\n \"ArrowDown\",\r\n \"Home\",\r\n \"End\"\r\n ].includes(key)\r\n ) {\r\n if (key === \"Enter\" && onEnterPress) {\r\n onEnterPress(displayValue);\r\n }\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n return;\r\n }\r\n\r\n // Allow Ctrl/Cmd combinations\r\n if (event.ctrlKey || event.metaKey) {\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n return;\r\n }\r\n\r\n // Validate input\r\n if (!isValidInput(currentValue, key)) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n };\r\n\r\n // Build input props\r\n const inputProps = useMemo(\r\n () => ({\r\n min,\r\n max,\r\n step,\r\n inputMode:\r\n activePatternType === \"phone\"\r\n ? \"tel\"\r\n : activePatternType === \"decimal\" || activePatternType === \"currency\"\r\n ? \"decimal\"\r\n : \"numeric\",\r\n maxLength: activePatternString ? activePatternString.length : undefined,\r\n ...((textFieldProps as any).inputProps || {})\r\n }),\r\n [min, max, step, activePatternType, activePatternString, textFieldProps]\r\n );\r\n\r\n // Memoize adornments\r\n const startAdornmentElement = useMemo(\r\n () => (startAdornment ? <InputAdornment position=\"start\">{startAdornment}</InputAdornment> : undefined),\r\n [startAdornment]\r\n );\r\n\r\n const endAdornmentElement = useMemo(\r\n () => (endAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined),\r\n [endAdornment]\r\n );\r\n\r\n // Build slotProps for MUI v7\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps,\r\n ...(startAdornmentElement && {\r\n startAdornment: startAdornmentElement\r\n }),\r\n ...(endAdornmentElement && {\r\n endAdornment: endAdornmentElement\r\n })\r\n }\r\n }),\r\n [slotProps, inputProps, startAdornmentElement, endAdornmentElement]\r\n );\r\n\r\n // Determine input type\r\n const inputType = useMemo(\r\n () =>\r\n activePatternType === \"phone\"\r\n ? \"tel\"\r\n : activePatternType === \"decimal\" || activePatternType === \"currency\"\r\n ? \"text\" // Use text to allow formatting\r\n : \"text\", // Use text for all patterns to allow formatting\r\n [activePatternType]\r\n );\r\n\r\n // Memoize placeholder\r\n const displayPlaceholder = useMemo(\r\n () => placeholder || (activePatternString ? generatePlaceholderFromPattern(activePatternString) : placeholder),\r\n [placeholder, activePatternString]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n name={name}\r\n label={label}\r\n value={displayValue}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n onPaste={handlePaste}\r\n placeholder={displayPlaceholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n type={inputType}\r\n autoComplete=\"off\"\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={inputStyles}\r\n ref={ref}\r\n helperText={displayHelperText}\r\n />\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nNumberField.displayName = \"NumberField\";\r\n\r\nexport default NumberField;\r\n","\"use client\";\r\nimport { Box, FormControl, type FormControlProps, FormHelperText, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n useEffect,\r\n useRef,\r\n useState\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended OTP Input Field Props\r\n */\r\nexport interface IOTPInputFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\" | \"multiline\" | \"variant\" | \"size\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the OTP field */\r\n label?: string;\r\n /** Current OTP value (string of digits) */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Number of OTP input boxes (default: 6) */\r\n length?: number;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Spacing between OTP boxes */\r\n spacing?: number;\r\n /** Whether to auto-focus first input on mount */\r\n autoFocus?: boolean;\r\n /** Whether to auto-submit when all boxes are filled */\r\n autoSubmit?: boolean;\r\n /** Callback fired when the value changes */\r\n onChange?: (value: string) => void;\r\n /** Callback fired when all OTP boxes are filled */\r\n onComplete?: (value: string) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the OTP container */\r\n containerStyles?: React.CSSProperties;\r\n /** Custom styles for individual OTP input boxes */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * OTP Field Component\r\n *\r\n * A specialized multi-box input field for One-Time Passwords (OTP) built on top of Material UI TextField.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a series of individual input boxes for OTP entry with support for:\r\n * automatic focus shifting, backspace handling, pasting multiple digits, error handling, and completion callbacks.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the OTP field\r\n * @param {string} value - {string} Current OTP value (string of digits)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {number} [length=6] - {number} Number of OTP input boxes\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {number} [spacing=1] - {number} Spacing between OTP boxes\r\n * @param {boolean} [autoFocus=false] - {boolean} Whether to auto-focus first input on mount\r\n * @param {boolean} [autoSubmit=false] - {boolean} Whether to auto-submit when all boxes are filled\r\n * @param {(value: string) => void} [onChange] - {(value: string) => void} Callback fired when value changes\r\n * @param {(value: string) => void} [onComplete] - {(value: string) => void} Callback fired when all boxes are filled\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {React.CSSProperties} [containerStyles] - {React.CSSProperties} Custom styles for the OTP container\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for individual OTP input boxes\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The OTP Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import OTPField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [otp, setOtp] = useState(\"\");\r\n *\r\n * return (\r\n * <OTPField\r\n * name=\"otp\"\r\n * label=\"Enter Verification Code\"\r\n * value={otp}\r\n * length={6}\r\n * onChange={(val) => setOtp(val)}\r\n * onComplete={(val) => console.log(\"OTP Complete:\", val)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst OTPField = forwardRef<HTMLDivElement, IOTPInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onComplete,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n length = 6,\r\n spacing = 1,\r\n autoFocus = false,\r\n autoSubmit = false,\r\n containerStyles,\r\n inputStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const [otpValues, setOtpValues] = useState<string[]>(Array(length).fill(\"\"));\r\n const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\r\n const lastSentValueRef = useRef<string>(\"\");\r\n const isInternalUpdateRef = useRef<boolean>(false);\r\n const otpValuesRef = useRef<string[]>(Array(length).fill(\"\"));\r\n const inputSessionActiveRef = useRef<boolean>(false);\r\n const inputSessionTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n // Keep ref in sync with state\r\n useEffect(() => {\r\n otpValuesRef.current = otpValues;\r\n }, [otpValues]);\r\n\r\n // Update internal state when value prop changes (only from external changes)\r\n useEffect(() => {\r\n const currentOtpString = otpValuesRef.current.join(\"\");\r\n\r\n // If we're in an active input session, preserve positions unless value is clearly external\r\n if (inputSessionActiveRef.current) {\r\n // If the value prop matches what we just sent, don't reset\r\n if (value === lastSentValueRef.current) {\r\n return;\r\n }\r\n // If value represents the same digits (even if positions differ), preserve our state\r\n // This handles cases where parent normalizes the value\r\n const currentDigits = currentOtpString;\r\n const incomingDigits = value || \"\";\r\n if (currentDigits === incomingDigits && currentDigits.length > 0) {\r\n return;\r\n }\r\n // If incoming value has same digit count and matches our sent value's digits, preserve\r\n if (incomingDigits.length === currentDigits.length && incomingDigits === lastSentValueRef.current) {\r\n return;\r\n }\r\n }\r\n\r\n // Skip if this update was triggered internally\r\n if (isInternalUpdateRef.current) {\r\n isInternalUpdateRef.current = false;\r\n // If the value prop matches what we just sent, don't reset the positions\r\n if (value === lastSentValueRef.current) {\r\n return;\r\n }\r\n }\r\n\r\n // Only update if value prop is different from our current state\r\n if (value !== currentOtpString) {\r\n if (value) {\r\n const values = value.split(\"\").slice(0, length);\r\n const paddedValues = [...values, ...Array(length - values.length).fill(\"\")];\r\n setOtpValues(paddedValues);\r\n } else {\r\n setOtpValues(Array(length).fill(\"\"));\r\n }\r\n }\r\n }, [value, length]);\r\n\r\n // Focus first input on mount if autoFocus is true\r\n useEffect(() => {\r\n if (autoFocus && inputRefs.current[0]) {\r\n inputRefs.current[0].focus();\r\n }\r\n }, [autoFocus]);\r\n\r\n // Cleanup timeout on unmount\r\n useEffect(() => {\r\n return () => {\r\n if (inputSessionTimeoutRef.current) {\r\n clearTimeout(inputSessionTimeoutRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n // Handle input change\r\n const handleChange = (index: number, event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const inputValue = (event.target as HTMLInputElement).value;\r\n\r\n // If input is empty, clear the current box\r\n if (inputValue === \"\") {\r\n updateValue(index, \"\", false);\r\n return;\r\n }\r\n\r\n // Extract the last character (handles paste or typing over selected text)\r\n const lastChar = inputValue.slice(-1);\r\n\r\n // Only allow digits - update the value at the current index\r\n if (/^\\d$/.test(lastChar)) {\r\n // Always auto-focus next when entering a digit (from any box position)\r\n // This allows continuous typing from any position to the end\r\n // Values remain filled as you type through them\r\n updateValue(index, lastChar, true);\r\n }\r\n // Non-digits are already prevented in keyDown handler, but if they somehow get through,\r\n // the controlled component will maintain the correct value via the value prop\r\n };\r\n\r\n // Update value at specific index\r\n const updateValue = (index: number, newValue: string, shouldAutoFocusNext: boolean = true) => {\r\n const newOtpValues = [...otpValues];\r\n newOtpValues[index] = newValue;\r\n\r\n // Mark this as an internal update to prevent useEffect from resetting positions\r\n isInternalUpdateRef.current = true;\r\n\r\n // Activate input session to preserve positions during typing\r\n inputSessionActiveRef.current = true;\r\n\r\n // Clear existing timeout\r\n if (inputSessionTimeoutRef.current) {\r\n clearTimeout(inputSessionTimeoutRef.current);\r\n }\r\n\r\n // Deactivate input session after 500ms of no input\r\n inputSessionTimeoutRef.current = setTimeout(() => {\r\n inputSessionActiveRef.current = false;\r\n }, 500);\r\n\r\n setOtpValues(newOtpValues);\r\n\r\n const otpString = newOtpValues.join(\"\");\r\n // Track the value we're sending to onChange\r\n lastSentValueRef.current = otpString;\r\n\r\n if (onChange) {\r\n onChange(otpString);\r\n }\r\n\r\n // Auto-focus next input if value is entered and we should auto-focus\r\n // Auto-focus regardless of whether it was replacing or not, to allow continuous typing\r\n // Use setTimeout to ensure focus happens after state update\r\n if (newValue && index < length - 1 && shouldAutoFocusNext) {\r\n setTimeout(() => {\r\n inputRefs.current[index + 1]?.focus();\r\n }, 0);\r\n }\r\n\r\n // Check if all boxes are filled\r\n if (newOtpValues.every((val) => val !== \"\")) {\r\n if (onComplete) {\r\n onComplete(otpString);\r\n }\r\n if (autoSubmit && onEnterPress) {\r\n onEnterPress(otpString);\r\n }\r\n }\r\n };\r\n\r\n // Handle key down\r\n const handleKeyDown = (index: number, event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const { key } = event;\r\n\r\n // Handle backspace\r\n if (key === \"Backspace\") {\r\n if (otpValues[index] === \"\" && index > 0) {\r\n // Move to previous input and clear it\r\n inputRefs.current[index - 1]?.focus();\r\n updateValue(index - 1, \"\", false);\r\n } else {\r\n // Clear current input\r\n updateValue(index, \"\", false);\r\n }\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n // Handle delete\r\n if (key === \"Delete\") {\r\n updateValue(index, \"\", false);\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n // Handle arrow keys\r\n if (key === \"ArrowLeft\" && index > 0) {\r\n inputRefs.current[index - 1]?.focus();\r\n event.preventDefault();\r\n return;\r\n }\r\n if (key === \"ArrowRight\" && index < length - 1) {\r\n inputRefs.current[index + 1]?.focus();\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n // Handle Enter key\r\n if (key === \"Enter\" && onEnterPress) {\r\n const otpString = otpValues.join(\"\");\r\n onEnterPress(otpString);\r\n return;\r\n }\r\n\r\n // Handle paste\r\n if ((event.ctrlKey || event.metaKey) && key === \"v\") {\r\n // Let the paste event handle it\r\n return;\r\n }\r\n\r\n // Handle digit input - ensure it goes to the current box\r\n if (/^\\d$/.test(key)) {\r\n // The onChange handler will process this, but we ensure the value goes to current index\r\n // by allowing the default behavior which will trigger onChange\r\n return;\r\n }\r\n\r\n // Only allow digits and navigation keys\r\n if (![\"Tab\", \"Escape\", \"Home\", \"End\"].includes(key)) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n // Handle paste\r\n const handlePaste = (index: number, event: React.ClipboardEvent<HTMLDivElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n event.preventDefault();\r\n const pastedText = event.clipboardData.getData(\"text\");\r\n const digits = pastedText.replace(/\\D/g, \"\").slice(0, length);\r\n\r\n if (digits.length === 0) {\r\n return;\r\n }\r\n\r\n const newOtpValues = [...otpValues];\r\n const startIndex = index;\r\n\r\n // Fill from current index or from start\r\n for (let i = 0; i < digits.length && startIndex + i < length; i++) {\r\n newOtpValues[startIndex + i] = digits[i];\r\n }\r\n\r\n setOtpValues(newOtpValues);\r\n\r\n const otpString = newOtpValues.join(\"\");\r\n if (onChange) {\r\n onChange(otpString);\r\n }\r\n\r\n // Focus the next empty input or the last input\r\n const nextEmptyIndex = newOtpValues.findIndex((val) => val === \"\");\r\n const focusIndex = nextEmptyIndex !== -1 ? nextEmptyIndex : Math.min(startIndex + digits.length, length - 1);\r\n inputRefs.current[focusIndex]?.focus();\r\n\r\n // Check if all boxes are filled\r\n if (newOtpValues.every((val) => val !== \"\")) {\r\n if (onComplete) {\r\n onComplete(otpString);\r\n }\r\n if (autoSubmit && onEnterPress) {\r\n onEnterPress(otpString);\r\n }\r\n }\r\n };\r\n\r\n // Handle focus\r\n const handleFocus = (_index: number, event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n // Select all text on focus\r\n (event.target as HTMLInputElement).select();\r\n if (onFocus) {\r\n onFocus(event as FocusEvent<HTMLInputElement>);\r\n }\r\n };\r\n\r\n // Handle blur\r\n const handleBlur = (_index: number, event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n if (onBlur) {\r\n onBlur(event as FocusEvent<HTMLInputElement>);\r\n }\r\n };\r\n\r\n return (\r\n <FormControl error={!!error} disabled={disabled} required={required} fullWidth={fullWidth} sx={formControlStyles}>\r\n {label && (\r\n <Box component=\"label\" sx={{ mb: 1, display: \"block\" }}>\r\n {label}\r\n {required && <span style={{ color: \"error.main\" }}> *</span>}\r\n </Box>\r\n )}\r\n <Box\r\n ref={ref}\r\n sx={{\r\n display: \"flex\",\r\n gap: spacing,\r\n justifyContent: \"flex-start\",\r\n ...containerStyles\r\n }}\r\n >\r\n {otpValues.map((otpValue, index) => (\r\n <TextField\r\n key={index}\r\n inputRef={(el) => {\r\n inputRefs.current[index] = el;\r\n }}\r\n name={name ? `${name}-${index}` : undefined}\r\n value={otpValue}\r\n onChange={(e) => handleChange(index, e)}\r\n onKeyDown={(e) => handleKeyDown(index, e)}\r\n onPaste={(e) => handlePaste(index, e)}\r\n onFocus={(e) => handleFocus(index, e)}\r\n onBlur={(e) => handleBlur(index, e)}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n slotProps={{\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps: {\r\n maxLength: 1,\r\n inputMode: \"numeric\",\r\n pattern: \"[0-9]*\",\r\n style: {\r\n textAlign: \"center\",\r\n fontSize: size === \"small\" ? \"1rem\" : \"1.25rem\",\r\n fontWeight: \"bold\"\r\n },\r\n ...((slotProps?.input as any)?.inputProps || {})\r\n }\r\n }\r\n }}\r\n slots={slots}\r\n sx={{\r\n width: size === \"small\" ? \"40px\" : \"48px\",\r\n ...inputStyles\r\n }}\r\n {...textFieldProps}\r\n />\r\n ))}\r\n </Box>\r\n {error && <FormHelperText>{helperText ?? (error?.message ? error.message : \"\")}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n);\r\n\r\nOTPField.displayName = \"OTPField\";\r\n\r\nexport default OTPField;\r\n","\"use client\";\r\nimport Visibility from \"@mui/icons-material/Visibility\";\r\nimport VisibilityOff from \"@mui/icons-material/VisibilityOff\";\r\nimport {\r\n FormControl,\r\n FormHelperText,\r\n IconButton,\r\n type IconButtonProps,\r\n InputAdornment,\r\n TextField,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useMemo,\r\n useState\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Password strength level\r\n */\r\nexport type PasswordStrength = \"weak\" | \"medium\" | \"strong\" | \"very-strong\";\r\n\r\n/**\r\n * Extended Password Field Props\r\n * Extends MUI TextFieldProps with custom password field props\r\n */\r\nexport interface IPasswordFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the password field */\r\n label?: string;\r\n /** Current password value */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Whether to show password strength indicator */\r\n showPasswordStrength?: boolean;\r\n /** Minimum password length */\r\n minLength?: number;\r\n /** Maximum password length */\r\n maxLength?: number;\r\n /** Whether to show password by default */\r\n defaultShowPassword?: boolean;\r\n /** Custom visibility toggle icon (when password is visible) */\r\n visibilityIcon?: React.ReactNode;\r\n /** Custom visibility off icon (when password is hidden) */\r\n visibilityOffIcon?: React.ReactNode;\r\n /** Custom icon button props */\r\n iconButtonProps?: IconButtonProps;\r\n /** Callback fired when the value changes */\r\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when password visibility toggles */\r\n onVisibilityToggle?: (isVisible: boolean) => void;\r\n /** Custom function to calculate password strength */\r\n getPasswordStrength?: (password: string) => PasswordStrength;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Calculate password strength\r\n */\r\nconst calculatePasswordStrength = (password: string): PasswordStrength => {\r\n if (!password) {\r\n return \"weak\";\r\n }\r\n\r\n let strength = 0;\r\n\r\n // Length check\r\n if (password.length >= 8) {\r\n strength++;\r\n }\r\n if (password.length >= 12) {\r\n strength++;\r\n }\r\n\r\n // Character variety checks\r\n if (/[a-z]/.test(password)) {\r\n strength++;\r\n }\r\n if (/[A-Z]/.test(password)) {\r\n strength++;\r\n }\r\n if (/[0-9]/.test(password)) {\r\n strength++;\r\n }\r\n if (/[^a-zA-Z0-9]/.test(password)) {\r\n strength++;\r\n }\r\n\r\n if (strength <= 2) {\r\n return \"weak\";\r\n }\r\n if (strength <= 4) {\r\n return \"medium\";\r\n }\r\n if (strength <= 5) {\r\n return \"strong\";\r\n }\r\n return \"very-strong\";\r\n};\r\n\r\n/**\r\n * Get password strength color\r\n */\r\nconst getPasswordStrengthColor = (strength: PasswordStrength): string => {\r\n switch (strength) {\r\n case \"weak\":\r\n return \"#f44336\"; // red\r\n case \"medium\":\r\n return \"#ff9800\"; // orange\r\n case \"strong\":\r\n return \"#4caf50\"; // green\r\n case \"very-strong\":\r\n return \"#2196f3\"; // blue\r\n default:\r\n return \"#9e9e9e\"; // grey\r\n }\r\n};\r\n\r\n/**\r\n * Password Field Component\r\n *\r\n * A specialized password input field built on top of Material UI TextField with visibility toggle.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a secure password input with support for: visibility toggling,\r\n * password strength indicator, error handling, helper text, and length validation.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the password field\r\n * @param {string} value - {string} Current password value (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [showPasswordStrength=false] - {boolean} Whether to show password strength indicator\r\n * @param {number} [minLength] - {number} Minimum password length\r\n * @param {number} [maxLength] - {number} Maximum password length\r\n * @param {boolean} [defaultShowPassword=false] - {boolean} Whether to show password by default\r\n * @param {React.ReactNode} [visibilityIcon] - {React.ReactNode} Custom visibility icon\r\n * @param {React.ReactNode} [visibilityOffIcon] - {React.ReactNode} Custom visibility off icon\r\n * @param {IconButtonProps} [iconButtonProps] - {IconButtonProps} Custom icon button props\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onVisibilityToggle] - {Function} Callback when visibility toggles\r\n * @param {Function} [getPasswordStrength] - {Function} Custom strength calculation function\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Password Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import PasswordField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [pwd, setPwd] = useState(\"\");\r\n *\r\n * return (\r\n * <PasswordField\r\n * name=\"password\"\r\n * label=\"Password\"\r\n * value={pwd}\r\n * showPasswordStrength\r\n * onChange={(e) => setPwd(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst PasswordField = memo(\r\n forwardRef<HTMLInputElement, IPasswordFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onVisibilityToggle,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color,\r\n fullWidth = true,\r\n required,\r\n showPasswordStrength = false,\r\n minLength,\r\n maxLength,\r\n defaultShowPassword = false,\r\n visibilityIcon = <Visibility />,\r\n visibilityOffIcon = <VisibilityOff />,\r\n iconButtonProps,\r\n getPasswordStrength = calculatePasswordStrength,\r\n inputStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLInputElement>\r\n ) => {\r\n const [showPassword, setShowPassword] = useState<boolean>(defaultShowPassword);\r\n\r\n // Toggle password visibility\r\n const togglePasswordVisibility = useCallback(() => {\r\n setShowPassword((prev) => {\r\n const newVisibility = !prev;\r\n if (onVisibilityToggle) {\r\n onVisibilityToggle(newVisibility);\r\n }\r\n return newVisibility;\r\n });\r\n }, [onVisibilityToggle]);\r\n\r\n // Calculate password strength\r\n const passwordStrength = useMemo(\r\n () => (showPasswordStrength ? getPasswordStrength(value) : null),\r\n [showPasswordStrength, value]\r\n );\r\n\r\n // Get strength indicator\r\n const getStrengthIndicator = () => {\r\n if (!passwordStrength || !value) {\r\n return null;\r\n }\r\n\r\n const strengthColor = getPasswordStrengthColor(passwordStrength);\r\n const strengthText = passwordStrength.charAt(0).toUpperCase() + passwordStrength.slice(1).replace(\"-\", \" \");\r\n\r\n return (\r\n <div style={{ marginTop: \"4px\", fontSize: \"0.75rem\" }}>\r\n <span style={{ color: strengthColor, fontWeight: 500 }}>Strength: {strengthText}</span>\r\n </div>\r\n );\r\n };\r\n\r\n // Handle onChange with validation\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement>) => {\r\n const newValue = event.target.value;\r\n\r\n // Check max length\r\n if (maxLength && newValue.length > maxLength) {\r\n return; // Don't update if exceeds max length\r\n }\r\n\r\n if (onChange) {\r\n onChange(event);\r\n }\r\n },\r\n [maxLength, onChange]\r\n );\r\n\r\n // Memoize end adornment\r\n const endAdornmentElement = useMemo(\r\n () => (\r\n <InputAdornment position=\"end\">\r\n <IconButton\r\n onClick={togglePasswordVisibility}\r\n onMouseDown={(e) => e.preventDefault()}\r\n edge=\"end\"\r\n disabled={disabled}\r\n {...iconButtonProps}\r\n >\r\n {showPassword ? visibilityOffIcon : visibilityIcon}\r\n </IconButton>\r\n </InputAdornment>\r\n ),\r\n [togglePasswordVisibility, disabled, iconButtonProps, showPassword, visibilityOffIcon, visibilityIcon]\r\n );\r\n\r\n // Memoize slot props\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n ...(minLength || maxLength\r\n ? {\r\n inputProps: {\r\n minLength,\r\n maxLength,\r\n ...((slotProps?.input as any)?.inputProps || {}),\r\n ...((textFieldProps as any).inputProps || {})\r\n }\r\n }\r\n : {}),\r\n endAdornment: endAdornmentElement\r\n }\r\n }),\r\n [slotProps, minLength, maxLength, textFieldProps, endAdornmentElement]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n fullWidth={fullWidth}\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n name={name}\r\n label={label}\r\n type={showPassword ? \"text\" : \"password\"}\r\n value={value}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={inputStyles}\r\n ref={ref}\r\n helperText={displayHelperText}\r\n />\r\n {showPasswordStrength && getStrengthIndicator()}\r\n {error && !helperText && error.message && <FormHelperText>{error.message}</FormHelperText>}\r\n {!error && helperText && <FormHelperText>{helperText}</FormHelperText>}\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nPasswordField.displayName = \"PasswordField\";\r\n\r\nexport default PasswordField;\r\n","\"use client\";\r\nimport Close from \"@mui/icons-material/Close\";\r\nimport Search from \"@mui/icons-material/Search\";\r\nimport {\r\n FormControl,\r\n IconButton,\r\n type IconButtonProps,\r\n InputAdornment,\r\n TextField,\r\n type TextFieldProps\r\n} from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extended Search Input Field Props\r\n * Extends MUI TextFieldProps with custom search field props\r\n */\r\nexport interface ISearchInputFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the search field */\r\n label?: string;\r\n /** Current search value */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Whether to show clear button */\r\n showClearButton?: boolean;\r\n /** Whether to show search button */\r\n showSearchButton?: boolean;\r\n /** Custom clear icon */\r\n clearIcon?: React.ReactNode;\r\n /** Custom search icon */\r\n searchIcon?: React.ReactNode;\r\n /** Custom icon button props for clear button */\r\n clearButtonProps?: IconButtonProps;\r\n /** Custom icon button props for search button */\r\n searchButtonProps?: IconButtonProps;\r\n /** Callback fired when the value changes */\r\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when search button is clicked */\r\n onSearch?: (value: string) => void;\r\n /** Callback fired when clear button is clicked */\r\n onClear?: () => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Enable debounce for search (default: true) */\r\n enableDebounce?: boolean;\r\n /** Debounce delay in milliseconds (default: 300) */\r\n debounceDelay?: number;\r\n /** Enable throttle for search (default: false) */\r\n enableThrottle?: boolean;\r\n /** Throttle delay in milliseconds (default: 300) */\r\n throttleDelay?: number;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Search Input Field Component\r\n *\r\n * A specialized search input field built on top of Material UI TextField with search and clear functionality.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a robust search interface with support for: debounced/throttled search callbacks,\r\n * clear button, search button, Enter key handling, error handling, and helper text.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the search field\r\n * @param {string} value - {string} Current search value (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button when input has value\r\n * @param {boolean} [showSearchButton=true] - {boolean} Whether to show search button icon\r\n * @param {React.ReactNode} [clearIcon] - {React.ReactNode} Custom clear icon\r\n * @param {React.ReactNode} [searchIcon] - {React.ReactNode} Custom search icon\r\n * @param {IconButtonProps} [clearButtonProps] - {IconButtonProps} Custom props for clear button\r\n * @param {IconButtonProps} [searchButtonProps] - {IconButtonProps} Custom props for search button\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {(value: string) => void} [onSearch] - {(value: string) => void} Callback fired for search (can be debounced/throttled)\r\n * @param {Function} [onClear] - {Function} Callback fired when clear button is clicked\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {boolean} [enableDebounce=true] - {boolean} Enable debounce for search callback\r\n * @param {number} [debounceDelay=300] - {number} Debounce delay in milliseconds\r\n * @param {boolean} [enableThrottle=false] - {boolean} Enable throttle for search callback\r\n * @param {number} [throttleDelay=300] - {number} Throttle delay in milliseconds\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Search Input Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import SearchField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [search, setSearch] = useState(\"\");\r\n *\r\n * return (\r\n * <SearchField\r\n * name=\"userSearch\"\r\n * label=\"Search Users\"\r\n * value={search}\r\n * onSearch={(val) => console.log(\"Searching for:\", val)}\r\n * onChange={(e) => setSearch(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst SearchField = memo(\r\n forwardRef<HTMLInputElement, ISearchInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onSearch,\r\n onClear,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n showClearButton = true,\r\n showSearchButton = true,\r\n clearIcon,\r\n searchIcon,\r\n clearButtonProps,\r\n searchButtonProps,\r\n enableDebounce = true,\r\n debounceDelay = 300,\r\n enableThrottle = false,\r\n throttleDelay = 300,\r\n inputStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLInputElement>\r\n ) => {\r\n // Refs for debounce and throttle timers\r\n const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n const throttleTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n const lastThrottleCallRef = useRef<number>(0);\r\n\r\n // Cleanup timers on unmount\r\n useEffect(() => {\r\n return () => {\r\n if (debounceTimerRef.current) {\r\n clearTimeout(debounceTimerRef.current);\r\n }\r\n if (throttleTimerRef.current) {\r\n clearTimeout(throttleTimerRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n // Debounced search function\r\n const debouncedSearch = useCallback(\r\n (searchVal: string) => {\r\n if (debounceTimerRef.current) {\r\n clearTimeout(debounceTimerRef.current);\r\n }\r\n debounceTimerRef.current = setTimeout(() => {\r\n if (onSearch) {\r\n onSearch(searchVal);\r\n }\r\n }, debounceDelay);\r\n },\r\n [onSearch, debounceDelay]\r\n );\r\n\r\n // Throttled search function\r\n const throttledSearch = useCallback(\r\n (searchVal: string) => {\r\n const now = Date.now();\r\n const timeSinceLastCall = now - lastThrottleCallRef.current;\r\n\r\n if (timeSinceLastCall >= throttleDelay) {\r\n lastThrottleCallRef.current = now;\r\n if (onSearch) {\r\n onSearch(searchVal);\r\n }\r\n } else {\r\n if (throttleTimerRef.current) {\r\n clearTimeout(throttleTimerRef.current);\r\n }\r\n throttleTimerRef.current = setTimeout(() => {\r\n lastThrottleCallRef.current = Date.now();\r\n if (onSearch) {\r\n onSearch(searchVal);\r\n }\r\n }, throttleDelay - timeSinceLastCall);\r\n }\r\n },\r\n [onSearch, throttleDelay]\r\n );\r\n\r\n // Handle onChange with search callback (with debounce/throttle)\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement>) => {\r\n const newValue = event.target.value;\r\n\r\n // Always call onChange immediately for controlled input\r\n if (onChange) {\r\n onChange(event);\r\n }\r\n\r\n // Apply debounce or throttle to onSearch if enabled\r\n if (onSearch) {\r\n if (enableDebounce && !enableThrottle) {\r\n debouncedSearch(newValue);\r\n } else if (enableThrottle && !enableDebounce) {\r\n throttledSearch(newValue);\r\n } else if (enableDebounce && enableThrottle) {\r\n // If both are enabled, debounce takes precedence\r\n debouncedSearch(newValue);\r\n } else {\r\n // No debounce or throttle, call immediately\r\n onSearch(newValue);\r\n }\r\n }\r\n },\r\n [onChange, onSearch, enableDebounce, enableThrottle, debouncedSearch, throttledSearch]\r\n );\r\n\r\n // Handle clear button click\r\n const handleClear = useCallback(() => {\r\n // Clear any pending timers\r\n if (debounceTimerRef.current) {\r\n clearTimeout(debounceTimerRef.current);\r\n debounceTimerRef.current = null;\r\n }\r\n if (throttleTimerRef.current) {\r\n clearTimeout(throttleTimerRef.current);\r\n throttleTimerRef.current = null;\r\n }\r\n\r\n if (onClear) {\r\n onClear();\r\n }\r\n if (onSearch) {\r\n // Clear immediately without debounce/throttle\r\n onSearch(\"\");\r\n }\r\n // Create a synthetic event to trigger onChange with empty value\r\n const syntheticEvent = {\r\n target: { value: \"\", name: name || \"\" },\r\n currentTarget: { value: \"\", name: name || \"\" }\r\n } as ChangeEvent<HTMLInputElement>;\r\n if (onChange) {\r\n onChange(syntheticEvent);\r\n }\r\n }, [onClear, onSearch, onChange, name, debounceTimerRef, throttleTimerRef]);\r\n\r\n // Handle search button click\r\n const handleSearch = useCallback(() => {\r\n // Clear any pending timers and search immediately\r\n if (debounceTimerRef.current) {\r\n clearTimeout(debounceTimerRef.current);\r\n debounceTimerRef.current = null;\r\n }\r\n if (throttleTimerRef.current) {\r\n clearTimeout(throttleTimerRef.current);\r\n throttleTimerRef.current = null;\r\n }\r\n\r\n if (onSearch) {\r\n // Search immediately without debounce/throttle when button is clicked\r\n onSearch(value);\r\n }\r\n }, [onSearch, value, debounceTimerRef, throttleTimerRef]);\r\n\r\n // Handle Enter key press\r\n const handleKeyDown = useCallback(\r\n (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (event.key === \"Enter\") {\r\n // Clear any pending timers when Enter is pressed\r\n if (debounceTimerRef.current) {\r\n clearTimeout(debounceTimerRef.current);\r\n debounceTimerRef.current = null;\r\n }\r\n if (throttleTimerRef.current) {\r\n clearTimeout(throttleTimerRef.current);\r\n throttleTimerRef.current = null;\r\n }\r\n\r\n if (onEnterPress) {\r\n onEnterPress(value);\r\n }\r\n // Also trigger search immediately on Enter\r\n if (onSearch) {\r\n onSearch(value);\r\n }\r\n }\r\n // Call original onKeyDown if provided\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n },\r\n [onEnterPress, onSearch, value, debounceTimerRef, throttleTimerRef, textFieldProps.onKeyDown]\r\n );\r\n\r\n // Build end adornment with clear and search buttons\r\n const endAdornment = useMemo(\r\n () => (\r\n <InputAdornment position=\"end\">\r\n {showClearButton && value && (\r\n <IconButton onClick={handleClear} disabled={disabled} edge=\"end\" size={size} {...clearButtonProps}>\r\n {clearIcon || <Close />}\r\n </IconButton>\r\n )}\r\n {showSearchButton && (\r\n <IconButton onClick={handleSearch} disabled={disabled} edge=\"end\" size={size} {...searchButtonProps}>\r\n {searchIcon || <Search />}\r\n </IconButton>\r\n )}\r\n </InputAdornment>\r\n ),\r\n [\r\n showClearButton,\r\n value,\r\n handleClear,\r\n disabled,\r\n size,\r\n clearButtonProps,\r\n clearIcon,\r\n showSearchButton,\r\n handleSearch,\r\n searchButtonProps,\r\n searchIcon\r\n ]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n name={name}\r\n label={label}\r\n value={value}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n slotProps={{\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n endAdornment\r\n }\r\n }}\r\n slots={slots}\r\n sx={inputStyles}\r\n ref={ref}\r\n helperText={displayHelperText}\r\n />\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nSearchField.displayName = \"SearchField\";\r\n\r\nexport default SearchField;\r\n","\"use client\";\r\nimport { FormControl, type FormControlProps, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n useState\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Extract only digits from a string\r\n */\r\nconst extractDigits = (value: string): string => {\r\n return value.replace(/\\D/g, \"\");\r\n};\r\n\r\n/**\r\n * Format phone number according to pattern\r\n * Example: pattern \"XXX-XXXX\" with digits \"1234567\" -> \"123-4567\"\r\n */\r\nconst formatByPattern = (digits: string, pattern: string): string => {\r\n if (!pattern || !digits) {\r\n return digits;\r\n }\r\n let formatted = \"\";\r\n let digitIndex = 0;\r\n for (let i = 0; i < pattern.length && digitIndex < digits.length; i++) {\r\n if (pattern[i] === \"X\") {\r\n formatted += digits[digitIndex];\r\n digitIndex++;\r\n } else {\r\n formatted += pattern[i];\r\n }\r\n }\r\n return formatted;\r\n};\r\n\r\n/**\r\n * Generate placeholder from pattern\r\n */\r\nconst generatePlaceholder = (pattern: string): string => {\r\n if (!pattern) {\r\n return \"0000000000\";\r\n }\r\n return pattern.replace(/X/g, \"0\");\r\n};\r\n\r\n/**\r\n * Extended Tel Input Field Props\r\n * Extends MUI TextFieldProps with custom tel field props\r\n */\r\nexport interface ITelInputFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the tel field */\r\n label?: string;\r\n /** Current tel value (digits only, formatting is handled internally) */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text (auto-generated from pattern if not provided) */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Pattern string (e.g., \"XXX-XXXX\" where X represents digits) */\r\n pattern?: string;\r\n /** Maximum length (defaults to pattern length if pattern provided) */\r\n maxLength?: number;\r\n /** Country code to display */\r\n countryCode?: string;\r\n /** Whether to show country code */\r\n showCountryCode?: boolean;\r\n /** Start adornment (icon or element before input) */\r\n startAdornment?: React.ReactNode;\r\n /** End adornment (icon or element after input) */\r\n endAdornment?: React.ReactNode;\r\n /** Callback fired when the value changes (returns digits only) */\r\n onChange?: (event: ChangeEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: FormControlProps[\"sx\"];\r\n /** Custom styles for country code display */\r\n countryCodeStyles?: React.CSSProperties;\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n}\r\n\r\n/**\r\n * Telephone Input Field Component\r\n *\r\n * A specialized telephone number input field built on top of Material UI TextField with pattern formatting.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a telephone input with support for: automatic pattern-based formatting,\r\n * country code prefix, digits-only value management, error handling, helper text, and standard text field behaviors.\r\n * It integrates seamlessly with form management libraries like React Hook Form through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the tel field\r\n * @param {string} value - {string} Current tel value (digits only, controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text (auto-generated from pattern if not provided)\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [pattern='XXXXXXXXXX'] - {string} Pattern string (e.g., 'XXX-XXXX' where X represents digits)\r\n * @param {number} [maxLength] - {number} Maximum digits allowed\r\n * @param {string} [countryCode='+1'] - {string} Country code prefix text\r\n * @param {boolean} [showCountryCode=false] - {boolean} Whether to show country code as start adornment\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes (returns digits only)\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {React.CSSProperties} [countryCodeStyles] - {React.CSSProperties} Custom styles for country code display\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Telephone Input Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import TeliField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [phone, setPhone] = useState(\"\");\r\n *\r\n * return (\r\n * <TeliField\r\n * name=\"mobile\"\r\n * label=\"Mobile Number\"\r\n * value={phone}\r\n * pattern=\"XXX-XXX-XXXX\"\r\n * showCountryCode\r\n * countryCode=\"+91\"\r\n * onChange={(e) => setPhone(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst TeliField = memo(\r\n forwardRef<HTMLDivElement, ITelInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n pattern = \"XXXXXXXXXX\",\r\n maxLength,\r\n countryCode = \"+1\",\r\n showCountryCode = false,\r\n startAdornment,\r\n endAdornment,\r\n inputStyles,\r\n formControlStyles,\r\n countryCodeStyles,\r\n slotProps,\r\n slots,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n const [displayValue, setDisplayValue] = useState<string>(\"\");\r\n const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n // Calculate max length from pattern if not provided\r\n const calculatedMaxLength = maxLength || (pattern ? pattern.length : 15);\r\n\r\n // Update display value when value prop changes\r\n useEffect(() => {\r\n const digits = extractDigits(value);\r\n const formatted = pattern ? formatByPattern(digits, pattern) : digits;\r\n setDisplayValue((prev) => {\r\n if (prev !== formatted) {\r\n return formatted;\r\n }\r\n return prev;\r\n });\r\n\r\n // Set cursor position to end when value changes externally\r\n if (inputRef.current) {\r\n setTimeout(() => {\r\n if (inputRef.current) {\r\n const cursorPosition = formatted.length;\r\n inputRef.current.setSelectionRange(cursorPosition, cursorPosition);\r\n }\r\n }, 0);\r\n }\r\n }, [value, pattern]);\r\n\r\n // Handle input change\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const inputValue = event.target.value;\r\n const digits = extractDigits(inputValue);\r\n\r\n // Enforce maxLength\r\n const limitedDigits = calculatedMaxLength ? digits.slice(0, calculatedMaxLength) : digits;\r\n\r\n // Format the value\r\n const formattedValue = pattern ? formatByPattern(limitedDigits, pattern) : limitedDigits;\r\n\r\n setDisplayValue(formattedValue);\r\n\r\n // Create synthetic event with digits only\r\n const syntheticEvent = {\r\n ...event,\r\n target: {\r\n ...event.target,\r\n value: limitedDigits\r\n },\r\n currentTarget: {\r\n ...event.currentTarget,\r\n value: limitedDigits\r\n }\r\n } as ChangeEvent<HTMLInputElement>;\r\n\r\n if (onChange) {\r\n onChange(syntheticEvent);\r\n }\r\n },\r\n [disabled, calculatedMaxLength, pattern, onChange]\r\n );\r\n\r\n // Handle paste event\r\n const handlePaste = useCallback(\r\n (event: React.ClipboardEvent<HTMLInputElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n event.preventDefault();\r\n const pastedText = event.clipboardData.getData(\"text\");\r\n const digits = extractDigits(pastedText);\r\n const limitedDigits = calculatedMaxLength ? digits.slice(0, calculatedMaxLength) : digits;\r\n\r\n const formattedValue = pattern ? formatByPattern(limitedDigits, pattern) : limitedDigits;\r\n\r\n setDisplayValue(formattedValue);\r\n\r\n // Create synthetic event\r\n const syntheticEvent = {\r\n ...event,\r\n target: {\r\n ...event.target,\r\n value: limitedDigits\r\n },\r\n currentTarget: {\r\n ...event.currentTarget,\r\n value: limitedDigits\r\n }\r\n } as unknown as ChangeEvent<HTMLInputElement>;\r\n\r\n if (onChange) {\r\n onChange(syntheticEvent);\r\n }\r\n },\r\n [disabled, calculatedMaxLength, pattern, onChange]\r\n );\r\n\r\n // Handle key down to prevent non-numeric input\r\n const handleKeyDown = useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (disabled) {\r\n return;\r\n }\r\n\r\n const { key } = event;\r\n const isNumber = /[0-9]/.test(key);\r\n const isAllowedKey =\r\n key === \"Backspace\" ||\r\n key === \"Delete\" ||\r\n key === \"Tab\" ||\r\n key === \"Escape\" ||\r\n key === \"Enter\" ||\r\n key === \"ArrowLeft\" ||\r\n key === \"ArrowRight\" ||\r\n key === \"ArrowUp\" ||\r\n key === \"ArrowDown\" ||\r\n key === \"Home\" ||\r\n key === \"End\" ||\r\n ((event.ctrlKey || event.metaKey) && (key === \"a\" || key === \"c\" || key === \"v\" || key === \"x\"));\r\n\r\n if (!isNumber && !isAllowedKey) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n if (key === \"Enter\" && onEnterPress) {\r\n onEnterPress(extractDigits(displayValue));\r\n }\r\n\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n },\r\n [disabled, onEnterPress, displayValue, textFieldProps.onKeyDown]\r\n );\r\n\r\n // Build input props\r\n const inputProps = useMemo(\r\n () => ({\r\n maxLength: calculatedMaxLength,\r\n inputMode: \"tel\",\r\n autoComplete: \"tel\",\r\n ...((textFieldProps as any).inputProps || {})\r\n }),\r\n [calculatedMaxLength, textFieldProps]\r\n );\r\n\r\n // Build start adornment with country code if needed\r\n const finalStartAdornment = useMemo(\r\n () =>\r\n showCountryCode ? (\r\n <InputAdornment position=\"start\" sx={countryCodeStyles}>\r\n {countryCode}\r\n </InputAdornment>\r\n ) : startAdornment ? (\r\n <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\r\n ) : undefined,\r\n [showCountryCode, countryCodeStyles, countryCode, startAdornment]\r\n );\r\n\r\n // Memoize end adornment\r\n const endAdornmentElement = useMemo(\r\n () => (endAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined),\r\n [endAdornment]\r\n );\r\n\r\n // Build slotProps for MUI v7\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps,\r\n ...(finalStartAdornment && {\r\n startAdornment: finalStartAdornment\r\n }),\r\n ...(endAdornmentElement && {\r\n endAdornment: endAdornmentElement\r\n })\r\n }\r\n }),\r\n [slotProps, inputProps, finalStartAdornment, endAdornmentElement]\r\n );\r\n\r\n // Generate placeholder from pattern if not provided\r\n const displayPlaceholder = useMemo(\r\n () => placeholder || (pattern ? generatePlaceholder(pattern) : \"\"),\r\n [placeholder, pattern]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n name={name}\r\n label={label}\r\n value={displayValue}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n onPaste={handlePaste}\r\n placeholder={displayPlaceholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n type=\"tel\"\r\n autoComplete=\"tel\"\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={inputStyles}\r\n ref={ref}\r\n inputRef={inputRef}\r\n helperText={displayHelperText}\r\n />\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nTeliField.displayName = \"TeliField\";\r\n\r\nexport default TeliField;\r\n","\"use client\";\r\nimport { FormControl, InputAdornment, TextField, type TextFieldProps } from \"@mui/material\";\r\nimport React, {\r\n type ChangeEvent,\r\n type FocusEvent,\r\n type ForwardedRef,\r\n forwardRef,\r\n memo,\r\n useCallback,\r\n useMemo\r\n} from \"react\";\r\n\r\n/**\r\n * Error object type\r\n */\r\nexport type FieldError = {\r\n message?: string;\r\n} | null;\r\n\r\n/**\r\n * Resize options for textarea\r\n */\r\nexport type ResizeOption = \"none\" | \"both\" | \"horizontal\" | \"vertical\";\r\n\r\n/**\r\n * Text transformation options\r\n */\r\nexport type TextTransformOption = \"uppercase\" | \"lowercase\" | \"capitalize\";\r\n\r\n/**\r\n * Extended Text Input Field Props\r\n * Extends MUI TextFieldProps with custom text field props\r\n */\r\nexport interface ITextInputFieldProps extends Omit<\r\n TextFieldProps,\r\n \"value\" | \"onChange\" | \"name\" | \"type\" | \"error\" | \"inputRef\" | \"multiline\"\r\n> {\r\n /** Field name for form identification */\r\n name?: string;\r\n /** Label text for the text field */\r\n label?: string;\r\n /** Current text value */\r\n value: string;\r\n /** Error object with optional message */\r\n error?: FieldError;\r\n /** Helper text to display below field */\r\n helperText?: string;\r\n /** Whether the field is disabled */\r\n disabled?: boolean;\r\n /** Placeholder text */\r\n placeholder?: string;\r\n /** TextField variant */\r\n variant?: TextFieldProps[\"variant\"];\r\n /** TextField size */\r\n size?: TextFieldProps[\"size\"];\r\n /** TextField color */\r\n color?: TextFieldProps[\"color\"];\r\n /** Full width of the field */\r\n fullWidth?: boolean;\r\n /** Required field indicator */\r\n required?: boolean;\r\n /** Whether to enable multiline input (textarea) */\r\n multiline?: boolean;\r\n /** Number of rows for multiline input */\r\n rows?: number;\r\n /** Minimum number of rows for multiline input */\r\n minRows?: number;\r\n /** Maximum number of rows for multiline input */\r\n maxRows?: number;\r\n /** Resize option for textarea (none, both, horizontal, vertical) */\r\n resize?: ResizeOption;\r\n /** Maximum length of input */\r\n maxLength?: number;\r\n /** Minimum length of input */\r\n minLength?: number;\r\n /** Input type (text, email, number, tel, url, etc.) */\r\n type?: string;\r\n /** Auto complete attribute */\r\n autoComplete?: string;\r\n /** Start adornment (icon or element before input) */\r\n startAdornment?: React.ReactNode;\r\n /** End adornment (icon or element after input) */\r\n endAdornment?: React.ReactNode;\r\n /** Callback fired when the value changes */\r\n onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n /** Callback fired when field receives focus */\r\n onFocus?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n /** Callback fired when field loses focus */\r\n onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\r\n /** Callback fired on Enter key press */\r\n onEnterPress?: (value: string) => void;\r\n /** Custom styles for the TextField */\r\n inputStyles?: TextFieldProps[\"sx\"];\r\n /** Custom styles for FormControl */\r\n formControlStyles?: React.ComponentProps<typeof FormControl>[\"sx\"];\r\n /** Custom slot props for MUI v7 */\r\n slotProps?: TextFieldProps[\"slotProps\"];\r\n /** Custom slots for MUI v7 */\r\n slots?: TextFieldProps[\"slots\"];\r\n /** Text transformation option */\r\n textTransform?: TextTransformOption;\r\n}\r\n\r\n/**\r\n * Text Input Field Component\r\n *\r\n * A versatile text input field built on top of Material UI TextField with support for various text types and transformations.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible text input with support for: single-line and multiline (textarea),\r\n * text transformations (uppercase, lowercase, capitalize), error handling, helper text, custom adornments,\r\n * and standard text field behaviors. It integrates seamlessly with form management libraries like React Hook Form\r\n * through the use of `forwardRef`.\r\n *\r\n * @param {string} [name] - {string} Field name for form identification\r\n * @param {string} [label] - {string} Label text for the text field\r\n * @param {string} value - {string} Current text value (controlled component)\r\n * @param {FieldError} [error] - {FieldError} Error object with optional message\r\n * @param {string} [helperText] - {string} Helper text to display below field\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [multiline=false] - {boolean} Whether to enable multiline input (textarea)\r\n * @param {number} [rows] - {number} Number of rows for multiline input\r\n * @param {number} [minRows] - {number} Minimum number of rows for multiline input\r\n * @param {number} [maxRows] - {number} Maximum number of rows for multiline input\r\n * @param {ResizeOption} [resize='both'] - {ResizeOption} Resize option for textarea\r\n * @param {number} [maxLength] - {number} Maximum length of input\r\n * @param {number} [minLength] - {number} Minimum length of input\r\n * @param {string} [type='text'] - {string} Input type (text, email, url, etc.)\r\n * @param {string} [autoComplete='off'] - {string} Auto complete attribute\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {Function} [onChange] - {Function} Callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n * @param {TextTransformOption} [textTransform] - {TextTransformOption} Text transformation option\r\n *\r\n * @returns {JSX.Element} The Text Input Field component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import TextInputField from \"@react-solutions/inputs\";\r\n * import { useState } from \"react\";\r\n *\r\n * function MyForm() {\r\n * const [name, setName] = useState(\"\");\r\n *\r\n * return (\r\n * <TextInputField\r\n * name=\"fullName\"\r\n * label=\"Full Name\"\r\n * value={name}\r\n * textTransform=\"capitalize\"\r\n * onChange={(e) => setName(e.target.value)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst TextInputField = memo(\r\n forwardRef<HTMLDivElement, ITextInputFieldProps>(\r\n (\r\n {\r\n name,\r\n label,\r\n value,\r\n onChange,\r\n onFocus,\r\n onBlur,\r\n onEnterPress,\r\n error,\r\n helperText,\r\n disabled = false,\r\n placeholder,\r\n variant = \"outlined\",\r\n size,\r\n color = \"primary\",\r\n fullWidth = true,\r\n required,\r\n multiline = false,\r\n rows,\r\n minRows,\r\n maxRows,\r\n resize = \"both\",\r\n maxLength,\r\n minLength,\r\n type = \"text\",\r\n autoComplete = \"off\",\r\n startAdornment,\r\n endAdornment,\r\n inputStyles,\r\n formControlStyles,\r\n slotProps,\r\n slots,\r\n textTransform,\r\n ...textFieldProps\r\n },\r\n ref: ForwardedRef<HTMLDivElement>\r\n ) => {\r\n // Handle Enter key press\r\n const handleKeyDown = useCallback(\r\n (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n if (event.key === \"Enter\" && !multiline && onEnterPress) {\r\n onEnterPress(value);\r\n }\r\n // Call original onKeyDown if provided\r\n if (textFieldProps.onKeyDown) {\r\n textFieldProps.onKeyDown(event);\r\n }\r\n },\r\n [multiline, onEnterPress, value, textFieldProps.onKeyDown]\r\n );\r\n\r\n // Handle text change with transformation\r\n const handleChange = useCallback(\r\n (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n if (onChange) {\r\n if (textTransform) {\r\n const { value } = event.target;\r\n let transformedValue = value;\r\n\r\n switch (textTransform) {\r\n case \"uppercase\":\r\n transformedValue = value.toUpperCase();\r\n break;\r\n case \"lowercase\":\r\n transformedValue = value.toLowerCase();\r\n break;\r\n case \"capitalize\":\r\n transformedValue = value.replace(/\\b\\w/g, (char) => char.toUpperCase());\r\n break;\r\n }\r\n\r\n event.target.value = transformedValue;\r\n onChange(event);\r\n } else {\r\n onChange(event);\r\n }\r\n }\r\n },\r\n [onChange, textTransform]\r\n );\r\n\r\n // Build input props\r\n const inputProps = useMemo(\r\n () => ({\r\n maxLength,\r\n minLength,\r\n ...((textFieldProps as any).inputProps || {})\r\n }),\r\n [maxLength, minLength, textFieldProps]\r\n );\r\n\r\n // Memoize adornments\r\n const startAdornmentElement = useMemo(\r\n () => (startAdornment ? <InputAdornment position=\"start\">{startAdornment}</InputAdornment> : undefined),\r\n [startAdornment]\r\n );\r\n\r\n const endAdornmentElement = useMemo(\r\n () => (endAdornment ? <InputAdornment position=\"end\">{endAdornment}</InputAdornment> : undefined),\r\n [endAdornment]\r\n );\r\n\r\n // Build slotProps for MUI v7\r\n const finalSlotProps = useMemo(\r\n () => ({\r\n ...slotProps,\r\n input: {\r\n ...slotProps?.input,\r\n inputProps,\r\n ...(startAdornmentElement && {\r\n startAdornment: startAdornmentElement\r\n }),\r\n ...(endAdornmentElement && {\r\n endAdornment: endAdornmentElement\r\n })\r\n }\r\n }),\r\n [slotProps, inputProps, startAdornmentElement, endAdornmentElement]\r\n );\r\n\r\n // Build sx styles with resize for textarea\r\n const finalInputStyles = useMemo(\r\n () =>\r\n multiline\r\n ? {\r\n ...inputStyles,\r\n \"& textarea\": {\r\n resize\r\n }\r\n }\r\n : inputStyles,\r\n [multiline, inputStyles, resize]\r\n );\r\n\r\n // Memoize helper text\r\n const displayHelperText = useMemo(\r\n () => helperText ?? (error?.message ? error.message : undefined),\r\n [helperText, error?.message]\r\n );\r\n\r\n return (\r\n <FormControl\r\n error={!!error}\r\n disabled={disabled}\r\n required={required}\r\n fullWidth={fullWidth}\r\n sx={formControlStyles}\r\n >\r\n <TextField\r\n {...textFieldProps}\r\n name={name}\r\n label={label}\r\n value={value}\r\n onChange={handleChange}\r\n onFocus={onFocus}\r\n onBlur={onBlur}\r\n onKeyDown={handleKeyDown}\r\n placeholder={placeholder}\r\n variant={variant}\r\n size={size}\r\n color={color}\r\n fullWidth={fullWidth}\r\n required={required}\r\n error={!!error}\r\n disabled={disabled}\r\n multiline={multiline}\r\n rows={rows}\r\n minRows={minRows}\r\n maxRows={maxRows}\r\n type={multiline ? undefined : type}\r\n autoComplete={autoComplete}\r\n slotProps={finalSlotProps}\r\n slots={slots}\r\n sx={finalInputStyles}\r\n ref={ref}\r\n helperText={displayHelperText}\r\n />\r\n </FormControl>\r\n );\r\n }\r\n )\r\n);\r\n\r\nTextInputField.displayName = \"TextInputField\";\r\n\r\nexport default TextInputField;\r\n","\"use client\";\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n// import { zodResolver } from '@hookform/resolvers/zod';\r\nimport { Box, Button, Divider, Paper, Typography } from \"@mui/material\";\r\nimport { type Control, useForm } from \"react-hook-form\";\r\n\r\n// import * as z from 'zod';\r\nimport {\r\n FormInputAutoComplete,\r\n FormInputCalendar,\r\n FormInputCheckBox,\r\n FormInputCheckBoxGroup,\r\n FormInputColorPicker,\r\n FormInputDatePicker,\r\n FormInputFileUpload,\r\n FormInputMultiAutoComplete,\r\n FormInputMultiSelect,\r\n FormInputNumberField,\r\n FormInputOTPField,\r\n FormInputPasswordField,\r\n FormInputRadioButtonGroup,\r\n FormInputSearchField,\r\n FormInputSelect,\r\n FormInputSingleRadio,\r\n FormInputSlider,\r\n FormInputSwitch,\r\n FormInputTelField,\r\n FormInputTextArea,\r\n FormInputTextField,\r\n FormInputTimeClock,\r\n FormInputTimePicker,\r\n FormInputToggleButton\r\n} from \"../HookFormFields\";\r\n\r\ninterface FormData {\r\n text: string;\r\n textarea: string;\r\n password: string;\r\n number: string;\r\n tel: string;\r\n search: string;\r\n otp: string;\r\n select: string;\r\n multiselect: (string | number)[];\r\n autocomplete: any;\r\n multiautocomplete: any[];\r\n color: string;\r\n file: File | File[] | null;\r\n date: Date | null;\r\n time: Date | null;\r\n timeclock: Date | null;\r\n calendar: Date | null;\r\n checkbox: boolean;\r\n checkboxgroup: (string | number)[];\r\n switch: boolean;\r\n slider: number;\r\n singleradio: boolean;\r\n radiogroup: string;\r\n status: string;\r\n}\r\n\r\ntype FormControl = {\r\n control: Control<any>;\r\n handleSubmit: (e: (data: FormData) => void) => (e?: any) => Promise<void>;\r\n formState: {\r\n errors: Record<string, any>;\r\n };\r\n reset: () => void;\r\n};\r\nconst size = \"small\";\r\n\r\n// const schema = z.object({\r\n// text: z.string().min(3, { message: 'Text must be at least 3 characters' }),\r\n// textarea: z.string().min(10, { message: 'Description must be at least 10 characters' }),\r\n// password: z.string().min(6, { message: 'Password must be at least 6 characters' }),\r\n// number: z.string().min(1, { message: 'Number is required' }),\r\n// tel: z.string().min(10, { message: 'Phone number must be at least 10 characters' }),\r\n// search: z.string().min(3, { message: 'Search term must be at least 3 characters' }),\r\n// otp: z.string().min(4, { message: 'OTP must be at least 4 characters' }),\r\n// select: z.string().min(1, { message: 'Please select an option' }),\r\n// multiselect: z.array(z.union([z.string(), z.number()])).min(1, { message: 'Select at least one option' }),\r\n// autocomplete: z.any().refine((val) => val, { message: 'Please select an option' }),\r\n// multiautocomplete: z.array(z.any()).min(1, { message: 'Select at least one option' }),\r\n// color: z.string().min(1, { message: 'Color is required' }),\r\n// file: z.any().refine((val) => val, { message: 'File is required' }),\r\n// date: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Date is required' }),\r\n// time: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Time is required' }),\r\n// timeclock: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Time is required' }),\r\n// calendar: z\r\n// .date()\r\n// .nullable()\r\n// .refine((val) => val !== null, { message: 'Date is required' }),\r\n// checkbox: z.boolean().refine((val) => val === true, { message: 'Must be checked' }),\r\n// checkboxgroup: z.array(z.union([z.string(), z.number()])).min(1, { message: 'Select at least one option' }),\r\n// switch: z.boolean().refine((val) => val === true, { message: 'Must be switched on' }),\r\n// slider: z.number().min(1, { message: 'Value must be greater than 0' }),\r\n// singleradio: z.boolean().refine((val) => val === true, { message: 'Must be selected' }),\r\n// radiogroup: z.string().min(1, { message: 'Please select an option' }),\r\n// });\r\n\r\nconst ReactHookForm = () => {\r\n const { control, handleSubmit, reset }: FormControl = useForm<any>({\r\n defaultValues: {\r\n text: \"\",\r\n textarea: \"\",\r\n password: \"\",\r\n number: \"\",\r\n tel: \"\",\r\n search: \"\",\r\n otp: \"\",\r\n select: \"\",\r\n multiselect: [],\r\n autocomplete: null,\r\n multiautocomplete: [],\r\n color: \"\",\r\n file: null,\r\n date: null,\r\n time: null,\r\n timeclock: null,\r\n calendar: null,\r\n checkbox: false,\r\n checkboxgroup: [],\r\n switch: false,\r\n slider: 0,\r\n singleradio: false,\r\n radiogroup: \"\",\r\n status: \"ACTIVE\"\r\n }\r\n // resolver: zodResolver(schema),\r\n });\r\n\r\n // Options for dropdowns\r\n const selectOptions = [\r\n { name: \"Option 1\", value: \"opt1\" },\r\n { name: \"Option 2\", value: \"opt2\" },\r\n { name: \"Option 3\", value: \"opt3\" }\r\n ];\r\n\r\n const checkboxOptions = [\r\n { name: \"Checkbox 1\", value: \"check1\" },\r\n { name: \"Checkbox 2\", value: \"check2\" },\r\n { name: \"Checkbox 3\", value: \"check3\" }\r\n ];\r\n\r\n const radioOptions = [\r\n { name: \"Radio 1\", value: \"radio1\" },\r\n { name: \"Radio 2\", value: \"radio2\" },\r\n { name: \"Radio 3\", value: \"radio3\" }\r\n ];\r\n\r\n const onSubmit = (data: FormData) => {\r\n console.log(\"React Hook Form Data:\", data);\r\n };\r\n\r\n return (\r\n <Paper sx={{ padding: 3, maxWidth: \"100%\", margin: \"auto\" }}>\r\n <Typography variant=\"h4\" gutterBottom>\r\n React Hook Form (HookFormFields)\r\n </Typography>\r\n <Typography variant=\"body2\" color=\"text.secondary\" gutterBottom>\r\n Using HookFormFields with react-hook-form\r\n </Typography>\r\n <Divider sx={{ my: 2 }} />\r\n\r\n <form onSubmit={handleSubmit(onSubmit)}>\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { xs: \"1fr\", md: \"1fr 1fr\" },\r\n gap: 2\r\n }}\r\n >\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n {/* Text Inputs */}\r\n <FormInputTextField name=\"text\" label=\"Text Field\" control={control} size={size} />\r\n <FormInputPasswordField name=\"password\" label=\"Password\" control={control} size={size} />\r\n </Box>\r\n <FormInputTextArea name=\"textarea\" label=\"Text Area\" control={control} rows={4} size={size} />\r\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\r\n <FormInputNumberField name=\"number\" label=\"Number\" pattern=\"zip-code\" control={control} size={size} />\r\n\r\n <FormInputTelField\r\n name=\"tel\"\r\n label=\"Telephone\"\r\n pattern=\"XX-XXX-XXXXXX-X-XX\"\r\n control={control}\r\n size={size}\r\n />\r\n </Box>\r\n <FormInputSearchField name=\"search\" label=\"Search\" control={control} size={size} />\r\n\r\n <FormInputOTPField name=\"otp\" control={control} spacing={2} size={size} />\r\n\r\n {/* Dropdowns */}\r\n <FormInputSelect name=\"select\" label=\"Select\" control={control} options={selectOptions} size={size} />\r\n\r\n <FormInputMultiSelect\r\n name=\"multiselect\"\r\n label=\"Multi Select\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputAutoComplete\r\n name=\"autocomplete\"\r\n label=\"Autocomplete\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputMultiAutoComplete\r\n name=\"multiautocomplete\"\r\n label=\"Multi Autocomplete\"\r\n control={control}\r\n options={selectOptions}\r\n size={size}\r\n />\r\n\r\n <FormInputColorPicker name=\"color\" label=\"Color Picker\" control={control} size={size} />\r\n\r\n <FormInputFileUpload name=\"file\" label=\"File Upload\" control={control} size={size} />\r\n\r\n {/* Date/Time */}\r\n <FormInputDatePicker name=\"date\" control={control} size={size} />\r\n\r\n <Box>\r\n <FormInputTimePicker name=\"time\" control={control} size={size} />\r\n <Box\r\n sx={{\r\n display: \"grid\",\r\n gridTemplateColumns: { md: \"1fr 1fr\" },\r\n gap: 2,\r\n mt: 2\r\n }}\r\n >\r\n <FormInputCheckBoxGroup\r\n name=\"checkboxgroup\"\r\n label=\"Select Options\"\r\n control={control}\r\n options={checkboxOptions}\r\n size={size}\r\n />\r\n <FormInputRadioButtonGroup\r\n name=\"radiogroup\"\r\n label=\"Radio Group\"\r\n control={control}\r\n options={radioOptions}\r\n size={size}\r\n />\r\n </Box>\r\n <Box sx={{ display: \"flex\", gap: 2, mt: 2 }}>\r\n <FormInputCheckBox name=\"checkbox\" label=\"Checkbox\" control={control} size={size} />\r\n <FormInputSingleRadio name=\"singleradio\" label=\"Radio\" control={control} size={size} />\r\n <FormInputSwitch name=\"switch\" label=\"Switch\" control={control} size={size} />\r\n </Box>\r\n </Box>\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <FormInputTimeClock name=\"timeclock\" label=\"Time Clock\" control={control} size={size} />\r\n </Box>\r\n <Box sx={{ border: 1, borderColor: \"grey.300\", borderRadius: 1, p: 2 }}>\r\n <FormInputCalendar name=\"calendar\" label=\"Calendar\" control={control} size={size} />\r\n </Box>\r\n {/* Box Inputs */}\r\n <Box>\r\n <FormInputSlider name=\"slider\" label=\"Slider\" control={control} size={size} />\r\n </Box>\r\n <Box>\r\n <FormInputToggleButton\r\n name=\"status\"\r\n label=\"Status\"\r\n control={control}\r\n options={[\r\n { name: \"Active\", value: \"ACTIVE\" },\r\n { name: \"Inactive\", value: \"INACTIVE\" },\r\n { name: \"Done\", value: \"DONE\" }\r\n ]}\r\n exclusive\r\n fullWidth\r\n size={size}\r\n />\r\n </Box>\r\n <Box\r\n sx={{\r\n gridColumn: { xs: \"1\", md: \"1 / -1\" },\r\n display: \"flex\",\r\n gap: 2,\r\n justifyContent: \"flex-end\"\r\n }}\r\n >\r\n <Button variant=\"outlined\" onClick={() => reset()}>\r\n Reset\r\n </Button>\r\n <Button type=\"submit\" variant=\"contained\">\r\n Submit\r\n </Button>\r\n </Box>\r\n </Box>\r\n </form>\r\n </Paper>\r\n );\r\n};\r\n\r\nexport default ReactHookForm;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport NumberField from \"../FormFields/TextFields/NumberField\";\r\nimport type { IFormInputNumberFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Number Component\r\n *\r\n * A highly customizable numeric input field built on top of Material UI TextField and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a numeric input with advanced formatting support for: phone numbers,\r\n * credit cards, currency, SSN, ZIP codes, percentages, decimals, and custom patterns.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the number field\r\n * @param {string} [defaultValue=''] - {string} Default number value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [pattern='integer'] - {string} Number pattern type or custom pattern string\r\n * @param {RegExp} [customPattern] - {RegExp} Custom regex pattern (for pattern=\"custom\")\r\n * @param {(value: string) => string} [customFormatter] - {Function} Custom formatter function\r\n * @param {number} [min] - {number} Minimum value\r\n * @param {number} [max] - {number} Maximum value\r\n * @param {number} [step] - {number} Step value for number input\r\n * @param {boolean} [allowDecimals=true] - {boolean} Whether to allow decimal numbers\r\n * @param {number} [decimalPlaces=2] - {number} Number of decimal places allowed\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Number component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputNumberField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputNumberField\r\n * name=\"phone\"\r\n * label=\"Phone Number\"\r\n * control={control}\r\n * pattern=\"phone\"\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputNumberField = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n pattern,\r\n min,\r\n max,\r\n step,\r\n allowDecimals,\r\n decimalPlaces,\r\n defaultValue = \"\",\r\n onChange,\r\n ...props\r\n }: IFormInputNumberFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <NumberField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n pattern={pattern}\r\n min={min}\r\n max={max}\r\n step={step}\r\n allowDecimals={allowDecimals}\r\n decimalPlaces={decimalPlaces}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputNumberField.displayName = \"FormInputNumberField\";\r\n\r\nexport default FormInputNumberField;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport OTPField from \"../FormFields/TextFields/OTPField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input OTP Component\r\n *\r\n * A specialized multi-box input field for One-Time Passwords (OTP) built on top of Material UI TextField,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a series of individual input boxes for OTP entry with support for:\r\n * automatic focus shifting, backspace handling, pasting multiple digits, error handling, and completion callbacks.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the OTP field\r\n * @param {string} [defaultValue=''] - {string} Default OTP value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {number} [length=6] - {number} Number of OTP input boxes\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {number} [spacing=1] - {number} Spacing between OTP boxes\r\n * @param {boolean} [autoFocus=false] - {boolean} Whether to auto-focus first input on mount\r\n * @param {boolean} [autoSubmit=false] - {boolean} Whether to auto-submit when all boxes are filled\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(value: string) => void} [onComplete] - {Function} Callback fired when all boxes are filled\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {React.CSSProperties} [containerStyles] - {React.CSSProperties} Custom styles for the OTP container\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for individual OTP input boxes\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input OTP component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputOTPField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputOTPField\r\n * name=\"otpCode\"\r\n * label=\"Enter Verification Code\"\r\n * control={control}\r\n * length={6}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputOTPField = memo(({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <OTPField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(value) => {\r\n field.onChange(value);\r\n onChange?.(value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n});\r\n\r\nFormInputOTPField.displayName = \"FormInputOTPField\";\r\n\r\nexport default FormInputOTPField;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport PasswordField from \"../FormFields/TextFields/PasswordField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Password Component\r\n *\r\n * A specialized password input field built on top of Material UI TextField with visibility toggle,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a secure password input with support for: visibility toggling,\r\n * password strength indicator, error handling, helper text, and length validation.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the password field\r\n * @param {string} [defaultValue=''] - {string} Default password value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [showPasswordStrength=false] - {boolean} Whether to show password strength indicator\r\n * @param {number} [minLength] - {number} Minimum password length\r\n * @param {number} [maxLength] - {number} Maximum password length\r\n * @param {boolean} [defaultShowPassword=false] - {boolean} Whether to show password by default\r\n * @param {React.ReactNode} [visibilityIcon] - {React.ReactNode} Custom visibility icon\r\n * @param {React.ReactNode} [visibilityOffIcon] - {React.ReactNode} Custom visibility off icon\r\n * @param {IconButtonProps} [iconButtonProps] - {IconButtonProps} Custom icon button props\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onVisibilityToggle] - {Function} Callback when visibility toggles\r\n * @param {Function} [getPasswordStrength] - {Function} Custom strength calculation function\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Password component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputPasswordField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputPasswordField\r\n * name=\"userPassword\"\r\n * label=\"Password\"\r\n * control={control}\r\n * showPasswordStrength\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputPasswordField = memo(\r\n ({ name, label, control, size, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size: sizeProp, ...restProps } = props;\r\n return (\r\n <PasswordField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n error={error}\r\n helperText={error?.message}\r\n size={(size ?? sizeProp) as any}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputPasswordField.displayName = \"FormInputPasswordField\";\r\n\r\nexport default FormInputPasswordField;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport SearchInputField from \"../FormFields/TextFields/SearchInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Search Component\r\n *\r\n * A specialized search input field built on top of Material UI TextField with search and clear functionality,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a robust search interface with support for: debounced/throttled search callbacks,\r\n * clear button, search button, Enter key handling, error handling, and helper text.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the search field\r\n * @param {string} [defaultValue=''] - {string} Default search value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button when input has value\r\n * @param {boolean} [showSearchButton=true] - {boolean} Whether to show search button icon\r\n * @param {React.ReactNode} [clearIcon] - {React.ReactNode} Custom clear icon\r\n * @param {React.ReactNode} [searchIcon] - {React.ReactNode} Custom search icon\r\n * @param {IconButtonProps} [clearButtonProps] - {IconButtonProps} Custom props for clear button\r\n * @param {IconButtonProps} [searchButtonProps] - {IconButtonProps} Custom props for search button\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {(value: string) => void} [onSearch] - {Function} Callback fired for search (can be debounced/throttled)\r\n * @param {Function} [onClear] - {Function} Callback fired when clear button is clicked\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {boolean} [enableDebounce=true] - {boolean} Enable debounce for search callback\r\n * @param {number} [debounceDelay=300] - {number} Debounce delay in milliseconds\r\n * @param {boolean} [enableThrottle=false] - {boolean} Enable throttle for search callback\r\n * @param {number} [throttleDelay=300] - {number} Throttle delay in milliseconds\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Search component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputSearchField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputSearchField\r\n * name=\"userSearch\"\r\n * label=\"Search Users\"\r\n * control={control}\r\n * onSearch={(val) => console.log(\"Searching for:\", val)}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputSearchField = memo(\r\n ({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <SearchInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputSearchField.displayName = \"FormInputSearchField\";\r\n\r\nexport default FormInputSearchField;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport TelInputField from \"../FormFields/TextFields/TelInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Tel Component\r\n *\r\n * A specialized telephone number input field built on top of Material UI TextField with pattern formatting,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a telephone input with support for: automatic pattern-based formatting,\r\n * country code prefix, digits-only value management, error handling, helper text, and standard text field behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the tel field\r\n * @param {string} [defaultValue=''] - {string} Default tel value (digits only)\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text (auto-generated from pattern if not provided)\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [pattern='XXXXXXXXXX'] - {string} Pattern string (e.g., 'XXX-XXXX' where X represents digits)\r\n * @param {number} [maxLength] - {number} Maximum digits allowed\r\n * @param {string} [countryCode='+1'] - {string} Country code prefix text\r\n * @param {boolean} [showCountryCode=false] - {boolean} Whether to show country code as start adornment\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes (returns digits only)\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {React.CSSProperties} [countryCodeStyles] - {React.CSSProperties} Custom styles for country code display\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Tel component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputTelField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputTelField\r\n * name=\"phoneNumber\"\r\n * label=\"Phone Number\"\r\n * control={control}\r\n * pattern=\"XXX-XXX-XXXX\"\r\n * showCountryCode\r\n * countryCode=\"+91\"\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputTelField = memo(({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <TelInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n});\r\n\r\nFormInputTelField.displayName = \"FormInputTelField\";\r\n\r\nexport default FormInputTelField;\r\n","\"use client\";\r\nimport { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport type { IFormInputTextAreaFields } from \"./types\";\r\n/**\r\n * Form Input Text Area Component\r\n *\r\n * A specialized multi-line text input field built on top of Material UI TextField,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a dedicated textarea interface with support for:\r\n * adjustable rows, dynamic resizing, error handling, helper text, and standard text field behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the textarea\r\n * @param {string} [defaultValue=''] - {string} Default text value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {number} [rows] - {number} Fixed number of rows\r\n * @param {number} [minRows] - {number} Minimum number of rows\r\n * @param {number} [maxRows] - {number} Maximum number of rows\r\n * @param {ResizeOption} [resize='both'] - {ResizeOption} CSS resize property for the textarea\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n *\r\n * @returns {JSX.Element} The Form Input Text Area component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputTextArea } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputTextArea\r\n * name=\"description\"\r\n * label=\"Project Description\"\r\n * control={control}\r\n * minRows={3}\r\n * maxRows={10}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputTextArea = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n rows,\r\n minRows,\r\n maxRows,\r\n resize,\r\n defaultValue = \"\",\r\n onChange,\r\n ...props\r\n }: IFormInputTextAreaFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <TextInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n multiline\r\n rows={rows}\r\n minRows={minRows}\r\n maxRows={maxRows}\r\n resize={resize}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputTextArea.displayName = \"FormInputTextArea\";\r\n\r\nexport default FormInputTextArea;\r\n","\"use client\";\r\nimport { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport TextInputField from \"../FormFields/TextFields/TextInputField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Text Component\r\n *\r\n * A versatile text input field built on top of Material UI TextField with support for various text types and transformations,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible text input with support for: single-line and multiline (textarea),\r\n * text transformations (uppercase, lowercase, capitalize), error handling, helper text, custom adornments,\r\n * and standard text field behaviors. It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the text field\r\n * @param {string} [defaultValue=''] - {string} Default text value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [multiline=false] - {boolean} Whether to enable multiline input (textarea)\r\n * @param {number} [rows] - {number} Number of rows for multiline input\r\n * @param {number} [minRows] - {number} Minimum number of rows for multiline input\r\n * @param {number} [maxRows] - {number} Maximum number of rows for multiline input\r\n * @param {ResizeOption} [resize='both'] - {ResizeOption} Resize option for textarea\r\n * @param {number} [maxLength] - {number} Maximum length of input\r\n * @param {number} [minLength] - {number} Minimum length of input\r\n * @param {string} [type='text'] - {string} Input type (text, email, url, etc.)\r\n * @param {string} [autoComplete='off'] - {string} Auto complete attribute\r\n * @param {React.ReactNode} [startAdornment] - {React.ReactNode} Adornment before input\r\n * @param {React.ReactNode} [endAdornment] - {React.ReactNode} Adornment after input\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the TextField\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n * @param {TextTransformOption} [textTransform] - {TextTransformOption} Text transformation option\r\n *\r\n * @returns {JSX.Element} The Form Input Text component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputTextField } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputTextField\r\n * name=\"fullName\"\r\n * label=\"Full Name\"\r\n * control={control}\r\n * textTransform=\"capitalize\"\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputTextField = memo(({ name, label, control, defaultValue = \"\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <TextInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n});\r\n\r\nFormInputTextField.displayName = \"FormInputTextField\";\r\n\r\nexport default FormInputTextField;\r\n","\"use client\";\r\nimport { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input AutoComplete Component\r\n *\r\n * A highly customizable autocomplete search and dropdown field built on top of Material UI Autocomplete and TextField,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a searchable dropdown with support for: single/multiple selection, remote/local options,\r\n * error handling, helper text, custom option rendering, and standard autocomplete behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the input field\r\n * @param {any} [defaultValue=null] - {any} Default selected value(s)\r\n * @param {any[]} options - {any[]} Array of options to display in dropdown\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Function} [getOptionLabel] - {Function} Custom function to get option label\r\n * @param {Function} [isOptionEqualToValue] - {Function} Custom function to check option equality\r\n * @param {Function} [renderOption] - {Function} Custom render function for options\r\n * @param {(value: any) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onInputChange] - {Function} Callback fired when input value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when popup opens\r\n * @param {Function} [onClose] - {Function} Callback fired when popup closes\r\n * @param {React.ReactNode} [popupIcon] - {React.ReactNode} Custom icon for popup indicator\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {AutocompleteProps['sx']} [autocompleteStyles] - {AutocompleteProps['sx']} Custom styles for the Autocomplete component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {boolean} [loading=false] - {boolean} Whether to show loading state\r\n * @param {React.ReactNode} [loadingText='Loading...'] - {React.ReactNode} Text to show when loading\r\n * @param {React.ReactNode} [noOptionsText='No options'] - {React.ReactNode} Text to show when no options available\r\n * @param {Function} [filterOptions] - {Function} Custom filter options function\r\n * @param {boolean} [autoHighlight=true] - {boolean} Whether to highlight the first option\r\n * @param {boolean} [autoSelect=false] - {boolean} Whether to select the first option on highlight\r\n * @param {boolean} [disablePortal=false] - {boolean} Whether to disable portal rendering\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input AutoComplete component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputAutoComplete } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [{ name: \"Option 1\", value: 1 }, { name: \"Option 2\", value: 2 }];\r\n *\r\n * return (\r\n * <FormInputAutoComplete\r\n * name=\"myAutocomplete\"\r\n * label=\"Select Option\"\r\n * control={control}\r\n * options={options}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputAutoComplete = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n options = [],\r\n disabled,\r\n placeholder,\r\n defaultValue = null,\r\n onChange,\r\n ...props\r\n }: IFormInputFieldsWithOptions) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { value, onBlur } = field;\r\n const { size, ...restProps } = props;\r\n return (\r\n <AutoCompleteField\r\n name={name}\r\n label={label}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n options={options}\r\n value={value ?? null}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n {...restProps}\r\n onChange={(_, newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n onBlur={onBlur}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputAutoComplete.displayName = \"FormInputAutoComplete\";\r\n\r\nexport default FormInputAutoComplete;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport ColorPickerField from \"../FormFields/DropdownFields/ColorPickerField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Color Picker Component\r\n *\r\n * A customizable color picker field built on top of Material UI TextField and native color input,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a color selection input with support for: hex values, color preview swatch,\r\n * native color picker integration, error handling, helper text, and standard text field behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the color picker field\r\n * @param {string} [defaultValue='#000000'] - {string} Default color value (hex string)\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder='#000000'] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']|'primary'} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [format='hex'] - {string} Color format (currently hex supported)\r\n * @param {boolean} [showPreview=true] - {boolean} Whether to show color preview swatch\r\n * @param {(value: string) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when field receives focus\r\n * @param {Function} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onEnterPress] - {Function} Callback fired on Enter key press\r\n * @param {React.CSSProperties} [previewStyles] - {React.CSSProperties} Custom styles for the color preview swatch\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for TextField\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Color Picker component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputColorPicker } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputColorPicker\r\n * name=\"themeColor\"\r\n * label=\"Theme Color\"\r\n * control={control}\r\n * defaultValue=\"#3f51b5\"\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputColorPicker = memo(\r\n ({ name, label, control, defaultValue = \"#000000\", onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <ColorPickerField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? defaultValue}\r\n onChange={(color) => {\r\n field.onChange(color);\r\n onChange?.(color);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputColorPicker.displayName = \"FormInputColorPicker\";\r\n\r\nexport default FormInputColorPicker;\r\n","\"use client\";\r\nimport React, { memo, useRef } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport FileUploadField from \"../FormFields/DropdownFields/FileUploadField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input File Upload Component\r\n *\r\n * A versatile file upload field built on top of Material UI TextField and native file input,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a file selection interface with support for: single/multiple files,\r\n * drag and drop, file validation (size, type), file preview, clear functionality, and standard form field behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the file upload field\r\n * @param {any} [defaultValue=null] - {any} Default selected file(s)\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [accept] - {string} File types to accept (e.g., \"image/*\", \".pdf\")\r\n * @param {boolean} [multiple=false] - {boolean} Whether to allow multiple file selection\r\n * @param {number} [maxSize] - {number} Maximum file size in bytes\r\n * @param {number} [minSize] - {number} Minimum file size in bytes\r\n * @param {string[]} [allowedTypes] - {string[]} Allowed file types (MIME types or extensions)\r\n * @param {boolean} [showPreview=true] - {boolean} Whether to show file name preview\r\n * @param {boolean} [enableDragDrop=false] - {boolean} Whether to enable drag and drop\r\n * @param {string} [placeholder='No file chosen'] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string} [buttonText='Upload'] - {string} Upload button text\r\n * @param {ButtonProps['variant']} [buttonVariant='contained'] - {ButtonProps['variant']} Upload button variant\r\n * @param {ButtonProps['color']} [buttonColor='primary'] - {ButtonProps['color']} Upload button color\r\n * @param {ButtonProps['size']} [buttonSize] - {ButtonProps['size']} Upload button size\r\n * @param {React.ReactNode} [uploadIcon] - {React.ReactNode} Custom upload icon\r\n * @param {(file: File | File[] | undefined) => void} [onChange] - {Function} Optional additional callback fired when files change\r\n * @param {Function} [onFileSelect] - {Function} Callback fired when file is selected\r\n * @param {Function} [onFileRemove] - {Function} Callback fired when file is removed\r\n * @param {(error: string) => void} [onValidationError] - {Function} Callback fired on validation error\r\n * @param {(files: FileList) => void} [onDrop] - {Function} Callback fired when file is dropped\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {ButtonProps['sx']} [buttonStyles] - {ButtonProps['sx']} Custom styles for the Upload button\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {React.CSSProperties} [containerStyles] - {React.CSSProperties} Custom styles for the container\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input File Upload component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputFileUpload } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputFileUpload\r\n * name=\"resume\"\r\n * label=\"Upload Resume\"\r\n * control={control}\r\n * accept=\".pdf,.doc,.docx\"\r\n * enableDragDrop\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputFileUpload = memo(\r\n ({ name, label, control, size, defaultValue = null, onChange, ...props }: IFormInputFields) => {\r\n const fileRef = useRef(null);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => (\r\n <FileUploadField\r\n {...props}\r\n name={name}\r\n label={label}\r\n value={field.value ?? null}\r\n size={size as any}\r\n ref={fileRef}\r\n onChange={(files) => {\r\n field.onChange(files);\r\n onChange?.(files);\r\n }}\r\n onBlur={field.onBlur}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n )}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputFileUpload.displayName = \"FormInputFileUpload\";\r\n\r\nexport default FormInputFileUpload;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport AutoCompleteField from \"../FormFields/DropdownFields/AutoCompleteField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input Multi AutoComplete Component\r\n *\r\n * A highly customizable multi-select autocomplete field built on top of Material UI Autocomplete and TextField,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a searchable multi-select dropdown with support for: remote/local options,\r\n * error handling, helper text, custom option rendering, and standard autocomplete behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the input field\r\n * @param {any[]} [defaultValue=[]] - {any[]} Default selected values\r\n * @param {any[]} options - {any[]} Array of options to display in dropdown\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['size']} [size] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['color']} [color] - {TextFieldProps['color']} TextField color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Function} [getOptionLabel] - {Function} Custom function to get option label\r\n * @param {Function} [isOptionEqualToValue] - {Function} Custom function to check option equality\r\n * @param {Function} [renderOption] - {Function} Custom render function for options\r\n * @param {(value: any[]) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onInputChange] - {Function} Callback fired when input value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when popup opens\r\n * @param {Function} [onClose] - {Function} Callback fired when popup closes\r\n * @param {React.ReactNode} [popupIcon] - {React.ReactNode} Custom icon for popup indicator\r\n * @param {TextFieldProps['sx']} [inputStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {AutocompleteProps['sx']} [autocompleteStyles] - {AutocompleteProps['sx']} Custom styles for the Autocomplete component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {boolean} [loading=false] - {boolean} Whether to show loading state\r\n * @param {React.ReactNode} [loadingText='Loading...'] - {React.ReactNode} Text to show when loading\r\n * @param {React.ReactNode} [noOptionsText='No options'] - {React.ReactNode} Text to show when no options available\r\n * @param {Function} [filterOptions] - {Function} Custom filter options function\r\n * @param {boolean} [autoHighlight=true] - {boolean} Whether to highlight the first option\r\n * @param {boolean} [autoSelect=false] - {boolean} Whether to select the first option on highlight\r\n * @param {boolean} [disablePortal=false] - {boolean} Whether to disable portal rendering\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n *\r\n * @returns {JSX.Element} The Form Input Multi AutoComplete component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputMultiAutoComplete } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [{ name: \"Red\", value: \"red\" }, { name: \"Blue\", value: \"blue\" }];\r\n *\r\n * return (\r\n * <FormInputMultiAutoComplete\r\n * name=\"colors\"\r\n * label=\"Select Colors\"\r\n * control={control}\r\n * options={options}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputMultiAutoComplete = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n options = [],\r\n disabled,\r\n placeholder,\r\n defaultValue = [],\r\n onChange,\r\n ...props\r\n }: IFormInputFieldsWithOptions) => {\r\n const memoizedOptions = useMemo(() => options, [options]);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { value, onBlur } = field;\r\n const { size, ...restProps } = props;\r\n const fieldValue = Array.isArray(value) ? value : [];\r\n return (\r\n <AutoCompleteField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n options={memoizedOptions}\r\n multiple\r\n value={fieldValue}\r\n onChange={(_, newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n onBlur={onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputMultiAutoComplete.displayName = \"FormInputMultiAutoComplete\";\r\n\r\nexport default FormInputMultiAutoComplete;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input Multi Select Component\r\n *\r\n * A customizable multi-select dropdown field built on top of Material UI Select and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible multi-select dropdown with support for:\r\n * error handling, helper text, custom menu item rendering, and standard select behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the select field\r\n * @param {any[]} [defaultValue=[]] - {any[]} Default selected values\r\n * @param {Option[]} options - {Option[]} Array of options to display in dropdown\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {SelectProps['variant']} [variant='outlined'] - {SelectProps['variant']} Select variant\r\n * @param {SelectProps['size']} [size] - {SelectProps['size']} Select size\r\n * @param {SelectProps['color']} [color] - {SelectProps['color']} Select color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [multiple=true] - {boolean} Whether to allow multiple selections\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for dropdown indicator\r\n * @param {SelectProps['renderValue']} [renderValue] - {Function} Custom render function for selected value(s)\r\n * @param {Function} [renderMenuItem] - {Function} Custom render function for menu items\r\n * @param {MenuItemProps['sx'] | Function} [menuItemStyles] - {Object|Function} Custom styles for MenuItem\r\n * @param {SelectProps['sx']} [selectStyles] - {SelectProps['sx']} Custom styles for the Select component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {InputLabelProps['sx']} [labelStyles] - {InputLabelProps['sx']} Custom styles for InputLabel\r\n * @param {(value: any) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when menu opens\r\n * @param {Function} [onClose] - {Function} Callback fired when menu closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n * @param {boolean} [displayEmpty=false] - {boolean} Whether to display empty value\r\n * @param {boolean} [autoWidth=false] - {boolean} Whether the menu should have auto width\r\n * @param {boolean} [native=false] - {boolean} Whether to use native select element\r\n * @param {SelectProps['MenuProps']} [MenuProps] - {Object} Custom Menu props\r\n *\r\n * @returns {JSX.Element} The Form Input Multi Select component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputMultiSelect } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [\r\n * { value: \"1\", name: \"Option 1\" },\r\n * { value: \"2\", name: \"Option 2\" }\r\n * ];\r\n *\r\n * return (\r\n * <FormInputMultiSelect\r\n * name=\"mySelect\"\r\n * label=\"Select Options\"\r\n * control={control}\r\n * options={options}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputMultiSelect = memo(\r\n ({ name, label, control, options = [], defaultValue = [], onChange, ...props }: IFormInputFieldsWithOptions) => {\r\n const memoizedOptions = useMemo(() => options, [options]);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n const fieldValue = Array.isArray(field.value) ? field.value : [];\r\n return (\r\n <SelectInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n options={memoizedOptions}\r\n multiple\r\n value={fieldValue}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputMultiSelect.displayName = \"FormInputMultiSelect\";\r\n\r\nexport default FormInputMultiSelect;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport SelectInputField from \"../FormFields/DropdownFields/SelectInputField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input Select Component\r\n *\r\n * A customizable dropdown selection field built on top of Material UI Select and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible dropdown with support for: single selection,\r\n * error handling, helper text, custom menu item rendering, and standard select behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string} [label] - {string} Label text for the select field\r\n * @param {any} [defaultValue=''] - {any} Default selected value\r\n * @param {Option[]} options - {Option[]} Array of options to display in dropdown\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {SelectProps['variant']} [variant='outlined'] - {SelectProps['variant']} Select variant\r\n * @param {SelectProps['size']} [size] - {SelectProps['size']} Select size\r\n * @param {SelectProps['color']} [color] - {SelectProps['color']} Select color\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {boolean} [multiple=false] - {boolean} Whether to allow multiple selections\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for dropdown indicator\r\n * @param {SelectProps['renderValue']} [renderValue] - {Function} Custom render function for selected value(s)\r\n * @param {Function} [renderMenuItem] - {Function} Custom render function for menu items\r\n * @param {MenuItemProps['sx'] | Function} [menuItemStyles] - {Object|Function} Custom styles for MenuItem\r\n * @param {SelectProps['sx']} [selectStyles] - {SelectProps['sx']} Custom styles for the Select component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {InputLabelProps['sx']} [labelStyles] - {InputLabelProps['sx']} Custom styles for InputLabel\r\n * @param {(value: any) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onOpen] - {Function} Callback fired when menu opens\r\n * @param {Function} [onClose] - {Function} Callback fired when menu closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI v7\r\n * @param {boolean} [displayEmpty=false] - {boolean} Whether to display empty value\r\n * @param {boolean} [autoWidth=false] - {boolean} Whether the menu should have auto width\r\n * @param {boolean} [native=false] - {boolean} Whether to use native select element\r\n * @param {SelectProps['MenuProps']} [MenuProps] - {Object} Custom Menu props\r\n *\r\n * @returns {JSX.Element} The Form Input Select component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputSelect } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [\r\n * { value: \"1\", name: \"Option 1\" },\r\n * { value: \"2\", name: \"Option 2\" }\r\n * ];\r\n *\r\n * return (\r\n * <FormInputSelect\r\n * name=\"category\"\r\n * label=\"Select Category\"\r\n * control={control}\r\n * options={options}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputSelect = memo(\r\n ({ name, label, control, options = [], defaultValue = \"\", onChange, ...props }: IFormInputFieldsWithOptions) => {\r\n const memoizedOptions = useMemo(() => options, [options]);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <SelectInputField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n options={memoizedOptions}\r\n value={field.value ?? \"\"}\r\n onChange={(e) => {\r\n field.onChange(e);\r\n onChange?.(e.target.value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputSelect.displayName = \"FormInputSelect\";\r\n\r\nexport default FormInputSelect;\r\n","\"use client\";\r\nimport { Box, FormLabel } from \"@mui/material\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport DateCalendarField from \"../FormFields/DateFields/DateCalendarField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Date Calendar Component\r\n *\r\n * A customizable inline date calendar field built on top of Material UI X DateCalendar and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides an inline calendar for date selection with support for: error handling, helper text,\r\n * date constraints (min/max), disabling specific dates/months/years, and standard calendar behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the calendar\r\n * @param {Date | null} [defaultValue=null] - {Date | null} Default date value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minDate] - {Date} Minimum selectable date\r\n * @param {Date} [maxDate] - {Date} Maximum selectable date\r\n * @param {(date: Date) => boolean} [shouldDisableDate] - {Function} Function to disable specific dates\r\n * @param {(month: Date) => boolean} [shouldDisableMonth] - {Function} Function to disable specific months\r\n * @param {(year: Date) => boolean} [shouldDisableYear] - {Function} Function to disable specific years\r\n * @param {DateCalendarProps['sx']} [calendarStyles] - {DateCalendarProps['sx']} Custom styles for the DateCalendar component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {(value: Date | null) => void} [onChange] - {Function} Optional additional callback fired when the date changes\r\n * @param {(view: 'day' | 'month' | 'year') => void} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {(month: Date) => void} [onMonthChange] - {Function} Callback fired when a month change is requested\r\n * @param {(year: Date) => void} [onYearChange] - {Function} Callback fired when a year change is requested\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [showDaysOutsideCurrentMonth=false] - {boolean} Whether to show days outside current month\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past dates\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future dates\r\n * @param {Date} [referenceDate] - {Date} Reference date for the calendar\r\n * @param {'day' | 'month' | 'year'} [view] - {'day' | 'month' | 'year'} Controlled view state\r\n *\r\n * @returns {JSX.Element} The Form Input Date Calendar component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputCalendar } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputCalendar\r\n * name=\"myCalendar\"\r\n * label=\"Select Date\"\r\n * control={control}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputCalendar = memo(\r\n ({ name, label, control, readOnly, disabled, defaultValue = null, onChange, ...props }: IFormInputDateFields) => {\r\n return (\r\n <Box\r\n sx={{\r\n border: (t) => `1px solid ${t.palette.grey[600]}`,\r\n borderRadius: (t) => t.spacing(0.5),\r\n display: \"flex\",\r\n flexDirection: \"column\"\r\n }}\r\n >\r\n <FormLabel\r\n sx={(t) => ({\r\n borderBottom: `1px solid ${t.palette.grey[600]}`,\r\n padding: \"4px\"\r\n })}\r\n >\r\n {label}\r\n </FormLabel>\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { ...restProps } = props;\r\n return (\r\n <DateCalendarField\r\n {...restProps}\r\n name={name}\r\n value={field.value ?? null}\r\n onChange={(newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n error={error}\r\n helperText={error?.message}\r\n sx={{\r\n height: \"300px\",\r\n ...restProps.sx\r\n }}\r\n />\r\n );\r\n }}\r\n />\r\n </Box>\r\n );\r\n }\r\n);\r\n\r\nFormInputCalendar.displayName = \"FormInputCalendar\";\r\n\r\nexport default FormInputCalendar;\r\n","\"use client\";\r\nimport type { TextFieldProps } from \"@mui/material\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport DatePickerField from \"../FormFields/DateFields/DatePickerField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Date Picker Component\r\n *\r\n * A customizable date picker field built on top of Material UI X DatePicker and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible date picker with support for: error handling, helper text, clear button,\r\n * custom formatting, date constraints (min/max), and standard date picker behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the date picker\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as a separate title above the picker\r\n * @param {Date | null} [defaultValue=null] - {Date | null} Default date value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minDate] - {Date} Minimum selectable date\r\n * @param {Date} [maxDate] - {Date} Maximum selectable date\r\n * @param {(date: Date) => boolean} [shouldDisableDate] - {Function} Function to disable specific dates\r\n * @param {(month: Date) => boolean} [shouldDisableMonth] - {Function} Function to disable specific months\r\n * @param {(year: Date) => boolean} [shouldDisableYear] - {Function} Function to disable specific years\r\n * @param {TextFieldProps['size']} [size='medium'] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {boolean} [readOnly=false] - {boolean} Whether the field is read-only\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past dates\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future dates\r\n * @param {Date} [referenceDate] - {Date} Reference date for the calendar\r\n * @param {'day' | 'month' | 'year'} [view] - {'day' | 'month' | 'year'} Controlled view state\r\n * @param {string} [format] - {string} Format for displaying the date\r\n * @param {'day' | 'month' | 'year'} [openTo='day'] - {string} Whether to open the calendar on focus\r\n * @param {DatePickerProps['sx']} [pickerStyles] - {DatePickerProps['sx']} Custom styles for the DatePicker component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {TextFieldProps['sx']} [textFieldStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {(value: Date | null) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onFocus] - {Function} Callback when field receives focus\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Function} [onMonthChange] - {Function} Callback fired when a month change is requested\r\n * @param {Function} [onYearChange] - {Function} Callback fired when a year change is requested\r\n * @param {Function} [onOpen] - {Function} Callback fired when the calendar opens\r\n * @param {Function} [onClose] - {Function} Callback fired when the calendar closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {typeof AdapterDateFns} [dateAdapter=AdapterDateFns] - {Type} Date adapter to use\r\n * @param {boolean} [reduceAnimations=false] - {boolean} Whether to reduce animations\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus the input\r\n *\r\n * @returns {JSX.Element} The Form Input Date Picker component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputDatePicker } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputDatePicker\r\n * name=\"birthday\"\r\n * label=\"Birthday\"\r\n * control={control}\r\n * showClearButton\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputDatePicker = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n size,\r\n readOnly,\r\n shouldDisableDate,\r\n disabled,\r\n placeholder,\r\n defaultValue = null,\r\n onChange,\r\n ...props\r\n }: IFormInputDateFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n // Exclude views prop as DatePicker uses DateView[], not TimeView[]\r\n const { views: _views, ...restProps } = props;\r\n return (\r\n <DatePickerField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n placeholder={placeholder}\r\n disabled={disabled}\r\n value={field.value ?? null}\r\n onChange={(newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n onBlur={field.onBlur}\r\n shouldDisableDate={shouldDisableDate}\r\n size={size as TextFieldProps[\"size\"]}\r\n error={error}\r\n helperText={error?.message}\r\n readOnly={readOnly}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputDatePicker.displayName = \"FormInputDatePicker\";\r\n\r\nexport default FormInputDatePicker;\r\n","\"use client\";\r\nimport { Box, FormLabel } from \"@mui/material\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport TimeClockField from \"../FormFields/DateFields/TimeClockField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Time Clock Component\r\n *\r\n * A customizable inline time clock field built on top of Material UI X TimeClock and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides an inline clock for time selection with support for: error handling, helper text,\r\n * AM/PM support, time constraints (min/max), and standard clock behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the time clock\r\n * @param {Date | null} [defaultValue=null] - {Date | null} Default time value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {string[]} [views=['hours', 'minutes']] - {string[]} Available views (hours, minutes, seconds)\r\n * @param {boolean} [ampmInClock=false] - {boolean} Whether to show AM/PM in the clock\r\n * @param {boolean} [ampm=true] - {boolean} Whether to use 12-hour format\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past times\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future times\r\n * @param {Date} [minTime] - {Date} Minimum selectable time\r\n * @param {Date} [maxTime] - {Date} Maximum selectable time\r\n * @param {Function} [shouldDisableTime] - {Function} Function to disable specific times\r\n * @param {TimeClockProps['sx']} [clockStyles] - {TimeClockProps['sx']} Custom styles for the TimeClock component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {StackProps['sx']} [buttonsStackStyles] - {StackProps['sx']} Custom styles for the view buttons Stack\r\n * @param {ButtonProps['sx']} [buttonStyles] - {ButtonProps['sx']} Custom styles for view buttons\r\n * @param {ButtonProps['sx']} [activeButtonStyles] - {ButtonProps['sx']} Custom styles for active view button\r\n * @param {boolean} [showViewButtons=true] - {boolean} Whether to show view selector buttons\r\n * @param {string} [initialView='hours'] - {string} Initial view\r\n * @param {string} [view] - {string} Controlled view state\r\n * @param {(value: Date | null) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {any} [dateAdapter] - {any} Date adapter to use\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus\r\n *\r\n * @returns {JSX.Element} The Form Input Time Clock component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputTimeClock } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputTimeClock\r\n * name=\"shiftStart\"\r\n * label=\"Shift Start Time\"\r\n * control={control}\r\n * ampm={true}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputTimeClock = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n readOnly,\r\n disabled,\r\n ampm = true,\r\n views,\r\n ampmInClock = true,\r\n disablePast = false,\r\n defaultValue = null,\r\n onChange,\r\n ...props\r\n }: IFormInputDateFields) => {\r\n const ampmValue = useMemo(() => (typeof ampm === \"boolean\" ? ampm : undefined), [ampm]);\r\n\r\n return (\r\n <Box\r\n sx={{\r\n border: (t) => `1px solid ${t.palette.grey[600]}`,\r\n borderRadius: (t) => t.spacing(0.5),\r\n display: \"flex\",\r\n flexDirection: \"column\"\r\n }}\r\n >\r\n <FormLabel\r\n sx={(t) => ({\r\n borderBottom: `1px solid ${t.palette.grey[600]}`,\r\n padding: (t) => t.spacing(1)\r\n })}\r\n >\r\n {label}\r\n </FormLabel>\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => (\r\n <TimeClockField\r\n {...props}\r\n name={name}\r\n value={field.value ?? null}\r\n onChange={(newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n ampm={ampmValue}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n ampmInClock={ampmInClock}\r\n disablePast={disablePast}\r\n views={views}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n )}\r\n />\r\n </Box>\r\n );\r\n }\r\n);\r\n\r\nFormInputTimeClock.displayName = \"FormInputTimeClock\";\r\n\r\nexport default FormInputTimeClock;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport TimePickerField from \"../FormFields/DateFields/TimePickerField\";\r\nimport type { IFormInputDateFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Time Picker Component\r\n *\r\n * A customizable time picker field built on top of Material UI X TimePicker and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible time picker with support for: error handling, helper text, clear button,\r\n * AM/PM support, time constraints (min/max), and standard time picker behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the time picker\r\n * @param {Date | null} [defaultValue=null] - {Date | null} Default time value\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as a separate title above the picker\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {Date} [minTime] - {Date} Minimum selectable time\r\n * @param {Date} [maxTime] - {Date} Maximum selectable time\r\n * @param {(time: Date, view: string) => boolean} [shouldDisableTime] - {Function} Function to disable specific times\r\n * @param {TextFieldProps['size']} [size='medium'] - {TextFieldProps['size']} TextField size\r\n * @param {TextFieldProps['variant']} [variant='outlined'] - {TextFieldProps['variant']} TextField variant\r\n * @param {TextFieldProps['color']} [color='primary'] - {TextFieldProps['color']} TextField color\r\n * @param {string} [placeholder] - {string} Placeholder text\r\n * @param {boolean} [readOnly=false] - {boolean} Whether the field is read-only\r\n * @param {boolean} [showClearButton=true] - {boolean} Whether to show clear button\r\n * @param {boolean} [disablePast=false] - {boolean} Whether to disable past times\r\n * @param {boolean} [disableFuture=false] - {boolean} Whether to disable future times\r\n * @param {boolean} [ampm=true] - {boolean} Whether to use 12-hour format\r\n * @param {string[]} [views] - {string[]} Available views (hours, minutes, seconds)\r\n * @param {string} [view] - {string} Controlled view state\r\n * @param {string} [openTo='hours'] - {string} Default view to open\r\n * @param {string} [format] - {string} Format for displaying the time\r\n * @param {TimePickerProps['sx']} [pickerStyles] - {TimePickerProps['sx']} Custom styles for the TimePicker component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {BoxProps['sx']} [containerStyles] - {BoxProps['sx']} Custom styles for the container Box\r\n * @param {TextFieldProps['sx']} [textFieldStyles] - {TextFieldProps['sx']} Custom styles for the internal TextField\r\n * @param {(value: Date | null) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onFocus] - {Function} Callback when field receives focus\r\n * @param {(event: React.FocusEvent<HTMLInputElement>) => void} [onBlur] - {Function} Callback when field loses focus\r\n * @param {Function} [onViewChange] - {Function} Callback fired when a view change is requested\r\n * @param {Function} [onOpen] - {Function} Callback fired when the picker opens\r\n * @param {Function} [onClose] - {Function} Callback fired when the picker closes\r\n * @param {Object} [slotProps] - {Object} Custom slot props for MUI X v7\r\n * @param {Object} [slots] - {Object} Custom slots for MUI X v7\r\n * @param {any} [dateAdapter] - {any} Date adapter to use\r\n * @param {boolean} [autoFocus=false] - {boolean} Auto focus the input\r\n * @param {string} [timezone] - {string} Timezone for the picker\r\n *\r\n * @returns {JSX.Element} The Form Input Time Picker component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputTimePicker } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputTimePicker\r\n * name=\"appointmentTime\"\r\n * label=\"Select Time\"\r\n * control={control}\r\n * ampm={true}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputTimePicker = memo(\r\n ({ name, label, control, ampm = true, timezone, defaultValue = null, onChange, ...props }: IFormInputDateFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <TimePickerField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? null}\r\n onChange={(newValue) => {\r\n field.onChange(newValue);\r\n onChange?.(newValue);\r\n }}\r\n onBlur={field.onBlur}\r\n ampm={ampm}\r\n timezone={timezone}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputTimePicker.displayName = \"FormInputTimePicker\";\r\n\r\nexport default FormInputTimePicker;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport CheckBoxField from \"../FormFields/BoxFields/CheckBoxField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input CheckBox Component\r\n *\r\n * A customizable checkbox field built on top of Material UI Checkbox and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible checkbox with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard checkbox behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the checkbox\r\n * @param {boolean} [defaultValue=false] - {boolean} Default checked state\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Checkbox color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Checkbox size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to checkbox\r\n * @param {(checked: boolean) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {Function} Callback fired when clicked\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onFocus] - {Function} Callback when focused\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onBlur] - {Function} Callback when blurred\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {React.CSSProperties} [checkboxStyles] - {React.CSSProperties} Custom styles for Checkbox component\r\n * @param {React.CSSProperties} [labelStyles] - {React.CSSProperties} Custom styles for FormControlLabel\r\n * @param {React.CSSProperties} [formControlStyles] - {React.CSSProperties} Custom styles for FormControl container\r\n * @param {boolean} [indeterminate=false] - {boolean} Indeterminate state\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Form Input CheckBox component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputCheckBox } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputCheckBox\r\n * name=\"agreeTerms\"\r\n * label=\"I agree to terms\"\r\n * control={control}\r\n * required\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputCheckBox = memo(\r\n ({ name, label, control, defaultValue = false, onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <CheckBoxField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? false}\r\n onChange={(checked) => {\r\n field.onChange(checked);\r\n onChange?.(checked);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputCheckBox.displayName = \"FormInputCheckBox\";\r\n\r\nexport default FormInputCheckBox;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport CheckBoxFieldGroup from \"../FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport type { IFormInputCheckBoxGroupFields } from \"./types\";\r\n\r\n/**\r\n * Form Input CheckBox Group Component\r\n *\r\n * A customizable group of checkboxes built on top of Material UI Checkbox and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible checkboxes with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, row/column layout, and standard checkbox behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the checkbox group\r\n * @param {any[]} [defaultValue=[]] - {any[]} Default selected values\r\n * @param {Option[]} options - {Option[]} Array of checkbox options\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Checkbox color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Checkbox size\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to checkbox\r\n * @param {boolean} [row=false] - {boolean} Whether to display checkboxes in a row\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {SxProps<Theme>} [checkboxStyles] - {SxProps<Theme>} Custom styles for individual checkboxes\r\n * @param {SxProps<Theme>} [labelStyles] - {SxProps<Theme>} Custom styles for checkbox labels\r\n * @param {SxProps<Theme>} [formControlStyles] - {SxProps<Theme>} Custom styles for FormControl container\r\n * @param {SxProps<Theme>} [formLabelStyles] - {SxProps<Theme>} Custom styles for FormLabel\r\n * @param {(value: any[]) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {Function} [onFocus] - {Function} Callback when focused\r\n * @param {Function} [onBlur] - {Function} Callback when blurred\r\n * @param {Function} [onClick] - {Function} Callback when clicked\r\n * @param {Function} [renderCheckbox] - {Function} Custom render function for checkboxes\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n * @param {SxProps<Theme>} [sxProps] - {SxProps<Theme>} Custom styles for the Box container\r\n *\r\n * @returns {JSX.Element} The Form Input CheckBox Group component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputCheckBoxGroup } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [\r\n * { value: \"opt1\", name: \"Option 1\" },\r\n * { value: \"opt2\", name: \"Option 2\" }\r\n * ];\r\n *\r\n * return (\r\n * <FormInputCheckBoxGroup\r\n * name=\"myCheckGroup\"\r\n * label=\"Select options\"\r\n * control={control}\r\n * options={options}\r\n * row\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputCheckBoxGroup = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n options = [],\r\n defaultValue = [],\r\n onChange,\r\n row,\r\n color,\r\n labelPlacement,\r\n ...props\r\n }: IFormInputCheckBoxGroupFields) => {\r\n // Convert options to CheckboxOption format - memoized\r\n const checkboxOptions = useMemo(\r\n () =>\r\n options.map((option) => ({\r\n value: option.value,\r\n label: option.name,\r\n disabled: option.disabled\r\n })),\r\n [options]\r\n );\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n const fieldValue = Array.isArray(field.value) ? field.value : [];\r\n return (\r\n <CheckBoxFieldGroup\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={fieldValue}\r\n options={checkboxOptions}\r\n onChange={(value) => {\r\n field.onChange(value);\r\n onChange?.(value);\r\n }}\r\n onBlur={field.onBlur}\r\n row={row}\r\n color={color}\r\n labelPlacement={labelPlacement}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputCheckBoxGroup.displayName = \"FormInputCheckBoxGroup\";\r\n\r\nexport default FormInputCheckBoxGroup;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport RadioButtonField from \"../FormFields/BoxFields/RadioButtonField\";\r\nimport type { IFormInputRadioFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Radio Button Component\r\n *\r\n * A customizable radio button field built on top of Material UI Radio and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible radio button with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard radio behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the radio button\r\n * @param {boolean} [defaultValue=false] - {boolean} Default checked state\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Radio color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Radio size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to radio button\r\n * @param {(checked: boolean) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {Function} Callback fired when clicked\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onFocus] - {Function} Callback when focused\r\n * @param {React.FocusEventHandler<HTMLButtonElement>} [onBlur] - {Function} Callback when blurred\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {React.CSSProperties} [radioStyles] - {React.CSSProperties} Custom styles for Radio component\r\n * @param {React.CSSProperties} [labelStyles] - {React.CSSProperties} Custom styles for FormControlLabel\r\n * @param {React.CSSProperties} [formControlStyles] - {React.CSSProperties} Custom styles for FormControl container\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Form Input Radio Button component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputRadioButton } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputRadioButton\r\n * name=\"option1\"\r\n * label=\"Option 1\"\r\n * control={control}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\n\r\nconst FormInputRadioButton = memo(\r\n ({\r\n name,\r\n label,\r\n control,\r\n // checked = false,\r\n defaultValue = false,\r\n onChange,\r\n color,\r\n labelPlacement,\r\n ...props\r\n }: IFormInputRadioFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <RadioButtonField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? false}\r\n onChange={(checkedValue) => {\r\n field.onChange(checkedValue);\r\n onChange?.(checkedValue);\r\n }}\r\n onBlur={field.onBlur}\r\n color={color}\r\n labelPlacement={labelPlacement}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputRadioButton.displayName = \"FormInputRadioButton\";\r\n\r\nexport default FormInputRadioButton;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport RadioButtonFieldGroup from \"../FormFields/BoxFields/RadioButtonFieldGroup\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input Radio Button Group Component\r\n *\r\n * A customizable group of radio buttons built on top of Material UI RadioGroup and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible radio buttons with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, row/column layout, and standard radio behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the radio group\r\n * @param {any} [defaultValue=\"\"] - {any} Default selected value\r\n * @param {Option[]} options - {Option[]} Array of radio options\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Radio color\r\n * @param {'small'|'medium'|'large'} [size] - {'small'|'medium'|'large'} Radio size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'} [labelPlacement='end'] - {'start'|'end'} Label placement relative to each radio button\r\n * @param {boolean} [row=false] - {boolean} Row layout (horizontal) or column layout (vertical)\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {RadioProps[\"sx\"]} [radioStyles] - {RadioProps[\"sx\"]} Custom styles for individual Radio components\r\n * @param {FormControlLabelProps[\"sx\"]} [labelStyles] - {FormControlLabelProps[\"sx\"]} Custom styles for FormControlLabel components\r\n * @param {FormControlProps[\"sx\"]} [formControlStyles] - {FormControlProps[\"sx\"]} Custom styles for FormControl\r\n * @param {FormLabelProps[\"sx\"]} [formLabelStyles] - {FormLabelProps[\"sx\"]} Custom styles for FormLabel\r\n * @param {RadioGroupProps[\"sx\"]} [radioGroupStyles] - {RadioGroupProps[\"sx\"]} Custom styles for RadioGroup\r\n * @param {(value: any) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {Function} Callback fired when a radio button is clicked\r\n * @param {RadioProps[\"onFocus\"]} [onFocus] - {RadioProps[\"onFocus\"]} Callback when focused\r\n * @param {RadioProps[\"onBlur\"]} [onBlur] - {RadioProps[\"onBlur\"]} Callback when blurred\r\n * @param {(option: Option, index: number) => React.ReactNode} [renderRadio] - {Function} Custom render function for radio buttons\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n * @param {SxProps<Theme>} [sxProps] - {SxProps<Theme>} Custom styles for RadioGroup container\r\n *\r\n * @returns {JSX.Element} The Form Input Radio Button Group component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputRadioButtonGroup } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n * const options = [\r\n * { name: \"Option 1\", value: \"opt1\" },\r\n * { name: \"Option 2\", value: \"opt2\" }\r\n * ];\r\n *\r\n * return (\r\n * <FormInputRadioButtonGroup\r\n * name=\"choice\"\r\n * label=\"Select an option\"\r\n * control={control}\r\n * options={options}\r\n * row\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputRadioButtonGroup = memo(\r\n ({ name, label, control, options = [], defaultValue = \"\", onChange, ...props }: IFormInputFieldsWithOptions) => {\r\n const memoizedOptions = useMemo(() => (Array.isArray(options) ? options : []), [options]);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <RadioButtonFieldGroup\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? \"\"}\r\n onChange={(value) => {\r\n field.onChange(value);\r\n onChange?.(value);\r\n }}\r\n onBlur={field.onBlur}\r\n options={memoizedOptions}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputRadioButtonGroup.displayName = \"FormInputRadioButtonGroup\";\r\n\r\nexport default FormInputRadioButtonGroup;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport SliderField from \"../FormFields/BoxFields/SliderField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Slider Component\r\n *\r\n * A customizable slider field built on top of Material UI Slider and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible slider for range selections with support for: error handling, helper text, custom marks,\r\n * styling overrides, orientation (horizontal/vertical), and standard slider behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the slider\r\n * @param {number | number[]} [defaultValue=0] - {number | number[]} Default slider value(s)\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=true] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'horizontal'|'vertical'} [orientation='horizontal'] - {'horizontal'|'vertical'} Slider orientation\r\n * @param {number} [min=0] - {number} Minimum value\r\n * @param {number} [max=100] - {number} Maximum value\r\n * @param {number|null} [step=1] - {number|null} Step value\r\n * @param {'on'|'auto'|'off'} [valueLabelDisplay='auto'] - {'on'|'auto'|'off'} Whether to show value label\r\n * @param {React.ReactNode | ((value: number, index: number) => React.ReactNode)} [valueLabelFormat] - {React.ReactNode} Custom format for value label\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Slider color\r\n * @param {'small'|'medium'} [size] - {'small'|'medium'} Slider size\r\n * @param {boolean | SliderProps['marks']} [marks] - {boolean | SliderProps['marks']} Marks on the slider\r\n * @param {'normal'|'inverted'|false} [track='normal'] - {'normal'|'inverted'|false} Track display mode\r\n * @param {SliderProps['sx']} [sliderStyles] - {SliderProps['sx']} Custom styles for the Slider component\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {(value: number | number[]) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(value: number | number[]) => void} [onChangeCommitted] - {Function} Callback fired when value change is committed\r\n * @param {(event: SyntheticEvent) => void} [onFocus] - {Function} Callback when focused\r\n * @param {(event: SyntheticEvent) => void} [onBlur] - {Function} Callback when blurred\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Form Input Slider component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputSlider } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputSlider\r\n * name=\"volume\"\r\n * label=\"Volume\"\r\n * control={control}\r\n * min={0}\r\n * max={100}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputSlider = memo(({ name, label, control, defaultValue = 0, onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <SliderField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? defaultValue}\r\n onChange={(value) => {\r\n field.onChange(value);\r\n onChange?.(value);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n});\r\n\r\nFormInputSlider.displayName = \"FormInputSlider\";\r\n\r\nexport default FormInputSlider;\r\n","\"use client\";\r\nimport React, { memo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport SwitchField from \"../FormFields/BoxFields/SwitchField\";\r\nimport type { IFormInputFields } from \"./types\";\r\n\r\n/**\r\n * Form Input Switch Component\r\n *\r\n * A customizable switch field built on top of Material UI Switch and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a flexible switch for binary choices with support for: error handling, helper text, custom icons,\r\n * styling overrides, label placement, and standard switch behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the switch\r\n * @param {boolean} [defaultValue=false] - {boolean} Default checked state\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {'primary'|'secondary'|'success'|'error'|'info'|'warning'} [color='primary'] - {'primary'|'secondary'|'success'|'error'|'info'|'warning'} Switch color\r\n * @param {'small'|'medium'} [size] - {'small'|'medium'} Switch size\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'start'|'end'|'top'|'bottom'} [labelPlacement='end'] - {'start'|'end'|'top'|'bottom'} Label placement relative to switch\r\n * @param {'start'|'end'|false} [edge] - {'start'|'end'|false} Edge placement for the switch\r\n * @param {React.ReactNode} [checkedIcon] - {React.ReactNode} Custom icon for checked state\r\n * @param {React.ReactNode} [icon] - {React.ReactNode} Custom icon for unchecked state\r\n * @param {SwitchProps['sx']} [switchStyles] - {SwitchProps['sx']} Custom styles for the Switch component\r\n * @param {FormControlLabelProps['sx']} [labelStyles] - {FormControlLabelProps['sx']} Custom styles for FormControlLabel\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {(checked: boolean) => void} [onChange] - {Function} Optional additional callback fired when value changes\r\n * @param {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - {Function} Callback fired when clicked\r\n * @param {SwitchProps['onFocus']} [onFocus] - {Function} Callback when focused\r\n * @param {SwitchProps['onBlur']} [onBlur] - {Function} Callback when blurred\r\n * @param {Object} [slotProps] - {Object} Custom slot props\r\n * @param {Object} [slots] - {Object} Custom slots\r\n *\r\n * @returns {JSX.Element} The Form Input Switch component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputSwitch } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm();\r\n *\r\n * return (\r\n * <FormInputSwitch\r\n * name=\"notifications\"\r\n * label=\"Enable Notifications\"\r\n * control={control}\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputSwitch = memo(({ name, label, control, defaultValue = false, onChange, ...props }: IFormInputFields) => {\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <SwitchField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? false}\r\n onChange={(checked) => {\r\n field.onChange(checked);\r\n onChange?.(checked);\r\n }}\r\n onBlur={field.onBlur}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n});\r\n\r\nFormInputSwitch.displayName = \"FormInputSwitch\";\r\n\r\nexport default FormInputSwitch;\r\n","\"use client\";\r\nimport React, { memo, useMemo } from \"react\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\nimport ToggleButtonField from \"../FormFields/BoxFields/ToggleButtonField\";\r\nimport type { IFormInputFieldsWithOptions } from \"./types\";\r\n\r\n/**\r\n * Form Input Toggle Button Component\r\n *\r\n * A customizable toggle button group field built on top of Material UI ToggleButtonGroup and FormControl,\r\n * integrated with React Hook Form.\r\n *\r\n * @component\r\n * @version 2.x.x\r\n * @author call-max\r\n *\r\n * @description This component provides a group of flexible toggle buttons for single or multiple selections with support for:\r\n * error handling, helper text, custom colors per button, styling overrides, and standard toggle behaviors.\r\n * It integrates seamlessly with react-hook-form using the `Controller` component.\r\n *\r\n * @param {string} name - {string} Unique name for form identification\r\n * @param {Control<any>} control - {Control<any>} React Hook Form control object\r\n * @param {string | React.ReactNode} [label] - {string | React.ReactNode} Label text for the group\r\n * @param {any} [defaultValue=\"\"] - {any} Default selected value(s)\r\n * @param {ToggleOption[]} options - {ToggleOption[]} Array of toggle options\r\n * @param {boolean} [title=false] - {boolean} Whether to show label as title\r\n * @param {boolean} [disabled=false] - {boolean} Whether the field is disabled\r\n * @param {boolean} [fullWidth=false] - {boolean} Whether the field should take full width\r\n * @param {boolean} [required] - {boolean} Required field indicator\r\n * @param {'small'|'medium'|'large'} [size='medium'] - {'small'|'medium'|'large'} Toggle size\r\n * @param {'horizontal'|'vertical'} [orientation='horizontal'] - {'horizontal'|'vertical'} Toggle orientation\r\n * @param {boolean} [exclusive=true] - {boolean} Whether to allow only single selection\r\n * @param {ToggleButtonProps['sx']} [buttonStyles] - {ToggleButtonProps['sx']} Custom styles for individual ToggleButton components\r\n * @param {FormControlProps['sx']} [formControlStyles] - {FormControlProps['sx']} Custom styles for FormControl container\r\n * @param {FormLabelProps['sx']} [formLabelStyles] - {FormLabelProps['sx']} Custom styles for FormLabel\r\n * @param {ToggleButtonGroupProps['sx']} [groupStyles] - {ToggleButtonGroupProps['sx']} Custom styles for ToggleButtonGroup\r\n * @param {(value: any) => void} [onChange] - {(value: any) => void} Optional additional callback fired when value changes\r\n * @param {(option: ToggleOption, index: number) => React.ReactNode} [renderButton] - {Function} Custom render function for toggle buttons\r\n *\r\n * @returns {JSX.Element} The Form Input Toggle Button component\r\n *\r\n * @usage\r\n * ```tsx\r\n * import { FormInputToggleButton } from \"@react-solutions/inputs\";\r\n * import { useForm } from \"react-hook-form\";\r\n *\r\n * function MyForm() {\r\n * const { control } = useForm({\r\n * defaultValues: { status: \"ACTIVE\" }\r\n * });\r\n *\r\n * return (\r\n * <FormInputToggleButton\r\n * name=\"status\"\r\n * label=\"Status\"\r\n * control={control}\r\n * options={[\r\n * { name: \"Active\", value: \"ACTIVE\", color: \"success\" },\r\n * { name: \"Inactive\", value: \"INACTIVE\", color: \"error\" }\r\n * ]}\r\n * exclusive\r\n * />\r\n * );\r\n * }\r\n * ```\r\n *\r\n */\r\nconst FormInputToggleButton = memo(\r\n ({ name, label, control, options = [], defaultValue = \"\", onChange, ...props }: IFormInputFieldsWithOptions) => {\r\n const memoizedOptions = useMemo(() => (Array.isArray(options) ? options : []), [options]);\r\n\r\n return (\r\n <Controller\r\n name={name}\r\n control={control}\r\n defaultValue={defaultValue}\r\n render={({ field, fieldState: { error } }) => {\r\n const { size, ...restProps } = props;\r\n return (\r\n <ToggleButtonField\r\n {...restProps}\r\n name={name}\r\n label={label}\r\n value={field.value ?? defaultValue}\r\n onChange={(value) => {\r\n field.onChange(value);\r\n onChange?.(value);\r\n }}\r\n onBlur={field.onBlur}\r\n options={memoizedOptions}\r\n size={size as any}\r\n error={error}\r\n helperText={error?.message}\r\n />\r\n );\r\n }}\r\n />\r\n );\r\n }\r\n);\r\n\r\nFormInputToggleButton.displayName = \"FormInputToggleButton\";\r\n\r\nexport default FormInputToggleButton;\r\n","\"use client\";\r\n// HookFormFields Imports\r\nimport NormalForm from \"./pkg/FormBuild/Form\";\r\nimport ReactHookForm from \"./pkg/FormBuild/HookForm\";\r\nimport CheckBoxField from \"./pkg/FormFields/BoxFields/CheckBoxField\";\r\nimport CheckBoxFieldGroup from \"./pkg/FormFields/BoxFields/CheckBoxFieldGroup\";\r\nimport RadioButtonField from \"./pkg/FormFields/BoxFields/RadioButtonField\";\r\nimport RadioButtonFieldGroup from \"./pkg/FormFields/BoxFields/RadioButtonFieldGroup\";\r\nimport SliderField from \"./pkg/FormFields/BoxFields/SliderField\";\r\nimport SwitchField from \"./pkg/FormFields/BoxFields/SwitchField\";\r\nimport ToggleButtonField from \"./pkg/FormFields/BoxFields/ToggleButtonField\";\r\nimport DateCalendarField from \"./pkg/FormFields/DateFields/DateCalendarField\";\r\nimport DatePickerField from \"./pkg/FormFields/DateFields/DatePickerField\";\r\nimport TimeClockField from \"./pkg/FormFields/DateFields/TimeClockField\";\r\nimport TimePickerField from \"./pkg/FormFields/DateFields/TimePickerField\";\r\nimport AutoCompleteField from \"./pkg/FormFields/DropdownFields/AutoCompleteField\";\r\nimport ColorPickerField from \"./pkg/FormFields/DropdownFields/ColorPickerField\";\r\nimport FileUploadField from \"./pkg/FormFields/DropdownFields/FileUploadField\";\r\nimport SelectInputField from \"./pkg/FormFields/DropdownFields/SelectInputField\";\r\nimport NumberField from \"./pkg/FormFields/TextFields/NumberField\";\r\nimport OTPField from \"./pkg/FormFields/TextFields/OTPField\";\r\nimport PasswordField from \"./pkg/FormFields/TextFields/PasswordField\";\r\nimport SearchInputField from \"./pkg/FormFields/TextFields/SearchInputField\";\r\nimport TelInputField from \"./pkg/FormFields/TextFields/TelInputField\";\r\n// FormFields Imports\r\nimport TextInputField from \"./pkg/FormFields/TextFields/TextInputField\";\r\nimport {\r\n FormInputAutoComplete,\r\n FormInputCalendar,\r\n FormInputCheckBox,\r\n FormInputCheckBoxGroup,\r\n FormInputColorPicker,\r\n FormInputDatePicker,\r\n FormInputFileUpload,\r\n FormInputMultiAutoComplete,\r\n FormInputMultiSelect,\r\n FormInputNumberField,\r\n FormInputOTPField,\r\n FormInputPasswordField,\r\n FormInputRadioButtonGroup,\r\n FormInputSearchField,\r\n FormInputSelect,\r\n FormInputSingleRadio,\r\n FormInputSlider,\r\n FormInputSwitch,\r\n FormInputTelField,\r\n FormInputTextArea,\r\n FormInputTextField,\r\n FormInputTimeClock,\r\n FormInputTimePicker,\r\n FormInputToggleButton,\r\n type IFormInputCheckBoxGroupFields,\r\n type IFormInputDateFields,\r\n type IFormInputFields,\r\n type IFormInputFieldsWithOptions,\r\n type IFormInputNumberFields,\r\n type IFormInputRadioFields,\r\n type IFormInputTextAreaFields,\r\n type Option\r\n} from \"./pkg/HookFormFields\";\r\n\r\nexport { NormalForm as DemoForm, ReactHookForm as DemoHookForm };\r\n// Named Exports\r\nexport {\r\n AutoCompleteField,\r\n CheckBoxField,\r\n CheckBoxFieldGroup,\r\n ColorPickerField,\r\n DateCalendarField,\r\n DatePickerField,\r\n FileUploadField,\r\n FormInputAutoComplete,\r\n FormInputCalendar,\r\n FormInputCheckBox,\r\n FormInputCheckBoxGroup,\r\n FormInputColorPicker,\r\n FormInputDatePicker,\r\n FormInputFileUpload,\r\n FormInputMultiAutoComplete,\r\n FormInputMultiSelect,\r\n FormInputNumberField,\r\n FormInputOTPField,\r\n FormInputPasswordField,\r\n FormInputRadioButtonGroup,\r\n FormInputSearchField,\r\n FormInputSelect,\r\n FormInputSingleRadio,\r\n FormInputSlider,\r\n FormInputSwitch,\r\n FormInputTelField,\r\n FormInputTextArea,\r\n // HookFormFields\r\n FormInputTextField,\r\n FormInputTimeClock,\r\n FormInputTimePicker,\r\n FormInputToggleButton,\r\n NumberField,\r\n OTPField,\r\n PasswordField,\r\n RadioButtonField,\r\n RadioButtonFieldGroup,\r\n SearchInputField,\r\n SelectInputField,\r\n SliderField,\r\n SwitchField,\r\n TelInputField,\r\n // FormFields\r\n TextInputField,\r\n TimeClockField,\r\n TimePickerField,\r\n ToggleButtonField\r\n};\r\n\r\n// Type Exports\r\nexport type {\r\n IFormInputCheckBoxGroupFields,\r\n IFormInputDateFields,\r\n IFormInputFields,\r\n IFormInputFieldsWithOptions,\r\n IFormInputNumberFields,\r\n IFormInputRadioFields,\r\n IFormInputTextAreaFields,\r\n Option\r\n};\r\n\r\n// Default Export\r\nconst FormFields = {\r\n // HookFormFields\r\n FormInputTextField,\r\n FormInputTextArea,\r\n FormInputPasswordField,\r\n FormInputNumberField,\r\n FormInputTelField,\r\n FormInputSearchField,\r\n FormInputOTPField,\r\n FormInputSelect,\r\n FormInputMultiSelect,\r\n FormInputAutoComplete,\r\n FormInputMultiAutoComplete,\r\n FormInputColorPicker,\r\n FormInputFileUpload,\r\n FormInputDatePicker,\r\n FormInputTimePicker,\r\n FormInputTimeClock,\r\n FormInputCalendar,\r\n FormInputCheckBox,\r\n FormInputCheckBoxGroup,\r\n FormInputSwitch,\r\n FormInputSlider,\r\n FormInputSingleRadio,\r\n FormInputRadioButtonGroup,\r\n FormInputToggleButton,\r\n // FormFields\r\n TextInputField,\r\n PasswordField,\r\n NumberField,\r\n TelInputField,\r\n SearchInputField,\r\n OTPField,\r\n SelectInputField,\r\n AutoCompleteField,\r\n ColorPickerField,\r\n FileUploadField,\r\n DatePickerField,\r\n TimePickerField,\r\n TimeClockField,\r\n DateCalendarField,\r\n CheckBoxField,\r\n CheckBoxFieldGroup,\r\n RadioButtonField,\r\n RadioButtonFieldGroup,\r\n SwitchField,\r\n SliderField,\r\n ToggleButtonField\r\n};\r\n\r\nexport default FormFields;\r\n"],"mappings":"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","names":["Box","Button","Divider","Paper","Typography","useState","Checkbox","FormControl","FormControlLabel","FormHelperText","forwardRef","jsx","jsxs","CheckboxField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","indeterminate","checkboxStyles","labelStyles","formControlStyles","slotProps","slots","checkboxProps","__objRest","handleChange","_event","checked","handleClick","event","FormControl","FormControlLabel","Checkbox","__spreadProps","__spreadValues","FormHelperText","CheckBoxField_default","Box","Checkbox","FormControl","FormControlLabel","FormHelperText","FormLabel","forwardRef","jsx","jsxs","CheckboxFieldGroup","forwardRef","_a","ref","_b","name","label","value","options","onChange","onFocus","onBlur","onClick","error","helperText","disabled","fullWidth","required","color","size","labelPlacement","row","checkedIcon","icon","checkboxStyles","labelStyles","formControlStyles","renderCheckbox","slotProps","sxProps","slots","formLabelStyles","formLabelProps","formControlLabelProps","formControlProps","__objRest","handleChange","optionValue","event","isChecked","newValue","val","handleFocus","handleBlur","handleClick","defaultRenderCheckbox","option","index","handleChangeFn","FormControlLabel","__spreadValues","Checkbox","FormControl","__spreadProps","FormLabel","Box","changeHandler","FormHelperText","CheckBoxFieldGroup_default","FormControl","FormControlLabel","FormHelperText","Radio","forwardRef","jsx","jsxs","RadioButtonField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps","radioProps","__objRest","handleChange","_event","checked","handleClick","event","FormControl","FormControlLabel","__spreadValues","Radio","__spreadProps","FormHelperText","RadioButtonField_default","FormControl","FormControlLabel","FormHelperText","FormLabel","Radio","RadioGroup","forwardRef","jsx","jsxs","RadioButtonFieldGroup","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","options","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","row","checkedIcon","icon","radioStyles","labelStyles","formControlStyles","formLabelStyles","renderRadio","sxProps","slotProps","slots","formLabelProps","formControlLabelProps","radioGroupProps","__objRest","handleChange","event","newValue","numericValue","opt","handleClick","defaultRenderRadio","option","FormControlLabel","__spreadProps","__spreadValues","Radio","FormControl","FormLabel","RadioGroup","index","FormHelperText","RadioButtonFieldGroup_default","FormControl","FormHelperText","FormLabel","Slider","forwardRef","jsx","jsxs","SliderField","forwardRef","_a","ref","_b","name","label","value","onChange","onChangeCommitted","onFocus","onBlur","error","helperText","disabled","fullWidth","required","orientation","min","max","step","valueLabelDisplay","valueLabelFormat","color","size","marks","track","sliderStyles","formControlStyles","formLabelStyles","slotProps","slots","formLabelProps","sliderProps","__objRest","handleChange","_event","newValue","_activeThumb","handleChangeCommitted","isVertical","FormControl","__spreadValues","FormLabel","__spreadProps","Slider","FormHelperText","SliderField_default","FormControl","FormControlLabel","FormHelperText","Switch","forwardRef","jsx","jsxs","SwitchField","forwardRef","_a","ref","_b","name","label","value","onChange","onClick","onFocus","onBlur","error","helperText","disabled","color","size","fullWidth","required","labelPlacement","edge","switchStyles","labelStyles","formControlStyles","slotProps","slots","formControlLabelProps","switchProps","__objRest","handleChange","_event","checked","handleClick","event","switchComponent","Switch","__spreadProps","__spreadValues","FormControl","FormControlLabel","FormHelperText","SwitchField_default","FormControl","FormHelperText","FormLabel","ToggleButton","ToggleButtonGroup","forwardRef","jsx","jsxs","ToggleButtonField","forwardRef","_a","ref","_b","name","label","title","value","onChange","options","error","helperText","disabled","fullWidth","required","size","orientation","exclusive","buttonStyles","formControlStyles","formLabelStyles","groupStyles","renderButton","groupProps","__objRest","handleChange","event","newValue","defaultRenderButton","option","ToggleButton","__spreadValues","FormControl","FormLabel","ToggleButtonGroup","__spreadProps","index","FormHelperText","ToggleButtonField_default","Box","FormControl","FormHelperText","DateCalendar","LocalizationProvider","AdapterDateFns","forwardRef","jsx","jsxs","DateCalendarField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","onViewChange","onMonthChange","onYearChange","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","calendarStyles","formControlStyles","formLabelStyles","containerStyles","slotProps","slots","dateAdapter","AdapterDateFns","showDaysOutsideCurrentMonth","disablePast","disableFuture","referenceDate","view","dateCalendarProps","__objRest","handleChange","newValue","FormControl","Box","__spreadValues","LocalizationProvider","DateCalendar","__spreadProps","FormHelperText","DateCalendarField_default","ClearIcon","Box","FormControl","FormHelperText","FormLabel","IconButton","InputAdornment","DatePicker","LocalizationProvider","AdapterDateFns","React","forwardRef","useRef","jsx","jsxs","DatePickerField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onMonthChange","onYearChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minDate","maxDate","shouldDisableDate","shouldDisableMonth","shouldDisableYear","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","referenceDate","view","format","openTo","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","title","dateAdapter","AdapterDateFns","reduceAnimations","autoFocus","datePickerProps","__objRest","inputRef","useRef","handleChange","newValue","handleClear","defaultPlaceholder","mergedSlotProps","__spreadProps","__spreadValues","React","InputAdornment","IconButton","ClearIcon","FormControl","FormLabel","Box","LocalizationProvider","DatePicker","FormHelperText","DatePickerField_default","Box","Button","FormControl","FormHelperText","Stack","LocalizationProvider","TimeClock","AdapterDateFns","forwardRef","useState","jsx","jsxs","TimeClockField","forwardRef","_a","ref","_b","name","label","value","defaultValue","onChange","error","helperText","disabled","fullWidth","required","views","ampmInClock","ampm","disablePast","disableFuture","minTime","maxTime","shouldDisableTime","clockStyles","formControlStyles","formLabelStyles","containerStyles","buttonsStackStyles","buttonStyles","activeButtonStyles","showViewButtons","initialView","controlledView","controlledOnViewChange","slotProps","slots","dateAdapter","AdapterDateFns","autoFocus","timeClockProps","__objRest","internalView","setInternalView","useState","view","setView","handleChange","newValue","handleViewChange","newView","FormControl","Box","__spreadValues","Stack","v","Button","LocalizationProvider","TimeClock","__spreadProps","FormHelperText","TimeClockField_default","ClearIcon","Box","FormControl","FormHelperText","FormLabel","IconButton","InputAdornment","LocalizationProvider","TimePicker","AdapterDateFns","React","forwardRef","useRef","jsx","jsxs","TimePickerField","forwardRef","_a","ref","_b","name","label","title","value","defaultValue","onChange","onFocus","onBlur","onViewChange","onOpen","onClose","error","helperText","disabled","fullWidth","required","minTime","maxTime","shouldDisableTime","size","variant","color","placeholder","readOnly","showClearButton","disablePast","disableFuture","ampm","views","view","openTo","format","pickerStyles","formControlStyles","formLabelStyles","containerStyles","textFieldStyles","slotProps","slots","dateAdapter","AdapterDateFns","autoFocus","timePickerProps","__objRest","inputRef","useRef","handleChange","newValue","handleClear","defaultPlaceholder","mergedSlotProps","__spreadProps","__spreadValues","React","InputAdornment","IconButton","ClearIcon","FormControl","FormLabel","Box","LocalizationProvider","TimePicker","FormHelperText","TimePickerField_default","Autocomplete","FormControl","FormHelperText","TextField","forwardRef","memo","useCallback","jsx","jsxs","AutoCompleteField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onInputChange","onOpen","onClose","options","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","getOptionLabel","isOptionEqualToValue","renderOption","popupIcon","inputStyles","autocompleteStyles","formControlStyles","loading","loadingText","noOptionsText","filterOptions","autoHighlight","autoSelect","disablePortal","disableListWrap","slotProps","slots","autocompleteProps","__objRest","defaultGetOptionLabel","useCallback","option","defaultIsOptionEqualToValue","handleChange","event","newValue","reason","FormControl","Autocomplete","__spreadProps","__spreadValues","params","TextField","FormHelperText","AutoCompleteField_default","Box","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useEffect","useMemo","useRef","useState","jsx","jsxs","isValidHex","color","normalizeHex","hex","char","ColorPickerField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","fullWidth","required","format","showPreview","showNativeInput","showPopoverPicker","presetColors","showPresetColors","previewStyles","formControlStyles","inputStyles","slotProps","slots","textFieldProps","__objRest","internalValue","setInternalValue","useState","colorInputRef","useRef","popoverAnchorRef","useEffect","normalizedValue","handleChange","useCallback","event","newValue","handleColorInputChange","handlePreviewClick","handleKeyDown","previewSwatch","useMemo","jsx","InputAdornment","Box","__spreadValues","finalSlotProps","__spreadProps","displayHelperText","jsxs","FormControl","TextField","ColorPickerField_default","Clear","CloudUploadIcon","FormControl","FormHelperText","IconButton","InputAdornment","TextField","forwardRef","useRef","useState","jsx","jsxs","FileUploadField","forwardRef","_a","ref","_b","name","label","value","onChange","onFileSelect","onFileRemove","onValidationError","onDrop","error","helperText","disabled","accept","multiple","maxSize","minSize","allowedTypes","showPreview","enableDragDrop","placeholder","variant","size","color","fullWidth","required","buttonText","buttonVariant","buttonColor","buttonSize","uploadIcon","CloudUploadIcon","inputStyles","buttonStyles","formControlStyles","containerStyles","slotProps","slots","textFieldProps","__objRest","internalRef","useRef","isDragging","setIsDragging","useState","setDragCounter","fileInputRef","getFileName","validateFile","file","formatFileSize","fileType","getFileExtension","type","bytes","k","sizes","i","filename","handleFileChange","event","files","fileArray","validFiles","hasError","validationError","result","handleButtonClick","handleFileRemove","handleDragEnter","e","prev","handleDragLeave","newCounter","handleDragOver","handleDrop","fileName","displayValue","FormControl","TextField","__spreadProps","__spreadValues","InputAdornment","IconButton","Clear","FormHelperText","FileUploadField_default","FormControl","FormHelperText","InputLabel","MenuItem","Select","forwardRef","jsx","jsxs","SelectInputField","forwardRef","_a","ref","_b","name","label","value","onChange","onOpen","onClose","options","error","helperText","disabled","variant","size","color","fullWidth","required","multiple","icon","renderValue","renderMenuItem","menuItemStyles","selectStyles","formControlStyles","labelStyles","slotProps","slots","displayEmpty","autoWidth","native","MenuProps","selectProps","__objRest","defaultRenderValue","selected","val","option","opt","defaultRenderMenuItem","index","menuItemSx","MenuItem","handleChange","event","child","labelId","selectId","FormControl","InputLabel","Select","__spreadProps","__spreadValues","FormHelperText","SelectInputField_default","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useEffect","useMemo","useState","jsx","extractDigits","value","formatByPattern","digits","pattern","formatted","digitIndex","i","generatePlaceholderFromPattern","formatPhoneNumber","numbers","formatCreditCard","_a","formatCurrency","allowDecimals","parts","formatSSN","formatZipCode","formatPercentage","NumberField","memo","forwardRef","ref","_b","name","label","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","customPattern","customFormatter","min","max","step","decimalPlaces","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","displayValue","setDisplayValue","useState","isPatternString","activePatternString","activePatternType","formatValue","useCallback","inputValue","useEffect","prev","isValidInput","key","maxDigits","testValue","handleChange","event","formattedValue","digitsOnly","syntheticEvent","__spreadProps","__spreadValues","handlePaste","pastedText","limitedDigits","handleKeyDown","input","currentValue","inputProps","useMemo","startAdornmentElement","InputAdornment","endAdornmentElement","finalSlotProps","inputType","displayPlaceholder","displayHelperText","FormControl","TextField","NumberField_default","Box","FormControl","FormHelperText","TextField","forwardRef","useEffect","useRef","useState","jsx","jsxs","OTPField","forwardRef","_a","ref","_b","name","label","value","onChange","onComplete","onFocus","onBlur","onEnterPress","error","helperText","disabled","variant","size","color","fullWidth","required","length","spacing","autoFocus","autoSubmit","containerStyles","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","otpValues","setOtpValues","useState","inputRefs","useRef","lastSentValueRef","isInternalUpdateRef","otpValuesRef","inputSessionActiveRef","inputSessionTimeoutRef","useEffect","currentOtpString","currentDigits","incomingDigits","values","paddedValues","handleChange","index","event","inputValue","updateValue","lastChar","newValue","shouldAutoFocusNext","newOtpValues","otpString","val","handleKeyDown","_c","key","handlePaste","digits","startIndex","i","nextEmptyIndex","focusIndex","handleFocus","_index","handleBlur","FormControl","Box","__spreadValues","otpValue","TextField","el","e","__spreadProps","FormHelperText","OTPField_default","Visibility","VisibilityOff","FormControl","FormHelperText","IconButton","InputAdornment","TextField","forwardRef","memo","useCallback","useMemo","useState","jsx","jsxs","calculatePasswordStrength","password","strength","getPasswordStrengthColor","PasswordField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onVisibilityToggle","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showPasswordStrength","minLength","maxLength","defaultShowPassword","visibilityIcon","Visibility","visibilityOffIcon","VisibilityOff","iconButtonProps","getPasswordStrength","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","showPassword","setShowPassword","useState","togglePasswordVisibility","useCallback","prev","newVisibility","passwordStrength","useMemo","getStrengthIndicator","strengthColor","strengthText","handleChange","event","newValue","endAdornmentElement","InputAdornment","IconButton","__spreadProps","__spreadValues","e","finalSlotProps","displayHelperText","FormControl","TextField","FormHelperText","PasswordField_default","Close","Search","FormControl","IconButton","InputAdornment","TextField","forwardRef","memo","useCallback","useEffect","useMemo","useRef","jsx","jsxs","SearchField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onSearch","onClear","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","showClearButton","showSearchButton","clearIcon","searchIcon","clearButtonProps","searchButtonProps","enableDebounce","debounceDelay","enableThrottle","throttleDelay","inputStyles","formControlStyles","slotProps","slots","textFieldProps","__objRest","debounceTimerRef","useRef","throttleTimerRef","lastThrottleCallRef","useEffect","debouncedSearch","useCallback","searchVal","throttledSearch","now","timeSinceLastCall","handleChange","event","newValue","handleClear","handleSearch","handleKeyDown","endAdornment","useMemo","InputAdornment","IconButton","__spreadProps","__spreadValues","Close","Search","displayHelperText","FormControl","TextField","SearchInputField_default","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useEffect","useMemo","useRef","useState","jsx","extractDigits","value","formatByPattern","digits","pattern","formatted","digitIndex","i","generatePlaceholder","TeliField","memo","forwardRef","_a","ref","_b","name","label","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","maxLength","countryCode","showCountryCode","startAdornment","endAdornment","inputStyles","formControlStyles","countryCodeStyles","slotProps","slots","textFieldProps","__objRest","displayValue","setDisplayValue","useState","inputRef","useRef","calculatedMaxLength","useEffect","prev","cursorPosition","handleChange","useCallback","event","inputValue","limitedDigits","formattedValue","syntheticEvent","__spreadProps","__spreadValues","handlePaste","pastedText","handleKeyDown","key","isNumber","isAllowedKey","inputProps","useMemo","finalStartAdornment","InputAdornment","endAdornmentElement","finalSlotProps","displayPlaceholder","displayHelperText","FormControl","TextField","TelInputField_default","FormControl","InputAdornment","TextField","forwardRef","memo","useCallback","useMemo","jsx","TextInputField","memo","forwardRef","_a","ref","_b","name","label","value","onChange","onFocus","onBlur","onEnterPress","error","helperText","disabled","placeholder","variant","size","color","fullWidth","required","multiline","rows","minRows","maxRows","resize","maxLength","minLength","type","autoComplete","startAdornment","endAdornment","inputStyles","formControlStyles","slotProps","slots","textTransform","textFieldProps","__objRest","handleKeyDown","useCallback","event","handleChange","transformedValue","char","inputProps","useMemo","__spreadValues","startAdornmentElement","InputAdornment","endAdornmentElement","finalSlotProps","__spreadProps","finalInputStyles","displayHelperText","FormControl","TextField","TextInputField_default","jsx","jsxs","NormalForm","formData","setFormData","useState","errors","setErrors","selectOptions","checkboxOptions","radioOptions","handleChange","field","value","prev","__spreadProps","__spreadValues","newErrors","Paper","Typography","Divider","e","Box","TextInputField_default","PasswordField_default","NumberField_default","TelInputField_default","SearchInputField_default","OTPField_default","SelectInputField_default","AutoCompleteField_default","_","newValue","ColorPickerField_default","FileUploadField_default","DatePickerField_default","TimePickerField_default","CheckBoxFieldGroup_default","RadioButtonFieldGroup_default","CheckBoxField_default","RadioButtonField_default","SwitchField_default","TimeClockField_default","DateCalendarField_default","SliderField_default","ToggleButtonField_default","Button","Form_default","Box","Button","Divider","Paper","Typography","useForm","memo","Controller","jsx","FormInputNumberField","memo","_a","_b","name","label","control","pattern","min","max","step","allowDecimals","decimalPlaces","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","NumberField_default","__spreadProps","__spreadValues","e","FormInputNumberField_default","memo","Controller","jsx","FormInputOTPField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","OTPField_default","__spreadProps","__spreadValues","value","FormInputOTPField_default","memo","Controller","jsx","FormInputPasswordField","memo","_a","_b","name","label","control","size","defaultValue","onChange","props","__objRest","Controller","field","error","sizeProp","restProps","PasswordField_default","__spreadProps","__spreadValues","e","FormInputPasswordField_default","memo","Controller","jsx","FormInputSearchField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SearchInputField_default","__spreadProps","__spreadValues","e","FormInputSearchField_default","memo","Controller","jsx","FormInputTelField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TelInputField_default","__spreadProps","__spreadValues","e","FormInputTelField_default","memo","Controller","jsx","FormInputTextArea","memo","_a","_b","name","label","control","rows","minRows","maxRows","resize","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TextInputField_default","__spreadProps","__spreadValues","e","FormInputTextArea_default","memo","Controller","jsx","FormInputTextField","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TextInputField_default","__spreadProps","__spreadValues","e","FormInputTextField_default","memo","Controller","jsx","FormInputAutoComplete","memo","_a","_b","name","label","control","options","disabled","placeholder","defaultValue","onChange","props","__objRest","Controller","field","error","value","onBlur","size","restProps","AutoCompleteField_default","__spreadProps","__spreadValues","_","newValue","FormInputAutoComplete_default","memo","Controller","jsx","FormInputColorPicker","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","ColorPickerField_default","__spreadProps","__spreadValues","color","FormInputColorPicker_default","memo","useRef","Controller","jsx","FormInputFileUpload","memo","_a","_b","name","label","control","size","defaultValue","onChange","props","__objRest","fileRef","useRef","Controller","field","error","FileUploadField_default","__spreadProps","__spreadValues","files","FormInputFileUpload_default","memo","useMemo","Controller","jsx","FormInputMultiAutoComplete","memo","_a","_b","name","label","control","options","disabled","placeholder","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","value","onBlur","size","restProps","fieldValue","AutoCompleteField_default","__spreadProps","__spreadValues","_","newValue","FormInputMultiAutoComplete_default","memo","useMemo","Controller","jsx","FormInputMultiSelect","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","fieldValue","SelectInputField_default","__spreadProps","__spreadValues","e","FormInputMultiSelect_default","memo","useMemo","Controller","jsx","FormInputSelect","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","SelectInputField_default","__spreadProps","__spreadValues","e","FormInputSelect_default","Box","FormLabel","memo","Controller","jsx","jsxs","FormInputCalendar","memo","_a","_b","name","label","control","readOnly","disabled","defaultValue","onChange","props","__objRest","Box","t","FormLabel","Controller","field","error","restProps","DateCalendarField_default","__spreadProps","__spreadValues","newValue","FormInputCalendar_default","memo","Controller","jsx","FormInputDatePicker","memo","_a","_b","name","label","control","size","readOnly","shouldDisableDate","disabled","placeholder","defaultValue","onChange","props","__objRest","Controller","field","error","_views","restProps","DatePickerField_default","__spreadProps","__spreadValues","newValue","FormInputDatePicker_default","Box","FormLabel","memo","useMemo","Controller","jsx","jsxs","FormInputTimeClock","memo","_a","_b","name","label","control","readOnly","disabled","ampm","views","ampmInClock","disablePast","defaultValue","onChange","props","__objRest","ampmValue","useMemo","Box","t","FormLabel","Controller","field","error","TimeClockField_default","__spreadProps","__spreadValues","newValue","FormInputTimeClock_default","memo","Controller","jsx","FormInputTimePicker","memo","_a","_b","name","label","control","ampm","timezone","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","TimePickerField_default","__spreadProps","__spreadValues","newValue","FormInputTimePicker_default","memo","Controller","jsx","FormInputCheckBox","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","CheckBoxField_default","__spreadProps","__spreadValues","checked","FormInputCheckBox_default","memo","useMemo","Controller","jsx","FormInputCheckBoxGroup","memo","_a","_b","name","label","control","options","defaultValue","onChange","row","color","labelPlacement","props","__objRest","checkboxOptions","useMemo","option","Controller","field","error","size","restProps","fieldValue","CheckBoxFieldGroup_default","__spreadProps","__spreadValues","value","FormInputCheckBoxGroup_default","memo","Controller","jsx","FormInputRadioButton","memo","_a","_b","name","label","control","defaultValue","onChange","color","labelPlacement","props","__objRest","Controller","field","error","size","restProps","RadioButtonField_default","__spreadProps","__spreadValues","checkedValue","FormInputRadioButton_default","memo","useMemo","Controller","jsx","FormInputRadioButtonGroup","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","RadioButtonFieldGroup_default","__spreadProps","__spreadValues","value","FormInputRadioButtonGroup_default","memo","Controller","jsx","FormInputSlider","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SliderField_default","__spreadProps","__spreadValues","value","FormInputSlider_default","memo","Controller","jsx","FormInputSwitch","memo","_a","_b","name","label","control","defaultValue","onChange","props","__objRest","Controller","field","error","size","restProps","SwitchField_default","__spreadProps","__spreadValues","checked","FormInputSwitch_default","memo","useMemo","Controller","jsx","FormInputToggleButton","memo","_a","_b","name","label","control","options","defaultValue","onChange","props","__objRest","memoizedOptions","useMemo","Controller","field","error","size","restProps","ToggleButtonField_default","__spreadProps","__spreadValues","value","FormInputToggleButton_default","jsx","jsxs","size","ReactHookForm","control","handleSubmit","reset","useForm","selectOptions","checkboxOptions","radioOptions","Paper","Typography","Divider","data","Box","FormInputTextField_default","FormInputPasswordField_default","FormInputTextArea_default","FormInputNumberField_default","FormInputTelField_default","FormInputSearchField_default","FormInputOTPField_default","FormInputSelect_default","FormInputMultiSelect_default","FormInputAutoComplete_default","FormInputMultiAutoComplete_default","FormInputColorPicker_default","FormInputFileUpload_default","FormInputDatePicker_default","FormInputTimePicker_default","FormInputCheckBoxGroup_default","FormInputRadioButtonGroup_default","FormInputCheckBox_default","FormInputRadioButton_default","FormInputSwitch_default","FormInputTimeClock_default","FormInputCalendar_default","FormInputSlider_default","FormInputToggleButton_default","Button","HookForm_default","FormFields","FormInputTextField_default","FormInputTextArea_default","FormInputPasswordField_default","FormInputNumberField_default","FormInputTelField_default","FormInputSearchField_default","FormInputOTPField_default","FormInputSelect_default","FormInputMultiSelect_default","FormInputAutoComplete_default","FormInputMultiAutoComplete_default","FormInputColorPicker_default","FormInputFileUpload_default","FormInputDatePicker_default","FormInputTimePicker_default","FormInputTimeClock_default","FormInputCalendar_default","FormInputCheckBox_default","FormInputCheckBoxGroup_default","FormInputSwitch_default","FormInputSlider_default","FormInputRadioButton_default","FormInputRadioButtonGroup_default","FormInputToggleButton_default","TextInputField_default","PasswordField_default","NumberField_default","TelInputField_default","SearchInputField_default","OTPField_default","SelectInputField_default","AutoCompleteField_default","ColorPickerField_default","FileUploadField_default","DatePickerField_default","TimePickerField_default","TimeClockField_default","DateCalendarField_default","CheckBoxField_default","CheckBoxFieldGroup_default","RadioButtonField_default","RadioButtonFieldGroup_default","SwitchField_default","SliderField_default","ToggleButtonField_default","index_default"]}