npm - @undefine-ui/design-system - Versions diffs - 2.15.0 → 3.0.0 - Mend

@undefine-ui/design-system 2.15.0 → 3.0.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

package/dist/index.d.cts CHANGED Viewed

@@ -11,6 +11,9 @@ import { SvgIconProps } from '@mui/material/SvgIcon';
 import { DataGridProps } from '@mui/x-data-grid';
 import { DropzoneOptions } from 'react-dropzone';
 import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
+import { TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers/TimePicker';
+import { DateTimePickerProps as DateTimePickerProps$1 } from '@mui/x-date-pickers/DateTimePicker';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { FormGroupProps } from '@mui/material/FormGroup';
@@ -1106,17 +1109,37 @@ declare const Eye: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Copy: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const User: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Bank: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Plus: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Trash: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const XMark: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Clock: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Loader: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const SortUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Search: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Circle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const SortDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Settings: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const UserFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Download: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Building: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const UserSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1124,9 +1147,15 @@ declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element
 declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Attachment: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const HelpCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const PlusSquare: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const UserOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const RadioSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1142,46 +1171,62 @@ declare const ClipboardCheck: (props: SvgIconProps) => react_jsx_runtime.JSX.Ele
 declare const CheckboxSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const InfoCircleFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const CheckboxDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const CheckCircleSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const BellNotification: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const InfoCircleOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const NavArrowDownSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const LongArrowUpLeftSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const CheckboxIndeterminate: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Icons_Attachment: typeof Attachment;
+declare const Icons_Bank: typeof Bank;
 declare const Icons_BellNotification: typeof BellNotification;
+declare const Icons_Building: typeof Building;
+declare const Icons_Calendar: typeof Calendar;
+declare const Icons_CheckCircleSolid: typeof CheckCircleSolid;
 declare const Icons_CheckboxDefault: typeof CheckboxDefault;
 declare const Icons_CheckboxIndeterminate: typeof CheckboxIndeterminate;
 declare const Icons_CheckboxSelect: typeof CheckboxSelect;
+declare const Icons_Circle: typeof Circle;
 declare const Icons_ClipboardCheck: typeof ClipboardCheck;
+declare const Icons_Clock: typeof Clock;
 declare const Icons_CloudUpload: typeof CloudUpload;
 declare const Icons_Copy: typeof Copy;
+declare const Icons_Download: typeof Download;
 declare const Icons_Eye: typeof Eye;
 declare const Icons_EyeClosed: typeof EyeClosed;
-declare const Icons_InfoCircleFill: typeof InfoCircleFill;
-declare const Icons_InfoCircleOutline: typeof InfoCircleOutline;
+declare const Icons_HelpCircle: typeof HelpCircle;
+declare const Icons_InfoCircle: typeof InfoCircle;
+declare const Icons_InfoCircleSolid: typeof InfoCircleSolid;
 declare const Icons_KeyCommand: typeof KeyCommand;
 declare const Icons_Loader: typeof Loader;
 declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
 declare const Icons_NavArrowDown: typeof NavArrowDown;
+declare const Icons_NavArrowDownSolid: typeof NavArrowDownSolid;
 declare const Icons_NavArrowLeft: typeof NavArrowLeft;
 declare const Icons_NavArrowRight: typeof NavArrowRight;
+declare const Icons_Plus: typeof Plus;
+declare const Icons_PlusSquare: typeof PlusSquare;
 declare const Icons_RadioDefault: typeof RadioDefault;
 declare const Icons_RadioSelect: typeof RadioSelect;
 declare const Icons_Search: typeof Search;
 declare const Icons_Settings: typeof Settings;
+declare const Icons_SortDown: typeof SortDown;
+declare const Icons_SortUp: typeof SortUp;
 declare const Icons_Trash: typeof Trash;
-declare const Icons_UserFill: typeof UserFill;
-declare const Icons_UserOutline: typeof UserOutline;
+declare const Icons_User: typeof User;
+declare const Icons_UserSolid: typeof UserSolid;
 declare const Icons_XMark: typeof XMark;
 declare const Icons_XMarkSolid: typeof XMarkSolid;
 declare namespace Icons {
-  export { Icons_BellNotification as BellNotification, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
+  export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
 }
 type IconType = keyof typeof Icons;
@@ -1325,6 +1370,40 @@ interface FormProps<T extends FieldValues> extends Omit<BoxProps, 'onSubmit'> {
 }
 declare const Form: <T extends FieldValues>({ children, onSubmit, methods, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Type definitions for date picker components with clearable option.
+ */
+type DatePickerProps = DatePickerProps$1 & {
+    clearable?: boolean;
+};
+type TimePickerProps = TimePickerProps$1 & {
+    clearable?: boolean;
+};
+type DateTimePickerProps = DateTimePickerProps$1 & {
+    clearable?: boolean;
+};
+interface RHFDatePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFDatePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDatePickerProps) => react_jsx_runtime.JSX.Element>;
+interface RHFTimePickerProps extends Omit<TimePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFTimePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFTimePickerProps) => react_jsx_runtime.JSX.Element>;
+interface RHFDateTimePickerProps extends Omit<DateTimePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFDateTimePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
 interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
     name: string;
     label?: string;
@@ -1424,6 +1503,9 @@ declare const Field: {
     Checkbox: ({ name, description, helperText, label, sx, slotProps, ...other }: RHFCheckboxProps) => react_jsx_runtime.JSX.Element;
     Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
     MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
+    Date: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDatePickerProps) => react_jsx_runtime.JSX.Element>;
+    Time: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFTimePickerProps) => react_jsx_runtime.JSX.Element>;
+    DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
 };
 type RHFSwitchProps = Omit<FormControlLabelProps, 'name' | 'control'> & {
@@ -2010,4 +2092,4 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: ({ children }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
-export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
+export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, Table, TablePagination, ThemeProvider, type TimePickerProps, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };

package/dist/index.d.ts CHANGED Viewed

@@ -11,6 +11,9 @@ import { SvgIconProps } from '@mui/material/SvgIcon';
 import { DataGridProps } from '@mui/x-data-grid';
 import { DropzoneOptions } from 'react-dropzone';
 import { FieldValues, UseFormReturn, SubmitHandler } from 'react-hook-form';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
+import { TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers/TimePicker';
+import { DateTimePickerProps as DateTimePickerProps$1 } from '@mui/x-date-pickers/DateTimePicker';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { FormGroupProps } from '@mui/material/FormGroup';
@@ -1106,17 +1109,37 @@ declare const Eye: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Copy: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const User: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Bank: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Plus: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Trash: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const XMark: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Clock: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Loader: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const SortUp: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Search: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Circle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const SortDown: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const Settings: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const UserFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Download: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Building: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const UserSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const EyeClosed: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1124,9 +1147,15 @@ declare const KeyCommand: (props: SvgIconProps) => react_jsx_runtime.JSX.Element
 declare const XMarkSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Attachment: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const HelpCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const PlusSquare: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircle: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const UserOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const CloudUpload: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const RadioSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -1142,46 +1171,62 @@ declare const ClipboardCheck: (props: SvgIconProps) => react_jsx_runtime.JSX.Ele
 declare const CheckboxSelect: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const InfoCircleFill: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const CheckboxDefault: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const CheckCircleSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const BellNotification: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
-declare const InfoCircleOutline: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const NavArrowDownSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const LongArrowUpLeftSolid: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const CheckboxIndeterminate: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+declare const Icons_Attachment: typeof Attachment;
+declare const Icons_Bank: typeof Bank;
 declare const Icons_BellNotification: typeof BellNotification;
+declare const Icons_Building: typeof Building;
+declare const Icons_Calendar: typeof Calendar;
+declare const Icons_CheckCircleSolid: typeof CheckCircleSolid;
 declare const Icons_CheckboxDefault: typeof CheckboxDefault;
 declare const Icons_CheckboxIndeterminate: typeof CheckboxIndeterminate;
 declare const Icons_CheckboxSelect: typeof CheckboxSelect;
+declare const Icons_Circle: typeof Circle;
 declare const Icons_ClipboardCheck: typeof ClipboardCheck;
+declare const Icons_Clock: typeof Clock;
 declare const Icons_CloudUpload: typeof CloudUpload;
 declare const Icons_Copy: typeof Copy;
+declare const Icons_Download: typeof Download;
 declare const Icons_Eye: typeof Eye;
 declare const Icons_EyeClosed: typeof EyeClosed;
-declare const Icons_InfoCircleFill: typeof InfoCircleFill;
-declare const Icons_InfoCircleOutline: typeof InfoCircleOutline;
+declare const Icons_HelpCircle: typeof HelpCircle;
+declare const Icons_InfoCircle: typeof InfoCircle;
+declare const Icons_InfoCircleSolid: typeof InfoCircleSolid;
 declare const Icons_KeyCommand: typeof KeyCommand;
 declare const Icons_Loader: typeof Loader;
 declare const Icons_LongArrowUpLeftSolid: typeof LongArrowUpLeftSolid;
 declare const Icons_NavArrowDown: typeof NavArrowDown;
+declare const Icons_NavArrowDownSolid: typeof NavArrowDownSolid;
 declare const Icons_NavArrowLeft: typeof NavArrowLeft;
 declare const Icons_NavArrowRight: typeof NavArrowRight;
+declare const Icons_Plus: typeof Plus;
+declare const Icons_PlusSquare: typeof PlusSquare;
 declare const Icons_RadioDefault: typeof RadioDefault;
 declare const Icons_RadioSelect: typeof RadioSelect;
 declare const Icons_Search: typeof Search;
 declare const Icons_Settings: typeof Settings;
+declare const Icons_SortDown: typeof SortDown;
+declare const Icons_SortUp: typeof SortUp;
 declare const Icons_Trash: typeof Trash;
-declare const Icons_UserFill: typeof UserFill;
-declare const Icons_UserOutline: typeof UserOutline;
+declare const Icons_User: typeof User;
+declare const Icons_UserSolid: typeof UserSolid;
 declare const Icons_XMark: typeof XMark;
 declare const Icons_XMarkSolid: typeof XMarkSolid;
 declare namespace Icons {
-  export { Icons_BellNotification as BellNotification, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_ClipboardCheck as ClipboardCheck, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_InfoCircleFill as InfoCircleFill, Icons_InfoCircleOutline as InfoCircleOutline, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_Trash as Trash, Icons_UserFill as UserFill, Icons_UserOutline as UserOutline, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
+  export { Icons_Attachment as Attachment, Icons_Bank as Bank, Icons_BellNotification as BellNotification, Icons_Building as Building, Icons_Calendar as Calendar, Icons_CheckCircleSolid as CheckCircleSolid, Icons_CheckboxDefault as CheckboxDefault, Icons_CheckboxIndeterminate as CheckboxIndeterminate, Icons_CheckboxSelect as CheckboxSelect, Icons_Circle as Circle, Icons_ClipboardCheck as ClipboardCheck, Icons_Clock as Clock, Icons_CloudUpload as CloudUpload, Icons_Copy as Copy, Icons_Download as Download, Icons_Eye as Eye, Icons_EyeClosed as EyeClosed, Icons_HelpCircle as HelpCircle, Icons_InfoCircle as InfoCircle, Icons_InfoCircleSolid as InfoCircleSolid, Icons_KeyCommand as KeyCommand, Icons_Loader as Loader, Icons_LongArrowUpLeftSolid as LongArrowUpLeftSolid, Icons_NavArrowDown as NavArrowDown, Icons_NavArrowDownSolid as NavArrowDownSolid, Icons_NavArrowLeft as NavArrowLeft, Icons_NavArrowRight as NavArrowRight, Icons_Plus as Plus, Icons_PlusSquare as PlusSquare, Icons_RadioDefault as RadioDefault, Icons_RadioSelect as RadioSelect, Icons_Search as Search, Icons_Settings as Settings, Icons_SortDown as SortDown, Icons_SortUp as SortUp, Icons_Trash as Trash, Icons_User as User, Icons_UserSolid as UserSolid, Icons_XMark as XMark, Icons_XMarkSolid as XMarkSolid };
 }
 type IconType = keyof typeof Icons;
@@ -1325,6 +1370,40 @@ interface FormProps<T extends FieldValues> extends Omit<BoxProps, 'onSubmit'> {
 }
 declare const Form: <T extends FieldValues>({ children, onSubmit, methods, ...rest }: FormProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Type definitions for date picker components with clearable option.
+ */
+type DatePickerProps = DatePickerProps$1 & {
+    clearable?: boolean;
+};
+type TimePickerProps = TimePickerProps$1 & {
+    clearable?: boolean;
+};
+type DateTimePickerProps = DateTimePickerProps$1 & {
+    clearable?: boolean;
+};
+interface RHFDatePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFDatePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDatePickerProps) => react_jsx_runtime.JSX.Element>;
+interface RHFTimePickerProps extends Omit<TimePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFTimePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFTimePickerProps) => react_jsx_runtime.JSX.Element>;
+interface RHFDateTimePickerProps extends Omit<DateTimePickerProps, 'value' | 'onChange'> {
+    /** Form field name for react-hook-form */
+    name: string;
+    /** Optional helper text displayed below the input */
+    helperText?: string;
+}
+declare const RHFDateTimePicker: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
 interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
     name: string;
     label?: string;
@@ -1424,6 +1503,9 @@ declare const Field: {
     Checkbox: ({ name, description, helperText, label, sx, slotProps, ...other }: RHFCheckboxProps) => react_jsx_runtime.JSX.Element;
     Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
     MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
+    Date: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDatePickerProps) => react_jsx_runtime.JSX.Element>;
+    Time: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFTimePickerProps) => react_jsx_runtime.JSX.Element>;
+    DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
 };
 type RHFSwitchProps = Omit<FormControlLabelProps, 'name' | 'control'> & {
@@ -2010,4 +2092,4 @@ type ThemeProviderProps = {
 };
 declare const ThemeProvider: ({ children }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
-export { AnimatedLogo, BellNotification, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, ClipboardCheck, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircleFill, InfoCircleOutline, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SplashScreen, Table, TablePagination, ThemeProvider, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, UserFill, UserOutline, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };
+export { AnimatedLogo, Attachment, Bank, BellNotification, Building, Calendar, CheckCircleSolid, CheckboxDefault, CheckboxIndeterminate, CheckboxSelect, Circle, ClipboardCheck, Clock, CloudUpload, type ColorSchema, Copy, CopyButton, type CustomShadowOptions, type CustomSpacingOptions, type DatePickerProps, type DateTimePickerProps, Download, EmptyContent, type EmptyContentProps, Eye, EyeClosed, Field, Form, HelpCircle, Icon, type IconProps, type IconType, Image, type ImageProps, type ImageStatus, InfoCircle, InfoCircleSolid, KeyCommand, Loader, LoadingScreen, LocalStorageAvailable, LocalStorageGetItem, Logo, LongArrowUpLeftSolid, NavArrowDown, NavArrowDownSolid, NavArrowLeft, NavArrowRight, OTPInput, type OTPInputProps, Plus, PlusSquare, RHFAutocomplete, type RHFAutocompleteProps, RHFCheckbox, type RHFCheckboxProps, RHFDatePicker, type RHFDatePickerProps, RHFDateTimePicker, type RHFDateTimePickerProps, RHFMultiCheckbox, type RHFMultiCheckboxOption, type RHFMultiCheckboxProps, RHFMultiSwitch, RHFOTPInput, type RHFOTPInputProps, RHFRadioGroup, type RHFRadioGroupProps, RHFSwitch, RHFTextField, RHFTimePicker, type RHFTimePickerProps, RHFUpload, type RHFUploadProps, RadioDefault, RadioSelect, type RadiusOptions, STORAGE_KEY, Search, Settings, SettingsConsumer, SettingsContext, type SettingsContextProps, SettingsProvider, type SettingsValueProps, SortDown, SortUp, SplashScreen, Table, TablePagination, ThemeProvider, type TimePickerProps, Trash, Upload, type UploadProps, type UseBooleanReturnType, type UseSetStateReturnType, User, UserSolid, XMark, XMarkSolid, action, background, baseAction, basePalette, bgBlur, bgGradient, border, borderGradient, breakpoints, colorSchemes, common, components, createPaletteChannel, createShadowColor, createTheme, customShadows, customSpacing, darkPalette, defaultSettings, error, fCurrency, fData, fNumber, fPercent, fShortenNumber, formatFullname, getCurrencySymbol, getInitials, getStorage, grey, hexToRgbChannel, hideScrollX, hideScrollY, icon, iconClasses, info, isEqual, lightPalette, maxLine, mediaQueries, menuItem, neutral, orderBy, paper, paramCase, primary, primaryFont, pxToRem, radius, remToPx, removeStorage, responsiveFontSizes, schemeConfig, secondary, secondaryFont, sentenceCase, setFont, setStorage, shadows, snakeCase, splitFullname, stylesMode, success, surface, tertiaryFont, text, textGradient, typography, updateComponentsWithSettings, updateCoreWithSettings, useBoolean, useCopyToClipboard, useCountdownDate, useCountdownSeconds, useEventListener, useLocalStorage, usePopover, useResponsive, useScrollOffSetTop, useSetState, useSettings, useWidth, varAlpha, warning };