mui-design-system 0.0.21 → 0.0.22

package/dist/components/input-list/components/UFDatePicker.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import CustomDatePicker from "../../custom-date-picker/CustomDatePicker";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFDatePicker = ({ form, rules, disabled, defaultValue, name, label, error, withoutHelperText, variant, inputLabelMode = 'static', props, itemProps, readonly }) => {
-    const { theme } = useFormContext();
-    return (
-    //ToDo date picker issue on grid should be resolved
-    _jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field: { onChange, name, value } }) => (_jsx(_Fragment, { children: _jsx(CustomDatePicker, { readOnly: readonly, textFieldProps: {
-                    id: name,
-                    variant: variant,
-                    ...itemProps,
-                    sx: { width: '100%' },
-                }, error: error, disabled: disabled, value: value, onChange: onChange, inputLabelMode: inputLabelMode, withoutHelperText: withoutHelperText, label: label, ...deepMerge(theme?.datePicker?.datePickerProps, props) }) })) }));
-};
-export default UFDatePicker;

package/dist/components/input-list/components/UFDatePickerMobile.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { IDatePickerMobileForm } from '../type';
-import { UseFormReturn } from 'react-hook-form';
-type Props = IDatePickerMobileForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFDatePickerMobile: FC<Props>;
-export default UFDatePickerMobile;

package/dist/components/input-list/components/UFDatePickerMobile.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CustomDatePickerMobile } from '../../index';
-const UFDatePickerMobile = (props) => {
-    return (_jsx(CustomDatePickerMobile, { ...props, defaultValue: props.form.getValues(props.name) || props.defaultValue }));
-};
-export default UFDatePickerMobile;

package/dist/components/input-list/components/UFMultiCheckbox.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { IMultiCheckboxForm } from "../type";
-type UFMultiCheckboxProps = IMultiCheckboxForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFMultiCheckbox: FC<UFMultiCheckboxProps>;
-export default UFMultiCheckbox;

package/dist/components/input-list/components/UFMultiCheckbox.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import FormControl from "@mui/material/FormControl";
-import Typography from "@mui/material/Typography";
-import { Controller } from "react-hook-form";
-import CheckboxList from "../checkbox-list/CheckboxList";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFMultiCheckbox = ({ form, error, rules, disabled, withoutHelperText, helperText, name, options, multiple, props, itemProps, }) => {
-    const { theme } = useFormContext();
-    const multiCheckboxMergedProps = deepMerge(theme?.multiCheckbox?.multiCheckboxProps, itemProps, props);
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, render: ({ field }) => (_jsxs(FormControl, { sx: { display: "flex", ...(disabled && { filter: "contrast(0.3)" }) }, children: [_jsx(CheckboxList, { multiple: multiple, options: options, ...field, ...multiCheckboxMergedProps }), !withoutHelperText && (_jsx(Typography, { sx: {
-                        height: 23,
-                        width: "max-content",
-                        color: error ? "error.4" : "text.primary",
-                    }, children: error?.message ?? helperText ?? " " }))] })) }));
-};
-export default UFMultiCheckbox;

package/dist/components/input-list/components/UFMultiSelect.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { IMultiSelectForm } from "../type";
-type Props = IMultiSelectForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFMultiSelect: FC<Props>;
-export default UFMultiSelect;

