@ballistix.digital/react-components 4.5.1 → 4.5.2

package/dist/index.d.ts

@@ -1,9 +1,18 @@
+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 { FC, ReactNode, RefObject, MouseEvent, ChangeEventHandler, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler, MouseEventHandler, MutableRefObject, ChangeEvent, Dispatch, SetStateAction } from "react";
+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]>;
 };
@@ -15,118 +24,26 @@ declare const base: {
     container: string;
     indicator: string;
 };
-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;
-    }>;
+type TAvatarElementStyles = DeepPartialType<typeof base>;
+type TAvatarElementProps = {
+    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;
 };
-type TSelectMenuOption = {
-    label: string;
-    value: string;
-    required?: boolean;
+export const AvatarElement: FC<TAvatarElementProps>;
+type TProps = {
+    accessor: IconName;
+    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
+    className?: string;
 };
-export const fromSelectMenuOptionToStringValue: (value: TSelectMenuOption | TSelectMenuOption[]) => string | string[] | null;
+export const IconElement: FC<TProps>;
 declare const _base1: {
     container: string;
     icon: string;
@@ -140,204 +57,37 @@ declare const _base1: {
         inverted: string;
     };
 };
-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;
-        };
-    }>;
-};
-type TProps = {
-    accessor: IconName;
-    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
-    className?: string;
+type TAlertElementStyles = DeepPartialType<typeof _base1>;
+type TAlertElementProps = {
+    title: string;
+    message?: string;
+    iconAccessor?: IconName;
+    type?: 'error' | 'warn' | 'info' | 'success' | 'generic';
+    isCollapsible?: boolean;
+    onClose?: () => void;
+    onCollapse?: () => void;
+    styles?: TAlertElementStyles;
 };
-export const IconElement: FC<TProps>;
+export const AlertElement: FC<TAlertElementProps>;
 declare const _base2: {
     container: string;
     indicator: string;
     button: 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;
-    }>;
+type TBadgeElementStyles = DeepPartialType<typeof _base2>;
+type TBadgeElementProps = {
+    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: FC<TBadgeElementProps>;
 declare const _base3: {
     container: string;
     content: string;
@@ -347,17 +97,24 @@ declare const _base3: {
         strokeWidth: string;
     };
 };
-export const TooltipElement: {
-    _base3: {
-        container: string;
-        content: string;
-        arrow: {
-            stroke: string;
-            fill: string;
-            strokeWidth: string;
-        };
-    };
+type TTooltipElementStyles = DeepPartialType<typeof _base3>;
+type _TProps1 = {
+    children: ReactNode;
+    content: ReactNode;
+    placement?: Placement;
+    isPointing?: boolean;
+    isHidden?: boolean;
+    styles?: TTooltipElementStyles;
+    dataCy?: string;
+};
+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>;
@@ -372,27 +129,18 @@ export type TButtonElementProps = {
     onClick?: (e?: MouseEvent<HTMLButtonElement>) => void;
 };
 export const ButtonElement: FC<TButtonElementProps>;
-declare const _base4: {
-    container: string;
-    content: string;
-    icon: string;
-    spinner: string;
-};
-type TButtonElementStyles = DeepPartialType<typeof _base4>;
 declare const _base5: {
     container: string;
     firstButton: string;
     button: string;
     lastButton: string;
 };
-export const ButtonGroupElement: {
-    _base5: {
-        container: string;
-        firstButton: string;
-        button: string;
-        lastButton: string;
-    };
+type TButtonGroupElementStyles = DeepPartialType<typeof _base5>;
+type _TProps2 = {
+    children: ReactElement[];
+    styles?: TButtonGroupElementStyles;
 };
+export const ButtonGroupElement: FC<_TProps2>;
 declare const _base6: {
     container: string;
     button: string;
@@ -400,58 +148,35 @@ declare const _base6: {
     dots: string;
     items: string;
 };
+type TDropdownElementStyles = DeepPartialType<typeof _base6>;
+type _TProps3 = {
+    children: ReactElement | ReactElement[];
+    label?: string | ReactElement;
+    trigger?: ReactNode;
+    dataCy?: string;
+    type?: 'button' | 'compact';
+    direction?: AnchorProps;
+    isEscapingOverflow?: boolean;
+    styles?: TDropdownElementStyles;
+};
 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;
-    }>;
+    Container: FC<_TProps3>;
+    Item: typeof Menu.Item;
 };
-type TDropdownElementStyles = DeepPartialType<typeof _base6>;
+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;
+};
+export type TInputGroupStyles = DeepPartialType<typeof _base7>;
 export type TInputGroupFormProps = {
     name: string;
     label?: string | ReactNode;
@@ -506,42 +231,17 @@ export type TInputGroupFormProps = {
     trailing?: string | ReactNode;
 });
 export const InputGroupForm: FC<TInputGroupFormProps>;
-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;
-};
-export type TInputGroupStyles = DeepPartialType<typeof _base7>;
 declare const _base8: {
     container: string;
     content: string;
 };
-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;
-    }>;
+type TContainerLayoutStyles = DeepPartialType<typeof _base8>;
+type _TProps4 = {
+    children: ReactNode;
+    type?: 'break' | 'center' | 'fill';
+    styles?: TContainerLayoutStyles;
 };
