@functionalui/functionalui 0.1.0

package/dist/main.d.ts

@@ -0,0 +1,1638 @@
+import { AnimatedProps } from '@react-spring/web';
+import { ChangeEvent } from 'react';
+import { ComponentType } from 'react';
+import { default as default_2 } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react';
+import { JSX as JSX_3 } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const Admonition: ({ level, size, descriptionText, children, }: Props_4) => JSX_3.Element;
+
+declare enum AdmonitionLevels {
+    Info = 1,
+    Note = 2,
+    Success = 3,
+    Warning = 4,
+    Attention = 5,
+    Error = 6
+}
+
+declare enum AdmonitionSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3
+}
+
+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: FC<P_5>;
+
+export declare const AvatarGroup: FC<P_6>;
+
+declare enum AvatarSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum BorderStyles {
+    None = 1,
+    Hidden = 2,
+    Dotted = 3,
+    Dashed = 4,
+    Solid = 5,
+    Double = 6,
+    Groove = 7,
+    Ridge = 8,
+    Inset = 9,
+    Outset = 10
+}
+
+declare enum BorderWidths {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8
+}
+
+declare enum BoxShadows {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7
+}
+
+declare enum BoxSizings {
+    ContentBox = 1,
+    BorderBox = 2
+}
+
+export declare const Button: FC<ButtonProps_2>;
+
+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 enum ButtonIconPositions {
+    Left = 1,
+    Right = 2
+}
+
+declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
+    children?: ReactNode;
+}
+
+declare type ButtonProps_2 = {
+    name: string;
+    buttonSize?: ButtonSizes;
+    buttonColor?: ButtonColors;
+    buttonState?: ButtonStates;
+    buttonType?: ButtonTypes;
+    buttonShadow?: BoxShadows;
+    buttonStyle?: ButtonStyles;
+    icon?: string;
+    iconColor?: ColorPalettes;
+    iconPosition?: ButtonIconPositions;
+    animate?: boolean;
+    hover?: boolean;
+    parentHover?: boolean;
+    hoverColor?: ButtonColors;
+    type?: "submit" | "reset" | "button";
+    clickAction?: (v: any) => void;
+};
+
+declare enum ButtonSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+
+declare enum ButtonStates {
+    Icon = 1,// default
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+
+declare interface ButtonStyleProps {
+    disabled?: boolean;
+    type?: ButtonTypes;
+}
+
+declare enum ButtonStyles {
+    Plain = 1,
+    Gray = 2,
+    Tinted = 3,
+    Outlined = 4,
+    Filled = 5
+}
+
+declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit",
+    Reset = "reset"
+}
+
+declare interface CellStyles {
+    position: {
+        justifySelf: JustifySelfs;
+        alignSelf: AlignSelfs;
+    };
+}
+
+export declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props_5) => JSX_3.Element;
+
+declare enum CheckboxColors {
+    Primary5 = 1,
+    Secondary5 = 2,
+    Grey5 = 3,
+    Red5 = 4,
+    Green5 = 5,
+    Blue5 = 6,
+    Yellow5 = 7
+}
+
+export declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => JSX_3.Element;
+
+declare type CheckboxesProps = {
+    options: CheckboxOption[];
+    multiselect: boolean;
+    checkboxColor: CheckboxColors;
+    size?: CheckboxSizes;
+    handleClick: (v: any) => void;
+};
+
+declare type CheckboxOption = {
+    id: number;
+    name: string;
+    value?: any;
+    isChecked: boolean;
+};
+
+declare enum CheckboxSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5
+}
+
+export declare const Chip: FC<P_7>;
+
+declare enum ChipSizes {
+    Tiny = 1,
+    Small = 2,
+    Medium = 3,
+    Big = 4
+}
+
+declare enum ChipStyles {
+    Filled = 1,
+    Outlined = 2
+}
+
+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 ColorPicker: FC<P_9>;
+
+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 Container: FC<DivProps>;
+
+export declare const ContainerRef: ForwardRefExoticComponent<DivProps & RefAttributes<unknown>>;
+
+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
+}
+
+declare type directions = "horizontal" | "vertical" | "verticalInverted";
+
+declare const directions: any;
+
+declare type directions_2 = "horizontal" | "vertical";
+
+declare const directions_2: any;
+
+declare enum Displays {
+    None = 1,
+    Block = 2,
+    InlineBlock = 3,
+    Flex = 4,
+    InlineFlex = 5,
+    Grid = 6
+}
+
+export declare const DivMeasure: FC<P>;
+
+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
+ */
+declare enum DropdownHeightStyles {
+    Default = 1,
+    AutoHeight = 2
+}
+
+declare enum DropdownPositions {
+    Top = 1,
+    Bottom = 2
+}
+
+declare enum ElementResizes {
+    None = 1,
+    Both = 2,
+    Horizontal = 3,
+    Vertical = 4
+}
+
+export declare const F__Button: FC<ButtonProps>;
+
+export declare const F__ButtonRef: ForwardRefExoticComponent<ButtonProps & RefAttributes<unknown>>;
+
+export declare const F__Li: FC<LiProps>;
+
+export declare const F__LiRef: ForwardRefExoticComponent<LiProps & RefAttributes<unknown>>;
+
+export declare const F__TextArea: FC<TextAreaProps>;
+
+export declare const F__TextAreaRef: ForwardRefExoticComponent<TextAreaProps & RefAttributes<unknown>>;
+
+export declare const F__TextInput: FC<TextInputProps>;
+
+export declare const F__TextInputRef: ForwardRefExoticComponent<TextInputProps & RefAttributes<unknown>>;
+
+export declare const F__Ul: FC<UlProps>;
+
+export declare const F__UlRef: ForwardRefExoticComponent<UlProps & RefAttributes<unknown>>;
+
+declare enum FlexAlignContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5,
+    Stretch = 6
+}
+
+declare enum FlexAlignItems {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    Baseline = 4,
+    Stretch = 5
+}
+
+declare enum FlexDirections {
+    Row = 1,
+    Column = 2,
+    RowReverse = 3,
+    ColumnReverse = 4
+}
+
+declare enum FlexJustifyContents {
+    FlexStart = 1,
+    FlexEnd = 2,
+    Center = 3,
+    SpaceBetween = 4,
+    SpaceAround = 5
+}
+
+declare enum FlexWraps {
+    NoWrap = 1,
+    Wrap = 2,
+    WrapReverse = 3
+}
+
+declare enum FontFamilies {
+    Default = 1
+}
+
+declare enum FontSizes {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9,
+    Size10 = 10
+}
+
+declare enum FontStyles {
+    Normal = 1,
+    Italic = 2
+}
+
+declare enum FontWeights {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6
+}
+
+declare interface FUI__Avatar {
+    children: ReactNode;
+    name?: string;
+    isLoading?: boolean;
+    onClick?: (v?: any) => void;
+}
+
+export declare const FunctionalUiPortals: {
+    [key: number]: {
+        id: string;
+        html: ReactNode;
+    };
+};
+
+export declare const GalleryModal: FC<P_10>;
+
+declare type GlobalEventContextType = {
+    globalEventRef: any | null;
+    handleGlobalEventRef: (props: string, type: ToastTypes) => void;
+    catchUserAxiosNextApiError: any | undefined;
+    catchUserAxiosFetcherError: any | undefined;
+};
+
+export declare const GlobalEventPortal: ({ children }: {
+    children: default_2.ReactNode;
+}) => JSX_3.Element;
+
+declare enum GridAlignContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+declare enum GridColumnGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum GridGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare enum GridJustifyContents {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Left = 4,
+    Right = 5,
+    SpaceAround = 6,
+    SpaceBetween = 7,
+    Stretch = 8,
+    SpaceEvenly = 9
+}
+
+declare enum GridRowGaps {
+    Size1 = 1,
+    Size2 = 2,
+    Size3 = 3,
+    Size4 = 4,
+    Size5 = 5,
+    Size6 = 6,
+    Size7 = 7,
+    Size8 = 8,
+    Size9 = 9
+}
+
+declare interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
+    children?: ReactNode;
+}
+
+declare interface HeaderProps {
+    header: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+
+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 InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, }: P_12) => JSX_3.Element;
+
+export declare const InputText: ({ id, name, type, value, modes, label, focus, required, width, fullWidth, helperText, placeholder, step, min, handleChange, handleFocus, handleBlur, handleCheck, size, inputStyle, inputColor, labelTextColor, transparent, ...props }: P_14) => JSX_3.Element;
+
+declare enum InputTextModes {
+    Default = 1,
+    Error = 2,
+    Disabled = 3,
+    ReadOnly = 4
+}
+
+/**
+ * text size
+ * label size
+ * padding left right
+ * padding top bottom
+ * border width
+ */
+declare enum InputTextSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+
+declare enum InputTextStyles {
+    Default = 1,// border bottom
+    Outlined = 2,// outline overall
+    Filled = 3
+}
+
+declare enum InputTextTypes {
+    Text = "text",
+    Number = "number",
+    Password = "password"
+}
+
+export declare const InsetGroup: FC<P_16>;
+
+declare interface InsetGroupOption {
+    id: string | number;
+    text: string;
+    value?: any;
+}
+
+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 const LabelText: ({ labelName, offsetX, y, x, hover, }: {
+    labelName?: string | undefined;
+    offsetX?: number | undefined;
+    y?: number | undefined;
+    x?: number | undefined;
+    hover?: boolean | undefined;
+}) => JSX_3.Element;
+
+export declare const Layout: FC<LayoutDivProps>;
+
+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 const LayoutRef: ForwardRefExoticComponent<LayoutDivProps & RefAttributes<unknown>>;
+
+declare interface LiProps extends AnimatedProps<HTMLAttributes<HTMLLIElement>>, StyleProps {
+    children?: ReactNode;
+}
+
+export declare const LoadingSpinner: ({ isLoading, size }: Props) => JSX_2.Element;
+
+export declare const Modal: FC<P_11>;
+
+declare enum ModalStyles {
+    Default = 1,
+    Nocard = 2
+}
+
+export declare const NotificationSystem: () => JSX_3.Element;
+
+declare enum OutlineStyles {
+    None = 1,
+    Solid = 2,
+    Inset = 3,
+    Outset = 4,
+    Dotted = 5,
+    Dashed = 6,
+    Double = 7,
+    Auto = 8
+}
+
+declare interface P {
+    children: ReactNode;
+    inherit?: boolean;
+    width?: "100%" | "auto" | number;
+    height?: "100%" | "auto" | number;
+}
+
+declare interface P_10 {
+    showModal: boolean;
+    closeModal: (v?: any) => void;
+    images: Array<any>;
+}
+
+declare interface P_11 {
+    showModal: boolean;
+    closeModal: (v?: any) => void;
+    children: ReactNode;
+    modalStyles?: ModalStyles;
+    modalBackground?: ColorPalettes;
+}
+
+declare interface P_12 {
+    id: string;
+    name: string;
+    handleImageChange?: (v: File | undefined) => void;
+    labelname?: string;
+    defaultValue?: string;
+    width?: number | string;
+    height?: number | string;
+}
+
+declare interface P_13 {
+    checked: boolean;
+    id: string;
+    handleChange: (id: string, checked: boolean) => void;
+    size?: Sizings;
+    children: ReactNode;
+    vertigo?: boolean;
+}
+
+/**
+ * icon on left or right side
+ */
+declare interface P_14 extends HTMLAttributes<HTMLInputElement> {
+    id: string;
+    name: string;
+    type?: InputTextTypes;
+    value?: any;
+    modes?: InputTextModes;
+    label: string;
+    focus?: boolean;
+    width?: number | string;
+    required?: boolean;
+    fullWidth?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    step?: number;
+    min?: number;
+    handleChange?: (v: ChangeEvent<HTMLInputElement>) => void;
+    handleFocus?: (v?: any) => void;
+    handleBlur?: (v?: any) => void;
+    handleCheck?: (v?: any) => Promise<any> | void;
+    fontColor?: ColorPalettes;
+    fontWeight?: FontWeights;
+    fontSize?: FontSizes;
+    size?: InputTextSizes;
+    inputStyle?: InputTextStyles;
+    inputColor?: ColorSets;
+    /**
+     * colors
+     * - border color, input text color, label color, icon color
+     */
+    labelTextColor?: boolean | ColorPalettes;
+    transparent?: boolean;
+}
+
+declare interface P_15 extends HTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    name: string;
+    value?: any;
+    modes?: TextAreaModes;
+    label: string;
+    rows?: number;
+    focus?: boolean;
+    width?: number;
+    required?: boolean;
+    fullWidth?: boolean;
+    helperText?: string;
+    placeholder?: string;
+    onChange?: (v: ChangeEvent<HTMLTextAreaElement>) => void;
+    handleBlur?: (...args: any[]) => void;
+    handleFocus?: (...args: any[]) => void;
+    handleCheck?: (v?: any) => Promise<any> | void;
+    size?: TextAreaSizes;
+    textAreaStyle?: TextAreaStyles_2;
+    textAreaColor?: ColorSets;
+    labelTextColor?: boolean | ColorPalettes;
+    noLabel?: boolean;
+}
+
+declare interface P_16 {
+    id: any;
+    options: InsetGroupOption[];
+    valueIndex?: any;
+    setInput?: any;
+    setSelect?: (v: InsetGroupOption) => void;
+    insetColor?: ColorSets;
+}
+
+declare interface P_17 {
+    id: string | number;
+    title: string;
+    options: SelectOption[];
+    selectedIdx?: number | null;
+    w?: number;
+    doubleZero?: boolean;
+    required?: boolean;
+    dropdownHeightStyle?: DropdownHeightStyles;
+    state?: SelectStates;
+    selectedValuesStyle?: SelectedValuesStyles;
+    colorSet?: ColorSets;
+    dropdownPosition?: DropdownPositions;
+    setSelectedIdx: (idx: number) => void;
+    setInput?: (a: any) => void;
+}
+
+declare interface P_18 {
+    headers: TableHeaderElement[];
+    rows: TableRowElement[];
+    templateColumns: string[];
+    hover?: boolean;
+    emptyPlaceholder?: ReactNode;
+}
+
+declare interface P_19 {
+    headers: TableHeaderElement[];
+    templateColumns: string[];
+    setTableRows?: (v?: any) => void;
+}
+
+declare interface P_2 {
+    direction: directions;
+    isShown: boolean;
+    children?: ReactNode;
+}
+
+declare type P_20 = {
+    tab: number;
+    tabMenu: TabMenu[];
+    setTab?: (a: number) => void;
+};
+
+declare interface P_3 {
+    direction: directions_2;
+    isShown?: boolean;
+    enterOffsetBy?: number;
+    children?: ReactNode;
+}
+
+declare type P_4 = {
+    name: Icons | string;
+    withMargin?: boolean;
+    size?: Sizings;
+    width?: number;
+    height?: number;
+    lazy?: boolean;
+    colorLight?: ColorPalettes;
+    colorDark?: ColorPalettes;
+    iconAction?: (v?: any) => void;
+    animated?: boolean;
+    cursor?: Cursors;
+    overflow?: string;
+    borderRadius?: string;
+};
+
+declare interface P_5 {
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    avatarName?: string | null;
+    withHover?: boolean;
+    onClick?: (v?: any) => void;
+    children?: ReactNode;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+
+declare interface P_6 {
+    avatars: FUI__Avatar[];
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    withHover?: boolean;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+
+declare interface P_7 {
+    children: ReactNode;
+    paddings?: "top bottom" | "left right" | "all";
+    margin?: Spacings | undefined;
+    marginTop?: Spacings | undefined;
+    marginBottom?: Spacings | undefined;
+    marginLeft?: Spacings | undefined;
+    marginRight?: Spacings | undefined;
+    bgColor?: ColorPalettes;
+    chipStyle?: ChipStyles;
+    fontSize?: FontSizes;
+    chipColor?: ColorSets;
+    size?: ChipSizes;
+}
+
+declare interface P_8 {
+    size: TagColorSizes;
+    color?: ColorPalettes | string;
+    text?: string | number;
+}
+
+declare interface P_9 {
+    defaultColor?: string;
+    setInput?: (v: any) => any;
+    setColor?: (color: string) => void;
+    inputName?: string | undefined;
+    closePicker?: ((p?: boolean) => void) | undefined;
+    position?: "absolute" | "static";
+}
+
+declare interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
+    children?: ReactNode;
+}
+
+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
+}
+
+declare type Props = {
+    isLoading: boolean;
+    size?: Sizings;
+};
+
+/**
+ * top left, top right
+ * bottom left, bottom right
+ */
+declare type Props_2 = {
+    isOpen: boolean;
+    children: ReactNode;
+};
+
+declare interface Props_3 {
+    children: default_2.ReactNode;
+}
+
+declare type Props_4 = {
+    level: AdmonitionLevels;
+    size?: AdmonitionSizes;
+    descriptionText: string;
+    children?: React.ReactNode;
+};
+
+declare type Props_5 = {
+    isChecked: boolean;
+    children?: default_2.ReactNode;
+    size?: CheckboxSizes;
+    checkboxColor?: CheckboxColors;
+    onClick?: (v?: any) => void;
+};
+
+/**
+ * colors bg
+ * icons -- loading
+ */
+declare type Props_6 = {
+    isTrue: boolean;
+    setIsTrue: (a: any) => void;
+    size?: ToggleSizes;
+    icon?: string;
+    toggleState?: ToggleStates;
+    description?: string;
+};
+
+export declare function ProvideGlobalEventContext({ children, }: {
+    children: default_2.ReactNode;
+}): JSX_3.Element;
+
+export declare function ProvideUiContext({ children }: Props_3): JSX_3.Element;
+
+export declare const Radio: FC<P_13>;
+
+declare enum Radiuses {
+    Size0 = 1,
+    Size1 = 2,
+    Size2 = 3,
+    Size3 = 4,
+    Size4 = 5,
+    Size5 = 6,
+    Size6 = 7,
+    Size7 = 8,
+    Size8 = 9,
+    Size9 = 10
+}
+
+declare enum SelectedValuesStyles {
+    Text = 1,
+    Chip = 2
+}
+
+declare interface SelectOption {
+    id: string | number;
+    text: string;
+    selected: boolean;
+}
+
+export declare const SelectSpring: FC<P_17>;
+
+declare enum SelectStates {
+    Default = 1,
+    Selected = 2,
+    Error = 3,
+    Disabled = 4,
+    ReadOnly = 5,
+    Required = 6
+}
+
+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
+}
+
+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
+}
+
+declare interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
+    children?: ReactNode;
+}
+
+export declare function Spinner({ size }: {
+    size?: Sizings | undefined;
+}): JSX_3.Element;
+
+export declare const SpringEnter: FC<P_2>;
+
+export declare const SpringEnterOffsetBy: FC<P_3>;
+
+export declare const SpringMenuTransition: FC<Props_2>;
+
+export declare const SpringOpenCloseHeight: ({ isOpen, children, }: {
+    isOpen: boolean;
+    children: ReactNode;
+}) => JSX_3.Element;
+
+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 const TableGrid: FC<P_18>;
+
+export declare const TableHeader: FC<P_19>;
+
+declare interface TableHeaderElement {
+    headerId: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickHeaderCell?: (v?: string | number, e?: any) => void;
+    sortable?: boolean;
+}
+
+export declare const TableRow: ({ rowId, templateColumns, cells, hover, onClickRow, }: TableRowElement) => JSX_3.Element;
+
+declare type TableRowCellElement = {
+    cellId?: string | number;
+    element: ReactNode;
+    styles: CellStyles;
+    onClickCell?: (v?: string | number, e?: any) => void;
+};
+
+declare type TableRowElement = {
+    rowId: string | number;
+    templateColumns: string[];
+    cells: TableRowCellElement[];
+    hover: boolean;
+    onClickRow?: (v?: string | number, e?: any) => void;
+};
+
+declare interface TabMenu {
+    name: string;
+    menuWrapper?: ComponentType<any>;
+    route?: string;
+    path?: string;
+    element?: ReactNode;
+}
+
+export declare const Tabs: ({ tabMenu, tab, setTab }: P_20) => JSX_3.Element;
+
+export declare const TagColor: FC<P_8>;
+
+declare enum TagColorSizes {
+    Small = 1,
+    Medium = 2,
+    Big = 3,
+    Large = 4
+}
+
+export declare const Text_H1: FC<HeadElementProps>;
+
+export declare const Text_H1Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_H2: FC<HeadElementProps>;
+
+export declare const Text_H2Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_H3: FC<HeadElementProps>;
+
+export declare const Text_H3Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_H4: FC<HeadElementProps>;
+
+export declare const Text_H4Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_H5: FC<HeadElementProps>;
+
+export declare const Text_H5Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_H6: FC<HeadElementProps>;
+
+export declare const Text_H6Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_Header: FC<HeadElementProps>;
+
+export declare const Text_HeaderRef: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+
+export declare const Text_P: FC<ParagraphProps>;
+
+export declare const Text_PRef: ForwardRefExoticComponent<ParagraphProps & RefAttributes<unknown>>;
+
+export declare const Text_Span: FC<SpanProps>;
+
+export declare const Text_SpanRef: ForwardRefExoticComponent<SpanProps & RefAttributes<unknown>>;
+
+declare enum TextAligns {
+    Start = 1,
+    End = 2,
+    Center = 3,
+    Justify = 4
+}
+
+export declare const TextArea: ({ id, name, value, modes, label, required, rows, width, fullWidth, placeholder, onChange, handleBlur, handleFocus, handleCheck, size, textAreaStyle, textAreaColor, labelTextColor, noLabel, ...props }: P_15) => JSX_3.Element;
+
+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;
+}
+
+declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaStyles, TextAreaProp {
+    children?: ReactNode;
+}
+
+declare enum TextAreaSizes {
+    Small = 1,
+    Default = 2,// medium
+    Big = 3,
+    Huge = 4
+}
+
+declare interface TextAreaStyles {
+    resize?: ElementResizes;
+    outlineStyle?: OutlineStyles;
+}
+
+declare enum TextAreaStyles_2 {
+    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;
+}
+
+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;
+}
+
+declare enum Themes {
+    Default = 1,
+    Light = 2,
+    Dark = 3
+}
+
+declare enum ToastTypes {
+    Success = 1,
+    Alert = 2,
+    Error = 3,
+    Info = 4,
+    Static = 5,
+    Loading = 6,
+    SuccessStatic = 7,
+    ErrorStatic = 8,
+    LoadingStatic = 9
+}
+
+declare enum ToggleSizes {
+    Tiny = 1,
+    Smaller = 2,
+    Small = 3,
+    Medium = 4,
+    Big = 5,
+    Large = 6
+}
+
+declare enum ToggleStates {
+    Icon = 1,
+    Loading = 2,
+    Success = 3,
+    Error = 4,
+    Disabled = 5
+}
+
+export declare const ToggleSwitch: ({ isTrue, setIsTrue, size, icon, toggleState, description, }: Props_6) => JSX_3.Element;
+
+export declare const UIcon: FC<P_4>;
+
+declare type UiContextType = {
+    theme: Themes;
+    baseFontSize: FontSizes;
+    handleSetTheme: (p: Themes) => void;
+    onSetBaseFontSize: (v: number) => void;
+};
+
+declare interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
+    children?: ReactNode;
+}
+
+export declare const useGlobalEventContext: () => GlobalEventContextType;
+
+export declare const useUiContext: () => UiContextType;
+
+export { }