package/dist/components/input-list/components/UFMultiSelect.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-//@3rd Party
-import { Controller } from "react-hook-form";
-//----------------------------------------------------------------------------------
-//@Mui
-import Stack from "@mui/material/Stack";
-import MenuItem from "@mui/material/MenuItem";
-import InputLabel from "@mui/material/InputLabel";
-import ListItemText from "@mui/material/ListItemText";
-import FormControl from "@mui/material/FormControl";
-import Typography from "@mui/material/Typography";
-import TextField from "@mui/material/TextField";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFMultiSelect = ({ form, error, placeholder, rules, disabled, name, options, defaultValue, readonly, props, itemProps, helperText, variant = "outlined", withoutHelperText, inputLabelMode, label, }) => {
-    const { theme } = useFormContext();
-    const [optionValues, setOptionValues] = useState([]);
-    const selectedItems = (value) => options?.find((option) => option?.value === value)?.label;
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field }) => (_jsx(_Fragment, { children: _jsxs(FormControl, { fullWidth: true, children: [placeholder && (_jsx(InputLabel, { id: "simple-select-label", sx: {
-                            "&.MuiInputLabel-root[data-shrink=true]": { opacity: "0%" },
-                            "&.MuiInputLabel-root[data-shrink=false]": {
-                                opacity: "100%",
-                            },
-                        }, children: placeholder })), _jsx(TextField, { select: true, ...(inputLabelMode === "static" && { hiddenLabel: true }), ...(inputLabelMode === "relative" && { label: label }), ...field, fullWidth: true, value: optionValues, id: name, disabled: disabled, defaultValue: defaultValue, variant: variant, error: !!error, SelectProps: {
-                            multiple: true,
-                            value: optionValues,
-                            renderValue: (selected) => (_jsx(Stack, { gap: 1, height: "100%", alignItems: "center", direction: "row", flexWrap: "wrap", sx: {
-                                    ...(optionValues.includes(selected) && {
-                                        backgroundColor: "background.main",
-                                    }),
-                                }, children: _jsx(Typography, { children: selected
-                                        .map((value) => selectedItems(value))
-                                        .join(",") }) })),
-                        }, inputProps: { readOnly: readonly }, helperText: withoutHelperText
-                            ? undefined
-                            : error?.message ?? helperText ?? " ", sx: {
-                            ".MuiInputBase-root": {
-                                paddingRight: (theme) => theme.spacing(2),
-                            },
-                            // ...sx,
-                            // pointerEvents: readonly ? "none" : "unset",
-                            // backgroundColor: readonly ? "background.paper" : "unset",
-                            // "& .MuiOutlinedInput-input.MuiSelect-select": {
-                            //   backgroundColor: readonly ? "background.paper" : "unset",
-                            //   color: readonly ? "text.5" : "unset",
-                            // },
-                        }, ...deepMerge(theme?.multiSelect?.multiSelectProps, itemProps, props), children: options?.map(({ label, value }) => {
-                            return (_jsx(MenuItem, { value: value, id: label, sx: { transition: "all 0.2s" }, onClick: () => {
-                                    !optionValues.includes(value)
-                                        ? setOptionValues([value, ...optionValues])
-                                        : setOptionValues(optionValues.filter((optionValue) => optionValue !== value));
-                                }, children: _jsx(ListItemText, { primary: label, color: "red", sx: { flex: "none", mx: "4px" }, disableTypography: true }) }, value));
-                        }) })] }) })) }));
-};
-export default UFMultiSelect;

package/dist/components/input-list/components/UFRadio.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { IRadioForm } from "../type";
-import { UseFormReturn } from "react-hook-form";
-type TRadioProps = IRadioForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFRadio: FC<TRadioProps>;
-export default UFRadio;

