polpo 0.1.6 → 0.1.7

package/dist/ui.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ButtonHTMLAttributes, CSSProperties, DetailedHTMLProps, ImgHTMLAttributes, RefObject, ForwardedRef, ReactElement, ReactNode } from 'react';
+import React__default, { HTMLAttributes, ButtonHTMLAttributes, CSSProperties, DetailedHTMLProps, ImgHTMLAttributes, RefObject, ReactNode } from 'react';
 import { UseControllerProps, FieldValues, SubmitHandler, DefaultValues, Mode } from 'react-hook-form';
-import { M as ModalState, U as UseModalTransitionParams, a as UseModalInContainerParams } from './use-modal-transition-C6mR_NZh.cjs';
+import { M as ModalState, U as UseModalTransitionParams, a as UseModalInContainerParams } from './use-modal-transition-XQHye62R.cjs';
 import { P as PositionContainer } from './get-modal-position-drle0OjP.cjs';
 import * as csstype from 'csstype';
 import { AnyObjectSchema } from 'yup';
@@ -16,8 +16,10 @@ type AccordionProps = {
     className?: string;
     style?: React__default.CSSProperties;
     noSeparators?: boolean;
+    multiple?: boolean;
+    defaultOpened?: Array<string> | string;
 };
-declare const Accordion: ({ children, className, noSeparators, style }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ children, className, noSeparators, multiple, style, defaultOpened, }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
 type ObjectIconsT = Record<'airplane' | 'bell' | 'bicycle' | 'book-open' | 'book-solid' | 'calendar' | 'camera' | 'clean-computer' | 'crossed-flags' | 'document' | 'door-closed' | 'door-open' | 'dropper' | 'envelope' | 'eye' | 'eye-hidden' | 'game-control' | 'gear' | 'house' | 'magnifying-glass' | 'moon' | 'pencil' | 'star' | 'star-empty' | 'sun' | 'trash-can', IconT>;
 
@@ -185,9 +187,10 @@ type CheckboxProps = {
     placeholder?: never;
     icon?: IconNameT;
     color?: `${ColorVariants}`;
+    size?: `${SizeVariants}`;
 };
 declare const Checkbox: {
-    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, icon, label, color, }: UnControlledComponentProps<CheckboxProps, boolean>): react_jsx_runtime.JSX.Element;
+    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, icon, label, color, size, }: UnControlledComponentProps<CheckboxProps, boolean>): react_jsx_runtime.JSX.Element;
     Controller: ({ rules, ...props }: ControllerGeneratorProps<CheckboxProps, boolean>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -296,18 +299,28 @@ type RadioProps = {
     radioValue: string;
     placeholder?: never;
     color?: `${ColorVariants}`;
+    size?: `${SizeVariants}`;
 };
 declare const Radio: {
-    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, radioValue, label, color, }: UnControlledComponentProps<RadioProps, string>): react_jsx_runtime.JSX.Element;
+    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, radioValue, label, color, size, }: UnControlledComponentProps<RadioProps, string>): react_jsx_runtime.JSX.Element;
     Controller: ({ rules, ...props }: ControllerGeneratorProps<RadioProps, string>) => react_jsx_runtime.JSX.Element;
 };
 
 type SelectItem = string | number | Record<string, unknown> | unknown;
 type MultiValue<T extends SelectItem> = Array<T>;
 type SingleValue<T extends SelectItem> = T | null;
