@ballistix.digital/react-components 4.4.2 → 4.5.2

package/dist/index.d.ts

@@ -1,21 +1,22 @@
-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 React, { FC, ReactNode, RefObject, MouseEvent, ReactElement, ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler, MouseEventHandler, MutableRefObject, ChangeEvent, Dispatch, SetStateAction, ElementType } from "react";
+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 { 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 TSelectMenuOption = {
+    label: string;
+    value: string;
+    required?: boolean;
+};
+export const fromSelectMenuOptionToStringValue: (value: TSelectMenuOption | TSelectMenuOption[]) => string | string[] | null;
+type DeepPartialType<T> = {
+    [P in keyof T]?: DeepPartialType<T[P]>;
+};
+declare const base: {
     loading: string;
     spinner: string;
     empty: string;
@@ -23,9 +24,8 @@ declare const base$s: {
     container: string;
     indicator: string;
 };
-type TAvatarElementStyles = DeepPartialType<typeof base$s>;
-
-type TProps$h = {
+type TAvatarElementStyles = DeepPartialType<typeof base>;
+type TAvatarElementProps = {
     src?: string | undefined;
     placeholder?: string | undefined;
     children?: ReactNode | ReactNode[] | string;
@@ -37,13 +37,19 @@ type TProps$h = {
     isLoading?: boolean;
     styles?: TAvatarElementStyles;
 };
-declare const AvatarElement: FC<TProps$h>;
-
-declare const base$r: {
+export const AvatarElement: FC<TAvatarElementProps>;
+type TProps = {
+    accessor: IconName;
+    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
+    className?: string;
+};
+export const IconElement: FC<TProps>;
+declare const _base1: {
     container: string;
     icon: string;
     content: {
         container: string;
+        iconContainer: string;
         title: string;
         message: string;
         actions: string;
@@ -51,9 +57,8 @@ declare const base$r: {
         inverted: string;
     };
 };
-type TAlertElementStyles = DeepPartialType<typeof base$r>;
-
-type TProps$g = {
+type TAlertElementStyles = DeepPartialType<typeof _base1>;
+type TAlertElementProps = {
     title: string;
     message?: string;
     iconAccessor?: IconName;
@@ -63,16 +68,14 @@ type TProps$g = {
     onCollapse?: () => void;
     styles?: TAlertElementStyles;
 };
-declare const BadgeElement$1: FC<TProps$g>;
-
-declare const base$q: {
+export const AlertElement: FC<TAlertElementProps>;
+declare const _base2: {
     container: string;
     indicator: string;
     button: string;
 };
-type TBadgeElementStyles = DeepPartialType<typeof base$q>;
-
-type TProps$f = {
+type TBadgeElementStyles = DeepPartialType<typeof _base2>;
+type TBadgeElementProps = {
     children: string | ReactNode;
     color?: 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink';
     type?: 'normal' | 'indicator' | 'close';
@@ -84,9 +87,8 @@ type TProps$f = {
     styles?: TBadgeElementStyles;
     dataCy?: string;
 };
-declare const BadgeElement: FC<TProps$f>;
-
-declare const base$p: {
+export const BadgeElement: FC<TBadgeElementProps>;
+declare const _base3: {
     container: string;
     content: string;
     arrow: {
@@ -95,9 +97,8 @@ declare const base$p: {
         strokeWidth: string;
     };
 };
-type TTooltipElementStyles = DeepPartialType<typeof base$p>;
-
-type TProps$e = {
+type TTooltipElementStyles = DeepPartialType<typeof _base3>;
+type _TProps1 = {
     children: ReactNode;
     content: ReactNode;
     placement?: Placement;
@@ -106,9 +107,15 @@ type TProps$e = {
     styles?: TTooltipElementStyles;
     dataCy?: string;
 };
-declare const TooltipElement: FC<TProps$e>;
-
-type TButtonElementProps = {
+export const TooltipElement: FC<_TProps1>;
+declare const _base4: {
+    container: string;
+    content: string;
+    icon: string;
+    spinner: string;
+};
+type TButtonElementStyles = DeepPartialType<typeof _base4>;
+export type TButtonElementProps = {
     children: string | ReactNode;
     innerRef?: RefObject<HTMLButtonElement>;
     htmlType?: 'button' | 'submit';
@@ -119,42 +126,30 @@ 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: {
-    container: string;
-    content: string;
-    icon: string;
-    spinner: string;
-};
-type TButtonElementStyles = DeepPartialType<typeof base$o>;
-
-declare const base$n: {
+export const ButtonElement: FC<TButtonElementProps>;
+declare const _base5: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-type TButtonGroupElementStyles = DeepPartialType<typeof base$n>;
-
-type TProps$d = {
+type TButtonGroupElementStyles = DeepPartialType<typeof _base5>;
+type _TProps2 = {
     children: ReactElement[];
     styles?: TButtonGroupElementStyles;
 };
-declare const ButtonGroupElement: FC<TProps$d>;
-
-declare const base$m: {
+export const ButtonGroupElement: FC<_TProps2>;
+declare const _base6: {
     container: string;
     button: string;
     compact: string;
     dots: string;
     items: string;
 };
-type TDropdownElementStyles = DeepPartialType<typeof base$m>;
-
-type TProps$c = {
+type TDropdownElementStyles = DeepPartialType<typeof _base6>;
+type _TProps3 = {
     children: ReactElement | ReactElement[];
     label?: string | ReactElement;
     trigger?: ReactNode;
@@ -164,19 +159,25 @@ type TProps$c = {
     isEscapingOverflow?: boolean;
     styles?: TDropdownElementStyles;
 };
-declare const DropdownElement: {
-    Container: FC<TProps$c>;
+export const DropdownElement: {
+    Container: FC<_TProps3>;
     Item: typeof Menu.Item;
 };
-
-type TProps$b = {
-    accessor: IconName;
-    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
-    className?: string;
+declare const _base7: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    trailing: string;
+    description: string;
+    error: string;
 };
-declare const IconElement: FC<TProps$b>;
-
-type TInputGroupFormProps = {
+export type TInputGroupStyles = DeepPartialType<typeof _base7>;
+export type TInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -229,91 +230,66 @@ type TInputGroupFormProps = {
     onClear?: never;
     trailing?: string | ReactNode;
 });
-declare const InputGroupForm: FC<TInputGroupFormProps>;
-
-declare const base$l: {
-    container: string;
-    head: string;
-    body: string;
-    foot: string;
-    label: string;
-    hint: string;
-    leading: string;
-    input: string;
-    trailing: string;
-    description: string;
-    error: string;
-};
-type TInputGroupStyles = DeepPartialType<typeof base$l>;
-
-declare const base$k: {
+export const InputGroupForm: FC<TInputGroupFormProps>;
+declare const _base8: {
     container: string;
     content: string;
 };
-type TContainerLayoutStyles = DeepPartialType<typeof base$k>;
-
-type TProps$a = {
+type TContainerLayoutStyles = DeepPartialType<typeof _base8>;
+type _TProps4 = {
     children: ReactNode;
     type?: 'break' | 'center' | 'fill';
     styles?: TContainerLayoutStyles;
 };
-declare const ContainerLayout: FC<TProps$a>;
-
-declare const base$j: {
+export const ContainerLayout: FC<_TProps4>;
+declare const _base9: {
     container: string;
     head: string;
     line: string;
     body: string;
     content: string;
 };
-type TDividerLayoutStyles = DeepPartialType<typeof base$j>;
-
-type TProps$9 = {
+type TDividerLayoutStyles = DeepPartialType<typeof _base9>;
+type _TProps5 = {
     children?: ReactNode;
     type?: 'left' | 'center' | 'right';
     styles?: TDividerLayoutStyles;
 };
-declare const DividerLayout: FC<TProps$9>;
-
-declare const base$i: {
+export const DividerLayout: FC<_TProps5>;
+declare const _base10: {
     container: string;
     list: string;
     item: string;
 };
-type TListContainerLayoutStyles = DeepPartialType<typeof base$i>;
-
-type TProps$8 = {
+type TListContainerLayoutStyles = DeepPartialType<typeof _base10>;
+type _TProps6 = {
     children: ReactElement | ReactElement[];
     type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
     styles?: TListContainerLayoutStyles;
 };
-declare const ListContainerLayout: FC<TProps$8>;
-
-declare const base$h: {
+export const ListContainerLayout: FC<_TProps6>;
+declare const _base11: {
     container: string;
     figure: string;
     svg: string;
     title: string;
     paragraph: string;
 };
-type TMediaObjectLayoutStyles = DeepPartialType<typeof base$h>;
-
-type TProps$7 = {
+type TMediaObjectLayoutStyles = DeepPartialType<typeof _base11>;
+type _TProps7 = {
     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;
 };
-declare const MediaObjectLayout: FC<TProps$7>;
-
-declare const base$g: {
+export const MediaObjectLayout: FC<_TProps7>;
+declare const _base12: {
     container: string;
     section: string;
 };
-type TPanelLayoutStyles = DeepPartialType<typeof base$g>;
-
-type TContainerProps$2 = {
+type TPanelLayoutStyles = DeepPartialType<typeof _base12>;
+type TContainerProps = {
     children: ReactNode;
     type?: 'normal' | 'sticky';
     styles?: TPanelLayoutStyles;
@@ -324,55 +300,170 @@ type TSectionProps = {
         section: string;
     };
 };
-declare const LayoutPanel: {
-    Container: React.FC<TContainerProps$2>;
+export const PanelLayout: {
+    Container: React.FC<TContainerProps>;
     Section: React.FC<TSectionProps>;
 };
-
-type TData$1 = any;
-type VisibilityState$1 = {
-    [key: string]: boolean;
+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;
 };
-type TTableListProps$1<TData> = {
-    id: string;
-    columns: ColumnDef<TData>[];
-    data: TData[];
-    page: {
-        current?: number;
-        total: number;
+type TPagePaginationNavigationStyles = DeepPartialType<typeof _base13>;
+type _TProps8 = {
+    min?: number;
+    max: number;
+    styles?: TPagePaginationNavigationStyles;
+    onChange?: (current: number) => void;
+};
+export const PagePaginationNavigation: React.FC<_TProps8>;
+declare const _base14: {
+    container: string;
+    mobile: {
+        container: string;
+        button: string;
     };
-    defaultOrder?: string[];
-    defaultVisibility?: string[];
-    customControls?: ReactNode | ReactNode[];
-    children: ({ min, max, current, }: {
+    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;
+};
+type TPanelPaginationNavigationStyles = DeepPartialType<typeof _base14>;
+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>;
+type _TProps9 = {
+    current?: number;
+    min?: number;
+    max: number;
+    children: ({ min, max, current }: {
         min: number;
         max: number;
         current: number;
     }) => ReactNode;
-    type?: 'normal' | 'panel' | 'full';
-    exportFileName?: string;
-    isLoading?: boolean;
-    isStriped?: boolean;
-    hasStickyHeader?: boolean;
-    hasVerticalSeparators?: boolean;
-    areControlsVisible?: boolean;
-    styles?: TTableListStyles$1 & {
-        components: {
-            buttonElement: TButtonElementStyles$1;
-            dropdownElement: TDropdownElementStyles$1;
-            panelPaginationNavigation: TPagePaginationNavigationStyles$1;
-        };
-    };
-    onChange?: ({ sorting, visibility, order, }: {
-        sorting: SortingState;
-        visibility: VisibilityState$1;
-        order: ColumnOrderState;
-    }) => void;
-    onPaginate?: (current: number) => void;
+    pageSizeOptions?: number[];
+    defaultPageSize?: number;
+    onChangePageSize?: (pageSize: number) => void;
+    styles?: TPanelPaginationNavigationStyles;
+    onChange?: (current: number) => void;
 };
-declare const TableList: FC<TTableListProps$1<TData$1>>;
-
-declare const base$f: {
+export const PanelPaginationNavigation: React.FC<_TProps9>;
+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>;
+declare const _base16: {
     container: string;
     head: {
         container: string;
@@ -426,68 +517,48 @@ declare const base$f: {
         };
     };
 };
-type TTableListStyles$1 = DeepPartialType<typeof base$f>;
-
+export type TTableListStyles = DeepPartialType<typeof _base16>;
 type TData = any;
-type VisibilityState = {
-    [key: string]: boolean;
-};
-type Params = {
-    table: Table<any>;
-    sorting: SortingState;
-    columnVisibility: VisibilityState;
-    columnOrder: ColumnOrderState;
-    setSorting: Dispatch<SetStateAction<SortingState>>;
-    setColumnVisibility: Dispatch<SetStateAction<VisibilityState>>;
-    setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
-};
-type TTableListProps<TData> = {
+type VisibilityState = Record<string, boolean>;
+export type TTableListProps<TData> = {
     id: string;
-    table: {
-        columns: ColumnDef<TData>[];
-        data: TData[];
-        options?: {
-            defaultOrder?: string[];
-            defaultVisibility?: string[];
-            defaultSorting?: SortingState;
-            emptyComponent?: ReactNode;
-            isStriped?: boolean;
-            hasStickyHeader?: boolean;
-            hasVerticalSeparators?: boolean;
-            columnPinning?: {
-                left?: {
-                    name: string;
-                    size: number;
-                }[];
-                right?: {
-                    name: string;
-                    size: number;
-                }[];
-            };
-        };
+    columns: ColumnDef<TData>[];
+    data: TData[];
+    page: {
+        current?: number;
+        total: number;
     };
+    defaultOrder?: string[];
+    defaultVisibility?: string[];
+    customControls?: ReactNode | ReactNode[];
+    children: ({ min, max, current }: {
+        min: number;
+        max: number;
+        current: number;
+    }) => ReactNode;
+    type?: 'normal' | 'panel' | 'full';
+    exportFileName?: string;
     isLoading?: boolean;
-    head?: (params: Params) => ReactNode;
-    foot?: (params: Params) => ReactNode;
-    leftSide?: (params: Params) => ReactNode;
-    onRowClick?: (context: Row<TData>) => void;
-    onChange?: (params: Params) => void;
-    styles?: TTableListStyles;
-    dragConfig?: {
-        rowIdentifierKey: string;
-        iconAccessor?: IconName;
-        label?: ReactNode;
-        header?: string;
-        handleDragEnd?: ({ oldIndex, newIndex, dragEndEvent, }: {
-            oldIndex?: number;
-            newIndex?: number;
-            dragEndEvent?: DragEndEvent;
-        }) => void;
+    isStriped?: boolean;
+    hasStickyHeader?: boolean;
+    hasVerticalSeparators?: boolean;
+    areControlsVisible?: boolean;
+    styles?: TTableListStyles & {
+        components: {
+            buttonElement: TButtonElementStyles;
+            dropdownElement: TDropdownElementStyles;
+            panelPaginationNavigation: TPagePaginationNavigationStyles;
+        };
     };
+    onChange?: ({ sorting, visibility, order, }: {
+        sorting: SortingState;
+        visibility: VisibilityState;
+        order: ColumnOrderState;
+    }) => void;
+    onPaginate?: (current: number) => void;
 };
-declare const TableList2: FC<TTableListProps<TData>>;
-
-declare const base$e: {
+export const TableList: FC<TTableListProps<TData>>;
+declare const _base17: {
     container: string;
     head: string;
     body: {
@@ -545,9 +616,67 @@ declare const base$e: {
     foot: string;
     leftSide: string;
 };
-type TTableListStyles = DeepPartialType<typeof base$e>;
-
-declare const base$d: {
+type _TTableListStyles1 = DeepPartialType<typeof _base17>;
+type _TData1 = any;
+type _VisibilityState1 = Record<string, boolean>;
+type Params = {
+    table: Table<any>;
+    sorting: SortingState;
+    columnVisibility: _VisibilityState1;
+    columnOrder: ColumnOrderState;
+    setSorting: Dispatch<SetStateAction<SortingState>>;
+    setColumnVisibility: Dispatch<SetStateAction<_VisibilityState1>>;
+    setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
+};
+export type TTableList2Props<_TData1> = {
+    id: string;
+    table: {
+        columns: ColumnDef<_TData1>[];
+        data: _TData1[];
+        options?: {
+            defaultOrder?: string[];
+            defaultVisibility?: string[];
+            defaultSorting?: SortingState;
+            emptyComponent?: ReactNode;
+            isStriped?: boolean;
+            hasStickyHeader?: boolean;
+            hasVerticalSeparators?: boolean;
+            columnPinning?: {
+                disableShadow?: boolean;
+                customShadow?: string;
+                left?: {
+                    name: string;
+                    size: number;
+                }[];
+                right?: {
+                    name: string;
+                    size: number;
+                }[];
+            };
+        };
+    };
+    isLoading?: boolean;
+    head?: (params: Params) => ReactNode;
+    foot?: (params: Params) => ReactNode;
+    leftSide?: (params: Params) => ReactNode;
+    onRowClick?: (context: Row<_TData1>) => void;
+    onChange?: (params: Params) => void;
+    styles?: _TTableListStyles1;
+    dragConfig?: {
+        rowIdentifierKey: string;
+        iconAccessor?: IconName;
+        label?: ReactNode;
+        header?: string;
+        handleDragEnd?: ({ oldIndex, newIndex, dragEndEvent, }: {
+            oldIndex?: number;
+            newIndex?: number;
+            dragEndEvent?: DragEndEvent;
+        }) => void;
+    };
+};
+export const TableList2: FC<TTableList2Props<_TData1>>;
+export const createColumnHelper: <TData>() => import("@tanstack/react-table").ColumnHelper<TData>;
+declare const _base18: {
     container: string;
     list: string;
     separator: string;
@@ -564,9 +693,8 @@ declare const base$d: {
         link: string;
     };
 };
-type TBreadcrumbsNavigationStyles = DeepPartialType<typeof base$d>;
-
-type TProps$6 = {
+type TBreadcrumbsNavigationStyles = DeepPartialType<typeof _base18>;
+type _TProps10 = {
     href: string;
     pages: {
         name: string;
@@ -577,83 +705,8 @@ type TProps$6 = {
     separator?: ReactNode;
     styles?: TBreadcrumbsNavigationStyles;
 };
-declare const BreadcrumbsNavigation: FC<TProps$6>;
-
-declare const base$c: {
-    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;
-};
-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: {
-        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 base$b>;
-
-type TProps$4 = {
-    min?: number;
-    max: number;
-    styles?: TPagePaginationNavigationStyles;
-    onChange?: (current: number) => void;
-};
-declare const PagePaginationNavigation: React.FC<TProps$4>;
-
-declare const base$a: {
+export const BreadcrumbsNavigation: FC<_TProps10>;
+declare const _base19: {
     container: string;
     list: {
         container: string;
@@ -664,15 +717,14 @@ 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, }: {
+type TTabNavigationStyles = DeepPartialType<typeof _base19>;
+type _TContainerProps1 = {
+    children: ({ active, setActive }: {
         active: string;
         setActive: any;
     }) => ReactNode | ReactNode[];
@@ -685,7 +737,7 @@ type TListProps = {
     setActive: any;
     styles?: Pick<TTabNavigationStyles, 'list'>;
 };
-type TNavigationItemProps$1 = {
+type TNavigationItemProps = {
     accessor: string;
     href?: string;
     type?: 'underline' | 'pills' | 'buttons';
@@ -697,24 +749,22 @@ type TNavigationItemProps$1 = {
     styles?: Pick<TTabNavigationStyles, 'tab'>;
     isLoading?: boolean;
 };
-type TViewProps$1 = {
+type TViewProps = {
     children: ReactNode;
 };
-declare const TabNavigation: {
-    Container: React.FC<TContainerProps$1>;
+export const TabNavigation: {
+    Container: React.FC<_TContainerProps1>;
     List: React.FC<TListProps>;
-    Item: React.FC<TNavigationItemProps$1>;
-    View: React.FC<TViewProps$1>;
+    Item: React.FC<TNavigationItemProps>;
+    View: React.FC<TViewProps>;
 };
-
 type ContainerStylesType = {
     container: string;
 };
 type NavigationStylesType = {
     list?: string;
 };
-
-type TContainerProps = {
+type _TContainerProps2 = {
     children: ({ active, setActive, }: {
         active: string;
         setActive: Dispatch<SetStateAction<string>>;
@@ -727,44 +777,26 @@ type TNavigationProps = {
     setActive: Dispatch<SetStateAction<string>>;
     styles?: NavigationStylesType;
 };
-type TNavigationItemProps = {
+type _TNavigationItemProps1 = {
     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>;
-};
-
-type TModalOverlayProps = {
-    trigger?: ({ handleOpen, handleClose, }: {
-        handleOpen: () => void;
-        handleClose: () => void;
-    }) => ReactNode;
-    children: ({ handleOpen, handleClose, }: {
-        handleOpen: () => void;
-        handleClose: () => void;
-    }) => ReactNode;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    styles?: TModalOverlayStyles;
-    dataCy?: string;
-    onOpen?: () => void;
-    onClose?: () => void;
+    href?: string;
+    type?: string;
+    children: ReactNode | ReactNode[];
+    linkComponent?: ElementType;
+    isCurrent?: boolean;
+    isInitial?: boolean;
+    onClick?: (accessor: MouseEvent) => void;
 };
-declare const ModalOverlay: FC<TModalOverlayProps>;
-
-declare const base$9: {
+type _TViewProps1 = {
+    children: ReactNode;
+};
+export const VerticalNavigation: {
+    Container: React.FC<_TContainerProps2>;
+    List: React.FC<TNavigationProps>;
+    Item: React.FC<_TNavigationItemProps1>;
+    View: React.FC<_TViewProps1>;
+};
+declare const _base20: {
     container: string;
     background: {
         container: string;
@@ -793,9 +825,24 @@ declare const base$9: {
         };
     };
 };
-type TModalOverlayStyles = DeepPartialType<typeof base$9>;
-
-declare const base$8: {
+type TModalOverlayStyles = DeepPartialType<typeof _base20>;
+export type TModalOverlayProps = {
+    trigger?: ({ handleOpen, handleClose }: {
+        handleOpen: () => void;
+        handleClose: () => void;
+    }) => ReactNode;
+    children: ({ handleOpen, handleClose }: {
+        handleOpen: () => void;
+        handleClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: TModalOverlayStyles;
+    dataCy?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+};
+export const ModalOverlay: FC<TModalOverlayProps>;
+declare const _base21: {
     container: {
         outer: string;
         inner: string;
@@ -820,29 +867,27 @@ declare const base$8: {
         };
     };
 };
-type TNotificationOverlayStyles = DeepPartialType<typeof base$8>;
-
-type TProps$3 = {
-    trigger?: ({ onOpen, onClose, }: {
+type TNotificationOverlayStyles = DeepPartialType<typeof _base21>;
+type _TProps11 = {
+    trigger?: ({ onOpen, onClose }: {
         onOpen: () => void;
         onClose: () => void;
     }) => ReactNode;
-    children: ({ onOpen, onClose, }: {
+    children: ({ onOpen, onClose }: {
         onOpen: () => void;
         onClose: () => void;
     }) => ReactNode;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     styles?: TNotificationOverlayStyles;
 };
-declare const NotificationOverlay: {
+export const NotificationOverlay: {
     Container: ({ children, styles: stylesOverrides, }: {
         children: ReactNode;
         styles?: TNotificationOverlayStyles;
-    }) => react_jsx_runtime.JSX.Element;
-    Item: React.FC<TProps$3>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Item: React.FC<_TProps11>;
 };
-
-declare const base$7: {
+declare const _base22: {
     container: string;
     background: {
         container: string;
@@ -872,23 +917,21 @@ declare const base$7: {
         };
     };
 };
-type TSlideOverOverlayStyles = DeepPartialType<typeof base$7>;
-
-type TProps$2 = {
-    trigger?: ({ handleOpen, handleClose, }: {
+type TSlideOverOverlayStyles = DeepPartialType<typeof _base22>;
+type _TProps12 = {
+    trigger?: ({ handleOpen, handleClose }: {
         handleOpen: () => void;
         handleClose: () => void;
     }) => ReactNode;
-    children: ({ handleOpen, handleClose, }: {
+    children: ({ handleOpen, handleClose }: {
         handleOpen: () => void;
         handleClose: () => void;
     }) => ReactNode;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     styles?: TSlideOverOverlayStyles;
 };
-declare const SlideOverOverlay: FC<TProps$2>;
-
-declare const styles$1: {
+export const SlideOverOverlay: FC<_TProps12>;
+declare const styles: {
     controls: {
         container: string;
         content: string;
@@ -907,10 +950,8 @@ declare const styles$1: {
     label: string;
     icon: string;
 };
-
-type TTableColumnOptionsStyles = DeepPartialType<typeof styles$1>;
-
-type TProps$1 = {
+type TTableColumnOptionsStyles = DeepPartialType<typeof styles>;
+type _TProps13 = {
     table: Table<any>;
     setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
     trigger: ReactNode;
@@ -921,94 +962,16 @@ type TProps$1 = {
         onReset?: () => void;
     };
 };
-declare const TableColumnOptionsCustom: FC<TProps$1>;
-
-type TProps<TData> = {
+export const TableColumnOptionsCustom: FC<_TProps13>;
+type _TProps14<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'> & {
-    value?: string;
-    isRanged?: false;
-    onChange?: (value: string) => void;
-};
-declare const DateMenuForm: FC<TDateMenuFormProps>;
-
-declare const base$5: {
+export const TableExportCustom: <TData extends object>(props: _TProps14<TData>) => import("react/jsx-runtime").JSX.Element;
+declare const _base23: {
     container: string;
     head: string;
     body: string;
@@ -1021,9 +984,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,26 +1021,16 @@ type TDateRangeMenuFormProps = {
     onClear?: (name: string) => void;
     onBlur?: () => void;
     onClick?: MouseEventHandler<HTMLDivElement>;
-    styles?: TDateRangeMenuFormStyles;
+    styles?: TDateMenuFormStyles;
 };
-declare const DateRangeMenu: FC<TDateRangeMenuFormProps>;
-
-type TCheckboxInputGroupFormProps = {
-    name: string;
-    form: FormikProps<FormikValues>;
-    options: {
-        title: string;
-        description?: string;
-        value: string;
-    }[];
-    values: string[];
-    isDisabled?: boolean;
+export const DateRangeMenuForm: FC<TDateRangeMenuFormProps>;
+export type TDateMenuFormProps = Omit<TDateRangeMenuFormProps, 'value' | 'isRanged' | 'onChange'> & {
+    value?: string;
+    isRanged?: false;
     onChange?: (value: string) => void;
-    styles?: TCheckboxInputGroupFormStyles;
 };
-declare const CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
-
-declare const base$4: {
+export const DateMenuForm: FC<TDateMenuFormProps>;
+declare const _base24: {
     container: string;
     sr: string;
     list: string;
@@ -1091,9 +1043,33 @@ declare const base$4: {
         description: string;
     };
 };
-type TCheckboxInputGroupFormStyles = DeepPartialType<typeof base$4>;
-
-type TCheckboxInputFormProps = {
+export type TCheckboxInputGroupFormStyles = DeepPartialType<typeof _base24>;
+export type TCheckboxInputGroupFormProps = {
+    name: string;
+    form: FormikProps<FormikValues>;
+    options: {
+        title: string;
+        description?: string;
+        value: string;
+    }[];
+    values: string[];
+    isDisabled?: boolean;
+    onChange?: (value: string) => void;
+    styles?: TCheckboxInputGroupFormStyles;
+};
+export const __DEPRECATED__CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
+declare const _base25: {
+    container: string;
+    head: string;
+    body: string;
+    input: string;
+    inputHidden: string;
+    replacement: string;
+    label: string;
+    description: string;
+};
+export type TCheckboxInputFormStyles = DeepPartialType<typeof _base25>;
+export type TCheckboxInputFormProps = {
     name: string;
     title?: string;
     description?: string;
@@ -1114,45 +1090,8 @@ type TCheckboxInputFormProps = {
     indeterminableElement?: ReactNode;
     isIndeterminable?: true;
 });
-declare const CheckboxInputForm: FC<TCheckboxInputFormProps>;
-
-declare const base$3: {
-    container: string;
-    head: string;
-    body: string;
-    input: string;
-    inputHidden: string;
-    replacement: string;
-    label: string;
-    description: string;
-};
-type TCheckboxInputFormStyles = DeepPartialType<typeof base$3>;
-
-type TSwitchFormProps = {
-    name: string;
-    label?: string;
-    description?: string;
-    required?: ({ isRequired }: {
-        isRequired: boolean;
-    }) => string | ReactNode;
-    isDisabled?: boolean;
-    value: boolean;
-    onChange: (value: boolean) => void;
-    isRequired?: boolean;
-    isTouched?: boolean;
-    error?: string;
-    styles?: TSwitchStylesForm;
-    size?: 'sm' | 'md';
-} & ({
-    iconAccessorChecked?: undefined;
-    iconAccessorUnchecked?: undefined;
-} | {
-    iconAccessorChecked: IconName;
-    iconAccessorUnchecked: IconName;
-});
-declare const Switch: (props: TSwitchFormProps) => react_jsx_runtime.JSX.Element;
-
-declare const styles: {
+export const CheckboxInput: FC<TCheckboxInputFormProps>;
+declare const _styles1: {
     base: {
         label: string;
         container: string;
@@ -1198,8 +1137,44 @@ declare const styles: {
         };
     };
 };
-type TSwitchStylesForm = DeepPartialType<typeof styles>;
-
+export type TSwitchStylesForm = DeepPartialType<typeof _styles1>;
+export type TSwitchFormProps = {
+    name: string;
+    label?: string;
+    description?: string;
+    required?: ({ isRequired }: {
+        isRequired: boolean;
+    }) => string | ReactNode;
+    isDisabled?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    isRequired?: boolean;
+    isTouched?: boolean;
+    error?: string;
+    styles?: TSwitchStylesForm;
+    size?: 'sm' | 'md';
+} & ({
+    iconAccessorChecked?: undefined;
+    iconAccessorUnchecked?: undefined;
+} | {
+    iconAccessorChecked: IconName;
+    iconAccessorUnchecked: IconName;
+});
+export const SwitchForm: (props: TSwitchFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const _base26: {
+    container: string;
+    head: string;
+    body: string;
+    foot: string;
+    label: string;
+    hint: string;
+    leading: string;
+    input: string;
+    trailing: string;
+    description: string;
+    error: string;
+};
+export type TFileInputGroupFormStyles = DeepPartialType<typeof _base26>;
 type TFileType = {
     name: string;
     size: number;
@@ -1207,7 +1182,7 @@ type TFileType = {
     blob: string | ArrayBuffer | null;
     file: File;
 };
-type TFileInputGroupFormProps = {
+export type TFileInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -1230,9 +1205,8 @@ type TFileInputGroupFormProps = {
     onBlur: FocusEventHandler<HTMLInputElement>;
     styles?: TFileInputGroupFormStyles;
 };
-declare const FileInputGroupForm: FC<TFileInputGroupFormProps>;
-
-declare const base$2: {
+export const FileInputGroupForm: FC<TFileInputGroupFormProps>;
+declare const _base27: {
     container: string;
     head: string;
     body: string;
@@ -1245,9 +1219,8 @@ declare const base$2: {
     description: string;
     error: string;
 };
-type TFileInputGroupFormStyles = DeepPartialType<typeof base$2>;
-
-type TOpeningsHourInputGroupFormProps = {
+export type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof _base27>;
+export type TOpeningsHourInputGroupFormProps = {
     form: FormikContextType<any>;
     name: string;
     label?: string | ReactNode;
@@ -1267,9 +1240,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 _base28: {
     container: string;
     head: string;
     body: string;
@@ -1281,10 +1253,14 @@ declare const base$1: {
     trailing: string;
     description: string;
     error: string;
+    geosuggest: {
+        suggestsClassName: string;
+        suggestItemClassName: string;
+        suggestsHiddenClassName: string;
+    };
 };
-type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof base$1>;
-
-type TAddressInputGroupFormValue = {
+export type TAddressInputGroupFormStyles = DeepPartialType<typeof _base28>;
+export type TAddressInputGroupFormValue = {
     country: string;
     city: string;
     street: string;
@@ -1295,7 +1271,7 @@ type TAddressInputGroupFormValue = {
     lng: number;
     info?: string;
 } | null;
-type TAddressInputGroupFormProps = {
+export type TAddressInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
     description?: string;
@@ -1315,49 +1291,6 @@ type TAddressInputGroupFormProps = {
     onFocus: any;
     styles?: TAddressInputGroupFormStyles;
 };
-declare const AddressInputGroupForm: FC<TAddressInputGroupFormProps>;
-
-declare const base: {
-    container: string;
-    head: string;
-    body: string;
-    foot: string;
-    label: string;
-    hint: string;
-    leading: string;
-    input: string;
-    trailing: string;
-    description: string;
-    error: string;
-    geosuggest: {
-        suggestsClassName: string;
-        suggestItemClassName: string;
-        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 const AddressInputGroupForm: FC<TAddressInputGroupFormProps>;
 
-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