@ballistix.digital/react-components 4.4.1 → 4.5.1

package/dist/index.d.ts

@@ -1,21 +1,13 @@
-import React, { FC, ReactNode, RefObject, MouseEvent as MouseEvent$1, ReactElement, MutableRefObject, ChangeEventHandler, FocusEventHandler, MouseEventHandler, KeyboardEventHandler, HTMLInputTypeAttribute, Dispatch, SetStateAction, ElementType, ChangeEvent } from 'react';
-import { DeepPartialType } from 'types/DeepPartialType';
-import { IconName } from '@fortawesome/fontawesome-svg-core';
-import { Placement } from '@floating-ui/react';
-import { Menu } from '@headlessui/react';
-import { AnchorProps } from '@headlessui/react/dist/internal/floating';
-import { ColumnDef, SortingState, ColumnOrderState, Row, Table } from '@tanstack/react-table';
-import { TButtonElementStyles as TButtonElementStyles$1 } from 'components/Element/Button';
-import { TDropdownElementStyles as TDropdownElementStyles$1 } from 'components/Element/Dropdown';
-import { TPagePaginationNavigationStyles as TPagePaginationNavigationStyles$1 } from 'components/Navigation/PagePagination';
-import { DragEndEvent } from '@dnd-kit/core';
-export { createColumnHelper } from 'helpers/table';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Option, SelectValue } from 'react-tailwindcss-select/dist/components/type';
-export { fromSelectMenuOptionToStringValue } from 'helpers/format';
-import { FormikProps, FormikValues, FormikContextType } from 'formik';
-
-declare const base$s: {
+import { IconName } from "@fortawesome/fontawesome-svg-core";
+import { FC, ReactNode, RefObject, MouseEvent, ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler, MouseEventHandler, MutableRefObject, ChangeEvent, Dispatch, SetStateAction } from "react";
+import { Option, SelectValue } from "react-tailwindcss-select/dist/components/type";
+import { Table, ColumnDef, ColumnOrderState, SortingState, Row } from "@tanstack/react-table";
+import { DragEndEvent } from "@dnd-kit/core";
+import { FormikProps, FormikValues, FormikContextType } from "formik";
+type DeepPartialType<T> = {
+    [P in keyof T]?: DeepPartialType<T[P]>;
+};
+declare const base: {
     loading: string;
     spinner: string;
     empty: string;
@@ -23,27 +15,124 @@ declare const base$s: {
     container: string;
     indicator: string;
 };
-type TAvatarElementStyles = DeepPartialType<typeof base$s>;
-
-type TProps$h = {
-    src?: string | undefined;
-    placeholder?: string | undefined;
-    children?: ReactNode | ReactNode[] | string;
-    url?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    figure?: 'block' | 'rounded';
-    status?: 'offline' | 'online' | 'blocked';
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    styles?: TAvatarElementStyles;
+export const AvatarElement: {
+    base: {
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    };
+    xs: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    sm: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    md: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    lg: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    xl: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    block: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    rounded: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    offline: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    online: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    blocked: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    disabled: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
+    loading: DeepPartialType<{
+        loading: string;
+        spinner: string;
+        empty: string;
+        placeholder: string;
+        container: string;
+        indicator: string;
+    }>;
 };
-declare const AvatarElement: FC<TProps$h>;
-
-declare const base$r: {
+type TSelectMenuOption = {
+    label: string;
+    value: string;
+    required?: boolean;
+};
+export const fromSelectMenuOptionToStringValue: (value: TSelectMenuOption | TSelectMenuOption[]) => string | string[] | null;
+declare const _base1: {
     container: string;
     icon: string;
     content: {
         container: string;
+        iconContainer: string;
         title: string;
         message: string;
         actions: string;
@@ -51,42 +140,205 @@ declare const base$r: {
         inverted: string;
     };
 };
-type TAlertElementStyles = DeepPartialType<typeof base$r>;
-
-type TProps$g = {
-    title: string;
-    message?: string;
-    iconAccessor?: IconName;
-    type?: 'error' | 'warn' | 'info' | 'success' | 'generic';
-    isCollapsible?: boolean;
-    onClose?: () => void;
-    onCollapse?: () => void;
-    styles?: TAlertElementStyles;
+export const AlertElement: {
+    _base1: {
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    };
+    generic: DeepPartialType<{
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    }>;
+    error: DeepPartialType<{
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    }>;
+    warn: DeepPartialType<{
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    }>;
+    success: DeepPartialType<{
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    }>;
+    info: DeepPartialType<{
+        container: string;
+        icon: string;
+        content: {
+            container: string;
+            iconContainer: string;
+            title: string;
+            message: string;
+            actions: string;
+            action: string;
+            inverted: string;
+        };
+    }>;
 };
-declare const BadgeElement$1: FC<TProps$g>;
-
-declare const base$q: {
+type TProps = {
+    accessor: IconName;
+    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
+    className?: string;
+};
+export const IconElement: FC<TProps>;
+declare const _base2: {
     container: string;
     indicator: string;
     button: string;
 };
-type TBadgeElementStyles = DeepPartialType<typeof base$q>;
-
-type TProps$f = {
-    children: string | ReactNode;
-    color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
-    type?: 'normal' | 'indicator' | 'close';
-    size?: 'sm' | 'lg';
-    figure?: 'block' | 'rounded';
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    onClose?: () => void;
-    styles?: TBadgeElementStyles;
-    dataCy?: string;
+export const BadgeElement: {
+    _base2: {
+        container: string;
+        indicator: string;
+        button: string;
+    };
+    normal: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    indicator: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    close: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    primary: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    secondary: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    outline: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    sm: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    lg: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    block: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    rounded: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    gray: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    red: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    yellow: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    green: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    blue: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    indigo: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    purple: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    pink: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    disabled: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
+    loading: DeepPartialType<{
+        container: string;
+        indicator: string;
+        button: string;
+    }>;
 };
-declare const BadgeElement: FC<TProps$f>;
-
-declare const base$p: {
+declare const _base3: {
     container: string;
     content: string;
     arrow: {
@@ -95,20 +347,18 @@ declare const base$p: {
         strokeWidth: string;
     };
 };
-type TTooltipElementStyles = DeepPartialType<typeof base$p>;
-
-type TProps$e = {
-    children: ReactNode;
-    content: ReactNode;
-    placement?: Placement;
-    isPointing?: boolean;
-    isHidden?: boolean;
-    styles?: TTooltipElementStyles;
-    dataCy?: string;
+export const TooltipElement: {
+    _base3: {
+        container: string;
+        content: string;
+        arrow: {
+            stroke: string;
+            fill: string;
+            strokeWidth: string;
+        };
+    };
 };
-declare const TooltipElement: FC<TProps$e>;
-
-type TButtonElementProps = {
+export type TButtonElementProps = {
     children: string | ReactNode;
     innerRef?: RefObject<HTMLButtonElement>;
     htmlType?: 'button' | 'submit';
@@ -119,64 +369,90 @@ type TButtonElementProps = {
     isDisabled?: boolean;
     dataCy?: string;
     styles?: TButtonElementStyles;
-    onClick?: (e?: MouseEvent$1<HTMLButtonElement>) => void;
+    onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
 };
-declare const ButtonElement: FC<TButtonElementProps>;
-
-declare const base$o: {
+export const ButtonElement: FC<TButtonElementProps>;
+declare const _base4: {
     container: string;
     content: string;
     icon: string;
     spinner: string;
 };
-type TButtonElementStyles = DeepPartialType<typeof base$o>;
-
-declare const base$n: {
+type TButtonElementStyles = DeepPartialType<typeof _base4>;
+declare const _base5: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-type TButtonGroupElementStyles = DeepPartialType<typeof base$n>;
-
-type TProps$d = {
-    children: ReactElement[];
-    styles?: TButtonGroupElementStyles;
+export const ButtonGroupElement: {
+    _base5: {
+        container: string;
+        firstButton: string;
+        button: string;
+        lastButton: string;
+    };
 };
-declare const ButtonGroupElement: FC<TProps$d>;
-
-declare const base$m: {
+declare const _base6: {
     container: string;
     button: string;
     compact: string;
     dots: string;
     items: string;
 };
-type TDropdownElementStyles = DeepPartialType<typeof base$m>;
-
-type TProps$c = {
-    children: ReactElement | ReactElement[];
-    label?: string | ReactElement;
-    trigger?: ReactNode;
-    dataCy?: string;
-    type?: 'button' | 'compact';
-    direction?: AnchorProps;
-    isEscapingOverflow?: boolean;
-    styles?: TDropdownElementStyles;
-};
-declare const DropdownElement: {
-    Container: FC<TProps$c>;
-    Item: typeof Menu.Item;
-};
-
-type TProps$b = {
-    accessor: IconName;
-    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
-    className?: string;
+export const DropdownElement: {
+    _base6: {
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    };
+    button: DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
+    compact: DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
+    'bottom-left': DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
+    'bottom-right': DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
+    'top-left': DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
+    'top-right': DeepPartialType<{
+        container: string;
+        button: string;
+        compact: string;
+        dots: string;
+        items: string;
+    }>;
 };
-declare const IconElement: FC<TProps$b>;
-
-type TInputGroupFormProps = {
+type TDropdownElementStyles = DeepPartialType<typeof _base6>;
+export type TInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -229,9 +505,8 @@ type TInputGroupFormProps = {
     onClear?: never;
     trailing?: string | ReactNode;
 });
-declare const InputGroupForm: FC<TInputGroupFormProps>;
-
-declare const base$l: {
+export const InputGroupForm: FC<TInputGroupFormProps>;
+declare const _base7: {
     container: string;
     head: string;
     body: string;
@@ -244,107 +519,424 @@ declare const base$l: {
     description: string;
     error: string;
 };
-type TInputGroupStyles = DeepPartialType<typeof base$l>;
-
-declare const base$k: {
+export type TInputGroupStyles = DeepPartialType<typeof _base7>;
+declare const _base8: {
     container: string;
     content: string;
 };
-type TContainerLayoutStyles = DeepPartialType<typeof base$k>;
-
-type TProps$a = {
-    children: ReactNode;
-    type?: 'break' | 'center' | 'fill';
-    styles?: TContainerLayoutStyles;
+export const ContainerLayout: {
+    _base8: {
+        container: string;
+        content: string;
+    };
+    break: DeepPartialType<{
+        container: string;
+        content: string;
+    }>;
+    center: DeepPartialType<{
+        container: string;
+        content: string;
+    }>;
+    fill: DeepPartialType<{
+        container: string;
+        content: string;
+    }>;
 };
-declare const ContainerLayout: FC<TProps$a>;
-
-declare const base$j: {
+declare const _base9: {
     container: string;
     head: string;
     line: string;
     body: string;
     content: string;
 };
-type TDividerLayoutStyles = DeepPartialType<typeof base$j>;
-
-type TProps$9 = {
-    children?: ReactNode;
-    type?: 'left' | 'center' | 'right';
-    styles?: TDividerLayoutStyles;
+export const DividerLayout: {
+    _base9: {
+        container: string;
+        head: string;
+        line: string;
+        body: string;
+        content: string;
+    };
+    left: DeepPartialType<{
+        container: string;
+        head: string;
+        line: string;
+        body: string;
+        content: string;
+    }>;
+    center: DeepPartialType<{
+        container: string;
+        head: string;
+        line: string;
+        body: string;
+        content: string;
+    }>;
+    right: DeepPartialType<{
+        container: string;
+        head: string;
+        line: string;
+        body: string;
+        content: string;
+    }>;
 };
-declare const DividerLayout: FC<TProps$9>;
-
-declare const base$i: {
+declare const _base10: {
     container: string;
     list: string;
     item: string;
 };
-type TListContainerLayoutStyles = DeepPartialType<typeof base$i>;
-
-type TProps$8 = {
-    children: ReactElement | ReactElement[];
-    type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
-    styles?: TListContainerLayoutStyles;
+export const ListContainerLayout: {
+    _base10: {
+        container: string;
+        list: string;
+        item: string;
+    };
+    fill: DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
+    'fill-sticky': DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
+    center: DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
+    'center-sticky': DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
+    card: DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
+    'card-sticky': DeepPartialType<{
+        container: string;
+        list: string;
+        item: string;
+    }>;
 };
-declare const ListContainerLayout: FC<TProps$8>;
-
-declare const base$h: {
+declare const _base11: {
     container: string;
     figure: string;
     svg: string;
     title: string;
     paragraph: string;
 };
-type TMediaObjectLayoutStyles = DeepPartialType<typeof base$h>;
-
-type TProps$7 = {
-    title: string;
-    paragraph: string;
-    figure?: ReactNode;
-    type?: 'top' | 'top-reversed' | 'center' | 'center-reversed' | 'bottom' | 'bottom-reversed' | 'stretch' | 'stretch-reversed' | 'responsive' | 'responsive-reversed' | 'wide' | 'wide-reversed';
-    styles?: TMediaObjectLayoutStyles;
+export const MediaObjectLayout: {
+    _base11: {
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    };
+    top: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'top-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    center: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'center-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    bottom: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'bottom-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    stretch: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'stretch-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    responsive: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'responsive-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    wide: DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
+    'wide-reversed': DeepPartialType<{
+        container: string;
+        figure: string;
+        svg: string;
+        title: string;
+        paragraph: string;
+    }>;
 };
-declare const MediaObjectLayout: FC<TProps$7>;
-
-declare const base$g: {
+declare const _base12: {
     container: string;
     section: string;
 };
-type TPanelLayoutStyles = DeepPartialType<typeof base$g>;
-
-type TContainerProps$2 = {
-    children: ReactNode;
-    type?: 'normal' | 'sticky';
-    styles?: TPanelLayoutStyles;
-};
-type TSectionProps = {
-    children: ReactNode;
-    styles?: {
+export const PanelLayout: {
+    _base12: {
+        container: string;
         section: string;
     };
+    normal: DeepPartialType<{
+        container: string;
+        section: string;
+    }>;
+    sticky: DeepPartialType<{
+        container: string;
+        section: string;
+    }>;
 };
-declare const LayoutPanel: {
-    Container: React.FC<TContainerProps$2>;
-    Section: React.FC<TSectionProps>;
-};
-
-type TData$1 = any;
-type VisibilityState$1 = {
-    [key: string]: boolean;
-};
-type TTableListProps$1<TData> = {
-    id: string;
-    columns: ColumnDef<TData>[];
-    data: TData[];
-    page: {
-        current?: number;
-        total: number;
+declare const _base13: {
+    container: string;
+    left: {
+        container: string;
+        button: string;
+        icon: string;
+    };
+    center: {
+        container: string;
+    };
+    right: {
+        container: string;
+        button: string;
+        icon: string;
+    };
+    button: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    divider: string;
+};
+export const PagePaginationNavigation: {
+    _base13: {
+        container: string;
+        left: {
+            container: string;
+            button: string;
+            icon: string;
+        };
+        center: {
+            container: string;
+        };
+        right: {
+            container: string;
+            button: string;
+            icon: string;
+        };
+        button: {
+            default: string;
+            active: string;
+            disabled: string;
+        };
+        divider: string;
+    };
+};
+type TPagePaginationNavigationStyles = DeepPartialType<typeof _base13>;
+declare const _base14: {
+    container: string;
+    mobile: {
+        container: string;
+        button: string;
+    };
+    desktop: {
+        container: string;
+        outerRightButton: string;
+        outerLeftButton: string;
+        innerButton: string;
+        navigation: string;
+    };
+    button: {
+        default: string;
+        active: string;
+        disabled: string;
+    };
+    divider: string;
+    label: string;
+    icon: string;
+    pageSizeList: string;
+};
+export const PanelPaginationNavigation: {
+    _base14: {
+        container: string;
+        mobile: {
+            container: string;
+            button: string;
+        };
+        desktop: {
+            container: string;
+            outerRightButton: string;
+            outerLeftButton: string;
+            innerButton: string;
+            navigation: string;
+        };
+        button: {
+            default: string;
+            active: string;
+            disabled: string;
+        };
+        divider: string;
+        label: string;
+        icon: string;
+        pageSizeList: string;
+    };
+};
+export type TSelectMenuFormProps = {
+    name: string;
+    label?: string;
+    description?: string;
+    placeholder?: {
+        select?: string;
+        searchInput?: string;
+        emptyState?: string;
+    };
+    options: {
+        value: string;
+        label: string;
+    }[];
+    required?: ({ isRequired }: {
+        isRequired: boolean;
+    }) => string | ReactNode;
+    value: {
+        label: string;
+        value: string;
+        disabled?: boolean;
+    };
+    error?: string | Option | Option[];
+    isLoading?: boolean;
+    isRequired?: boolean;
+    isTouched?: boolean;
+    isDisabled?: boolean;
+    isClearable?: boolean;
+    isSearchable?: boolean;
+    isMultiple?: boolean;
+    isDarkMode?: boolean;
+    isSolo?: boolean;
+    onChange?: (value: SelectValue) => void;
+    onSearchInputChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onClear: (name: string) => void;
+    onBlur?: any;
+    styles?: TSelectMenuFormStyles;
+};
+export const SelectMenuForm: FC<TSelectMenuFormProps>;
+declare const _base15: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    menuButton: string;
+    menu: string;
+    tagItem: string;
+    tagItemText: string;
+    tagItemIconContainer: string;
+    tagItemIcon: string;
+    list: string;
+    listGroupLabel: string;
+    listItem: string;
+    listDisabledItem: string;
+    searchContainer: string;
+    searchBox: string;
+    searchIcon: string;
+    closeIcon: string;
+    emptyState: string;
+    trailing: string;
+    description: string;
+    error: string;
+};
+export type TSelectMenuFormStyles = DeepPartialType<typeof _base15>;
+export type TExcelCell = {
+    value: number | string;
+    type?: 'boolean' | 'number' | 'error' | 'string' | 'date';
+    formula?: string;
+    comments?: string;
+    format?: string;
+    link?: string;
+    style?: string;
+};
+export type TExcelRow = TExcelCell[];
+export type TExcelSheet = {
+    title: string;
+    rows: TExcelRow[];
+};
+type TOptions = {
+    fileName: string;
+};
+type TReturn<TData> = {
+    generate: (table: Table<TData>, exportData?: TData[]) => TExcelSheet[];
+    write: (sheets: TExcelSheet[], options: TOptions) => void;
+};
+export const useExcel: <TData extends object>() => TReturn<TData>;
+type TData = any;
+type VisibilityState = Record<string, boolean>;
+export type TTableListProps<TData> = {
+    id: string;
+    columns: ColumnDef<TData>[];
+    data: TData[];
+    page: {
+        current?: number;
+        total: number;
     };
     defaultOrder?: string[];
     defaultVisibility?: string[];
     customControls?: ReactNode | ReactNode[];
-    children: ({ min, max, current, }: {
+    children: ({ min, max, current }: {
         min: number;
         max: number;
         current: number;
@@ -356,23 +948,22 @@ type TTableListProps$1<TData> = {
     hasStickyHeader?: boolean;
     hasVerticalSeparators?: boolean;
     areControlsVisible?: boolean;
-    styles?: TTableListStyles$1 & {
+    styles?: TTableListStyles & {
         components: {
-            buttonElement: TButtonElementStyles$1;
-            dropdownElement: TDropdownElementStyles$1;
-            panelPaginationNavigation: TPagePaginationNavigationStyles$1;
+            buttonElement: TButtonElementStyles;
+            dropdownElement: TDropdownElementStyles;
+            panelPaginationNavigation: TPagePaginationNavigationStyles;
         };
     };
     onChange?: ({ sorting, visibility, order, }: {
         sorting: SortingState;
-        visibility: VisibilityState$1;
+        visibility: VisibilityState;
         order: ColumnOrderState;
     }) => void;
     onPaginate?: (current: number) => void;
 };
-declare const TableList: FC<TTableListProps$1<TData$1>>;
-
-declare const base$f: {
+export const TableList: FC<TTableListProps<TData>>;
+declare const _base16: {
     container: string;
     head: {
         container: string;
@@ -426,26 +1017,23 @@ declare const base$f: {
         };
     };
 };
-type TTableListStyles$1 = DeepPartialType<typeof base$f>;
-
-type TData = any;
-type VisibilityState = {
-    [key: string]: boolean;
-};
+export type TTableListStyles = DeepPartialType<typeof _base16>;
+type _TData1 = any;
+type _VisibilityState1 = Record<string, boolean>;
 type Params = {
     table: Table<any>;
     sorting: SortingState;
-    columnVisibility: VisibilityState;
+    columnVisibility: _VisibilityState1;
     columnOrder: ColumnOrderState;
     setSorting: Dispatch<SetStateAction<SortingState>>;
-    setColumnVisibility: Dispatch<SetStateAction<VisibilityState>>;
+    setColumnVisibility: Dispatch<SetStateAction<_VisibilityState1>>;
     setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
 };
-type TTableListProps<TData> = {
+export type TTableList2Props<_TData1> = {
     id: string;
     table: {
-        columns: ColumnDef<TData>[];
-        data: TData[];
+        columns: ColumnDef<_TData1>[];
+        data: _TData1[];
         options?: {
             defaultOrder?: string[];
             defaultVisibility?: string[];
@@ -455,6 +1043,8 @@ type TTableListProps<TData> = {
             hasStickyHeader?: boolean;
             hasVerticalSeparators?: boolean;
             columnPinning?: {
+                disableShadow?: boolean;
+                customShadow?: string;
                 left?: {
                     name: string;
                     size: number;
@@ -470,9 +1060,9 @@ type TTableListProps<TData> = {
     head?: (params: Params) => ReactNode;
     foot?: (params: Params) => ReactNode;
     leftSide?: (params: Params) => ReactNode;
-    onRowClick?: (context: Row<TData>) => void;
+    onRowClick?: (context: Row<_TData1>) => void;
     onChange?: (params: Params) => void;
-    styles?: TTableListStyles;
+    styles?: _TTableListStyles1;
     dragConfig?: {
         rowIdentifierKey: string;
         iconAccessor?: IconName;
@@ -485,9 +1075,8 @@ type TTableListProps<TData> = {
         }) => void;
     };
 };
-declare const TableList2: FC<TTableListProps<TData>>;
-
-declare const base$e: {
+export const TableList2: FC<TTableList2Props<_TData1>>;
+declare const _base17: {
     container: string;
     head: string;
     body: {
@@ -545,9 +1134,9 @@ declare const base$e: {
     foot: string;
     leftSide: string;
 };
-type TTableListStyles = DeepPartialType<typeof base$e>;
-
-declare const base$d: {
+type _TTableListStyles1 = DeepPartialType<typeof _base17>;
+export const createColumnHelper: <TData>() => import("@tanstack/react-table").ColumnHelper<TData>;
+declare const _base18: {
     container: string;
     list: string;
     separator: string;
@@ -564,96 +1153,94 @@ declare const base$d: {
         link: string;
     };
 };
-type TBreadcrumbsNavigationStyles = DeepPartialType<typeof base$d>;
-
-type TProps$6 = {
-    href: string;
-    pages: {
-        name: string;
-        href: string;
-        isCurrent: boolean;
-    }[];
-    type?: 'slashes' | 'chevrons' | 'panel' | 'bar';
-    separator?: ReactNode;
-    styles?: TBreadcrumbsNavigationStyles;
-};
-declare const BreadcrumbsNavigation: FC<TProps$6>;
-
-declare const base$c: {
-    container: string;
-    mobile: {
+export const BreadcrumbsNavigation: {
+    _base18: {
         container: string;
-        button: string;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
     };
-    desktop: {
+    slashes: DeepPartialType<{
         container: string;
-        outerRightButton: string;
-        outerLeftButton: string;
-        innerButton: string;
-        navigation: string;
-    };
-    button: {
-        default: string;
-        active: string;
-        disabled: string;
-    };
-    divider: string;
-    label: string;
-    icon: string;
-    pageSizeList: string;
-};
-type TPanelPaginationNavigationStyles = DeepPartialType<typeof base$c>;
-
-type TProps$5 = {
-    current?: number;
-    min?: number;
-    max: number;
-    children: ({ min, max, current, }: {
-        min: number;
-        max: number;
-        current: number;
-    }) => ReactNode;
-    pageSizeOptions?: number[];
-    defaultPageSize?: number;
-    onChangePageSize?: (pageSize: number) => void;
-    styles?: TPanelPaginationNavigationStyles;
-    onChange?: (current: number) => void;
-};
-declare const PanelPaginationNavigation: React.FC<TProps$5>;
-
-declare const base$b: {
-    container: string;
-    left: {
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    }>;
+    chevrons: DeepPartialType<{
         container: string;
-        button: string;
-        icon: string;
-    };
-    center: {
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    }>;
+    panel: DeepPartialType<{
         container: string;
-    };
-    right: {
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    }>;
+    bar: DeepPartialType<{
         container: string;
-        button: string;
-        icon: string;
-    };
-    button: {
-        default: string;
-        active: string;
-        disabled: string;
-    };
-    divider: string;
-};
-type TPagePaginationNavigationStyles = DeepPartialType<typeof base$b>;
-
-type TProps$4 = {
-    min?: number;
-    max: number;
-    styles?: TPagePaginationNavigationStyles;
-    onChange?: (current: number) => void;
+        list: string;
+        separator: string;
+        home: {
+            container: string;
+            content: string;
+            link: string;
+            icon: string;
+            span: string;
+        };
+        page: {
+            container: string;
+            content: string;
+            link: string;
+        };
+    }>;
 };
-declare const PagePaginationNavigation: React.FC<TProps$4>;
-
-declare const base$a: {
+declare const _base19: {
     container: string;
     list: {
         container: string;
@@ -664,95 +1251,65 @@ declare const base$a: {
         navigation: string;
     };
     tab: {
-        base: string;
+        _base19: string;
         active: string;
         inactive: string;
     };
 };
-type TTabNavigationStyles = DeepPartialType<typeof base$a>;
-
-type TContainerProps$1 = {
-    children: ({ active, setActive, }: {
-        active: string;
-        setActive: any;
-    }) => ReactNode | ReactNode[];
-    styles?: Pick<TTabNavigationStyles, 'container'>;
-};
-type TListProps = {
-    name: string;
-    children: ReactNode | ReactNode[];
-    active: string;
-    setActive: any;
-    styles?: Pick<TTabNavigationStyles, 'list'>;
-};
-type TNavigationItemProps$1 = {
-    accessor: string;
-    href?: string;
-    type?: 'underline' | 'pills' | 'buttons';
-    children: ReactNode;
-    as?: ElementType;
-    isCurrent?: boolean;
-    isInitial?: boolean;
-    onClick?: ((accessor: MouseEvent) => void) | any;
-    styles?: Pick<TTabNavigationStyles, 'tab'>;
-    isLoading?: boolean;
-};
-type TViewProps$1 = {
-    children: ReactNode;
-};
-declare const TabNavigation: {
-    Container: React.FC<TContainerProps$1>;
-    List: React.FC<TListProps>;
-    Item: React.FC<TNavigationItemProps$1>;
-    View: React.FC<TViewProps$1>;
+export const TabNavigation: {
+    _base19: {
+        container: string;
+        list: {
+            container: string;
+            head: string;
+            body: string;
+            label: string;
+            select: string;
+            navigation: string;
+        };
+        tab: {
+            _base19: string;
+            active: string;
+            inactive: string;
+        };
+    };
+    underline: {
+        tab: {
+            _base19: string;
+            active: string;
+            inactive: string;
+        };
+    };
+    pills: {
+        tab: {
+            _base19: string;
+            active: string;
+            inactive: string;
+        };
+    };
+    buttons: {
+        tab: {
+            _base19: string;
+            active: string;
+            inactive: string;
+        };
+    };
 };
-
-type ContainerStylesType = {
+export const VerticalNavigation: {
     container: string;
-};
-type NavigationStylesType = {
-    list?: string;
-};
-
-type TContainerProps = {
-    children: ({ active, setActive, }: {
+    list: string;
+    item: {
+        base: string;
         active: string;
-        setActive: Dispatch<SetStateAction<string>>;
-    }) => ReactNode | ReactNode[];
-    styles?: ContainerStylesType;
-};
-type TNavigationProps = {
-    children: ReactNode | ReactNode[];
-    active: string;
-    setActive: Dispatch<SetStateAction<string>>;
-    styles?: NavigationStylesType;
-};
-type TNavigationItemProps = {
-    accessor: string;
-    href?: string;
-    type?: string;
-    children: ReactNode | ReactNode[];
-    linkComponent?: ElementType;
-    isCurrent?: boolean;
-    isInitial?: boolean;
-    onClick?: (accessor: MouseEvent) => void;
-};
-type TViewProps = {
-    children: ReactNode;
-};
-declare const VerticalNavigation: {
-    Container: React.FC<TContainerProps>;
-    List: React.FC<TNavigationProps>;
-    Item: React.FC<TNavigationItemProps>;
-    View: React.FC<TViewProps>;
+        notActive: string;
+    };
 };
-
-type TModalOverlayProps = {
-    trigger?: ({ handleOpen, handleClose, }: {
+export type TModalOverlayProps = {
+    trigger?: ({ handleOpen, handleClose }: {
         handleOpen: () => void;
         handleClose: () => void;
     }) => ReactNode;
-    children: ({ handleOpen, handleClose, }: {
+    children: ({ handleOpen, handleClose }: {
         handleOpen: () => void;
         handleClose: () => void;
     }) => ReactNode;
@@ -762,9 +1319,215 @@ type TModalOverlayProps = {
     onOpen?: () => void;
     onClose?: () => void;
 };
-declare const ModalOverlay: FC<TModalOverlayProps>;
-
-declare const base$9: {
+export const ModalOverlay: FC<TModalOverlayProps>;
+declare const _base20: {
+    container: string;
+    background: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+    layout: {
+        container: string;
+        content: string;
+    };
+    panel: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+};
+type TModalOverlayStyles = DeepPartialType<typeof _base20>;
+declare const _base21: {
+    container: {
+        outer: string;
+        inner: string;
+    };
+    item: {
+        container: string;
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    };
+};
+export const NotificationOverlay: {
+    _base21: {
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    };
+    xs: DeepPartialType<{
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    }>;
+    sm: DeepPartialType<{
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    }>;
+    md: DeepPartialType<{
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    }>;
+    lg: DeepPartialType<{
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    }>;
+    xl: DeepPartialType<{
+        container: {
+            outer: string;
+            inner: string;
+        };
+        item: {
+            container: string;
+            layout: {
+                container: string;
+                content: string;
+                inner: string;
+            };
+            panel: {
+                container: string;
+                transition: {
+                    enter: string;
+                    enterFrom: string;
+                    enterTo: string;
+                    leave: string;
+                    leaveFrom: string;
+                    leaveTo: string;
+                };
+            };
+        };
+    }>;
+};
+declare const _base22: {
     container: string;
     background: {
         container: string;
@@ -776,32 +1539,98 @@ declare const base$9: {
             leaveFrom: string;
             leaveTo: string;
         };
-    };
-    layout: {
-        container: string;
-        content: string;
-    };
-    panel: {
+    };
+    layout: {
+        container: string;
+        content: string;
+        inner: string;
+    };
+    panel: {
+        container: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        };
+    };
+};
+export const SlideOverOverlay: {
+    _base22: {
+        container: string;
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    };
+    xs: DeepPartialType<{
+        container: string;
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    }>;
+    sm: DeepPartialType<{
         container: string;
-        transition: {
-            enter: string;
-            enterFrom: string;
-            enterTo: string;
-            leave: string;
-            leaveFrom: string;
-            leaveTo: string;
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
         };
-    };
-};
-type TModalOverlayStyles = DeepPartialType<typeof base$9>;
-
-declare const base$8: {
-    container: {
-        outer: string;
-        inner: string;
-    };
-    item: {
-        container: string;
         layout: {
             container: string;
             content: string;
@@ -818,77 +1647,99 @@ declare const base$8: {
                 leaveTo: string;
             };
         };
-    };
-};
-type TNotificationOverlayStyles = DeepPartialType<typeof base$8>;
-
-type TProps$3 = {
-    trigger?: ({ onOpen, onClose, }: {
-        onOpen: () => void;
-        onClose: () => void;
-    }) => ReactNode;
-    children: ({ onOpen, onClose, }: {
-        onOpen: () => void;
-        onClose: () => void;
-    }) => ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    styles?: TNotificationOverlayStyles;
-};
-declare const NotificationOverlay: {
-    Container: ({ children, styles: stylesOverrides, }: {
-        children: ReactNode;
-        styles?: TNotificationOverlayStyles;
-    }) => react_jsx_runtime.JSX.Element;
-    Item: React.FC<TProps$3>;
-};
-
-declare const base$7: {
-    container: string;
-    background: {
+    }>;
+    md: DeepPartialType<{
         container: string;
-        transition: {
-            enter: string;
-            enterFrom: string;
-            enterTo: string;
-            leave: string;
-            leaveFrom: string;
-            leaveTo: string;
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
         };
-    };
-    layout: {
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    }>;
+    lg: DeepPartialType<{
         container: string;
-        content: string;
-        inner: string;
-    };
-    panel: {
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    }>;
+    xl: DeepPartialType<{
         container: string;
-        transition: {
-            enter: string;
-            enterFrom: string;
-            enterTo: string;
-            leave: string;
-            leaveFrom: string;
-            leaveTo: string;
+        background: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
         };
-    };
-};
-type TSlideOverOverlayStyles = DeepPartialType<typeof base$7>;
-
-type TProps$2 = {
-    trigger?: ({ handleOpen, handleClose, }: {
-        handleOpen: () => void;
-        handleClose: () => void;
-    }) => ReactNode;
-    children: ({ handleOpen, handleClose, }: {
-        handleOpen: () => void;
-        handleClose: () => void;
-    }) => ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    styles?: TSlideOverOverlayStyles;
+        layout: {
+            container: string;
+            content: string;
+            inner: string;
+        };
+        panel: {
+            container: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        };
+    }>;
 };
-declare const SlideOverOverlay: FC<TProps$2>;
-
-declare const styles$1: {
+declare const styles: {
     controls: {
         container: string;
         content: string;
@@ -907,10 +1758,8 @@ declare const styles$1: {
     label: string;
     icon: string;
 };
-
-type TTableColumnOptionsStyles = DeepPartialType<typeof styles$1>;
-
-type TProps$1 = {
+type TTableColumnOptionsStyles = DeepPartialType<typeof styles>;
+type _TProps1 = {
     table: Table<any>;
     setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
     trigger: ReactNode;
@@ -921,94 +1770,22 @@ type TProps$1 = {
         onReset?: () => void;
     };
 };
-declare const TableColumnOptionsCustom: FC<TProps$1>;
-
-type TProps<TData> = {
+export const TableColumnOptionsCustom: FC<_TProps1>;
+type _TProps2<TData> = {
     table: Table<TData>;
     fileName: string;
-    children: ({ handleExport, }: {
+    children: ({ handleExport }: {
         handleExport: (exportData?: TData[]) => void;
     }) => ReactNode;
 };
-declare const TableExcelExportCustom: <TData extends object>(props: TProps<TData>) => react_jsx_runtime.JSX.Element;
-
-type TSelectMenuFormProps = {
-    name: string;
-    label?: string;
-    description?: string;
-    placeholder?: {
-        select?: string;
-        searchInput?: string;
-        emptyState?: string;
-    };
-    options: {
-        value: string;
-        label: string;
-    }[];
-    required?: ({ isRequired }: {
-        isRequired: boolean;
-    }) => string | ReactNode;
-    value: {
-        label: string;
-        value: string;
-        disabled?: boolean;
-    };
-    error?: string | Option | Option[];
-    isLoading?: boolean;
-    isRequired?: boolean;
-    isTouched?: boolean;
-    isDisabled?: boolean;
-    isClearable?: boolean;
-    isSearchable?: boolean;
-    isMultiple?: boolean;
-    isDarkMode?: boolean;
-    isSolo?: boolean;
-    onChange?: (value: SelectValue) => void;
-    onSearchInputChange?: ((e: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onClear: (name: string) => void;
-    onBlur?: any;
-    styles?: TSelectMenuFormStyles;
-};
-declare const SelectMenuForm: FC<TSelectMenuFormProps>;
-
-declare const base$6: {
-    container: string;
-    head: string;
-    body: string;
-    foot: string;
-    label: string;
-    hint: string;
-    leading: string;
-    input: string;
-    menuButton: string;
-    menu: string;
-    tagItem: string;
-    tagItemText: string;
-    tagItemIconContainer: string;
-    tagItemIcon: string;
-    list: string;
-    listGroupLabel: string;
-    listItem: string;
-    listDisabledItem: string;
-    searchContainer: string;
-    searchBox: string;
-    searchIcon: string;
-    closeIcon: string;
-    emptyState: string;
-    trailing: string;
-    description: string;
-    error: string;
-};
-type TSelectMenuFormStyles = DeepPartialType<typeof base$6>;
-
-type TDateMenuFormProps = Omit<TDateRangeMenuFormProps, 'value' | 'isRanged' | 'onChange'> & {
+export const TableExportCustom: <TData extends object>(props: _TProps2<TData>) => import("react/jsx-runtime").JSX.Element;
+export type TDateMenuFormProps = Omit<TDateRangeMenuFormProps, 'value' | 'isRanged' | 'onChange'> & {
     value?: string;
     isRanged?: false;
     onChange?: (value: string) => void;
 };
-declare const DateMenuForm: FC<TDateMenuFormProps>;
-
-declare const base$5: {
+export const DateMenuForm: FC<TDateMenuFormProps>;
+declare const _base23: {
     container: string;
     head: string;
     body: string;
@@ -1021,9 +1798,8 @@ declare const base$5: {
     description: string;
     error: string;
 };
-type TDateRangeMenuFormStyles = DeepPartialType<typeof base$5>;
-
-type TDateRangeMenuFormProps = {
+export type TDateMenuFormStyles = DeepPartialType<typeof _base23>;
+export type TDateRangeMenuFormProps = {
     name: string;
     type?: 'normal' | 'inset' | 'overlapping' | 'pill' | 'floored';
     size?: 'compact' | 'expanded';
@@ -1059,11 +1835,10 @@ type TDateRangeMenuFormProps = {
     onClear?: (name: string) => void;
     onBlur?: () => void;
     onClick?: MouseEventHandler<HTMLDivElement>;
-    styles?: TDateRangeMenuFormStyles;
+    styles?: TDateMenuFormStyles;
 };
-declare const DateRangeMenu: FC<TDateRangeMenuFormProps>;
-
-type TCheckboxInputGroupFormProps = {
+export const DateRangeMenuForm: FC<TDateRangeMenuFormProps>;
+export type TCheckboxInputGroupFormProps = {
     name: string;
     form: FormikProps<FormikValues>;
     options: {
@@ -1076,9 +1851,8 @@ type TCheckboxInputGroupFormProps = {
     onChange?: (value: string) => void;
     styles?: TCheckboxInputGroupFormStyles;
 };
-declare const CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
-
-declare const base$4: {
+export const __DEPRECATED__CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
+declare const _base24: {
     container: string;
     sr: string;
     list: string;
@@ -1091,9 +1865,8 @@ declare const base$4: {
         description: string;
     };
 };
-type TCheckboxInputGroupFormStyles = DeepPartialType<typeof base$4>;
-
-type TCheckboxInputFormProps = {
+export type TCheckboxInputGroupFormStyles = DeepPartialType<typeof _base24>;
+export type TCheckboxInputFormProps = {
     name: string;
     title?: string;
     description?: string;
@@ -1114,9 +1887,8 @@ type TCheckboxInputFormProps = {
     indeterminableElement?: ReactNode;
     isIndeterminable?: true;
 });
-declare const CheckboxInputForm: FC<TCheckboxInputFormProps>;
-
-declare const base$3: {
+export const CheckboxInput: FC<TCheckboxInputFormProps>;
+declare const _base25: {
     container: string;
     head: string;
     body: string;
@@ -1126,9 +1898,8 @@ declare const base$3: {
     label: string;
     description: string;
 };
-type TCheckboxInputFormStyles = DeepPartialType<typeof base$3>;
-
-type TSwitchFormProps = {
+export type TCheckboxInputFormStyles = DeepPartialType<typeof _base25>;
+export type TSwitchFormProps = {
     name: string;
     label?: string;
     description?: string;
@@ -1150,9 +1921,8 @@ type TSwitchFormProps = {
     iconAccessorChecked: IconName;
     iconAccessorUnchecked: IconName;
 });
-declare const Switch: (props: TSwitchFormProps) => react_jsx_runtime.JSX.Element;
-
-declare const styles: {
+export const SwitchForm: (props: TSwitchFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const _styles1: {
     base: {
         label: string;
         container: string;
@@ -1194,11 +1964,11 @@ declare const styles: {
         };
         toggle: {
             base: string;
+            checked: string;
         };
     };
 };
-type TSwitchStylesForm = DeepPartialType<typeof styles>;
-
+export type TSwitchStylesForm = DeepPartialType<typeof _styles1>;
 type TFileType = {
     name: string;
     size: number;
@@ -1206,7 +1976,7 @@ type TFileType = {
     blob: string | ArrayBuffer | null;
     file: File;
 };
-type TFileInputGroupFormProps = {
+export type TFileInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -1229,9 +1999,8 @@ type TFileInputGroupFormProps = {
     onBlur: FocusEventHandler<HTMLInputElement>;
     styles?: TFileInputGroupFormStyles;
 };
-declare const FileInputGroupForm: FC<TFileInputGroupFormProps>;
-
-declare const base$2: {
+export const FileInputGroupForm: FC<TFileInputGroupFormProps>;
+declare const _base26: {
     container: string;
     head: string;
     body: string;
@@ -1244,9 +2013,8 @@ declare const base$2: {
     description: string;
     error: string;
 };
-type TFileInputGroupFormStyles = DeepPartialType<typeof base$2>;
-
-type TOpeningsHourInputGroupFormProps = {
+export type TFileInputGroupFormStyles = DeepPartialType<typeof _base26>;
+export type TOpeningsHourInputGroupFormProps = {
     form: FormikContextType<any>;
     name: string;
     label?: string | ReactNode;
@@ -1266,9 +2034,8 @@ type TOpeningsHourInputGroupFormProps = {
     styles?: TOpeningsHourInputGroupFormStyles;
     handleDelete?: (id: string) => void;
 };
-declare const OpeningsHourInputGroupForm: FC<TOpeningsHourInputGroupFormProps>;
-
-declare const base$1: {
+export const OpeningsHourInputGroupForm: FC<TOpeningsHourInputGroupFormProps>;
+declare const _base27: {
     container: string;
     head: string;
     body: string;
@@ -1281,9 +2048,8 @@ declare const base$1: {
     description: string;
     error: string;
 };
-type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof base$1>;
-
-type TAddressInputGroupFormValue = {
+export type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof _base27>;
+export type TAddressInputGroupFormValue = {
     country: string;
     city: string;
     street: string;
@@ -1294,7 +2060,7 @@ type TAddressInputGroupFormValue = {
     lng: number;
     info?: string;
 } | null;
-type TAddressInputGroupFormProps = {
+export type TAddressInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -1314,9 +2080,8 @@ type TAddressInputGroupFormProps = {
     onFocus: any;
     styles?: TAddressInputGroupFormStyles;
 };
-declare const AddressInputGroupForm: FC<TAddressInputGroupFormProps>;
-
-declare const base: {
+export const AddressInputGroupForm: FC<TAddressInputGroupFormProps>;
+declare const _base28: {
     container: string;
     head: string;
     body: string;
@@ -1334,29 +2099,6 @@ declare const base: {
         suggestsHiddenClassName: string;
     };
 };
-type TAddressInputGroupFormStyles = DeepPartialType<typeof base>;
-
-type TExcelCell = {
-    value: number | string;
-    type?: 'boolean' | 'number' | 'error' | 'string' | 'date';
-    formula?: string;
-    comments?: string;
-    format?: string;
-    link?: string;
-    style?: string;
-};
-type TExcelRow = TExcelCell[];
-type TExcelSheet = {
-    title: string;
-    rows: TExcelRow[];
-};
-type TOptions = {
-    fileName: string;
-};
-type TReturn<TData> = {
-    generate: (table: Table<TData>, exportData?: TData[]) => TExcelSheet[];
-    write: (sheets: TExcelSheet[], options: TOptions) => void;
-};
-declare const useExcel: <TData extends object>() => TReturn<TData>;
+export type TAddressInputGroupFormStyles = DeepPartialType<typeof _base28>;
 
-export { AddressInputGroupForm, BadgeElement$1 as AlertElement, AvatarElement, BadgeElement, BreadcrumbsNavigation, ButtonElement, ButtonGroupElement, CheckboxInputForm as CheckboxInput, ContainerLayout, DateMenuForm, DateRangeMenu as DateRangeMenuForm, DividerLayout, DropdownElement, FileInputGroupForm, IconElement, InputGroupForm, ListContainerLayout, MediaObjectLayout, ModalOverlay, NotificationOverlay, OpeningsHourInputGroupForm, PagePaginationNavigation, LayoutPanel as PanelLayout, PanelPaginationNavigation, SelectMenuForm, SlideOverOverlay, Switch as SwitchForm, type TAddressInputGroupFormProps, type TAddressInputGroupFormStyles, type TAddressInputGroupFormValue, type TButtonElementProps, type TCheckboxInputFormProps, type TCheckboxInputFormStyles, type TCheckboxInputGroupFormProps, type TCheckboxInputGroupFormStyles, type TDateMenuFormProps, type TDateRangeMenuFormStyles as TDateMenuFormStyles, type TDateRangeMenuFormProps, type TDateRangeMenuFormStyles, type TExcelCell, type TExcelRow, type TExcelSheet, type TFileInputGroupFormProps, type TFileInputGroupFormStyles, type TInputGroupFormProps, type TInputGroupStyles, type TModalOverlayProps, type TOpeningsHourInputGroupFormProps, type TOpeningsHourInputGroupFormStyles, type TSelectMenuFormProps, type TSelectMenuFormStyles, type TSwitchFormProps, type TSwitchStylesForm, type TTableListProps as TTableList2Props, type TTableListProps$1 as TTableListProps, type TTableListStyles$1 as TTableListStyles, TabNavigation, TableColumnOptionsCustom, TableExcelExportCustom as TableExportCustom, TableList, TableList2, TooltipElement, VerticalNavigation, CheckboxInputGroupForm as __DEPRECATED__CheckboxInputGroupForm, useExcel };
+//# sourceMappingURL=index.d.ts.map