+type OptionComponentProps<T extends SelectItem> = {
+    value: T;
+};
+type ValueComponentProps<T extends SelectItem> = {
+    value: MultiValue<T>;
+    multiselect: true;
+} | {
+    value: SingleValue<T>;
+    multiselect?: false;
+};
 type SharedSelectProps<T extends SelectItem> = InputFieldProps<{
     options: Array<T>;
-    renderOption: (item: T) => React__default.ReactNode;
     isEqualComparator?: (a: T, b: T) => boolean;
     searchQueryValue?: string;
     searchQueryPlaceholder?: string;
@@ -315,22 +328,36 @@ type SharedSelectProps<T extends SelectItem> = InputFieldProps<{
     loadMore?: () => void;
     isLoading?: boolean;
     hasNextPage?: boolean;
+    emptyMessage?: string;
     maxOptions?: number;
+    optionComponent?: React__default.FC<OptionComponentProps<T>>;
+    valueComponent?: React__default.FC<ValueComponentProps<T>>;
     showClearOption?: boolean;
+    height?: number;
+    searchQueryClassName?: string;
+    searchQueryStyle?: React__default.CSSProperties;
+    children?: React__default.ReactNode;
 }>;
 type MultiSelectProps<T extends SelectItem> = SharedSelectProps<T> & {
     multiselect: true;
 };
 type SingleSelectProps<T extends SelectItem> = SharedSelectProps<T> & {
     multiselect?: false;
-    optionVariant?: never;
 };
 type UnControlledSelectProps<T extends SelectItem> = UnControlledComponentProps<MultiSelectProps<T>, MultiValue<T>> | UnControlledComponentProps<SingleSelectProps<T>, SingleValue<T>>;
 type ControllerGeneratorSelectProps<T extends SelectItem> = ControllerGeneratorProps<MultiSelectProps<T>, MultiValue<T>> | ControllerGeneratorProps<SingleSelectProps<T>, SingleValue<T>>;
 
+type OptionLabelProps = {
+    children: React__default.ReactNode;
+};
 declare const Select: {
-    <T extends SelectItem>({ options, renderOption, isEqualComparator, searchQueryValue, searchQueryPlaceholder, onSearchQuery, loadMore, isLoading, hasNextPage, multiselect, maxOptions, name, value, setValue, onBlur, onFocus, className, style, showClearOption, autoFocus, readOnly, disabled, placeholder, autoComplete, isDirty, isTouched, invalid, error, ...fieldProps }: UnControlledSelectProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends SelectItem>({ options, isEqualComparator, searchQueryValue, searchQueryPlaceholder, onSearchQuery, loadMore, isLoading, hasNextPage, emptyMessage, multiselect, optionComponent: OptionComponent, valueComponent: ValueComponent, maxOptions, children, name, value, setValue, onBlur, onFocus, className, style, showClearOption, height, searchQueryStyle, searchQueryClassName, autoFocus, readOnly, disabled, placeholder, autoComplete, isDirty, isTouched, invalid, error, ...fieldProps }: UnControlledSelectProps<T>): react_jsx_runtime.JSX.Element;
     Controller: <T extends SelectItem>(props: ControllerGeneratorSelectProps<T>) => react_jsx_runtime.JSX.Element;
+    Option: <T extends SelectItem>({ children, value }: {
+        children: React__default.ReactNode;
+        value: T;
+    }) => react_jsx_runtime.JSX.Element;
+    OptionLabel: ({ children }: OptionLabelProps) => react_jsx_runtime.JSX.Element;
 };
 
 type SliderProps = InputFieldProps<{
@@ -355,33 +382,38 @@ declare const Textarea: {
 };
 
 type SwitchProps = {
+    leftLabel?: string;
+    rightLabel?: string;
     label?: string;
-    width?: number;
-    dotSize?: number;
     dotHoverSize?: number;
     padding?: number;
     leftIcon?: IconNameT;
     rightIcon?: IconNameT;
+    internalLeftIcon?: IconNameT;
+    internalRightIcon?: IconNameT;
+    leftIconTooltip?: string;
+    rightIconTooltip?: string;
+    color?: `${ColorVariants}`;
+    size?: `${SizeVariants}`;
+    width?: `${SizeVariants}`;
 };
 declare const Switch: {
-    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, placeholder, autoComplete, label, width, dotSize, dotHoverSize, padding, leftIcon, rightIcon, }: UnControlledComponentProps<SwitchProps, boolean>): react_jsx_runtime.JSX.Element;
+    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, placeholder, autoComplete, label, leftLabel, rightLabel, width, size, dotHoverSize, padding, leftIcon, rightIcon, internalLeftIcon, internalRightIcon, leftIconTooltip, rightIconTooltip, color, }: UnControlledComponentProps<SwitchProps, boolean>): react_jsx_runtime.JSX.Element;
     Controller: ({ rules, ...props }: ControllerGeneratorProps<SwitchProps, boolean>) => react_jsx_runtime.JSX.Element;
 };
 
 type ImageProps = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {};
 declare const Image: ({ alt, loading, ...props }: ImageProps) => react_jsx_runtime.JSX.Element;
 
