master-components-react-ts 1.0.0

package/README.md

@@ -0,0 +1,8 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

package/dist/App.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => import("react/jsx-runtime").JSX.Element;
+export default App;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+interface IconCloseProps {
+    width?: string;
+    height?: string;
+    color?: string;
+    xmlns?: string;
+    viewBox?: string;
+    fill?: string;
+    d?: string;
+    stroke?: string;
+    strokeWidth?: string;
+    strokeLinecap?: 'round' | 'inherit' | 'butt' | 'square';
+    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;
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+interface IconLoadingProps {
+    color1?: string;
+    color2?: string;
+    size?: string;
+}
+export declare const IconLoading: ({ color1, color2, size }: IconLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+interface IconRightProps {
+    size?: string;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare const IconRight: ({ size, color, style }: IconRightProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +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;
+export default Checkbox;

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

@@ -0,0 +1,14 @@
+import { CSSProperties } from 'react';
+/**Checkbox Component Props */
+export interface CheckboxProps {
+    checked?: boolean;
+    change?: (e: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    multipleChecked?: boolean;
+    size?: 'sm' | 'md';
+    activeStyle?: CSSProperties;
+    checkBoxStyle?: CSSProperties;
+    withActive?: boolean;
+    theme?: 'light' | 'dark';
+}

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

@@ -0,0 +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;
+export default Calendar;

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

@@ -0,0 +1,39 @@
+import { CSSProperties } from 'react';
+import { Dayjs } from 'dayjs';
+import { PickerValue, RangeValue, SingleValue } from './DatePicker.types';
+/**Calendar Component Props */
+export interface CalendarProps {
+    valueFormat: string;
+    quickPick: boolean;
+    onChange: (value: PickerValue) => void;
+    CurrentMonth: Dayjs;
+    setCurrentMonth: React.Dispatch<React.SetStateAction<Dayjs>>;
+    SelectedDate: SingleValue;
+    namespace: string;
+    customYears: SingleValue[];
+    setSelectedDate: React.Dispatch<React.SetStateAction<SingleValue>>;
+    IsFocused: boolean;
+    setIsFocused: React.Dispatch<React.SetStateAction<boolean>>;
+    mode: 'single' | 'range';
+    RangeSelection: RangeValue;
+    setRangeSelection: React.Dispatch<React.SetStateAction<RangeValue>>;
+    type: 'single' | 'dual';
+    disabledDatesRange: [SingleValue, SingleValue];
+    disabledDatesTill: SingleValue;
+    disabledDatesFrom: SingleValue;
+    CalendarRef: React.RefObject<HTMLDivElement>;
+    defaultValue: {
+        state: boolean;
+        value: PickerValue;
+    };
+    selectedStyle: CSSProperties;
+    endDateStyle: CSSProperties;
+    startDateStyle: CSSProperties;
+    inRangeStyle: CSSProperties;
+    otherMonthStyle: CSSProperties;
+    todayStyle: CSSProperties;
+    weekDayStyle: CSSProperties;
+    quickPickStyle: CSSProperties;
+    monthStyle: CSSProperties;
+    theme: 'light' | 'dark';
+}

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

@@ -0,0 +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;
+export default DatePicker;

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

@@ -0,0 +1,50 @@
+import { CSSProperties } from 'react';
+import { Dayjs } from 'dayjs';
+export type DateOrString = Dayjs | Date | string | null;
+export type SingleValue = DateOrString;
+export type RangeValue = {
+    start: DateOrString;
+    end: DateOrString;
+};
+export type PickerValue = SingleValue | RangeValue;
+/**DatePicker Component Props */
+export interface DatePickerProps {
+    label?: string;
+    required?: boolean;
+    msg?: {
+        error?: string;
+        visible?: boolean;
+        text?: string;
+        style?: CSSProperties;
+    };
+    defaultValue?: PickerValue;
+    size?: 'sm' | 'md';
+    valueFormat?: string;
+    onChange?: (value: PickerValue) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    customYears?: SingleValue[];
+    fixedDropdown?: boolean;
+    disabledDatesFrom?: SingleValue;
+    disabledDatesTill?: SingleValue;
+    disabledDatesRange?: [SingleValue, SingleValue];
+    datepickerStyle?: CSSProperties;
+    placeholder?: string;
+    datepickerLabelStyle?: CSSProperties;
+    requiredStyle?: CSSProperties;
+    datepickerHelperTextStyle?: CSSProperties;
+    selectedStyle?: CSSProperties;
+    endDateStyle?: CSSProperties;
+    startDateStyle?: CSSProperties;
+    inRangeStyle?: CSSProperties;
+    otherMonthStyle?: CSSProperties;
+    todayStyle?: CSSProperties;
+    weekDayStyle?: CSSProperties;
+    quickPickStyle?: CSSProperties;
+    monthStyle?: CSSProperties;
+    quickPick?: boolean;
+    mode?: 'single' | 'range';
+    type?: 'single' | 'dual';
+    theme?: 'light' | 'dark';
+    disabled?: boolean;
+}

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

@@ -0,0 +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;
+export default FormInput;

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

@@ -0,0 +1,68 @@
+import { CSSProperties } from 'react';
+import { TagProps } from '../Tag/Tag.types';
+/**Button Component Props */
+export interface FormInputProps {
+    label?: string | React.ReactNode;
+    placeholder?: string;
+    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;
+    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;
+    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';
+}

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

@@ -0,0 +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;
+export default MainButton;

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

@@ -0,0 +1,21 @@
+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;
+    size?: 'md' | 'sm' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    withIcons?: boolean;
+    iconOne?: React.ReactNode;
+    iconTwo?: React.ReactNode;
+    onlyIcon?: boolean;
+    buttonStyle?: CSSProperties;
+    labelStyle?: CSSProperties;
+    disabledButtonStyle?: CSSProperties;
+    buttonSlotStyle?: CSSProperties;
+    loadingColor?: string;
+    theme?: 'light' | 'dark';
+}

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { TagProps } from './Tag.types';
+declare const Tag: ({ id, label, icon, withClose, withCheckbox, withNumber, number, checkboxProps, disable, size, onClose, tagContainerStyle, tagLabelStyle, tagNumberStyle, tagCloseStlye, theme, }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export default Tag;

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

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'react';
+/**Tag Component Props */
+export interface TagProps {
+    id?: string | number;
+    label?: string;
+    icon?: React.ReactNode;
+    withClose?: boolean;
+    withCheckbox?: boolean;
+    withNumber?: boolean;
+    number?: number;
+    checkboxProps?: any;
+    disable?: boolean;
+    size?: string;
+    onClose?: (e: any) => void;
+    tagContainerStyle?: CSSProperties;
+    tagLabelStyle?: CSSProperties;
+    tagNumberStyle?: CSSProperties;
+    tagCloseStlye?: CSSProperties;
+    theme?: 'light' | 'dark';
+}

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

@@ -0,0 +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;
+export default Textarea;

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+/**Textarea Component Props */
+export interface TextareaProps {
+    placeholder?: string;
+    label?: string;
+    msg?: {
+        error?: string;
+        visible?: boolean;
+        text?: string;
+        style?: CSSProperties;
+    };
+    cols?: number;
+    rows?: number;
+    value?: string;
+    withEmoji?: boolean;
+    maxLength?: number;
+    withResize?: boolean;
+    onChange?: (e: any) => void;
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    disabled?: boolean;
+    required?: boolean;
+    textareaContainerStyle?: CSSProperties;
+    textareaLabelStyle?: CSSProperties;
+    requiredStyle?: CSSProperties;
+    textareaStyle?: CSSProperties;
+    focusStyle?: CSSProperties;
+    textareaHelperTextStyle?: CSSProperties;
+    labelIcon?: React.ReactNode;
+    theme?: 'light' | 'dark';
+}

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

@@ -0,0 +1,17 @@
+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;
+    theme?: 'light' | 'dark';
+}

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

@@ -0,0 +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;
+export default Toggle;

package/dist/context/NamespaceContext.d.ts

@@ -0,0 +1,3 @@
+declare const NamespaceContext: import('react').Context<string>;
+export declare const useNamespace: () => string;
+export default NamespaceContext;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: () => (callback: () => void, delay: number) => void;