master-components-react-ts 1.0.2 → 1.0.5

package/dist/assets/Icons/IconCheck.d.ts

@@ -0,0 +1,5 @@
+interface IconCheckProps {
+    color?: string;
+}
+export declare const IconCheck: ({ color }: IconCheckProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconCircularLoading.d.ts

@@ -0,0 +1,10 @@
+interface IconCircularLoadingProps {
+    size?: number;
+    strokeWidth?: number;
+    linecap?: 'round' | 'butt' | 'square' | 'inherit';
+    duration?: number;
+    stroke?: string;
+    withLoader?: boolean;
+}
+declare const IconCircularLoading: ({ size, strokeWidth, linecap, duration, stroke, ...rest }: IconCircularLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default IconCircularLoading;

package/dist/assets/Icons/IconClose.d.ts

@@ -12,4 +12,8 @@ interface IconCloseProps {
     strokeLinejoin?: 'round' | 'inherit' | 'miter' | 'bevel';
 }
 export declare const IconClose: ({ width, height, color, xmlns, viewBox, fill, d, stroke, strokeWidth, strokeLinecap, strokeLinejoin, }: IconCloseProps) => import("react/jsx-runtime").JSX.Element;
+interface IconCloseBlackProps {
+    color?: string;
+}
+export declare const IconCloseBlack: ({ color }: IconCloseBlackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/assets/Icons/IconCloseBackground.d.ts

@@ -0,0 +1,6 @@
+interface IconCloseBackgroundProps {
+    size?: number;
+    color?: string;
+}
+export declare const IconCloseBackground: ({ size, color }: IconCloseBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconCloseCircle.d.ts

@@ -0,0 +1,7 @@
+interface IconCloseCircleProps {
+    width?: string;
+    height?: string;
+    color?: string;
+}
+export declare const IconCloseCircle: ({ width, height, color }: IconCloseCircleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconExclamation.d.ts

@@ -0,0 +1,5 @@
+interface IconExclamationProps {
+    color?: string;
+}
+export declare const IconExclamation: ({ color }: IconExclamationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconRadioChecked.d.ts

@@ -0,0 +1,6 @@
+interface IconRadioCheckedProps {
+    size?: string;
+    color?: string;
+}
+export declare const IconRadioChecked: ({ size, color }: IconRadioCheckedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconRadioCheckedDisabled.d.ts

@@ -0,0 +1,6 @@
+interface IconRadioCheckedDisabledProps {
+    size?: string;
+    color?: string;
+}
+export declare const IconRadioCheckedDisabled: ({ size, color }: IconRadioCheckedDisabledProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconRadioUnchecked.d.ts

@@ -0,0 +1,6 @@
+interface IconRadioUncheckedProps {
+    size?: string;
+    color?: string;
+}
+export declare const IconRadioUnchecked: ({ size, color }: IconRadioUncheckedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/assets/Icons/IconRadioUncheckedDisabled.d.ts

@@ -0,0 +1,6 @@
+interface IconRadioUncheckedDisabledProps {
+    size?: string;
+    color?: string;
+}
+export declare const IconRadioUncheckedDisabled: ({ size, color }: IconRadioUncheckedDisabledProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
 import { CheckboxProps } from './Checkbox.types';
-declare const Checkbox: ({ checked, change, disabled, required, multipleChecked, size, activeStyle, checkBoxStyle, theme, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: ({ checked, change, type, disabled, required, multipleChecked, activeStyle, checkBoxStyle, theme, }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -4,9 +4,9 @@ export interface CheckboxProps {
     checked?: boolean;
     change?: (e: boolean) => void;
     disabled?: boolean;
+    type?: 'default' | 'error';
     required?: boolean;
     multipleChecked?: boolean;
-    size?: 'sm' | 'md';
     activeStyle?: CSSProperties;
     checkBoxStyle?: CSSProperties;
     withActive?: boolean;

package/dist/components/DatePicker/Calendar.d.ts

@@ -1,3 +1,3 @@
 import { CalendarProps } from './Calendar.types';
-declare const Calendar: ({ valueFormat, quickPick, onChange, CurrentMonth, setCurrentMonth, SelectedDate, namespace, customYears, setSelectedDate, IsFocused, setIsFocused, mode, RangeSelection, setRangeSelection, type, disabledDatesRange, disabledDatesTill, disabledDatesFrom, CalendarRef, defaultValue, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, theme, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ valueFormat, quickPick, onChange, CurrentMonth, setCurrentMonth, SelectedDate, namespace, customYears, setSelectedDate, IsFocused, setIsFocused, mode, RangeSelection, setRangeSelection, pickerType, disabledDatesRange, disabledDatesTill, disabledDatesFrom, CalendarRef, defaultValue, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
 export default Calendar;

package/dist/components/DatePicker/Calendar.types.d.ts

@@ -17,7 +17,7 @@ export interface CalendarProps {
     mode: 'single' | 'range';
     RangeSelection: RangeValue;
     setRangeSelection: React.Dispatch<React.SetStateAction<RangeValue>>;
-    type: 'single' | 'dual';
+    pickerType: 'single' | 'dual';
     disabledDatesRange: [SingleValue, SingleValue];
     disabledDatesTill: SingleValue;
     disabledDatesFrom: SingleValue;
@@ -35,5 +35,4 @@ export interface CalendarProps {
     weekDayStyle: CSSProperties;
     quickPickStyle: CSSProperties;
     monthStyle: CSSProperties;
-    theme: 'light' | 'dark';
 }

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,3 +1,3 @@
 import { DatePickerProps } from './DatePicker.types';
-declare const DatePicker: ({ label, required, msg, defaultValue, size, valueFormat, onChange, onBlur, onFocus, customYears, fixedDropdown, disabledDatesFrom, disabledDatesTill, disabledDatesRange, datepickerStyle, placeholder, datepickerLabelStyle, requiredStyle, datepickerHelperTextStyle, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, quickPick, mode, type, theme, disabled, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ defaultValue, valueFormat, onChange, onBlur, onFocus, customYears, fixedDropdown, disabledDatesFrom, disabledDatesTill, disabledDatesRange, datepickerStyle, datepickerLabelStyle, requiredStyle, datepickerHelperTextStyle, selectedStyle, endDateStyle, startDateStyle, inRangeStyle, otherMonthStyle, todayStyle, weekDayStyle, quickPickStyle, monthStyle, quickPick, mode, pickerType, disabled, ...rest }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

package/dist/components/DatePicker/DatePicker.types.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'react';
 import { Dayjs } from 'dayjs';
+import { FormInputProps } from '../FormInput/FormInput.types';
 export type DateOrString = Dayjs | Date | string | null;
 export type SingleValue = DateOrString;
 export type RangeValue = {
@@ -8,17 +9,8 @@ export type RangeValue = {
 };
 export type PickerValue = SingleValue | RangeValue;
 /**DatePicker Component Props */
-export interface DatePickerProps {
-    label?: string;
-    required?: boolean;
-    msg?: {
-        error?: string;
-        visible?: boolean;
-        text?: string;
-        style?: CSSProperties;
-    };
+export interface DatePickerProps extends FormInputProps {
     defaultValue?: PickerValue;
-    size?: 'sm' | 'md';
     valueFormat?: string;
     onChange?: (value: PickerValue) => void;
     onBlur?: () => void;
@@ -29,7 +21,6 @@ export interface DatePickerProps {
     disabledDatesTill?: SingleValue;
     disabledDatesRange?: [SingleValue, SingleValue];
     datepickerStyle?: CSSProperties;
-    placeholder?: string;
     datepickerLabelStyle?: CSSProperties;
     requiredStyle?: CSSProperties;
     datepickerHelperTextStyle?: CSSProperties;
@@ -44,7 +35,6 @@ export interface DatePickerProps {
     monthStyle?: CSSProperties;
     quickPick?: boolean;
     mode?: 'single' | 'range';
-    type?: 'single' | 'dual';
-    theme?: 'light' | 'dark';
+    pickerType?: 'single' | 'dual';
     disabled?: boolean;
 }

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { DropdownProps } from './Dropdown.types';
+declare const Dropdown: ({ data, withFilter, withClose, disableAll, withMultiselect, selectedOptionID, onSelect, onFocus, onBlur, customInputSlot, dropdownWrapperStyle, dropdownInputWrapperStyle, dropdownInputSlotStyle, dropdownInputSlotItemStyle, dropdownInputSlotItemLabelStyle, dropdownInputSlotItemCloseStyle, dropdownInputSlotItemMoreStyle, dropdownItemStyle, dropdownItemLabelStyle, itemCheckboxStyle, dropdownItemLabelTextStyle, dropdownListStyle, ...rest }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -0,0 +1,34 @@
+import { FormInputProps } from '../FormInput/FormInput.types';
+interface DropdownItem {
+    id: string | number;
+    label: string;
+    customLabel?: React.ReactNode | ((item: any) => React.ReactNode);
+    selected?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface DropdownProps extends FormInputProps {
+    data: DropdownItem[];
+    withFilter?: boolean;
+    withClose?: boolean;
+    disableAll?: boolean;
+    withMultiselect?: boolean;
+    selectedOptionID?: string | number;
+    customInputSlot?: React.ReactNode;
+    dropdownWrapperStyle?: React.CSSProperties;
+    dropdownInputWrapperStyle?: React.CSSProperties;
+    dropdownInputSlotStyle?: React.CSSProperties;
+    dropdownInputSlotItemStyle?: React.CSSProperties;
+    dropdownInputSlotItemLabelStyle?: React.CSSProperties;
+    dropdownInputSlotItemCloseStyle?: React.CSSProperties;
+    dropdownInputSlotItemMoreStyle?: React.CSSProperties;
+    dropdownItemStyle?: React.CSSProperties;
+    dropdownItemLabelStyle?: React.CSSProperties;
+    itemCheckboxStyle?: React.CSSProperties;
+    dropdownItemLabelTextStyle?: React.CSSProperties;
+    dropdownListStyle?: React.CSSProperties;
+    onSelect: (value: any) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+export {};

package/dist/components/FormInput/FormInput.d.ts

@@ -1,3 +1,3 @@
 import { FormInputProps } from './FormInput.types';
-declare const FormInput: ({ label, placeholder, required, disabled, type, size, onChange, onFocus, onBlur, msg, readOnly, maxLength, onlyText, tagValues, customAction, onRightIconIconClick, onRightIconIconMouseEnter, onRightIconIconMouseLeave, onLeftIconIconClick, onLeftIconIconMouseEnter, onLeftIconIconMouseLeave, onPressEnter, rightIcon, leftIcon, value, fixedDropdown, withDropDown, dropdownData, dropDownPosition, onSelectData, withTags, tagProps, withLink, withCopy, onCopy, inputWrapperStyle, inputLabelStyle, requiredStyle, inputContainerStyle, leftIconStyle, customActionStyle, inputDropDownStyle, ulStyle, liStyle, httpStyle, inputStyle, rightIconStyle, withCopyStyle, inputHelperTextStyle, theme, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormInput: ({ label, placeholder, helperText, required, disabled, readOnly, withFocus, withActive, searchComponent, size, toggleFocus, rightSlot, leftSlot, helperSlot, type, value, maxLength, forDropdown, customFocus, inputState, inputSlot, onChange, onFocus, onBlur, onEnter, onFocusChange, formInputWrapperStyle, inputWrapperStyle, formInputStyle, helperTextStyle, labelStyle, inputSlotStyle, }: FormInputProps) => import("react/jsx-runtime").JSX.Element;
 export default FormInput;

package/dist/components/FormInput/FormInput.types.d.ts

@@ -1,68 +1,40 @@
 import { CSSProperties } from 'react';
-import { TagProps } from '../Tag/Tag.types';
-/**Button Component Props */
+/**FormInput Component Props */
 export interface FormInputProps {
     label?: string | React.ReactNode;
     placeholder?: string;
+    helperText?: string | React.ReactNode;
     required?: boolean;
     disabled?: boolean;
-    type?: string;
-    size?: string;
-    onChange?: (e: any) => void;
-    onFocus?: (e: any) => void;
-    onBlur?: (e: any) => void;
-    msg?: {
-        error?: string;
-        visible?: boolean;
-        text?: string;
-        style?: CSSProperties;
-    };
     readOnly?: boolean;
-    maxLength?: number;
-    onlyText?: boolean;
-    tagValues?: string[];
-    customAction?: React.ReactNode;
-    onRightIconIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onRightIconIconMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onRightIconIconMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onLeftIconIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onLeftIconIconMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onLeftIconIconMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onPressEnter?: (e: string) => void;
-    rightIcon?: React.ReactNode;
-    leftIcon?: React.ReactNode;
+    toggleFocus?: boolean;
+    withFocus?: boolean;
+    withActive?: boolean;
+    searchComponent?: boolean;
+    size?: 'sm' | 'md';
     value?: string;
-    fixedDropdown?: boolean;
-    withDropDown?: boolean;
-    dropdownData?: {
-        id: number;
-        label: string;
-        [key: string]: any;
-    }[];
-    dropDownPosition?: 'left' | 'right';
-    onSelectData?: (e: {
-        id: number;
-        label: string;
-        [key: string]: any;
-    }) => void;
-    withTags?: boolean;
-    tagProps?: TagProps;
-    withLink?: boolean;
-    withCopy?: boolean;
-    onCopy?: (e: any) => void;
+    inputState?: {
+        error?: boolean;
+        success?: boolean;
+        loading?: boolean;
+    };
+    rightSlot?: React.ReactNode;
+    leftSlot?: React.ReactNode;
+    helperSlot?: React.ReactNode;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
+    maxLength?: number;
+    customFocus?: boolean | null;
+    forDropdown?: boolean;
+    inputSlot?: React.ReactNode;
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onEnter?: () => void;
+    onFocusChange?: (state: boolean) => void;
+    formInputWrapperStyle?: CSSProperties;
     inputWrapperStyle?: CSSProperties;
-    inputLabelStyle?: CSSProperties;
-    requiredStyle?: CSSProperties;
-    inputContainerStyle?: CSSProperties;
-    leftIconStyle?: CSSProperties;
-    customActionStyle?: CSSProperties;
-    inputDropDownStyle?: CSSProperties;
-    ulStyle?: CSSProperties;
-    liStyle?: CSSProperties;
-    httpStyle?: CSSProperties;
-    inputStyle?: CSSProperties;
-    rightIconStyle?: CSSProperties;
-    withCopyStyle?: CSSProperties;
-    inputHelperTextStyle?: CSSProperties;
-    theme?: 'light' | 'dark';
+    formInputStyle?: CSSProperties;
+    helperTextStyle?: CSSProperties;
+    labelStyle?: CSSProperties;
+    inputSlotStyle?: CSSProperties;
 }

package/dist/components/MainButton/MainButton.d.ts

@@ -1,3 +1,3 @@
 import { ButtonProps } from './MainButton.types';
-declare const MainButton: ({ label, type, buttonType, size, disabled, loading, withIcons, iconOne, iconTwo, onlyIcon, buttonStyle, labelStyle, disabledButtonStyle, buttonSlotStyle, loadingColor, theme, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const MainButton: ({ label, size, leftSlot, rightSlot, buttonSlot, type, colorType, buttonType, withFocus, customFocus, disabled, loading, spaceBetween, buttonStyle, mainButtonContentStyle, mainButtonLabelStyle, leftSlotStyle, rightSlotStyle, onClick, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default MainButton;

package/dist/components/MainButton/MainButton.types.d.ts

@@ -1,21 +1,23 @@
 import { CSSProperties } from 'react';
 /**Button Component Props */
 export interface ButtonProps {
-    label?: string;
-    type?: 'button' | 'reset' | 'submit';
-    buttonType?: 'default' | 'error' | 'border' | 'nonBorder' | 'borderWithColor';
-    onClick?: (e: any) => void;
+    label: string;
     size?: 'md' | 'sm' | 'lg';
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
+    buttonSlot?: React.ReactNode;
+    type?: 'button' | 'reset' | 'submit';
+    colorType?: 'neutral' | 'positive' | 'negative';
+    buttonType?: 'primary' | 'secondary' | 'tertiary' | 'tertiaryV2' | 'tertiaryV3';
+    withFocus?: boolean;
+    customFocus?: boolean | null | undefined;
     disabled?: boolean;
     loading?: boolean;
-    withIcons?: boolean;
-    iconOne?: React.ReactNode;
-    iconTwo?: React.ReactNode;
-    onlyIcon?: boolean;
+    spaceBetween?: boolean;
     buttonStyle?: CSSProperties;
-    labelStyle?: CSSProperties;
-    disabledButtonStyle?: CSSProperties;
-    buttonSlotStyle?: CSSProperties;
-    loadingColor?: string;
-    theme?: 'light' | 'dark';
+    mainButtonContentStyle?: CSSProperties;
+    mainButtonLabelStyle?: CSSProperties;
+    leftSlotStyle?: CSSProperties;
+    rightSlotStyle?: CSSProperties;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 }

package/dist/components/NotificationToast/NotificationToast.d.ts

@@ -0,0 +1,3 @@
+import { NotificationToastProps } from './NotificationToast.types';
+declare const NotificationToast: ({ title, colorType, filled, withClose, withUndo, withInfoIcon, description, customAction, timeout, children, onUndo, onClose, }: NotificationToastProps) => import("react/jsx-runtime").JSX.Element;
+export default NotificationToast;

package/dist/components/NotificationToast/NotificationToast.types.d.ts

@@ -0,0 +1,16 @@
+export interface NotificationToastProps {
+    title?: string;
+    description?: string;
+    colorType?: 'neutral' | 'info' | 'error' | 'success';
+    filled?: boolean;
+    withClose?: boolean;
+    withUndo?: boolean;
+    timeout?: number;
+    withInfoIcon?: boolean;
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+    max?: number;
+    customAction?: React.ReactNode;
+    children?: React.ReactNode;
+    onClose?: () => void;
+    onUndo?: () => void;
+}

package/dist/components/NotificationToast/createNotificationToast.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { NotificationToastProps } from './NotificationToast.types';
+declare const ToastProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const createNotificationToast: () => ((props: NotificationToastProps) => void);
+export { ToastProvider, createNotificationToast };

package/dist/components/Popup/Popup.d.ts

@@ -0,0 +1,3 @@
+import { PopupProps } from './Popup.types';
+declare const Popup: ({ visible, template, options, children, onClickOutside, onClose, widthType, modalOverlayStyle, popupContainerStyle, templateWrapperStyle, popupHeaderStyle, popupTitleStyle, closeButtonStyle, }: PopupProps) => false | import("react/jsx-runtime").JSX.Element | undefined;
+export default Popup;

package/dist/components/Popup/Popup.types.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'react';
+/**DatePicker Component Props */
+export interface PopupProps {
+    visible?: boolean;
+    template?: React.ReactNode;
+    options?: {
+        title: string;
+        description: string;
+        type: 'success' | 'error' | 'unsaved' | 'info';
+        mode: 'drawer' | 'modal';
+    };
+    children?: React.ReactNode;
+    onClickOutside?: () => void;
+    onClose?: () => void;
+    widthType?: 'horizontal';
+    modalOverlayStyle?: CSSProperties;
+    popupContainerStyle?: CSSProperties;
+    templateWrapperStyle?: CSSProperties;
+    popupHeaderStyle?: CSSProperties;
+    popupTitleStyle?: CSSProperties;
+    closeButtonStyle?: CSSProperties;
+}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { RadioProps } from './Radio.types';
+declare const Radio: ({ checked, change, disabled, required, withUncheckState, radioType }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export default Radio;

package/dist/components/Radio/Radio.types.d.ts

@@ -0,0 +1,9 @@
+/**Radio Component Props */
+export interface RadioProps {
+    checked: boolean;
+    change?: (checked: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    withUncheckState?: boolean;
+    radioType?: 'default' | 'error';
+}

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from './Tabs.types';
+declare const Tabs: ({ tabsData, type, vertical, onItemClick, tabContainerStyle, singleTabStyle, }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/dist/components/Tabs/Tabs.types.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+export type TabsDataType = {
+    id: string;
+    label: string | React.ReactNode;
+    active?: boolean;
+};
+/**Tabs Component Props */
+export interface TabsProps {
+    tabsData: TabsDataType[];
+    type?: 'underline' | 'button' | 'buttonBorder' | 'buttonMinimal';
+    vertical?: boolean;
+    onItemClick?: (tab: TabsDataType) => void;
+    tabContainerStyle?: CSSProperties;
+    singleTabStyle?: CSSProperties;
+}

package/dist/components/Textarea/Textarea.d.ts

@@ -1,3 +1,3 @@
 import { TextareaProps } from './Textarea.types';
-declare const Textarea: ({ placeholder, label, msg, cols, rows, value, withEmoji, maxLength, withResize, onChange, onFocus, onBlur, disabled, required, textareaContainerStyle, textareaLabelStyle, requiredStyle, textareaStyle, focusStyle, textareaHelperTextStyle, labelIcon, theme, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Textarea: ({ placeholder, label, cols, rows, value, inputState, maxLength, withFocus, withActive, withResize, withClose, onChange, onFocus, onBlur, disabled, required, textareaContainerStyle, textareaLabelStyle, requiredStyle, labelSlot, textareaFooterStyle, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
 export default Textarea;

package/dist/components/Textarea/Textarea.types.d.ts

@@ -2,19 +2,19 @@ import { CSSProperties } from 'react';
 /**Textarea Component Props */
 export interface TextareaProps {
     placeholder?: string;
-    label?: string;
-    msg?: {
-        error?: string;
-        visible?: boolean;
-        text?: string;
-        style?: CSSProperties;
+    label?: string | React.ReactNode;
+    inputState?: {
+        error?: boolean;
+        success?: boolean;
     };
     cols?: number;
     rows?: number;
     value?: string;
-    withEmoji?: boolean;
     maxLength?: number;
     withResize?: boolean;
+    withFocus?: boolean;
+    withActive?: boolean;
+    withClose?: boolean;
     onChange?: (e: any) => void;
     onFocus?: (e: any) => void;
     onBlur?: (e: any) => void;
@@ -26,6 +26,6 @@ export interface TextareaProps {
     textareaStyle?: CSSProperties;
     focusStyle?: CSSProperties;
     textareaHelperTextStyle?: CSSProperties;
-    labelIcon?: React.ReactNode;
-    theme?: 'light' | 'dark';
+    labelSlot?: React.ReactNode;
+    textareaFooterStyle?: CSSProperties;
 }

package/dist/components/TimePicker/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import { TimePickerProps } from './TimePicker.types';
+declare const TimePicker: ({ value, defaultTimeType, defaultAmPm, withConfirm, mode, onChange, onFocus, onBlur, ...rest }: TimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export default TimePicker;

package/dist/components/TimePicker/TimePicker.types.d.ts

@@ -0,0 +1,10 @@
+import { FormInputProps } from '../FormInput/FormInput.types';
+export interface TimePickerProps extends FormInputProps {
+    withConfirm?: boolean;
+    defaultTimeType?: '12' | '24';
+    defaultAmPm?: 'AM' | 'PM';
+    mode?: 'single' | 'range';
+    onChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}

package/dist/components/Toggle/Textarea.types.d.ts

@@ -1,17 +1,10 @@
-import { CSSProperties } from 'react';
 /**Toggle Component Props */
 export interface ToggleProps {
     checked?: boolean;
     change?: (e: boolean) => void;
     disabled?: boolean;
     required?: boolean;
-    withActive?: boolean;
-    activeStyle?: CSSProperties;
-    bgStyle?: CSSProperties;
-    checkedBgStyle?: CSSProperties;
-    disabledBgStyle?: CSSProperties;
-    circleStyle?: CSSProperties;
-    checkedCircleStyle?: CSSProperties;
-    disabledCircleStyle?: CSSProperties;
+    size?: 'sm' | 'md' | 'lg';
+    toggleType?: 'default' | 'error';
     theme?: 'light' | 'dark';
 }

package/dist/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import { ToggleProps } from './Textarea.types';
-declare const Toggle: ({ checked, change, disabled, required, withActive, activeStyle, bgStyle, checkedBgStyle, disabledBgStyle, circleStyle, checkedCircleStyle, disabledCircleStyle, theme, }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toggle: ({ checked, change, disabled, size, toggleType, required }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
 export default Toggle;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps } from './Tooltip.types';
+declare const Tooltip: ({ children, tooltipSlot, delay, placement, trigger, title, text, customText, tooltipContentStyle, tooltipTitlestyle, tooltipTextStyle, tooltipContainerStyle, pointerPosition, withPointer, theme, topCustomOffset, bottomCustomOffset, leftCustomOffset, rightCustomOffset, forceClose, onClick, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/dist/components/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+/**Tooltip Component Props */
+export interface TooltipProps {
+    children: React.ReactNode;
+    tooltipSlot?: React.ReactNode;
+    delay?: number;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    trigger?: 'hover' | 'click';
+    title?: string;
+    text?: string;
+    customText?: string;
+    tooltipContentStyle?: CSSProperties;
+    tooltipTitlestyle?: CSSProperties;
+    tooltipTextStyle?: CSSProperties;
+    tooltipContainerStyle?: CSSProperties;
+    pointerPosition?: '10%' | '20%' | '30%' | '40%' | '50%' | '60%' | '70%' | '80%' | '90%';
+    withPointer?: boolean;
+    theme?: 'light' | 'dark';
+    topCustomOffset?: number;
+    bottomCustomOffset?: number;
+    leftCustomOffset?: number;
+    rightCustomOffset?: number;
+    forceClose?: boolean;
+    onClick?: () => void;
+}

package/dist/hooks/useRenderState.d.ts

@@ -0,0 +1 @@
+export declare const useIfElse: (condition: boolean) => (truthy: React.ReactNode, falsy?: React.ReactNode) => import('react').ReactNode;

package/dist/index.d.ts

@@ -3,4 +3,10 @@ export { default as FormInput } from './components/FormInput/FormInput';
 export { default as Textarea } from './components/Textarea/Textarea';
 export { default as Toggle } from './components/Toggle/Toggle';
 export { default as Checkbox } from './components/Checkbox/Checkbox';
+export { default as Dropdown } from './components/Dropdown/Dropdown';
+export { default as Radio } from './components/Radio/Radio';
+export { default as Tooltip } from './components/Tooltip/Tooltip';
+export { default as Popup } from './components/Popup/Popup';
+export { createNotificationToast, ToastProvider } from './components/NotificationToast/createNotificationToast';
+export { default as TimePicker } from './components/TimePicker/TimePicker';
 export { default as DatePicker } from './components/DatePicker/DatePicker';