package/dist/components/input-list/components/UFRadio.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import FormControl from "@mui/material/FormControl";
-import Typography from "@mui/material/Typography";
-import RadioGroup from "@mui/material/RadioGroup";
-import Radio from "@mui/material/Radio";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFRadio = ({ form, name, rules, disabled, defaultValue, options, error, helperText, withoutHelperText, label, labelProps, inputLabelMode, formControlLabelProps, radioProps, itemProps, radioGroupProps }) => {
-    const { theme } = useFormContext();
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field: { onChange, value } }) => (_jsxs(FormControl, { sx: { display: "block" }, children: [inputLabelMode === "relative" && (_jsx(Typography, { ...labelProps, children: label })), _jsx(RadioGroup, { row: true, "aria-labelledby": "demo-row-radio-buttons-group-label", name: "row-radio-buttons-group", onChange: onChange, value: value, sx: { gap: 5 }, ...deepMerge(theme?.radio?.radioGroupProps, radioGroupProps), children: options?.map((option) => (_jsx(FormControlLabel, { disabled: disabled, value: option.value, control: _jsx(Radio, { ...deepMerge(theme?.radio?.radioProps, itemProps, radioProps), checked: value === option.value }), label: _jsx(Typography, { fontWeight: 400, fontSize: 12, ...option.labelProp, children: option.label }), ...deepMerge(theme?.radio?.formControlLabelProps, formControlLabelProps) }, option.value))) }), !withoutHelperText && (_jsx(Typography, { sx: {
-                        display: "block",
-                        height: 23,
-                        width: "max-content",
-                        color: error ? "error.4" : "text.primary",
-                    }, children: error?.message ?? helperText ?? " " }))] })) }));
-};
-export default UFRadio;

package/dist/components/input-list/components/UFSelect.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { ISelectForm } from "../type";
-type TSelectProps = ISelectForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFSelect: FC<TSelectProps>;
-export default UFSelect;

package/dist/components/input-list/components/UFSelect.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import FormControl from "@mui/material/FormControl";
-import { TextField } from "@mui/material";
-import MenuItem from "@mui/material/MenuItem";
-import { Controller } from "react-hook-form";
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFSelect = ({ form, error, rules, disabled, name, options, defaultValue = "", readonly, props, itemProps, helperText, variant = "outlined", withoutHelperText, inputLabelMode, label, }) => {
-    const { theme } = useFormContext() || {};
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field }) => (_jsx(_Fragment, { children: _jsx(FormControl, { fullWidth: true, variant: variant, children: _jsx(TextField, { select: true, ...field, error: !!error, value: field.value, id: name, fullWidth: true, ...inputLabelMode === "static" && { hiddenLabel: true }, ...inputLabelMode === "relative" && { label: label }, disabled: disabled, defaultValue: defaultValue, variant: variant, helperText: withoutHelperText
-                        ? undefined
-                        : error?.message ?? helperText ?? " ", InputProps: { readOnly: readonly
-                    }, sx: {
-                        ".MuiInputBase-root": {
-                            paddingRight: (theme) => theme.spacing(2),
-                        },
-                    }, ...deepMerge(theme?.select?.selectProps, itemProps, props), children: options?.map((option) => (_jsx(MenuItem, { value: option.value, id: option.value, children: option.label }, option.value))) }) }) })) }));
-};
-export default UFSelect;

package/dist/components/input-list/components/UFSwitch.d.ts

@@ -1,19 +0,0 @@
-import { FC } from 'react';
-import { TypographyProps, SwitchProps } from '@mui/material';
-import { UseFormReturn } from 'react-hook-form';
-import { ISwitchForm } from '../type';
-export interface ICustomSwitchProps {
-    inputProps?: SwitchProps['inputProps'];
-    slotProps?: {
-        typography?: TypographyProps;
-    };
-    switchProps?: SwitchProps;
-    checkedSvgIcon: string;
-    unCheckedSvgIcon: string;
-}
-type Props = ISwitchForm & {
-    form: UseFormReturn<any>;
-    error?: any;
-};
-declare const UFSwitch: FC<Props>;
-export default UFSwitch;

