@functionalui/functionalui 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,2042 @@
+import { AnimatedProps } from '@react-spring/web';
+import { ComponentType } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+
+declare interface AdmoitionSize {
+    title: {
+        padding: Spacings;
+        paddingBottom: Spacings;
+        paddingLeft?: Spacings;
+        paddingRight?: Spacings;
+        fontSize: FontSizes;
+        fontWeight: FontWeights;
+        iconSize: Sizings;
+        iconMargin: Spacings;
+    };
+    content: {
+        padding: Spacings;
+        paddingTop: Spacings;
+        paddingLeft?: Spacings;
+        paddingRight?: Spacings;
+        fontSize: FontSizes;
+    };
+}
+
+export declare const ADMONITION_SIZE: {
+    [key: number]: AdmoitionSize;
+};
+
+/** colors
+ * types - info, warning, success, error, attention
+ * border color
+ * bg color
+ * title color
+ * icon color
+ * text description color
+ */
+export declare const AdmonitionColors: {
+    1: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    2: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    3: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    4: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    5: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+    6: {
+        borderColor: ColorPalettes;
+        bgColor: ColorPalettes;
+        textTitleColor: ColorPalettes;
+        textDescriptionColor: ColorPalettes;
+        iconColor: ColorPalettes;
+    };
+};
+
+export declare const AdmonitionIcons: {
+    1: {
+        titleIcon: string;
+    };
+    2: {
+        titleIcon: string;
+    };
+    3: {
+        titleIcon: string;
+    };
+    4: {
+        titleIcon: string;
+    };
+    5: {
+        titleIcon: string;
+    };
+    6: {
+        titleIcon: string;
+    };
+};
+
+export declare enum AdmonitionLevels {
+    Info = 1,
+    Note = 2,
+    Success = 3,
+    Warning = 4,
+    Attention = 5,
+    Error = 6
+}
+
+export declare enum AdmonitionSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3
+}
+
+export declare const AdmonitionTitles: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+
+export declare const ALIGN_SELF_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};
+
+export declare enum AlignSelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+export declare const AVATAR_SIZE: {
+    1: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    2: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    3: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    4: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    5: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    6: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    7: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    8: {
+        image: number;
+        fontSize: FontSizes;
+    };
+    9: {
+        image: number;
+        fontSize: FontSizes;
+    };
+};
+
+export declare enum AvatarSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+export declare const BACKGROUND_COLOR_CLASSES: ClassType_2;
+
+export declare const BASE_FONT_SIZE = FontSizes.Size2;
+
+export declare const BORDER_BOTTOM_LEFT_RADIUS_CLASSES: ClassType;
+
+export declare const BORDER_BOTTOM_RIGHT_RADIUS_CLASSES: ClassType;
+
+export declare const BORDER_BOTTOM_STYLE_CLASSES: ClassType;
+
+export declare const BORDER_COLOR_CLASSES: ClassType_2;
+
+export declare const BORDER_LEFT_STYLE_CLASSES: ClassType;
+
+export declare const BORDER_RADIUS_CLASSES: ClassType;
+
+export declare const BORDER_RIGHT_STYLE_CLASSES: ClassType;
+
+export declare const BORDER_STYLE_CLASSES: ClassType;
+
+export declare const BORDER_STYLE_VALUES: {
+    [key: number]: string;
+};
+
+export declare const BORDER_TOP_LEFT_RADIUS_CLASSES: ClassType;
+
+export declare const BORDER_TOP_RIGHT_RADIUS_CLASSES: ClassType;
+
+export declare const BORDER_TOP_STYLE_CLASSES: ClassType;
+
+export declare const BORDER_WIDTH_CLASSES: ClassType;
+
+export declare const BORDER_WIDTH_VALUES: {
+    [key: number]: number;
+};
+
+export declare enum BorderStyles {
+    None = 1,
+    Hidden = 2,
+    Dotted = 3,
+    Dashed = 4,
+    Solid = 5,
+    Double = 6,
+    Groove = 7,
+    Ridge = 8,
+    Inset = 9,
+    Outset = 10
+}
+
+export declare enum BorderWidths {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8
+}
+
+export declare const BOX_SHADOW_CLASSES: ClassType;
+
+export declare const BOX_SHADOW_VALUES: {
+    [key: number]: string;
+};
+
+export declare const BOX_SIZING_CLASSES: ClassType;
+
+export declare enum BoxShadows {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7
+}
+
+export declare enum BoxSizings {
+    ContentBox = 1,
+    BorderBox = 2
+}
+
+export declare const BUTTON_COLORS: {
+    [key: number]: ButtonColorType;
+};
+
+export declare const BUTTON_SHADOWS_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+
+export declare const BUTTON_SIZE: {
+    [key: number]: ButtonSizeType;
+};
+
+export declare enum ButtonColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Blue5 = 4,
+    Green5 = 5,
+    Red5 = 6,
+    Yellow5 = 7,
+    OutlinePrimary5 = 8,
+    OutlineSecondary5 = 9,
+    OutlineGrey5 = 10,
+    OutlineBlue5 = 11,
+    OutlineGreen5 = 12,
+    OutlineRed5 = 13,
+    OutlineYellow5 = 14
+}
+
+declare type ButtonColorType = {
+    text: ColorPalettes;
+    icon: ColorPalettes;
+    background: ColorPalettes;
+    outline?: ColorPalettes;
+    shadow?: ColorPalettes;
+    hover?: ColorPalettes;
+    borderColor: ColorPalettes;
+};
+
+export declare enum ButtonIconPositions {
+    Left = 1,
+    Right = 2
+}
+
+export declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
+    children?: ReactNode;
+}
+
+export declare enum ButtonShadows {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+
+export declare enum ButtonSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+
+declare type ButtonSizeType = {
+    paddingTop: Spacings;
+    paddingBottom: Spacings;
+    paddingLeft: Spacings;
+    paddingRight: Spacings;
+    icon: Sizings;
+    iconMargin?: Spacings;
+    text: FontSizes;
+    borderRadius: Radiuses;
+};
+
+export declare const ButtonStateIcon: {
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+
+export declare enum ButtonStates {
+    Icon = 1,// default
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+
+declare interface ButtonStyleProps {
+    disabled?: boolean;
+    type?: ButtonTypes;
+}
+
+export declare enum ButtonStyles {
+    Plain = 1,
+    Gray = 2,
+    Tinted = 3,
+    Outlined = 4,
+    Filled = 5
+}
+
+export declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+
+export declare interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+
+export declare const CHECKBOX_COLORS: {
+    1: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    2: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    3: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    4: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    5: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    6: {
+        borderColor: string;
+        checkedColor: string;
+    };
+    7: {
+        borderColor: string;
+        checkedColor: string;
+    };
+};
+
+export declare const CHECKBOX_SIZES: {
+    1: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    2: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    3: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    4: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+    5: {
+        checkedColor: {
+            w: number;
+            h: number;
+        };
+        checkedBorderRadius: Radiuses;
+        boxBorderRadius: Radiuses;
+        padding: number;
+        borderWidth: string;
+    };
+};
+
+export declare enum CheckboxColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Red5 = 4,
+    Green5 = 5,
+    Blue5 = 6,
+    Yellow5 = 7
+}
+
+export declare enum CheckboxSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+
+declare type ClassType = {
+    [key: number]: string;
+};
+
+declare type ClassType_2 = {
+    [key: number]: string;
+};
+
+export declare const COLOR_CLASSES: ClassType_2;
+
+export declare const COLOR_RGBA_ALPHA: {
+    /**
+     * 6 (a-f (f is darker)) + 10 (0-9 (9 is darker)) | same concept (starts with 0 end with f)
+     * 18 | 18
+     * 18 / 2 = 9   | 2, 4, 6, 8 | 10 | 12, 14, 16, 18
+     * 0 2 4 6 8 a c e(f)
+     */
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+};
+
+export declare const COLOR_VALUES: {
+    [key: number]: string;
+};
+
+export declare enum ColorPalettes {
+    Transparent = 1,// (0, 1)
+    Grey1 = 2,
+    Grey2 = 3,
+    Grey3 = 4,
+    Grey4 = 5,
+    Grey5 = 6,
+    Grey6 = 7,
+    Grey7 = 8,
+    Grey8 = 9,
+    Grey9 = 10,
+    Grey10 = 11,// (2, 11)
+    Primary1 = 12,
+    Primary2 = 13,
+    Primary3 = 14,
+    Primary4 = 15,
+    Primary5 = 16,
+    Primary6 = 17,
+    Primary7 = 18,
+    Primary8 = 19,
+    Primary9 = 20,// (12, 20)
+    Secondary1 = 21,
+    Secondary2 = 22,
+    Secondary3 = 23,
+    Secondary4 = 24,
+    Secondary5 = 25,
+    Secondary6 = 26,
+    Secondary7 = 27,
+    Secondary8 = 28,
+    Secondary9 = 29,// (21, 29)
+    Red1 = 30,
+    Red2 = 31,
+    Red3 = 32,
+    Red4 = 33,
+    Red5 = 34,
+    Red6 = 35,
+    Red7 = 36,
+    Red8 = 37,
+    Red9 = 38,// (30, 38)
+    Green1 = 39,
+    Green2 = 40,
+    Green3 = 41,
+    Green4 = 42,
+    Green5 = 43,
+    Green6 = 44,
+    Green7 = 45,
+    Green8 = 46,
+    Green9 = 47,// (39, 47)
+    Blue1 = 48,
+    Blue2 = 49,
+    Blue3 = 50,
+    Blue4 = 51,
+    Blue5 = 52,
+    Blue6 = 53,
+    Blue7 = 54,
+    Blue8 = 55,
+    Blue9 = 56,// (48, 56)
+    Yellow1 = 57,
+    Yellow2 = 58,
+    Yellow3 = 59,
+    Yellow4 = 60,
+    Yellow5 = 61,
+    Yellow6 = 62,
+    Yellow7 = 63,
+    Yellow8 = 64,
+    Yellow9 = 65,// (57, 65)
+    Accent1_1 = 66,
+    Accent1_2 = 67,
+    Accent1_3 = 68,
+    Accent1_4 = 69,
+    Accent1_5 = 70,
+    Accent1_6 = 71,
+    Accent1_7 = 72,
+    Accent1_8 = 73,
+    Accent1_9 = 74,// (57, 65)
+    Accent2_1 = 75,
+    Accent2_2 = 76,
+    Accent2_3 = 77,
+    Accent2_4 = 78,
+    Accent2_5 = 79,
+    Accent2_6 = 80,
+    Accent2_7 = 81,
+    Accent2_8 = 82,
+    Accent2_9 = 83
+}
+
+export declare const ColorRanges: {
+    1: number[];
+    2: number[];
+    3: number[];
+    4: number[];
+    5: number[];
+    6: number[];
+    7: number[];
+    8: number[];
+    9: number[];
+    10: number[];
+};
+
+export declare enum ColorRGBAAlphas {
+    Opaque = 1,// max, max
+    Dark3 = 2,
+    Dark2 = 3,
+    Dark1 = 4,
+    Light1 = 5,
+    Light2 = 6,
+    Light3 = 7,
+    Transparent = 8
+}
+
+export declare enum ColorSets {
+    Transparents = 1,
+    Greys = 2,
+    Primarys = 3,
+    Secondarys = 4,
+    Reds = 5,
+    Greens = 6,
+    Blues = 7,
+    Yellows = 8,
+    Accents1 = 9,
+    Accents2 = 10
+}
+
+export declare const CURSOR_CLASSES: ClassType;
+
+export declare enum Cursors {
+    Auto = 1,
+    Default = 2,
+    Pointer = 3,
+    ContextMenu = 4,
+    Help = 5,
+    Progress = 6,
+    Wait = 7,
+    Cell = 8,
+    Crosshair = 9,
+    Text = 10,
+    VerticalText = 11,
+    Alias = 12,
+    Copy = 13,
+    Move = 14,
+    NoDrop = 15,
+    NotAllowed = 16,
+    Grab = 17,
+    Grabbing = 18,
+    ZoomIn = 19,
+    ZoomOut = 20
+}
+
+export declare const DISPLAY_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+
+export declare enum Displays {
+    None = 1,
+    Block = 2,
+    InlineBlock = 3,
+    Flex = 4,
+    InlineFlex = 5,
+    Grid = 6
+}
+
+export declare interface DivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, StyleProps {
+    children?: ReactNode;
+}
+
+/**
+ * border styles - has border | no border - dont include here
+ * dont do too many border styles - its confusing
+ * dropdown styles
+ */
+export declare enum DropdownHeightStyles {
+    Default = 1,
+    AutoHeight = 2
+}
+
+export declare enum DropdownPositions {
+    Top = 1,
+    Bottom = 2
+}
+
+export declare const ELEMENT_RESIZE_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+
+export declare enum ElementResizes {
+    None = 1,
+    Both = 2,
+    Horizontal = 3,
+    Vertical = 4
+}
+
+declare type elementSize = {
+    w: number;
+    h: number;
+};
+
+export declare const FLEX_ALIGN_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+
+export declare const FLEX_ALIGN_ITEMS_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+
+export declare const FLEX_DIRECTION_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+
+export declare const FLEX_JUSTIFY_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+
+export declare const FLEX_WRAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+};
+
+export declare enum FlexAlignContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5,
+    Stretch = 6
+}
+
+export declare enum FlexAlignItems {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    Baseline = 4,
+    Stretch = 5
+}
+
+export declare enum FlexDirections {
+    Row = 1,
+    Column = 2,
+    RowReverse = 3,
+    ColumnReverse = 4
+}
+
+export declare enum FlexJustifyContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5
+}
+
+export declare enum FlexWraps {
+    NoWrap = 1,
+    Wrap = 2,
+    WrapReverse = 3
+}
+
+export declare const FONT_FAMILY_CLASSES: {
+    1: string;
+};
+
+export declare const FONT_SIZE_CLASSES: ClassType;
+
+export declare const FONT_SIZE_VALUES: {
+    [key: number]: string;
+};
+
+export declare const FONT_STYLE_CLASSES: {
+    1: string;
+    2: string;
+};
+
+export declare const FONT_WEIGHT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+};
+
+export declare enum FontFamilies {
+    Default = 1
+}
+
+export declare enum FontSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9,
+    Size10 = 10
+}
+
+export declare enum FontStyles {
+    Normal = 1,
+    Italic = 2
+}
+
+export declare enum FontWeights {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6
+}
+
+export declare type GlobalEventContextType = {
+    globalEventRef: any | null;
+    handleGlobalEventRef: (props: string, type: ToastTypes) => void;
+    catchUserAxiosNextApiError: any | undefined;
+    catchUserAxiosFetcherError: any | undefined;
+};
+
+export declare const GRID_ALIGN_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+
+export declare const GRID_COLUMN_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+
+export declare const GRID_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+
+export declare const GRID_JUSTIFY_CONTENT_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+
+export declare const GRID_ROW_GAP_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+};
+
+export declare enum GridAlignContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+export declare enum GridColumnGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+export declare enum GridGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+export declare enum GridJustifyContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+export declare enum GridRowGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+export declare interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
+    children?: ReactNode;
+}
+
+declare interface HeaderProps {
+    header: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+
+export declare enum Icons {
+    Activity = "activity",
+    Airplay = "airplay",
+    AlertCircle = "alert-circle",
+    AlertOctagon = "alert-octagon",
+    AlertTriangle = "alert-triangle",
+    AlignCenter = "align-center",
+    AlignJustify = "align-justify",
+    AlignLeft = "align-left",
+    AlignRight = "align-right",
+    Anchor = "anchor",
+    Aperture = "aperture",
+    Apps = "apps",
+    Archive = "archive",
+    ArrowDownCircle = "arrow-down-circle",
+    ArrowDownLeft = "arrow-down-left",
+    ArrowDownRight = "arrow-down-right",
+    ArrowDown = "arrow-down",
+    ArrowLeftCircle = "arrow-left-circle",
+    ArrowLeft = "arrow-left",
+    ArrowRightCircle = "arrow-right-circle",
+    ArrowRight = "arrow-right",
+    ArrowUpCircle = "arrow-up-circle",
+    ArrowUpLeft = "arrow-up-left",
+    ArrowUpRight = "arrow-up-right",
+    ArrowUp = "arrow-up",
+    AtSign = "at-sign",
+    Award = "award",
+    BarChart2 = "bar-chart-2",
+    BarChart = "bar-chart",
+    BatteryCharging = "battery-charging",
+    Battery = "battery",
+    BellOff = "bell-off",
+    Bell = "bell",
+    Bluetooth = "bluetooth",
+    Bold = "bold",
+    BookOpen = "book-open",
+    Book = "book",
+    Bookmark = "bookmark",
+    Box = "box",
+    Briefcase = "briefcase",
+    Calendar = "calendar",
+    CameraOff = "camera-off",
+    Camera = "camera",
+    Cast = "cast",
+    CheckCircle = "check-circle",
+    CheckSquare = "check-square",
+    Check = "check",
+    ChevronDown = "chevron-down",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    ChevronUp = "chevron-up",
+    ChevronsDown = "chevrons-down",
+    ChevronsLeft = "chevrons-left",
+    ChevronsRight = "chevrons-right",
+    ChevronsUp = "chevrons-up",
+    Chrome = "chrome",
+    Circle = "circle",
+    Clipboard = "clipboard",
+    Clock = "clock",
+    CloudDrizzle = "cloud-drizzle",
+    CloudLightning = "cloud-lightning",
+    CloudOff = "cloud-off",
+    CloudRain = "cloud-rain",
+    CloudSnow = "cloud-snow",
+    Cloud = "cloud",
+    Code = "code",
+    Codepen = "codepen",
+    Codesandbox = "codesandbox",
+    Coffee = "coffee",
+    Columns = "columns",
+    Command = "command",
+    Compass = "compass",
+    Copy = "copy",
+    CornerDownLeft = "corner-down-left",
+    CornerDownRight = "corner-down-right",
+    CornerLeftDown = "corner-left-down",
+    CornerLeftUp = "corner-left-up",
+    CornerRightDown = "corner-right-down",
+    CornerRightUp = "corner-right-up",
+    CornerUpLeft = "corner-up-left",
+    CornerUpRight = "corner-up-right",
+    Cpu = "cpu",
+    CreditCard = "credit-card",
+    Crop = "crop",
+    Crosshair = "crosshair",
+    Database = "database",
+    Delete = "delete",
+    Disc = "disc",
+    DivideCircle = "divide-circle",
+    DivideSquare = "divide-square",
+    Divide = "divide",
+    DollarSign = "dollar-sign",
+    DownloadCloud = "download-cloud",
+    Download = "download",
+    Dribbble = "dribbble",
+    Droplet = "droplet",
+    Edit2 = "edit-2",
+    Edit3 = "edit-3",
+    Edit = "edit",
+    ExternalLink = "external-link",
+    EyeOff = "eye-off",
+    Eye = "eye",
+    Facebook = "facebook",
+    FastForward = "fast-forward",
+    FeatherSprite = "feather-sprite",
+    Feather = "feather",
+    Figma = "figma",
+    FileMinus = "file-minus",
+    FilePlus = "file-plus",
+    FileText = "file-text",
+    File = "file",
+    Film = "film",
+    Filter = "filter",
+    Flag = "flag",
+    FolderMinus = "folder-minus",
+    FolderPlus = "folder-plus",
+    Folder = "folder",
+    Framer = "framer",
+    Frown = "frown",
+    Gift = "gift",
+    GitBranch = "git-branch",
+    GitCommit = "git-commit",
+    GitMerge = "git-merge",
+    GitPullRequest = "git-pull-request",
+    Github = "github",
+    Gitlab = "gitlab",
+    Globe = "globe",
+    Grid = "grid",
+    HardDrive = "hard-drive",
+    Hash = "hash",
+    Headphones = "headphones",
+    Heart = "heart",
+    HelpCircle = "help-circle",
+    Hexagon = "hexagon",
+    Home = "home",
+    Image = "image",
+    Inbox = "inbox",
+    Info = "info",
+    Instagram = "instagram",
+    Italic = "italic",
+    Key = "key",
+    Layers = "layers",
+    Layout = "layout",
+    LifeBuoy = "life-buoy",
+    Link2 = "link-2",
+    Link = "link",
+    Linkedin = "linkedin",
+    List = "list",
+    Loader = "loader",
+    Lock = "lock",
+    LogIn = "log-in",
+    LogOut = "log-out",
+    Mail = "mail",
+    MapPin = "map-pin",
+    Map = "map",
+    Maximize2 = "maximize-2",
+    Maximize = "maximize",
+    Meh = "meh",
+    Menu = "menu",
+    MessageCircle = "message-circle",
+    MessageSquare = "message-square",
+    MicOff = "mic-off",
+    Mic = "mic",
+    Minimize2 = "minimize-2",
+    Minimize = "minimize",
+    MinusCircle = "minus-circle",
+    MinusSquare = "minus-square",
+    Minus = "minus",
+    Monitor = "monitor",
+    Moon = "moon",
+    MoreHorizontal = "more-horizontal",
+    MoreVertical = "more-vertical",
+    MousePointer = "mouse-pointer",
+    Move = "move",
+    Music = "music",
+    Navigation2 = "navigation-2",
+    Navigation = "navigation",
+    Octagon = "octagon",
+    Package = "package",
+    Paperclip = "paperclip",
+    PauseCircle = "pause-circle",
+    Pause = "pause",
+    PenTool = "pen-tool",
+    Percent = "percent",
+    PhoneCall = "phone-call",
+    PhoneForwarded = "phone-forwarded",
+    PhoneIncoming = "phone-incoming",
+    PhoneMissed = "phone-missed",
+    PhoneOff = "phone-off",
+    PhoneOutgoing = "phone-outgoing",
+    Phone = "phone",
+    PieChart = "pie-chart",
+    PlayCircle = "play-circle",
+    Play = "play",
+    PlusCircle = "plus-circle",
+    PlusSquare = "plus-square",
+    Plus = "plus",
+    Pocket = "pocket",
+    Power = "power",
+    Printer = "printer",
+    Radio = "radio",
+    RefreshCcw = "refresh-ccw",
+    RefreshCw = "refresh-cw",
+    Repeat = "repeat",
+    Rewind = "rewind",
+    RotateCcw = "rotate-ccw",
+    RotateCw = "rotate-cw",
+    Rss = "rss",
+    Save = "save",
+    Scissors = "scissors",
+    Search = "search",
+    Send = "send",
+    Server = "server",
+    Settings = "settings",
+    Share2 = "share-2",
+    Share = "share",
+    ShieldOff = "shield-off",
+    Shield = "shield",
+    ShoppingBag = "shopping-bag",
+    ShoppingCart = "shopping-cart",
+    Shuffle = "shuffle",
+    Sidebar = "sidebar",
+    SkipBack = "skip-back",
+    SkipForward = "skip-forward",
+    Slack = "slack",
+    Slash = "slash",
+    Sliders = "sliders",
+    Smartphone = "smartphone",
+    Smile = "smile",
+    Speaker = "speaker",
+    Spinner = "spinner",
+    Square = "square",
+    Star = "star",
+    StopCircle = "stop-circle",
+    Sun = "sun",
+    Sunrise = "sunrise",
+    Sunset = "sunset",
+    Table = "table",
+    Tablet = "tablet",
+    Tag = "tag",
+    Target = "target",
+    Terminal = "terminal",
+    Thermometer = "thermometer",
+    ThumbsDown = "thumbs-down",
+    ThumbsUp = "thumbs-up",
+    ToggleLeft = "toggle-left",
+    ToggleRight = "toggle-right",
+    Tool = "tool",
+    Trash2 = "trash-2",
+    Trash = "trash",
+    Trello = "trello",
+    TrendingDown = "trending-down",
+    TrendingUp = "trending-up",
+    Triangle = "triangle",
+    Truck = "truck",
+    Tv = "tv",
+    Twitch = "twitch",
+    Twitter = "twitter",
+    Type = "type",
+    Umbrella = "umbrella",
+    Underline = "underline",
+    Unlock = "unlock",
+    UploadCloud = "upload-cloud",
+    Upload = "upload",
+    UserCheck = "user-check",
+    UserMinus = "user-minus",
+    UserPlus = "user-plus",
+    UserX = "user-x",
+    User = "user",
+    Users = "users",
+    VideoOff = "video-off",
+    Video = "video",
+    Voicemail = "voicemail",
+    Volume1 = "volume-1",
+    Volume2 = "volume-2",
+    VolumeX = "volume-x",
+    Volume = "volume",
+    Watch = "watch",
+    WifiOff = "wifi-off",
+    Wifi = "wifi",
+    Wind = "wind",
+    XCircle = "x-circle",
+    XOctagon = "x-octagon",
+    XSquare = "x-square",
+    X = "x",
+    Youtube = "youtube",
+    ZapOff = "zap-off",
+    Zap = "zap",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out"
+}
+
+export declare const INPUT_TEXT_COLOR: {
+    [key: number]: any;
+};
+
+export declare const INPUT_TEXT_SIZE: {
+    [key: number]: any;
+};
+
+export declare const INPUT_TEXT_STYLE: {
+    [key: number]: any;
+};
+
+export declare enum InputTextLabelStyles {
+    Top = 1,
+    Material = 2
+}
+
+export declare enum InputTextModes {
+    Default = 1,
+    Error = 2,
+    Disabled = 3,
+    ReadOnly = 4
+}
+
+/**
+ * text size
+ * label size
+ * padding left right
+ * padding top bottom
+ * border width
+ */
+export declare enum InputTextSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+
+export declare enum InputTextStyles {
+    Default = 1,// border bottom
+    Outlined = 2,// outline overall
+    Filled = 3
+}
+
+export declare enum InputTextTypes {
+    Text = "text",
+    Number = "number",
+    Password = "password"
+}
+
+export declare interface InsetGroupOption {
+    id: string | number;
+    text: string;
+    value?: any;
+}
+
+export declare const JUSTIFY_SELF_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+};
+
+export declare enum JustifySelfs {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SelfStart = 6,
+    SelfEnd = 7,
+    Stretch = 8,
+    Normal = 9,
+    Auto = 10
+}
+
+export declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
+    children?: ReactNode;
+}
+
+declare interface LayoutProps {
+    display?: Displays;
+    flexDirection?: FlexDirections;
+    flexWrap?: FlexWraps;
+    flexJustifyContent?: FlexJustifyContents;
+    flexAlignItem?: FlexAlignItems;
+    flexAlignContent?: FlexAlignContents;
+    gridGap?: GridGaps;
+    gridRowGap?: GridRowGaps;
+    gridColumnGap?: GridColumnGaps;
+    gridJustifyContent?: GridJustifyContents;
+    gridAlignContent?: GridAlignContents;
+    justifySelf?: JustifySelfs;
+    alignSelf?: AlignSelfs;
+}
+
+export declare interface LiProps extends AnimatedProps<HTMLAttributes<HTMLLIElement>>, StyleProps {
+    children?: ReactNode;
+}
+
+export declare const MARGIN_BOTTOM_CLASSES: ClassType;
+
+export declare const MARGIN_CLASSES: ClassType;
+
+export declare const MARGIN_LEFT_CLASSES: ClassType;
+
+export declare const MARGIN_RIGHT_CLASSES: ClassType;
+
+export declare const MARGIN_TOP_CLASSES: ClassType;
+
+export declare const MEDIA_SIZES: ClassType;
+
+export declare enum MediaSizes {
+    Mobile = 1,
+    SmallTablet = 2,
+    Tablet = 3,
+    BigTablet = 4,
+    HalfScreen = 5,
+    Laptop = 6,
+    Large = 7,
+    Extra = 8
+}
+
+export declare enum ModalStyles {
+    Default = 1,
+    Nocard = 2
+}
+
+export declare const OUTLINE_COLOR_CLASSES: ClassType_2;
+
+export declare enum OutlineStyles {
+    None = 1,
+    Solid = 2,
+    Inset = 3,
+    Outset = 4,
+    Dotted = 5,
+    Dashed = 6,
+    Double = 7,
+    Auto = 8
+}
+
+export declare const PADDING_BOTTOM_CLASSES: ClassType;
+
+export declare const PADDING_CLASSES: ClassType;
+
+export declare const PADDING_LEFT_CLASSES: ClassType;
+
+export declare const PADDING_RIGHT_CLASSES: ClassType;
+
+export declare const PADDING_TOP_CLASSES: ClassType;
+
+export declare interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
+    children?: ReactNode;
+}
+
+export declare enum Portals {
+    GlobalEventNotification = 1,
+    Modals = 2
+}
+
+export declare const POSITION_BOTTOM_CLASSES: ClassType;
+
+export declare const POSITION_LEFT_CLASSES: ClassType;
+
+export declare const POSITION_RIGHT_CLASSES: ClassType;
+
+export declare const POSITION_TOP_CLASSES: ClassType;
+
+export declare enum Positions {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10,
+    Auto = 11
+}
+
+export declare const RADIUS_VALUES: {
+    [key: number]: number;
+};
+
+export declare enum Radiuses {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10
+}
+
+export declare const SELECT_SIZES: {
+    1: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+    2: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+    3: {
+        li: {
+            paddingLeft: Spacings;
+            paddingRight: Spacings;
+            paddingTop: Spacings;
+            PaddingRights: Spacings;
+        };
+        font: {
+            size: FontSizes;
+        };
+        icon: {
+            size: Sizings;
+        };
+    };
+};
+
+export declare const SELECT_STATES: {
+    1: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: undefined;
+            labelColor: ColorPalettes;
+        };
+    };
+    2: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: undefined;
+            labelColor: ColorPalettes;
+        };
+    };
+    3: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    4: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    5: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+    6: {
+        header: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        dropdown: {
+            borderRadius: Radiuses;
+            borderWidth: BorderWidths;
+            borderColor: ColorPalettes;
+            bgColor: ColorPalettes;
+        };
+        info: {
+            label: string;
+            labelColor: ColorPalettes;
+        };
+    };
+};
+
+export declare enum SelectedValuesStyles {
+    Text = 1,
+    Chip = 2
+}
+
+export declare interface SelectOption {
+    id: string | number;
+    text: string;
+    selected: boolean;
+}
+
+/**
+ * border width -- error | none | selected |
+ * border radius
+ * font size
+ * title size -- padding
+ * li sizes -- padding
+ */
+export declare enum SelectSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3
+}
+
+export declare enum SelectStates {
+    Default = 1,
+    Selected = 2,
+    Error = 3,
+    Disabled = 4,
+    ReadOnly = 5,
+    Required = 6
+}
+
+export declare enum Sizings {
+    Size1 = 8,
+    Size2 = 12,
+    Size3 = 16,
+    Size4 = 20,
+    Size5 = 24,
+    Size6 = 28,
+    Size7 = 32,
+    Size8 = 36,
+    Size9 = 44,
+    Size10 = 52,
+    Size11 = 60,
+    Size12 = 68,
+    Size13 = 76,
+    Size14 = 84,
+    Size15 = 92
+}
+
+export declare const SPACING_VALUES: {
+    [key: number]: string;
+};
+
+export declare enum Spacings {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10,
+    Auto = 11
+}
+
+export declare interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
+    children?: ReactNode;
+}
+
+declare interface StyleProps {
+    margin?: Spacings;
+    marginTop?: Spacings;
+    marginBottom?: Spacings;
+    marginLeft?: Spacings;
+    marginRight?: Spacings;
+    padding?: Spacings;
+    paddingTop?: Spacings;
+    paddingBottom?: Spacings;
+    paddingLeft?: Spacings;
+    paddingRight?: Spacings;
+    boxShadow?: BoxShadows;
+    borderRadius?: Radiuses;
+    borderBottomLeftRadius?: Radiuses;
+    borderBottomRightRadius?: Radiuses;
+    borderTopLeftRadius?: Radiuses;
+    borderTopRightRadius?: Radiuses;
+    borderStyle?: BorderStyles;
+    borderLeftStyle?: BorderStyles;
+    borderRightStyle?: BorderStyles;
+    borderTopStyle?: BorderStyles;
+    borderBottomStyle?: BorderStyles;
+    borderWidth?: BorderWidths;
+    bgColor?: ColorPalettes;
+    paletteColor?: ColorPalettes;
+    borderColor?: ColorPalettes;
+    outlineColor?: ColorPalettes;
+    boxSizing?: BoxSizings;
+    top?: Positions;
+    bottom?: Positions;
+    left?: Positions;
+    right?: Positions;
+    cursor?: Cursors;
+}
+
+export declare interface TableHeaderElement {
+    headerId: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickHeaderCell?: (v?: string | number, e?: any) => void;
+    sortable?: boolean;
+}
+
+export declare type TableRowCellElement = {
+    cellId?: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickCell?: (v?: string | number, e?: any) => void;
+};
+
+export declare type TableRowElement = {
+    rowId: string | number;
+    templateColumns: string[];
+    cells: TableRowCellElement[];
+    hover: boolean;
+    onClickRow?: (v?: string | number, e?: any) => void;
+};
+
+export declare interface TabMenu {
+    name: string;
+    menuWrapper?: ComponentType<any>;
+    route?: string;
+    path?: string;
+    element?: ReactNode;
+}
+
+export declare const TAG_SIZE: {
+    1: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    2: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    3: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+    4: {
+        borderRadius: string;
+        width: number;
+        height: number;
+        margins: {
+            marginTop: Spacings;
+            marginBottom: Spacings;
+            marginLeft: Spacings;
+            marginRight: Spacings;
+        };
+    };
+};
+
+export declare enum TagColorSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3,
+    Large = 4
+}
+
+export declare const TEXT_ALIGN_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+
+export declare const TEXT_AREA_COLOR: {
+    [key: number]: any;
+};
+
+export declare const TEXT_AREA_SIZE: {
+    [key: number]: any;
+};
+
+export declare const TEXT_AREA_STYLE: {
+    [key: number]: any;
+};
+
+export declare enum TextAligns {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Justify = 4
+}
+
+export declare enum TextAreaModes {
+    Default = 1,
+    Error = 2,
+    Disabled = 3,
+    ReadOnly = 4
+}
+
+declare interface TextAreaProp {
+    type?: string;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    name?: string;
+    value?: any | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
+    rows?: number | undefined;
+}
+
+export declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaStyles_2, TextAreaProp {
+    children?: ReactNode;
+}
+
+export declare enum TextAreaSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+
+export declare enum TextAreaStyles {
+    Default = 1,// outline
+    Outlined = 2,// outline overall
+    Filled = 3,// border bottom & bg color
+    BorderBottom = 4,
+    Transparent = 5
+}
+
+declare interface TextAreaStyles_2 {
+    resize?: ElementResizes;
+    outlineStyle?: OutlineStyles;
+}
+
+declare interface TextInputProp {
+    type?: string;
+    required?: boolean | undefined;
+    disabled?: boolean | undefined;
+    placeholder?: string | undefined;
+    name?: string;
+    value?: any | undefined;
+    min?: number | undefined;
+    step?: number | undefined;
+}
+
+export declare interface TextInputProps extends AnimatedProps<HTMLAttributes<HTMLInputElement>>, TextStyleProps, TextInputProp {
+    children?: ReactNode;
+}
+
+declare interface TextStyleProps {
+    paletteColor?: ColorPalettes;
+    fontSize?: FontSizes;
+    fontFamily?: FontFamilies;
+    fontWeight?: FontWeights;
+    fontStyle?: FontStyles;
+    textAlign?: TextAligns;
+    cursor?: Cursors;
+}
+
+export declare const THEME_CLASSES: {
+    1: string;
+    2: string;
+    3: string;
+};
+
+export declare enum Themes {
+    Default = 1,
+    Light = 2,
+    Dark = 3
+}
+
+export declare const TOAST_TYPE: {
+    [key: number]: ToastNotification;
+};
+
+export declare type ToastNotification = {
+    icon: string;
+    color: ColorPalettes;
+    default: string;
+    isTimeout?: boolean;
+    classname?: string;
+};
+
+export declare enum ToastTypes {
+    Success = 1,
+    Alert = 2,
+    Error = 3,
+    Info = 4,
+    Static = 5,
+    Loading = 6,
+    SuccessStatic = 7,
+    ErrorStatic = 8,
+    LoadingStatic = 9
+}
+
+export declare const TOGGLE_SIZE: ToggleSizeLiteral;
+
+export declare const TOGGLE_STATE_ICON: {
+    1: null;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+};
+
+declare interface ToggleSizeLiteral {
+    [key: number]: ToggleSizeType;
+}
+
+export declare enum ToggleSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+
+declare type ToggleSizeType = {
+    container: elementSize;
+    bg: elementSize;
+    thumb: elementSize;
+    icon: elementSize;
+    bgBorderRadius: string;
+    thumbBR: string;
+};
+
+export declare enum ToggleStates {
+    Icon = 1,
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+
+export declare type UiContextType = {
+    theme: Themes;
+    baseFontSize: FontSizes;
+    handleSetTheme: (p: Themes) => void;
+    onSetBaseFontSize: (v: number) => void;
+};
+
+export declare interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
+    children?: ReactNode;
+}
+
+export { }