+export const ContainerLayout: FC<_TProps4>;
 declare const _base9: {
     container: string;
     head: string;
@@ -549,78 +249,25 @@ declare const _base9: {
     body: string;
     content: string;
 };
-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;
-    }>;
+type TDividerLayoutStyles = DeepPartialType<typeof _base9>;
+type _TProps5 = {
+    children?: ReactNode;
+    type?: 'left' | 'center' | 'right';
+    styles?: TDividerLayoutStyles;
 };
+export const DividerLayout: FC<_TProps5>;
 declare const _base10: {
     container: string;
     list: string;
     item: string;
 };
-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;
-    }>;
+type TListContainerLayoutStyles = DeepPartialType<typeof _base10>;
+type _TProps6 = {
+    children: ReactElement | ReactElement[];
+    type?: 'fill' | 'fill-sticky' | 'center' | 'center-sticky' | 'card' | 'card-sticky';
+    styles?: TListContainerLayoutStyles;
 };
+export const ListContainerLayout: FC<_TProps6>;
 declare const _base11: {
     container: string;
     figure: string;
@@ -628,128 +275,46 @@ declare const _base11: {
     title: string;
     paragraph: string;
 };
-export const MediaObjectLayout: {
-    _base11: {
-        container: string;
-        figure: string;
-        svg: string;
-        title: string;
-        paragraph: string;
+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;
+};
+export const MediaObjectLayout: FC<_TProps7>;
+declare const _base12: {
+    container: string;
+    section: string;
+};
+type TPanelLayoutStyles = DeepPartialType<typeof _base12>;
+type TContainerProps = {
+    children: ReactNode;
+    type?: 'normal' | 'sticky';
+    styles?: TPanelLayoutStyles;
+};
+type TSectionProps = {
+    children: ReactNode;
+    styles?: {
+        section: string;
     };
-    top: DeepPartialType<{
+};
+export const PanelLayout: {
+    Container: React.FC<TContainerProps>;
+    Section: React.FC<TSectionProps>;
+};
+declare const _base13: {
+    container: string;
+    left: {
         container: string;
-        figure: string;
-        svg: string;
-        title: string;
-        paragraph: string;
-    }>;
-    'top-reversed': DeepPartialType<{
+        button: string;
+        icon: string;
+    };
+    center: {
         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 _base12: {
-    container: string;
-    section: string;
-};
-export const PanelLayout: {
-    _base12: {
-        container: string;
-        section: string;
-    };
-    normal: DeepPartialType<{
-        container: string;
-        section: string;
-    }>;
-    sticky: DeepPartialType<{
-        container: string;
-        section: string;
-    }>;
-};
-declare const _base13: {
-    container: string;
-    left: {
-        container: string;
-        button: string;
-        icon: string;
-    };
-    center: {
-        container: string;
-    };
-    right: {
+    };
+    right: {
         container: string;
         button: string;
         icon: string;
@@ -761,31 +326,14 @@ declare const _base13: {
     };
     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>;
+type _TProps8 = {
+    min?: number;
+    max: number;
+    styles?: TPagePaginationNavigationStyles;
+    onChange?: (current: number) => void;
+};
+export const PagePaginationNavigation: React.FC<_TProps8>;
 declare const _base14: {
     container: string;
     mobile: {
@@ -809,31 +357,7 @@ declare const _base14: {
     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;
-    };
-};
+type TPanelPaginationNavigationStyles = DeepPartialType<typeof _base14>;
 export type TSelectMenuFormProps = {
     name: string;
     label?: string;
@@ -901,6 +425,22 @@ declare const _base15: {
     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;
+    pageSizeOptions?: number[];
+    defaultPageSize?: number;
+    onChangePageSize?: (pageSize: number) => void;
+    styles?: TPanelPaginationNavigationStyles;
+    onChange?: (current: number) => void;
+};
+export const PanelPaginationNavigation: React.FC<_TProps9>;
 export type TExcelCell = {
     value: number | string;
     type?: 'boolean' | 'number' | 'error' | 'string' | 'date';
@@ -923,6 +463,61 @@ type TReturn<TData> = {
     write: (sheets: TExcelSheet[], options: TOptions) => void;
 };
 export const useExcel: <TData extends object>() => TReturn<TData>;
+declare const _base16: {
+    container: string;
+    head: {
+        container: string;
+        head: string;
+        body: string;
+        heading: string;
+        paragraph: string;
+    };
+    body: {
+        container: string;
+        wrapper: string;
+        content: string;
+        styleWrapper: string;
+        table: {
+            container: string;
+            head: {
+                container: string;
+                row: string;
+                cell: string;
+                checkbox: string;
+            };
+            body: {
+                container: string;
+                row: string;
+                cell: string;
+                checkbox: string;
+                indicator: string;
+            };
+        };
+    };
+    sortIndicator: {
+        container: string;
+        isSorted: string;
+        isNotSorted: string;
+        icon: {
+            container: string;
+        };
+    };
+    controls: {
+        container: string;
+        content: string;
+        head: string;
+        body: string;
+        dropdown: {
+            container: string;
+            input: string;
+            label: string;
+            actions: string;
+            upIcon: string;
+            downIcon: string;
+        };
+    };
+};
+export type TTableListStyles = DeepPartialType<typeof _base16>;
 type TData = any;
 type VisibilityState = Record<string, boolean>;
 export type TTableListProps<TData> = {
@@ -963,61 +558,65 @@ export type TTableListProps<TData> = {
     onPaginate?: (current: number) => void;
 };
 export const TableList: FC<TTableListProps<TData>>;
-declare const _base16: {
+declare const _base17: {
     container: string;
-    head: {
-        container: string;
-        head: string;
-        body: string;
-        heading: string;
-        paragraph: string;
-    };
+    head: string;
     body: {
         container: string;
         wrapper: string;
         content: string;
         styleWrapper: string;
+        tableWrapper: string;
+        tableWrapperWithLeftSide: string;
         table: {
             container: string;
+            pinnedColumns: {
+                left: string;
+                right: string;
+            };
             head: {
                 container: string;
                 row: string;
-                cell: string;
                 checkbox: string;
+                column: {
+                    pinned: {
+                        cell: string;
+                    };
+                };
+                cell: {
+                    container: string;
+                    wrapper: string;
+                    text: string;
+                    sortIndicator: {
+                        container: string;
+                        isSorted: string;
+                        isNotSorted: string;
+                        icon: {
+                            container: string;
+                        };
+                    };
+                };
             };
             body: {
                 container: string;
                 row: string;
+                striped: string;
+                column: {
+                    pinned: {
+                        cell: string;
+                    };
+                };
                 cell: string;
+                sticky: string;
                 checkbox: string;
                 indicator: string;
             };
         };
     };
-    sortIndicator: {
-        container: string;
-        isSorted: string;
-        isNotSorted: string;
-        icon: {
-            container: string;
-        };
-    };
-    controls: {
-        container: string;
-        content: string;
-        head: string;
-        body: string;
-        dropdown: {
-            container: string;
-            input: string;
-            label: string;
-            actions: string;
-            upIcon: string;
-            downIcon: string;
-        };
-    };
+    foot: string;
+    leftSide: string;
 };
-export type TTableListStyles = DeepPartialType<typeof _base16>;
+type _TTableListStyles1 = DeepPartialType<typeof _base17>;
 type _TData1 = any;
 type _VisibilityState1 = Record<string, boolean>;
 type Params = {
@@ -1076,71 +675,12 @@ export type TTableList2Props<_TData1> = {
     };
 };
 export const TableList2: FC<TTableList2Props<_TData1>>;
-declare const _base17: {
+export const createColumnHelper: <TData>() => import("@tanstack/react-table").ColumnHelper<TData>;
+declare const _base18: {
     container: string;
-    head: string;
-    body: {
-        container: string;
-        wrapper: string;
-        content: string;
-        styleWrapper: string;
-        tableWrapper: string;
-        tableWrapperWithLeftSide: string;
-        table: {
-            container: string;
-            pinnedColumns: {
-                left: string;
-                right: string;
-            };
-            head: {
-                container: string;
-                row: string;
-                checkbox: string;
-                column: {
-                    pinned: {
-                        cell: string;
-                    };
-                };
-                cell: {
-                    container: string;
-                    wrapper: string;
-                    text: string;
-                    sortIndicator: {
-                        container: string;
-                        isSorted: string;
-                        isNotSorted: string;
-                        icon: {
-                            container: string;
-                        };
-                    };
-                };
-            };
-            body: {
-                container: string;
-                row: string;
-                striped: string;
-                column: {
-                    pinned: {
-                        cell: string;
-                    };
-                };
-                cell: string;
-                sticky: string;
-                checkbox: string;
-                indicator: string;
-            };
-        };
-    };
-    foot: string;
-    leftSide: string;
-};
-type _TTableListStyles1 = DeepPartialType<typeof _base17>;
-export const createColumnHelper: <TData>() => import("@tanstack/react-table").ColumnHelper<TData>;
-declare const _base18: {
-    container: string;
-    list: string;
-    separator: string;
-    home: {
+    list: string;
+    separator: string;
+    home: {
         container: string;
         content: string;
         link: string;
@@ -1153,93 +693,19 @@ declare const _base18: {
         link: string;
     };
 };
-export const BreadcrumbsNavigation: {
-    _base18: {
-        container: string;
-        list: string;
-        separator: string;
-        home: {
-            container: string;
-            content: string;
-            link: string;
-            icon: string;
-            span: string;
-        };
-        page: {
-            container: string;
-            content: string;
-            link: string;
-        };
-    };
-    slashes: DeepPartialType<{
-        container: string;
-        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;
-        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;
-        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;
-        list: string;
-        separator: string;
-        home: {
-            container: string;
-            content: string;
-            link: string;
-            icon: string;
-            span: string;
-        };
-        page: {
-            container: string;
-            content: string;
-            link: string;
-        };
-    }>;
+type TBreadcrumbsNavigationStyles = DeepPartialType<typeof _base18>;
+type _TProps10 = {
+    href: string;
+    pages: {
+        name: string;
+        href: string;
+        isCurrent: boolean;
+    }[];
+    type?: 'slashes' | 'chevrons' | 'panel' | 'bar';
+    separator?: ReactNode;
+    styles?: TBreadcrumbsNavigationStyles;
 };
+export const BreadcrumbsNavigation: FC<_TProps10>;
 declare const _base19: {
     container: string;
     list: {
@@ -1256,278 +722,81 @@ declare const _base19: {
         inactive: string;
     };
 };
-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;
-        };
-    };
-};
-export const VerticalNavigation: {
-    container: string;
-    list: string;
-    item: {
-        base: string;
+type TTabNavigationStyles = DeepPartialType<typeof _base19>;
+type _TContainerProps1 = {
+    children: ({ active, setActive }: {
         active: string;
-        notActive: string;
-    };
+        setActive: any;
+    }) => ReactNode | ReactNode[];
+    styles?: Pick<TTabNavigationStyles, 'container'>;
 };
-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;
+type TListProps = {
+    name: string;
+    children: ReactNode | ReactNode[];
+    active: string;
+    setActive: any;
+    styles?: Pick<TTabNavigationStyles, 'list'>;
+};
+type TNavigationItemProps = {
+    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;
 };
-export const ModalOverlay: FC<TModalOverlayProps>;
-declare const _base20: {
+type TViewProps = {
+    children: ReactNode;
+};
+export const TabNavigation: {
+    Container: React.FC<_TContainerProps1>;
+    List: React.FC<TListProps>;
+    Item: React.FC<TNavigationItemProps>;
+    View: React.FC<TViewProps>;
+};
+type ContainerStylesType = {
     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;
-            };
-        };
-    };
+type NavigationStylesType = {
+    list?: 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;
-                };
-            };
-        };
-    }>;
+type _TContainerProps2 = {
+    children: ({ active, setActive, }: {
+        active: string;
+        setActive: Dispatch<SetStateAction<string>>;
+    }) => ReactNode | ReactNode[];
+    styles?: ContainerStylesType;
+};
+type TNavigationProps = {
+    children: ReactNode | ReactNode[];
+    active: string;
+    setActive: Dispatch<SetStateAction<string>>;
+    styles?: NavigationStylesType;
+};
+type _TNavigationItemProps1 = {
+    accessor: string;
+    href?: string;
+    type?: string;
+    children: ReactNode | ReactNode[];
+    linkComponent?: ElementType;
+    isCurrent?: boolean;
+    isInitial?: boolean;
+    onClick?: (accessor: MouseEvent) => void;
+};
+type _TViewProps1 = {
+    children: ReactNode;
 };
-declare const _base22: {
+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;
@@ -1543,7 +812,6 @@ declare const _base22: {
     layout: {
         container: string;
         content: string;
-        inner: string;
     };
     panel: {
         container: string;
@@ -1552,145 +820,35 @@ declare const _base22: {
             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;
-        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;
-            };
-        };
-    }>;
-    md: 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;
-            };
+            leaveFrom: string;
+            leaveTo: string;
         };
-    }>;
-    lg: DeepPartialType<{
+    };
+};
+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;
+    };
+    item: {
         container: string;
-        background: {
-            container: string;
-            transition: {
-                enter: string;
-                enterFrom: string;
-                enterTo: string;
-                leave: string;
-                leaveFrom: string;
-                leaveTo: string;
-            };
-        };
         layout: {
             container: string;
             content: string;
@@ -1707,38 +865,72 @@ export const SlideOverOverlay: {
                 leaveTo: string;
             };
         };
-    }>;
-    xl: DeepPartialType<{
+    };
+};
+type TNotificationOverlayStyles = DeepPartialType<typeof _base21>;
+type _TProps11 = {
+    trigger?: ({ onOpen, onClose }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    children: ({ onOpen, onClose }: {
+        onOpen: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: TNotificationOverlayStyles;
+};
+export const NotificationOverlay: {
+    Container: ({ children, styles: stylesOverrides, }: {
+        children: ReactNode;
+        styles?: TNotificationOverlayStyles;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Item: React.FC<_TProps11>;
+};
+declare const _base22: {
+    container: string;
+    background: {
         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;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
         };
-        panel: {
-            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;
         };
-    }>;
+    };
+};
+type TSlideOverOverlayStyles = DeepPartialType<typeof _base22>;
+type _TProps12 = {
+    trigger?: ({ handleOpen, handleClose }: {
+        handleOpen: () => void;
+        handleClose: () => void;
+    }) => ReactNode;
+    children: ({ handleOpen, handleClose }: {
+        handleOpen: () => void;
+        handleClose: () => void;
+    }) => ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    styles?: TSlideOverOverlayStyles;
 };
+export const SlideOverOverlay: FC<_TProps12>;
 declare const styles: {
     controls: {
         container: string;
@@ -1759,7 +951,7 @@ declare const styles: {
     icon: string;
 };
 type TTableColumnOptionsStyles = DeepPartialType<typeof styles>;
-type _TProps1 = {
+type _TProps13 = {
     table: Table<any>;
     setColumnOrder: Dispatch<SetStateAction<ColumnOrderState>>;
     trigger: ReactNode;
@@ -1770,21 +962,15 @@ type _TProps1 = {
         onReset?: () => void;
     };
 };
-export const TableColumnOptionsCustom: FC<_TProps1>;
-type _TProps2<TData> = {
+export const TableColumnOptionsCustom: FC<_TProps13>;
+type _TProps14<TData> = {
     table: Table<TData>;
     fileName: string;
     children: ({ handleExport }: {
         handleExport: (exportData?: TData[]) => void;
     }) => ReactNode;
 };
-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;
-};
-export const DateMenuForm: FC<TDateMenuFormProps>;
+export const TableExportCustom: <TData extends object>(props: _TProps14<TData>) => import("react/jsx-runtime").JSX.Element;
 declare const _base23: {
     container: string;
     head: string;
@@ -1838,20 +1024,12 @@ export type TDateRangeMenuFormProps = {
     styles?: TDateMenuFormStyles;
 };
 export const DateRangeMenuForm: FC<TDateRangeMenuFormProps>;
-export type TCheckboxInputGroupFormProps = {
-    name: string;
-    form: FormikProps<FormikValues>;
-    options: {
-        title: string;
-        description?: string;
-        value: string;
-    }[];
-    values: string[];
-    isDisabled?: boolean;
+export type TDateMenuFormProps = Omit<TDateRangeMenuFormProps, 'value' | 'isRanged' | 'onChange'> & {
+    value?: string;
+    isRanged?: false;
     onChange?: (value: string) => void;
-    styles?: TCheckboxInputGroupFormStyles;
 };
-export const __DEPRECATED__CheckboxInputGroupForm: FC<TCheckboxInputGroupFormProps>;
+export const DateMenuForm: FC<TDateMenuFormProps>;
 declare const _base24: {
     container: string;
     sr: string;
@@ -1866,6 +1044,31 @@ declare const _base24: {
     };
 };
 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;
@@ -1888,40 +1091,6 @@ export type TCheckboxInputFormProps = {
     isIndeterminable?: true;
 });
 export const CheckboxInput: FC<TCheckboxInputFormProps>;
-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 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 _styles1: {
     base: {
         label: string;
@@ -1969,6 +1138,43 @@ declare const _styles1: {
     };
 };
 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;
@@ -2000,7 +1206,7 @@ export type TFileInputGroupFormProps = {
     styles?: TFileInputGroupFormStyles;
 };
 export const FileInputGroupForm: FC<TFileInputGroupFormProps>;
-declare const _base26: {
+declare const _base27: {
     container: string;
     head: string;
     body: string;
@@ -2013,7 +1219,7 @@ declare const _base26: {
     description: string;
     error: string;
 };
-export type TFileInputGroupFormStyles = DeepPartialType<typeof _base26>;
+export type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof _base27>;
 export type TOpeningsHourInputGroupFormProps = {
     form: FormikContextType<any>;
     name: string;
@@ -2035,7 +1241,7 @@ export type TOpeningsHourInputGroupFormProps = {
     handleDelete?: (id: string) => void;
 };
 export const OpeningsHourInputGroupForm: FC<TOpeningsHourInputGroupFormProps>;
-declare const _base27: {
+declare const _base28: {
     container: string;
     head: string;
     body: string;
@@ -2047,8 +1253,13 @@ declare const _base27: {
     trailing: string;
     description: string;
     error: string;
+    geosuggest: {
+        suggestsClassName: string;
+        suggestItemClassName: string;
+        suggestsHiddenClassName: string;
+    };
 };
-export type TOpeningsHourInputGroupFormStyles = DeepPartialType<typeof _base27>;
+export type TAddressInputGroupFormStyles = DeepPartialType<typeof _base28>;
 export type TAddressInputGroupFormValue = {
     country: string;
     city: string;
@@ -2081,24 +1292,5 @@ export type TAddressInputGroupFormProps = {
     styles?: TAddressInputGroupFormStyles;
 };
 export const AddressInputGroupForm: FC<TAddressInputGroupFormProps>;
-declare const _base28: {
-    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;
-    };
-};
-export type TAddressInputGroupFormStyles = DeepPartialType<typeof _base28>;
 
 //# sourceMappingURL=index.d.ts.map