@functionalui/functionalui 0.2.5 → 0.2.7

package/dist/types.d.ts

@@ -1,2062 +0,0 @@
-import { AnimatedProps } from '@react-spring/web';
-import { ComponentType } from 'react';
-import { HTMLAttributes } from 'react';
-import { ReactNode } from 'react';
-import { Ref } 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;
-    ref?: Ref<HTMLButtonElement | null>;
-}
-
-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 let 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;
-    ref?: Ref<HTMLDivElement | null>;
-}
-
-/**
- * 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 FontBaseSizes {
-    Small = "small",
-    Default = "default",
-    Big = "big"
-}
-
-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 enum FUIAttributeSelectors {
-    FontBaseSize = "data-b-fsize",
-    Theme = "data-theme"
-}
-
-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;
-    ref?: Ref<HTMLHeadingElement | null>;
-}
-
-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;
-    ref?: Ref<HTMLDivElement | null>;
-}
-
-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;
-    ref?: Ref<HTMLLIElement | null>;
-}
-
-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;
-    ref?: Ref<HTMLParagraphElement | null>;
-}
-
-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;
-    ref?: Ref<HTMLSpanElement | null>;
-}
-
-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;
-    resize?: ElementResizes;
-    textOutlineStyle?: OutlineStyles;
-    textAreaStyle?: TextAreaStyles;
-}
-
-export declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
-    children?: ReactNode;
-    ref?: Ref<HTMLTextAreaElement> | undefined;
-}
-
-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 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;
-    ref?: Ref<HTMLInputElement> | undefined;
-}
-
-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;
-    ref?: Ref<HTMLUListElement | null>;
-}
-
-export { }