package/dist/components/input-list/components/UFSwitch.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Switch } from '@mui/material';
-import { Controller } from 'react-hook-form';
-import FormControl from '@mui/material/FormControl';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Typography from '@mui/material/Typography';
-const UFSwitch = ({ form, name, label, rules, disabled, error, defaultValue, helperText, withoutHelperText, props, }) => {
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue, render: ({ field: { onChange, name, value = false } }) => (_jsxs(FormControl, { sx: {
-                display: 'flex',
-                ...(disabled && { filter: 'contrast(0.3)' }),
-            }, children: [_jsx(FormControlLabel, { slotProps: {
-                        typography: {
-                            variant: 'caption3',
-                            ...props?.slotProps?.typography,
-                        },
-                    }, control: _jsx(Switch, { disableRipple: true, checked: value, onChange: (e) => {
-                            return onChange(e.target.checked);
-                        }, disabled: disabled, name: name, sx: {
-                            width: 48,
-                            height: 24,
-                            padding: 0,
-                            margin: 0,
-                            overflow: 'hidden',
-                            '& .MuiSwitch-switchBase': {
-                                padding: 0,
-                                margin: 0.5,
-                                '&:hover': {
-                                    boxShadow: 'none',
-                                },
-                                '&.Mui-checked': {
-                                    transform: 'translateX(24px)',
-                                    '& .MuiSwitch-thumb': {
-                                        backgroundColor: 'primary.6',
-                                        // borderColor: '#005BD3',
-                                        width: 20,
-                                        height: 20,
-                                        '&::before': {
-                                            content: "''",
-                                            position: 'absolute',
-                                            width: 20,
-                                            height: 20,
-                                            borderRadius: '100%',
-                                            left: '50%',
-                                            top: '50%',
-                                            transform: 'translate(-50%,-50%)',
-                                            backgroundRepeat: 'no-repeat',
-                                            backgroundPosition: 'center',
-                                            backgroundImage: `url(${props?.checkedSvgIcon})`,
-                                            backgroundSize: 'auto',
-                                        },
-                                    },
-                                    '& + .MuiSwitch-track': {
-                                        opacity: 1,
-                                        border: '1px solid',
-                                        borderColor: 'primary.6',
-                                        padding: 0.5,
-                                        backgroundColor: 'primary.3',
-                                        height: 'auto',
-                                        borderRadius: 20 / 2,
-                                    },
-                                },
-                            },
-                            '& .MuiSwitch-thumb': {
-                                border: 0,
-                                // borderColor: 'grey.11',
-                                backgroundColor: 'grey.11',
-                                width: 20,
-                                height: 20,
-                                '&::before': {
-                                    content: "''",
-                                    position: 'absolute',
-                                    backgroundRepeat: 'no-repeat',
-                                    backgroundPosition: 'center',
-                                    backgroundImage: `url(${props?.unCheckedSvgIcon})`,
-                                    backgroundSize: 'auto',
-                                    width: 20,
-                                    height: 20,
-                                    borderRadius: '100%',
-                                    top: '50%',
-                                    left: '50%',
-                                    right: 'unset',
-                                    transform: 'translate(-50%,-50%)',
-                                },
-                            },
-                            '& .MuiSwitch-track': {
-                                opacity: 1,
-                                border: '1px solid',
-                                borderColor: 'grey.11',
-                                padding: 0.5,
-                                backgroundColor: 'grey.7',
-                                height: 'auto',
-                            },
-                        }, inputProps: props?.inputProps, ...props?.switchProps }), label: label }), !withoutHelperText && (_jsx(Typography, { variant: 'caption3', sx: {
-                        height: 23,
-                        width: 'max-content',
-                        color: error ? 'error.4' : 'text.primary',
-                    }, children: error?.message ?? helperText ?? ' ' }))] })) }));
-};
-export default UFSwitch;

package/dist/components/input-list/components/UFTextArea.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ITextAreaForm } from '../type';
-import { UseFormReturn } from 'react-hook-form';
-type Props = ITextAreaForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFTextArea: FC<Props>;
-export default UFTextArea;