-type InfinityScrollProps<T> = {
+type InfinityScrollProps = {
     isLoading: boolean;
     hasNextPage: boolean;
     loadMore: () => void;
-    data: Array<T>;
-    renderItem: (item: T, key: number) => React.ReactElement;
-    customLoadMoreElement?: (ref: RefObject<Element>) => React.ReactElement;
+    customLoadMoreElement?: (ref: RefObject<Element>) => React.ReactNode;
     emptyMessage?: string;
     children?: React.ReactNode;
 };
-declare const InfinityScroll: <T>({ isLoading: isLoadingProp, hasNextPage, loadMore, data, renderItem, customLoadMoreElement, emptyMessage, children, }: InfinityScrollProps<T>) => React.ReactElement;
+declare const InfinityScroll: ({ isLoading: isLoadingProp, hasNextPage, loadMore, customLoadMoreElement, emptyMessage, children, }: InfinityScrollProps) => React.ReactElement;
 
 declare enum LineOrientation {
     VERTICAL = "vertical",
@@ -422,10 +454,37 @@ type LineDashedProps = LineCommonProps & {
 type LineProps = LineSolidProps | LineDottedProps | LineDashedProps;
 declare const Line: ({ orientation, className, style, color, lineWidth, lineStyle, dotSize, dashedSize, spacing, }: LineProps) => react_jsx_runtime.JSX.Element;
 
+declare enum LoaderIcons {
+    BOX_1 = "box-1",
+    BOX_2 = "box-2",
+    BOX_3 = "box-3",
+    CLOCK_1 = "clock-1",
+    CLOCK_2 = "clock-2",
+    DOTS_1 = "dots-1",
+    DOTS_2 = "dots-2",
+    DOTS_3 = "dots-3",
+    DOTS_4 = "dots-4",
+    DOTS_5 = "dots-5",
+    DOTS_6 = "dots-6",
+    DOTS_7 = "dots-7",
+    DOTS_8 = "dots-8",
+    DOTS_9 = "dots-9",
+    LINES_1 = "lines-1",
+    LINES_2 = "lines-2",
+    PULSE_1 = "pulse-1",
+    PULSE_2 = "pulse-2",
+    PULSE_3 = "pulse-3",
+    PULSE_4 = "pulse-4",
+    PULSE_5 = "pulse-5",
+    SPINNER_1 = "spinner-1",
+    SPINNER_2 = "spinner-2",
+    SPINNER_3 = "spinner-3",
+    SPINNER_4 = "spinner-4"
+}
 type SimpleLoaderProps = {
-    spinDuration?: number;
+    icon?: `${LoaderIcons}`;
 };
-declare const SimpleLoader: ({ spinDuration }: SimpleLoaderProps) => react_jsx_runtime.JSX.Element;
+declare const SimpleLoader: ({ icon }: SimpleLoaderProps) => react_jsx_runtime.JSX.Element;
 
 declare enum ModalBackdrop {
     OPAQUE = "opaque",
@@ -445,12 +504,14 @@ declare const Backdrop: ({ opacity, backdrop, zIndex, backdropOnClick, modalStat
 type ModalProps = Omit<BackdropProps, 'modalState'> & UseModalTransitionParams & Omit<UseModalInContainerParams, 'modalRef'> & {
     id: string;
     children: React__default.ReactNode;
+    onClose: () => void;
     className?: string;
     style?: React__default.CSSProperties;
     rootStyle?: CSSProperties;
     animation?: 'none' | 'fade-down' | 'bounce';
     closeAnimationClassName?: string;
     modalRef?: React__default.RefObject<HTMLElement>;
+    closeOnClickOutside?: boolean;
 };
 declare const Modal: ({ id, children, isOpen, onClose, className, style, rootStyle, animation, closeAnimationClassName, modalRef: modalRefProp, closeOnClickOutside, transitionDuration, windowOffset, offset, position, containerRef, zIndex, ...backdropProps }: ModalProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -490,180 +551,6 @@ type ConfirmationModalProps = ActionModalProps & {
 };
 declare const ConfirmationModal: ({ title, onAccept, onReject, acceptText, rejectText, children, isLoading, ...actionModalProps }: ConfirmationModalProps) => react_jsx_runtime.JSX.Element;
 
-type MenuOptionProps = {
-    id?: string;
-    children?: React__default.ReactNode;
-    label?: React__default.ReactNode;
-    disabled?: boolean;
-    selected?: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    asCheckbox?: boolean;
-    icon?: IconNameT;
-    onClick?: (newValue: boolean) => void;
-    onKeyDown?: (event: React__default.KeyboardEvent) => void;
-};
-type MenuProps = ModalProps & {
-    children: React__default.ReactNode;
-};
-declare const Menu: {
-    ({ children, isOpen, onClose, id, ...modalProps }: MenuProps): react_jsx_runtime.JSX.Element;
-    Option: ({ children, label, asCheckbox, icon, id, disabled, selected, className, style, onClick, onKeyDown, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
-    Divider: () => react_jsx_runtime.JSX.Element;
-    OptionsGroup: <T>(p: MenuOptionsGroupProps<T> & {
-        ref?: ForwardedRef<HTMLUListElement>;
-    }) => ReactElement;
-};
-type MenuOptionsGroupProps<T> = InfinityScrollProps<T> & {
-    className?: string;
-    style?: React__default.CSSProperties;
-};
-
-type PortalProps = {
-    id: string;
-    children: ReactNode;
-};
-declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.RefAttributes<unknown>>;
-
-type RippleProps = {
-    color?: string;
-    duration?: number;
-    timingFunction?: React__default.CSSProperties['animationTimingFunction'];
-    times?: number;
-    className?: string;
-    style?: React__default.CSSProperties;
-};
-declare const Ripple: ({ color, duration, timingFunction, times, className, style, }: RippleProps) => react_jsx_runtime.JSX.Element;
-
-type KeyValuesOf<T, V> = {
-    [P in keyof T]-?: T[P] extends V ? P : never;
-}[keyof T];
-type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
-};
-
-type Primitive = string | number | boolean;
-type RowDataObject = {
-    [key: string]: Primitive | object;
-};
-type ColumnDataCommon<RowData extends RowDataObject> = {
-    header: React__default.ReactNode;
-    sortBy?: KeyValuesOf<RowData, Primitive>;
-    icon?: IconNameT;
-    width?: `${number}px` | `${number}em` | `${number}%`;
-};
-type ColumnDataField<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
-    field: KeyValuesOf<RowData, Primitive>;
-    sortBy?: never;
-    render?: never;
-    Component?: never;
-};
-type ColumnDataRender<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
-    field?: never;
-    render: (row: RowData, rowKey: React__default.Key) => React__default.ReactNode;
-    Component?: never;
-};
-type ColumnDataComponent<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
-    field?: never;
-    render?: never;
-    Component: React__default.FC<{
-        data: RowData;
-        rowKey: React__default.Key;
-    }>;
-};
-type ColumnData<RowData extends RowDataObject> = ColumnDataField<RowData> | ColumnDataRender<RowData> | ColumnDataComponent<RowData>;
-
-type SmartTableProps<RowData extends RowDataObject> = {
-    columns: Array<ColumnData<RowData>>;
-    data: Array<RowData>;
-    width?: 'scroll' | 'content';
-    selectable?: boolean;
-    rowId: KeyValuesOf<RowData, React.Key>;
-};
-declare const SmartTable: <RowData extends RowDataObject>({ columns: initialColumns, data, width, selectable, rowId, }: SmartTableProps<RowData>) => react_jsx_runtime.JSX.Element;
-
-declare enum TabListVariant {
-    SOLID = "solid",
-    GHOST = "ghost",
-    FLAT = "flat",
-    LINE = "line"
-}
-declare enum TabListColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary"
-}
-declare enum TabListDirection {
-    HORIZONTAL = "horizontal",
-    VERTICAL = "vertical"
-}
-type TabListProps = {
-    openTab: string;
-    variant?: `${TabListVariant}`;
-    children?: React__default.ReactNode;
-    size?: `${SizeVariants}`;
-    color?: `${TabListColor}`;
-    radius?: `${RadiusVariants}`;
-    direction?: `${TabListDirection}`;
-    className?: string;
-    style?: React__default.CSSProperties;
-    tabs?: Array<{
-        id: string;
-        label: React__default.ReactNode;
-    }>;
-};
-
-type TabsProps = {
-    children: React__default.ReactNode;
-    defaultOpenTab: string;
-    onChange?: (id: string) => void;
-};
-declare const Tabs: {
-    ({ children, defaultOpenTab, onChange }: TabsProps): react_jsx_runtime.JSX.Element;
-    Tab: React__default.ForwardRefExoticComponent<TabProps & React__default.RefAttributes<HTMLSpanElement>>;
-    TabPanel: ({ id, children }: TabPanelProps) => React__default.ReactNode;
-    TabList: ({ children, ...props }: Omit<TabListProps, "openTab">) => react_jsx_runtime.JSX.Element;
-};
-type TabProps = {
-    id: string;
-    children: React__default.ReactNode;
-    className?: string;
-    style?: React__default.CSSProperties;
-    onClick?: (e: React__default.MouseEvent<HTMLSpanElement>) => void;
-};
-type TabPanelProps = {
-    id: string;
-    children: React__default.ReactNode;
-};
-
-type TagProps = HTMLAttributes<HTMLElement> & {
-    children: React.ReactNode;
-    isSelected?: boolean;
-    size?: `${SizeVariants}`;
-    radius?: `${RadiusVariants}`;
-};
-declare const Tag: ({ children, className: customClassName, isSelected, size, radius, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
-
-type TooltipProps = {
-    position?: `${PositionContainer.TOP}` | `${PositionContainer.LEFT}` | `${PositionContainer.RIGHT}` | `${PositionContainer.BOTTOM}`;
-    offset?: number | `${number}`;
-    disabled?: boolean;
-    children: React__default.ReactElement;
-    content: React__default.ReactNode;
-};
-declare const Tooltip: ({ position, children, content, offset, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
-type ClickToCopyProps = {
-    children?: React.ReactNode;
-    position?: TooltipProps['position'];
-    offset?: TooltipProps['offset'];
-    value: string;
-    tooltipText: string;
-    tooltipCopiedText?: string;
-    copiedTextTimeout?: number;
-};
-declare const ClickToCopy: ({ children, value, position, offset, tooltipText, tooltipCopiedText, copiedTextTimeout, }: ClickToCopyProps) => react_jsx_runtime.JSX.Element;
-
 declare enum TypographyVariant {
     HERO = "hero",
     HEADER1 = "header1",
@@ -1803,6 +1690,186 @@ declare const Typography: React__default.ForwardRefExoticComponent<React__defaul
     color?: `${ColorVariants}`;
 } & React__default.RefAttributes<unknown>>;
 
+type MenuProps = ModalProps & {
+    children: React__default.ReactNode;
+    contentClassName?: string;
+    contentStyle?: React__default.CSSProperties;
+    menuContentRef?: RefObject<HTMLUListElement>;
+};
+declare const Menu: {
+    ({ children, isOpen, onClose, id, menuContentRef, contentClassName, contentStyle, ...modalProps }: MenuProps): react_jsx_runtime.JSX.Element;
+    Option: ({ children, label, asCheckbox, icon, id, disabled, selected, className, style, onClick, ...liProps }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+    Divider: () => react_jsx_runtime.JSX.Element;
+    GroupLabel: ({ children, className, ...props }: Omit<TypographyProps, "variant">) => react_jsx_runtime.JSX.Element;
+    Group: ({ children, label, className, style, contentClassName, contentStyle, ...props }: MenuGroupProps) => react_jsx_runtime.JSX.Element;
+};
+type MenuOptionProps = Omit<React__default.HTMLAttributes<HTMLLIElement>, 'onClick'> & {
+    id?: string;
+    children?: React__default.ReactNode;
+    label?: React__default.ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    asCheckbox?: boolean;
+    icon?: IconNameT;
+    onClick?: (newValue: boolean) => void;
+};
+type MenuGroupProps = Omit<React__default.HTMLAttributes<HTMLLIElement>, 'onClick'> & {
+    children: React__default.ReactNode;
+    label: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+    contentClassName?: string;
+    contentStyle?: React__default.CSSProperties;
+};
+
+type PortalProps = {
+    id: string;
+    children: ReactNode;
+};
+declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.RefAttributes<unknown>>;
+
+type RippleProps = {
+    color?: string;
+    duration?: number;
+    timingFunction?: React__default.CSSProperties['animationTimingFunction'];
+    times?: number;
+    className?: string;
+    style?: React__default.CSSProperties;
+    zIndex?: React__default.CSSProperties['zIndex'];
+};
+declare const Ripple: ({ color, duration, timingFunction, times, className, style, zIndex, }: RippleProps) => react_jsx_runtime.JSX.Element;
+
+type KeyValuesOf<T, V> = {
+    [P in keyof T]-?: T[P] extends V ? P : never;
+}[keyof T];
+type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
+type Primitive = string | number | boolean;
+type RowDataObject = {
+    [key: string]: Primitive | object;
+};
+type ColumnDataCommon<RowData extends RowDataObject> = {
+    header: React__default.ReactNode;
+    sortBy?: KeyValuesOf<RowData, Primitive>;
+    icon?: IconNameT;
+    width?: `${number}px` | `${number}em` | `${number}%`;
+};
+type ColumnDataField<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
+    field: KeyValuesOf<RowData, Primitive>;
+    sortBy?: never;
+    render?: never;
+    Component?: never;
+};
+type ColumnDataRender<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
+    field?: never;
+    render: (row: RowData, rowKey: React__default.Key) => React__default.ReactNode;
+    Component?: never;
+};
+type ColumnDataComponent<RowData extends RowDataObject> = ColumnDataCommon<RowData> & {
+    field?: never;
+    render?: never;
+    Component: React__default.FC<{
+        data: RowData;
+        rowKey: React__default.Key;
+    }>;
+};
+type ColumnData<RowData extends RowDataObject> = ColumnDataField<RowData> | ColumnDataRender<RowData> | ColumnDataComponent<RowData>;
+
+type SmartTableProps<RowData extends RowDataObject> = {
+    columns: Array<ColumnData<RowData>>;
+    data: Array<RowData>;
+    width?: 'scroll' | 'content';
+    selectable?: boolean;
+    rowId: KeyValuesOf<RowData, React.Key>;
+};
+declare const SmartTable: <RowData extends RowDataObject>({ columns: initialColumns, data, width, selectable, rowId, }: SmartTableProps<RowData>) => react_jsx_runtime.JSX.Element;
+
+declare enum TabListVariant {
+    SOLID = "solid",
+    GHOST = "ghost",
+    FLAT = "flat",
+    LINE = "line"
+}
+declare enum TabListColor {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}
+declare enum TabListDirection {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+type TabListProps = {
+    openTab: string;
+    variant?: `${TabListVariant}`;
+    children?: React__default.ReactNode;
+    size?: `${SizeVariants}`;
+    color?: `${TabListColor}`;
+    radius?: `${RadiusVariants}`;
+    direction?: `${TabListDirection}`;
+    className?: string;
+    style?: React__default.CSSProperties;
+    tabs?: Array<{
+        id: string;
+        label: React__default.ReactNode;
+    }>;
+};
+
+type TabsProps = {
+    children: React__default.ReactNode;
+    defaultOpenTab: string;
+    onChange?: (id: string) => void;
+};
+declare const Tabs: {
+    ({ children, defaultOpenTab, onChange }: TabsProps): react_jsx_runtime.JSX.Element;
+    Tab: React__default.ForwardRefExoticComponent<TabProps & React__default.RefAttributes<HTMLSpanElement>>;
+    TabPanel: ({ id, children }: TabPanelProps) => React__default.ReactNode;
+    TabList: ({ children, ...props }: Omit<TabListProps, "openTab">) => react_jsx_runtime.JSX.Element;
+};
+type TabProps = {
+    id: string;
+    children: React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+    onClick?: (e: React__default.MouseEvent<HTMLSpanElement>) => void;
+};
+type TabPanelProps = {
+    id: string;
+    children: React__default.ReactNode;
+};
+
+type TagProps = HTMLAttributes<HTMLElement> & {
+    children: React.ReactNode;
+    isSelected?: boolean;
+    size?: `${SizeVariants}`;
+    radius?: `${RadiusVariants}`;
+};
+declare const Tag: ({ children, className: customClassName, isSelected, size, radius, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
+
+type TooltipProps = {
+    position?: `${PositionContainer.TOP}` | `${PositionContainer.LEFT}` | `${PositionContainer.RIGHT}` | `${PositionContainer.BOTTOM}`;
+    offset?: number | `${number}`;
+    disabled?: boolean;
+    children: React__default.ReactElement;
+    content: React__default.ReactNode;
+};
+declare const Tooltip: ({ position, children, content, offset, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+type ClickToCopyProps = {
+    children?: React.ReactNode;
+    position?: TooltipProps['position'];
+    offset?: TooltipProps['offset'];
+    value: string;
+    tooltipText: string;
+    tooltipCopiedText?: string;
+    copiedTextTimeout?: number;
+};
+declare const ClickToCopy: ({ children, value, position, offset, tooltipText, tooltipCopiedText, copiedTextTimeout, }: ClickToCopyProps) => react_jsx_runtime.JSX.Element;
+
 type FormProps<T extends FieldValues> = {
     onSubmit: SubmitHandler<T>;
     children: React.ReactNode;
@@ -1904,6 +1971,8 @@ type PaletteThemeEntity = {
         main: string;
         paper: string;
         disabled: string;
+        light: string;
+        dark: string;
     };
     text: {
         main: string;
@@ -3949,4 +4018,4 @@ type SectionLayoutProps = {
 };
 declare const SectionLayout: React$1.ForwardRefExoticComponent<SectionLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionItem, ActionModal, type ActionModalProps, AsideModal, Backdrop, type BackdropProps, Breakpoints, Button, type ButtonProps, ButtonVariant, Checkbox, ClickToCopy, CommonTheme, type CommonThemeEntity, ConfirmationModal, Controller, Cursor, DarkTheme, DatePicker, type DeepPartial, FetchProvider, Field, FieldOrientation, type FieldProps, FieldVariant, Flex, FlipCard, Form, Grid, HoverCard, HttpClient, Icon, type IconNameT, IconNames, Image, InfinityScroll, type InfinityScrollProps, Input, InputColor, type InputFieldProps, InputFile, InputPassword, type KeyValuesOf, LightTheme, Line, LineOrientation, LineStyle, Menu, type MenuOptionProps, Modal, ModalBackdrop, type ModalProps, type PaletteThemeEntity, Portal, Radio, Ripple, SectionLayout, Select, SimpleLoader, SlideCard, Slider, SmartTable, Switch, THEME, Tabs, Tag, Textarea, type ThemeColor, ThemeConstants, type ThemeConstantsEntity, type ThemeEntity, ThemeProvider, Tooltip, type TooltipProps, Typography, TypographyComponent, type TypographyEntity, TypographyVariant, TypographyVariants, TypographyVariantsClassNames, TypographyVariantsElements, TypographyWeight, useAccordionItem, useFetch, useMyTheme };
+export { Accordion, AccordionItem, ActionModal, type ActionModalProps, AsideModal, Backdrop, type BackdropProps, Breakpoints, Button, type ButtonProps, ButtonVariant, Checkbox, ClickToCopy, CommonTheme, type CommonThemeEntity, ConfirmationModal, Controller, Cursor, DarkTheme, DatePicker, type DeepPartial, FetchProvider, Field, FieldOrientation, type FieldProps, FieldVariant, Flex, FlipCard, Form, Grid, HoverCard, HttpClient, Icon, type IconNameT, IconNames, Image, InfinityScroll, type InfinityScrollProps, Input, InputColor, type InputFieldProps, InputFile, InputPassword, type KeyValuesOf, LightTheme, Line, LineOrientation, LineStyle, LoaderIcons, Menu, type MenuOptionProps, Modal, ModalBackdrop, type ModalProps, type PaletteThemeEntity, Portal, Radio, Ripple, SectionLayout, Select, SimpleLoader, SlideCard, Slider, SmartTable, Switch, THEME, Tabs, Tag, Textarea, type ThemeColor, ThemeConstants, type ThemeConstantsEntity, type ThemeEntity, ThemeProvider, Tooltip, type TooltipProps, Typography, TypographyComponent, type TypographyEntity, type TypographyProps, TypographyVariant, TypographyVariants, TypographyVariantsClassNames, TypographyVariantsElements, TypographyWeight, useAccordionItem, useFetch, useMyTheme };