package/dist/components/input-list/components/UFTextArea.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Controller } from 'react-hook-form';
-import TextField from '@mui/material/TextField';
-import { useFormContext } from "../../../context/FormContext";
-import { deepMerge } from "../../../methods/general";
-const UFTextArea = ({ form, name, type, defaultValue, rules, readonly, disabled, placeholder, error, props, helperText, variant = 'outlined', withoutHelperText, inputLabelMode, label, }) => {
-    const { theme } = useFormContext() || {};
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue || '', render: ({ field: { name, value } }) => (_jsx(TextField, { ...form?.register(name, {
-                ...rules,
-            }), type: type, value: value, ...(inputLabelMode === 'static' && { hiddenLabel: true }), ...(inputLabelMode === 'relative' && { label: label }), fullWidth: true, multiline: true, rows: 3, id: name, error: !!error, placeholder: placeholder, helperText: withoutHelperText ? undefined : error?.message ?? helperText ?? ' ', "aria-readonly": readonly, disabled: disabled, variant: variant, inputProps: { readOnly: readonly }, ...deepMerge(theme?.textArea?.textAreaProps, props) })) }));
-};
-export default UFTextArea;

package/dist/components/input-list/components/UFTextField.d.ts

@@ -1,11 +0,0 @@
-import { FC } from "react";
-import { UseFormReturn } from "react-hook-form";
-import { ITextFieldForm } from "../type";
-type Props = ITextFieldForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-export declare const p2e: (s: string) => boolean;
-export declare const checkIfNumber: (value: string) => boolean;
-declare const UFTextField: FC<Props>;
-export default UFTextField;

package/dist/components/input-list/components/UFTextField.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import TextField from "@mui/material/TextField";
-import { useFormContext } from '../../../context/FormContext';
-import { deepMerge } from '../../../methods/general';
-export const p2e = (s) => /^[0-9 | \u06F0-\u06F9\s][.\d | \u06F0-\u06F9\s]*(,\d+)?$/g.test(s);
-export const checkIfNumber = (value) => {
-    const charLength = value.length;
-    return !charLength || p2e(value);
-};
-const UFTextField = ({ form, name, type = 'text', defaultValue, label, rules, readonly, disabled, placeholder, error, itemProps, props, helperText, variant = "outlined", withoutHelperText, inputLabelMode, }) => {
-    const { theme } = useFormContext();
-    const themeProp = theme?.[type];
-    const textFieldMergedProps = deepMerge(themeProp, itemProps, props);
-    const handleKeyDown = (e, onChange) => {
-        const value = e?.target?.value;
-        if (type === "number" &&
-            !checkIfNumber(value)) {
-            e.preventDefault();
-        }
-        else {
-            onChange(value);
-        }
-    };
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, defaultValue: defaultValue || "", render: ({ field }) => (_jsx(TextField, { ...form?.register(name, {
-                ...rules,
-            }), ...(inputLabelMode === "static" && { hiddenLabel: true }), ...(inputLabelMode === "relative" && { label: label }), value: field.value, variant: variant, type: type === "number" ? "text" : type, fullWidth: true, id: name, error: !!error, placeholder: placeholder, onChange: (e) => handleKeyDown(e, field.onChange), helperText: withoutHelperText ? undefined : error?.message ?? helperText ?? " ", "aria-readonly": readonly, disabled: disabled, inputProps: { readOnly: readonly }, ...textFieldMergedProps })) }));
-};
-export default UFTextField;

package/dist/components/input-list/components/UFTime.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { UseFormReturn } from 'react-hook-form';
-import { ITimeForm } from '../type';
-type Props = ITimeForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-export declare const convertTimeToDate: (time: string, defaultDate?: Date) => Date;
-declare const UFTime: FC<Props>;
-export default UFTime;

package/dist/components/input-list/components/UFTime.js

@@ -1,93 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controller, } from 'react-hook-form';
-import Box from '@mui/material/Box';
-import { Stack, TextField, Typography } from '@mui/material';
-import { deepMerge } from "../../../methods/general";
-export const convertTimeToDate = (time, defaultDate = new Date()) => {
-    // Split the time string into hours and minutes
-    const [hours = 0, minutes = 0] = time ? time?.split(':').map(Number) : [];
-    // Clone the defaultDate to avoid modifying it
-    const resultDate = new Date(defaultDate);
-    // Set the time on the cloned date
-    resultDate.setHours(hours, minutes, 0, 0);
-    return resultDate;
-};
-const UFTime = ({ form, name, defaultValue, label, rules, readonly, disabled, placeholder, error, helperText, variant = 'outlined', withoutHelperText, inputLabelMode, props, hourProp, minuteProp, itemProps }) => {
-    const validateTime = (value) => {
-        if (!value)
-            return true;
-        const [hours, minutes] = value ? value.split(':') : [];
-        return (/^\d{1,2}$/.test(hours) &&
-            +hours >= 0 &&
-            +hours <= 23 &&
-            /^\d{1,2}$/.test(minutes) &&
-            +minutes >= 0 &&
-            +minutes <= 59);
-    };
-    return (_jsx(Controller, { name: name, control: form.control, defaultValue: defaultValue, rules: { validate: validateTime, ...rules }, render: ({ field, fieldState }) => {
-            const { value, onChange } = field;
-            const [hours, minutes] = value ? value?.split(':') : [];
-            const handleSelectAll = (e) => {
-                e?.target?.select();
-            };
-            const handleHoursChange = (e) => {
-                const newHours = e.target.value;
-                if (/^\d{1,2}$/.test(newHours)) {
-                    const clampedHours = Math.min(23, Math.max(0, +newHours)); // Ensure 0–23 range
-                    onChange(`${clampedHours}:${minutes?.padStart(2, '0') || "00"}`);
-                }
-            };
-            const handleMinutesChange = (e) => {
-                const newMinutes = e.target.value;
-                if (/^\d{1,2}$/.test(newMinutes)) {
-                    const clampedMinutes = Math.min(59, Math.max(0, +newMinutes)); // Ensure 0–59 range
-                    onChange(`${hours?.padStart(2, '0') || "00"}:${clampedMinutes}`);
-                }
-            };
-            const handleBlur = (value) => {
-                const numericValue = parseInt(value, 10);
-                if (!value)
-                    return '00';
-                if (!isNaN(numericValue) && numericValue < 10) {
-                    return `0${numericValue}`;
-                }
-                return value;
-            };
-            const mergedHourProps = deepMerge(itemProps, props, hourProp);
-            const mergedMinuteProps = deepMerge(itemProps, props, minuteProp);
-            return (_jsxs(Stack, { children: [_jsxs(Box, { display: 'flex', alignItems: 'center', gap: 1, style: { direction: "ltr" }, justifyContent: 'end', children: [_jsx(TextField, { defaultValue: '00', value: hours, onClick: handleSelectAll, onChange: handleHoursChange, onBlur: () => {
-                                    const updatedHours = handleBlur(hours);
-                                    onChange(`${updatedHours}:${minutes || "00"}`);
-                                }, ...(inputLabelMode === 'static' && { hiddenLabel: true }), ...(inputLabelMode === 'relative' && { label: label }), variant: variant, fullWidth: true, id: name, error: !!error, placeholder: placeholder, "aria-readonly": readonly, disabled: disabled, ...mergedHourProps, sx: {
-                                    width: mergedHourProps.size === "small" ? 40 : 50,
-                                    '& .MuiInputBase-root.MuiOutlinedInput-root': {
-                                        minWidth: 'auto',
-                                        padding: 2.5,
-                                        justifyContent: 'center',
-                                    },
-                                    ...mergedHourProps.sx
-                                }, inputProps: {
-                                    readOnly: readonly,
-                                    inputMode: 'numeric',
-                                    style: { padding: 0, textAlign: 'center' },
-                                    ...mergedHourProps.inputProps,
-                                } }), _jsx("span", { children: ":" }), _jsx(TextField, { defaultValue: '00', value: minutes, onClick: handleSelectAll, onChange: handleMinutesChange, onBlur: () => {
-                                    const updatedMinutes = handleBlur(minutes);
-                                    onChange(`${hours || '00'}:${updatedMinutes}`);
-                                }, ...(inputLabelMode === 'static' && { hiddenLabel: true }), ...(inputLabelMode === 'relative' && { label: label }), variant: variant, fullWidth: true, id: name, error: !!error, placeholder: placeholder, "aria-readonly": readonly, disabled: disabled, ...mergedMinuteProps, sx: {
-                                    width: mergedMinuteProps.size === "small" ? 40 : 50,
-                                    '& .MuiInputBase-root.MuiOutlinedInput-root': {
-                                        minWidth: 'auto',
-                                        padding: 2.5,
-                                        justifyContent: 'center',
-                                    },
-                                    ...mergedMinuteProps.sx
-                                }, inputProps: {
-                                    readOnly: readonly,
-                                    inputMode: 'numeric',
-                                    style: { padding: 0, textAlign: 'center' },
-                                    ...mergedMinuteProps.inputProps,
-                                } })] }), !withoutHelperText && (_jsx(Typography, { variant: 'caption3', color: 'error.4', height: 21, children: error?.message || helperText }))] }));
-        } }));
-};
-export default UFTime;

package/dist/components/input-list/components/UFUploader.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-import { IUploaderForm } from "../type";
-import { UseFormReturn } from "react-hook-form";
-type UFUploaderProps = IUploaderForm & {
-    form: UseFormReturn<any>;
-    error: any;
-};
-declare const UFUploader: FC<UFUploaderProps>;
-export default UFUploader;

package/dist/components/input-list/components/UFUploader.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controller } from "react-hook-form";
-import FormControl from "@mui/material/FormControl";
-import Typography from "@mui/material/Typography";
-import CustomUploader from "../../custom-uploader/CustomUploader";
-import Box from "@mui/material/Box";
-import { useFormContext } from '../../../context/FormContext';
-import { deepMerge } from '../../../methods/general';
-const UFUploader = ({ form, error, itemProps, props, rules, disabled, multiple, name, withoutHelperText, helperText, onDelete, }) => {
-    const { theme } = useFormContext();
-    const uploaderMergedProps = deepMerge(theme?.uploader?.uploaderProps, itemProps, props);
-    const handleChange = (addedFiles) => {
-        const files = form.getValues(name)?.files || [];
-        const previews = form.getValues(name)?.preview || [];
-        for (let i = 0; i < addedFiles.length; i++) {
-            const file = addedFiles[i];
-            if (!files || files?.findIndex(f => f.name === file.name) < 0) {
-                files?.push(file);
-                previews.push(URL.createObjectURL(file));
-            }
-        }
-        form.setValue(name, {
-            files: Array.from(files),
-            preview: previews,
-        });
-    };
-    const handleDelete = (index) => {
-        console.log('index', index);
-        const files = form.getValues(name)?.files;
-        const preview = form.getValues(name)?.preview;
-        const newFiles = files?.filter((_, i) => i !== index);
-        const newPreview = preview?.filter((_, i) => i !== index);
-        form.setValue(name, { files: newFiles, preview: newPreview });
-    };
-    return (_jsx(Controller, { control: form?.control, name: name, rules: { ...rules }, render: ({ field: { name, value, onBlur } }) => (_jsxs(FormControl, { sx: { display: "flex", ...(disabled && { filter: "contrast(0.3)" }) }, children: [_jsxs(Box, { display: "flex", gap: 2, children: [(multiple || !value?.files?.length) && (_jsx(CustomUploader, { multiple: multiple, ...uploaderMergedProps, inputProps: { name, disabled, onBlur }, onChange: handleChange })), value?.preview?.map((preview, i) => (_jsx(CustomUploader, { multiple: multiple, ...uploaderMergedProps, link: preview, inputProps: { name, disabled, onBlur }, onChange: handleChange, onDeleteDocument: onDelete ? () => onDelete(i) : () => handleDelete(i) })))] }), !withoutHelperText && (_jsx(Typography, { sx: {
-                        height: 23,
-                        width: "max-content",
-                        color: error ? "error.4" : "text.primary",
-                    }, children: error?.message ?? helperText ?? " " }))] })) }));
-};
-export default UFUploader;